基于HTML5的响应式网站的设计与实现(论文)正文(4)

2019-04-02 23:18

**********************************

方便的特性。 B/S 架构的平台只需要管理服务器就行了,所有的客户端只是浏览器,根本不需要做任何的维护。无论用户的规模有多大,有多少分支机构都不会增加任何维护升级的工作量,所有的操作只需要针对服务器进行;如果是异地,只需要把服务器连接专网即可,实现远程维护、升级和共享。所以客户机越来越“瘦”,而服务器越来越“胖”是将来信息化发展的主流方向。今后,系统升级和维护会越来越容易,而使用起来会越来越简单,这对用户人力、物力、时间、费用的节省是显而易见的。

⑵成本降低,选择更多

大家都知道 windows 在桌面电脑上几乎一统天下,浏览器成为了标准配置,但在服务器操作系统上 windows 并不是处于绝对的统治地位。现在的趋势是凡使用 B/S 架构的应用管理软件,只需安装在 Linux 服务器上即可,而且安全性高。所以服务器操作系统的选择是很多的,不管选用那种操作系统都可以让大部分人使用 windows 作为桌面操作系统电脑不受影响,这就使的最流行免费的 Linux 操作系统快速发展起来,Linux 除了操作系统是免费的以外,连数据库也是免费的,这种选择非常盛行[17]。

2.7 MySQL概述

由瑞典MySQL AB 公司开发,目前MySQL是一个关系型数据库管理系统,

属于 Oracle 旗下公司。MySQL 最流行的关系型数据库管理系统,在 WEB 应用方面MySQL是最好的关系数据库管理系统 ( Relational Database Management System, RDBMS ) 应用软件之一

[18]

MySQL所使用的 SQL 语言是用于访问数据库的最常用标准化语言。MySQL 软件采用了双授权政策,它分为社区版和商业版,由于其体积小、速度快、总体拥有成本低,尤其是开放源码这一特点,一般中小型网站的开发都选择 MySQL 作为网站数据库

[19]

12

**********************************

3. 系统需求分析

3.1 系统基本需求

通过网站建设,借助网络推广企业的形象、宣传企业的产品、发布公司新闻,从而使更多的用户认识企业、了解企业,同时采用面向未来的第四代网站技术,以html5为基础,自适应pc、笔记本、pad、手机等不同尺寸的终端。“一次设计、普遍适用”。设计时尚大气,更好的展示企业品牌形象、更利于网站优化、后台管理更便捷。迎合移动互联网的趋势,增加移动终端的客户转化率。

本系统从功能上,可分为:

前端功能包括:信息浏览,站内查询,会员注册,会员登录 会员功能包括:藏品鉴定,藏品养护

后台功能包括:商品管理,问答管理,会员管理,内容管理

网络平台管理员 会员商品管理问答管理会员管理内容管理游客藏品鉴定藏品养护会员登录会员注册站内搜索信息浏览图3-1 系统访问权限图

从访问权限上,可分为系统管理员,会员,游客。系统的权限设计使得不同的角色只能使用相对应的功能。系统管理员可以使用所有功能,包括前端的信息浏览、站内查询、会员注册、会员登录功能,会员的藏品鉴定、藏品养护功能,以及后台的商品管理、问答管理、会员管理和内容管理功能;会员可以使用前端的信息浏览、站内查询、会员注册、会员登录功能,会员的藏品鉴定、藏品养护功能;游客只能使用前端的信息浏览、站内查询功能和会员的会员注册功能。具体权限如图3-1.

13

**********************************

3.2 系统用例图 3.2.1 系统管理员用例

系统管理员则负责具体信息系统日常管理和维护,具有信息系统的最高管理权限。

问答管理会员管理商品管理内容管理后台管理藏品鉴定会员功能管理员藏品养护前端功能会员登录信息浏览站内搜索会员注册图3-2 管理员用例图

系统管理员可以使用所有功能,包括前端的信息浏览、站内查询、会员注册、会员登录功能,会员的藏品鉴定、藏品养护功能,以及后台的商品管理、问答管理、会员管理和内容管理功能。用例图如图3-2.

3.2.2 会员用例

会员是指通过正规流程申请提交基本信息,加入公司会员系统的客户。

14

**********************************

藏品鉴定藏品养护会员功能会员登录会 员前端功能会员注册站内搜索信息浏览图3-3 会员用例图

会员可以使用前端的信息浏览、站内查询、会员注册、会员登录功能和会员的藏品鉴定、藏品养护功能。用例图如图3-3.

3.2.3 游客用例

游客是指,通过互联网在在线访问浏览网站,之前和公司无关联的访客。

会员注册游 客前端功能站内搜索信息浏览图3-4 游客用例图

游客只能使用前端的信息浏览、站内查询功能和会员的会员注册功能。用例图如图3-4.

15

**********************************

4. 系统设计与实现

4.1 系统设计原则

1.移动优先原则

随着移动互联网的发展,移动设备的不断增加,考虑到当前的发展形势,优先考虑移动设计无可厚非。所谓移动优先原则是指,整个页面设计的流程优先考虑到移动设备的兼容显示,再次前提下在考虑PC机的兼容显示。

2.触控优先原则

对触控优先原则的考虑也是基于移动互联网的发展迅速的前提下提出的。在移动设备终端上目前触控是我们主要的一种人机交互方式。基于这点在设计页面上就应该优先考虑设计出易于手指触摸的按钮等交互元素其次才是考虑同样易于鼠标点击的按钮等其他元素。所以网页设计师应该先从触控优先原则入手设计页面,之后在此基础上对页面进行适当的调整以达到对PC端的兼容显示。使网页上的相关交互元素既适合手指触摸又适合鼠标点击。

3.弹性化原则

在弹性化布局的基础上引入CSS媒介查询的功能使得web响应式的设计和开发思路让页面真正的富有弹性。页面布局再不会被破坏,图片的尺寸可以被自动调整。这样无论用户使用任何设备,页面都能够自动响应与调整。

4.宏观性原则

在响应式 Web 开发过程中,设计人员在项目的每一个阶段都要在多种浏览器和不同尺寸屏幕中进行测试,以尽早发现问题。

5.开放性原则

支持跨平台运行的体系架构,系统可以运行在各种Windows平台。系统具备互操作性和可扩展性性,具有兼容性。

6.稳定性原则

保证系统采用成熟稳定的操作系统、数据库、网络协议等,保证系统长期稳定的不间断运行。

7.安全性原则

对于基于网络的应用,最重要的问题之一是安全性。系统具备精细的权限管理,在网络安全各个环节采用有力措施,保证系统网络整体安全性。

16


基于HTML5的响应式网站的设计与实现(论文)正文(4).doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:全煤系统文明煤矿(单位)考核评估指导标准

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: