济南网站建设,网站运营维护,网站优化
建站讨论您当前的位置:智达维网络科技 > 建站知识 > 建站讨论 >

济南网站建设中高校门户网站技术

更新时间:2018-03-27 13:31:40 作者:千寻建站 访问量:10

济南网站建设中高校门户网站技术
济南网站建设中高校门户网站技术

1 济南网站建设中高校门户网站前端设计

    随着移动互联网的发展与普及,高校网站的页面一方面要满足传统PC端的访问,另一方面更要能适应各种移动端设备,这就要求网站的页面能响应和兼容不同的终端设备。基于以上考虑,高校门户网站在前端UI设计可以从以下两个方面来进行。
1.1 扁平化设计
    扁平化设计是网页设计和移动操作系统设计的发展趋势。扁平化概念的核心意义是:去除冗余、厚重和繁杂的装饰效果。在具体设计上表现在去掉多余的透视、纹理、渐变以及3D效果的元素,让网页承载的“信息”本身作为页面的核心更为凸显。同时在设计元素上,强调抽象、极简和符号化。尤其在各种移动设备上,更少的按钮和选项使得界面干净整齐,使用起来也就格外方便。页面经过扁平化的UI设计,加上先进的HTML5技术及CSS3动画效果,元素之间有着更清晰的布局与层次,视觉效果更加鲜明,用户不需要去更多得了解网站控件的功能,就能直观的知道每个元素的作用及交互。经过这种设计的网站交互性发挥到极致,极大的减少了用户学习新的交互方式的成本,从整体上也更显高端大气,用户体验得到了显著提高。随着扁平化技术的发展,在页面扁平化设计时可以将某一项特效融入其中,这样传达的感情会更加丰富。例如:在网页设计的过程中加入一些轻柔的阴影,从极简主义的扁平化设计演变为半扁平化的设计,可进一步增强用户的体验。
1.2 卡片设计
    网站的卡片设计是指站内的交互信息,包含一定图片和文本信息在内,通常以长方形或者正方形的卡片方式作为信息的承载体,指向更多详细信息的入口。卡片式设计适合应用于流量分发的页面,比如高校门户主网站的布局中校内各院系介绍,公共服务,行政机构等都可以使用菜单导航与卡片设计结合,使网页的功能更有层次与立体感。卡片设计直观而自然,给人很好的视觉一致性,也易于设计上的更新与迭代,增强了网站在前端设计上的可伸缩与可扩展。在处理PC和移动端多平台页面一致性时也有很好的效果,提供了一个整合及统一多种不同信息结构的框架,把相关的信息和操作集中在一个实体上,更符合人的认知习惯。高校门户网站前端的设计中建议采用传统的栅格与卡片相结合,在网站整体布局上根据功能与栏目采用格化,在每个栏目内则可以采用卡片式设计来承载各子功能的展示或入口,使网站的页面在布局与交互上更加清晰。

2 后端架构

    高校门户网站的访问量与日俱增,由于一些特殊的情况,可能出现一些特别的峰值,如何应对这种高并发,网站的后端架构显的尤为重要。后端架构的合理性决定了网站是否具有如下特点:高性能、可伸缩、可扩展、高可用。
2.1 反向代理
    反向代理服务器接受客户端过来的服务请求,将请求转发给网站后端内部的服务器,并将从服务器上得到的结果返回给Internet上请求连接的客户端,作用是用一个端口跑多个应用,在后端的架构中通常采用Nginx作为反向代理服务器。反向代理服务器监听80端口,所有请求都首先经过Nginx服务器,然后Nginx将请求转发给内部服务器(负载均衡器),而内部服务器(负载均衡器)则可以有多个。
2.2 负载均衡器
    根据负载策略把反向代理发过来的请求分发到集群中的某一台Web应用服务器上,让整个后端Web应用服务器群来处理网站的并发请求。Ngnix是常用的通过软件方式实现的负载均衡器。由于负载均衡器存在单点故障的问题,所以在网站架构中,一般采用主备负载均衡设备集群的方式解决单点故障和高并发请求分流,实现网站的高可用。主、备两台服务器之间使用Keepalived做健康监控和故障检测,当主服务器出现故障时,请求服务自动转移到备用服务器。
2.3 Web应用服务器
    从负载均衡器过来的客户端请求传送到网站的Web应用服务器,Web应用服务器采用集群部署,需要对网站的整个应用与功能按照垂直或者水平进行切分,比如可以按照院系介绍,公共服务,行政部门等进行切分,将不同的应用服务部署在不同的服务器上,也可以几台应用服务器进行相同的部署,由负载均衡器平衡、分摊到各台部署的Web服务器上。
2.4 文件(图片)服务器
    图片是网站中必不可少的一个组成部分,随着网站的不断发展,待处理的图片量也将持续增长。因此在高校门户网站的建设中面临“海量图片资源”的存储、访问等相关技术问题。如果将图片服务和应用服务放在同一个服务器的话,应用服务器很容易会因为图片的高I/O负载而崩溃,因此有必要将图片服务器和应用服务器分离。这时的解决方案就是针对图片进行单独服务器部署,也就是图片服务器。另外在网站中还存在大量的CSS以及JS文件,需要将这些静态文件与动态页面分离到不同服务器上处理,实现网站的动静分离。图片服务器将这些常用的图片以及静态文件,通过缓存策略,提前放入缓存中,以减轻系统的压力,能够有效地提高网站的吞吐能力。
2.5 缓存服务器
    在后台的数据存储中,数据库都很脆弱,一般都会在前面设置一层数据缓存层。所谓网站的优化速度,其实就是优化缓存。把热点数据缓存在一个专门的服务器或者缓存集群中,在网站后端启动的时候,如果应用程序请求的数据在缓存中,就直接返回,否则去数据库中取,并把需要更新的数据更新到缓存系统,提高读性能,用以降低数据库的压力。在缓存实现上分为本地缓存和分布式缓存,本地缓存是将数据缓存到本地服务器内存中。分布式缓存则是将数据缓存到分布式系统的内存中,扩展性好。常用的分布式缓存系统主要有Memcached和Redis。
2.6 数据库
    网站需要存储大量的数据,为达到大量数据的存储与高效访问,采用冗余的方式进行数据库系统设计。数据库进行读写分离:采用一主一备,一主多备或多主多备的方式。其中一台主服务器进行读数据,另外一台备服务器进行写数据,然后将备服务器上的数据再同步到主数据库服务器上。如果数据压力很大,则可以采用数据库集群,多台服务器进行读数据,或者多台服务器进行写数据,需要注意的是整个过程中都要保证应用数据的一致性。数据库访问压力的另一种解决方案是进行数据库分布式部署,根据业务应用对数据库进行分库分表。

    文章说明:本站发布的所有文章,版权均属于智达维网络科技。如需转载、摘编或利用其它方式使用上述作品,请注明“转载自:智达维网络科技”或“转载自:智达维网络科技/网站建设相关文章”,谢谢您的浏览!

相关推荐
热线:0531-87583458 电话:0531-66812586 QQ:2676834962
Copyright 智达维网络科技 版权所有
ICP备案编号:鲁ICP备11034527号-1 鲁公网安备 37010402000703号

扫二维码加微信咨询

拨打客服热线

0531-87583458

在线客服