4。1。2 新闻资讯 14

4。1。3 产品介绍 18

4。1。4 农场问问 19

4。1。5 问卷调查 21

4。2 账号管理模块设计 22

4。2。1 用户注册 22

4。2。2 用户登录 28

4。2。3 用户注销 31

4。2。4 使用session记录会话 32

4。2。5 首次登陆闪屏功能 34

4。3 网站后台设计 35

4。3。1 后台管理首页 35

4。3。2 首页banner管理 38

4。3。3 新闻动态管理 39

4。3。4 用户管理 45

4。3。5 bnm-alert插件 47

5 系统测试 49

5。1 测试用例 49

6 结论 51

致谢 52

参考文献 53

1绪论

1。1研究背景

随着网络的快速普及和发展，通过报纸、广播和电视等传统媒体获取信息已不能满足用户日益增强的信息需求，网络信息的即时性是它最大的优点所在，人们可以通过网络快速搜索到自己所需的信息。由此大量各式各样的门户网站相继出现，满足不同用户的不同需求，大大减少了人们获取信息所需的时间，提高了信息交流的效率。

现在主流的门户网站大多都是由前端HTML5、CSS和JavaScript加上后端PHP技术的组合来完成网站的开发。主流框架有AngularJS、VueJS 和ReactJS等。这次选择使用AngularJS框架完成网站的开发任务。

1。2相关技术简介

1。2。1HTML5概述

HTML,超级文本标记语言。在互联网发展之中起到重要作用的核心语言,如果你想要编辑一个网页那你绝对离不了它。HTML5是W3C(万维网联盟)发布的第五次重大修改版本。自从20世纪末发布了HTML第4版本标准通用标记语言之后HTML5和其他标准便被搁置。之后通过WHATWG(Web超文本应用技术工作组)和W3C共同合作之下创建出了一个新的版本。

自从12年12月发布草案至今,已经进行了大量的整改,主要针对多媒体的支持,性能和兼容得到了进一步的提升。HTML5设计的最初目的就是为了让原本在PC平台上流行的HTML也能够在移动设备上拥有多媒体的支持。为此新添加了许多之前HTML4当中没有的标签,例如audio音频标签可以更加高效的处理媒体文件,摆脱对flash插件的依赖,还有video多媒体标签、canvas等,同时淘汰掉了过去版本中冗余的属性和标签等。

1。2。2AngularJS概述

AngularJS由Misko Hevery等人创建于2009年。它是一款基于JS的前端框架。AngularJS作为流行的前端框架使用了类似MVC的MVVC设计模式,双向数据绑定,更加模块化的代码类似controller模块、directive模块和service模块等等,语义化标签和依赖注入等也是它的特点。现在主流版本是AngularJS2,压缩后只有100k左右,而且被绝大多数流行的浏览器所兼容并且能与jQuery 良好的配合。

Angular最吸引人的大概就是他的数据监听机制,通过$scope连接Model数据层和View显示层的数据,自动进行双向数据绑定,任意一个改变另一个也会随之改变。这使得前端开发人员不再需要反复的获取页面当中的DOM元素来进行手动的数据刷新。可以将更多的精力和时间用在项目功能逻辑的实现上。作为一个不那么传统的MVC框架,更接近于MVVC的设计模式,通过利用ViewModel层的$scope串联了Model和View完成数据的双向传递。