响应式的学工处网站建设
一.引言 1
二.系统分析 1
（一）需求分析 1
（二）可行性分析 1
（三）开发环境 1
三.系统设计 2
（一）前台模块设计 2
（二）后台模块设计 4
（三）后台运行流程 4
四.数据库设计 5
（一）数据库需求 5
（二）数据库概念模型 6
（三）数据表设计 8
五.系统详细设计 9
（一）前后台页面设计 9
1.前端页面设计 9
2.框架页面设计 12
（二）动态网站的实现Java 13
1.管理员登录功能 13
2.新闻列表显示功能 15
3.新闻查询功能 17
4.新闻删除功能 18
5.新闻修改功能 19
6.新闻的添加功能 21
7.前台新闻显示功能 23
（三）动态网站的实现PHP 24
1.数据库连接 25
2.管理员登录功能（查询比较操作） 25
3.新闻列表页面（查询显示操作） 26
4.新闻添加（添加数据操作） 26
5.新闻的删除（数据删除操作） 27
6.用户登出功能 27
六.响应式网页设计 28
（一）响应式网站 28
（二）本站前端响应式设计 28
（三）网站效果图 28
七.JAVA与PHP的对比研究 31
（一）语言的难易性比较 31
（二）语言的运行快慢比较 31
（三）语言的应用范围 31
八.总结 32
致谢 33
参考文献 34
一.引言
随着网站建设的技术不断更新，现有的学校学工处网站存在运行的不稳定性已经不能满足良好的用户体验需求。为了解决现有网站运行的不稳定和实现多种终端实现友好访问，实现用户体验的舒适性，本课题主要是利用主流技术重新建设一个学校学工处网站，来展示学校的各类新闻，解决
*景先生毕设|www.jxszl.com +Q: 3 5 1 9 1 6 0 7 2
言的应用范围 31
八.总结 32
致谢 33
参考文献 34
一.引言
随着网站建设的技术不断更新，现有的学校学工处网站存在运行的不稳定性已经不能满足良好的用户体验需求。为了解决现有网站运行的不稳定和实现多种终端实现友好访问，实现用户体验的舒适性，本课题主要是利用主流技术重新建设一个学校学工处网站，来展示学校的各类新闻，解决原网站的一些不稳定因素，达到如今网站发展的需求。
网站前台利用WEB开发工具Sublime Text进行开发，使用媒体查询技术实现网站的响应式效果，前台主要功能是展示校内的各种新闻和学生们建言献策。网站后台开发利用MyEclipse，Tomcat以及MySQL数据库搭建的WEB运行环境，建成后实现新闻的增删查改功能，管理员动态分配的功能和学生留言管理的功能。
二.系统分析
（一）需求分析
学校通过网站快速传播校内外新闻，让同学们及时了解学校动态。学生们也可以利用留言板功能把自己的意见、建议反馈给学校，让学校和学生的互动更加便捷时效，也就是说网站前台必须要有各类新闻展示功能和用户留言的功能。网站后台通过对数据库操作对新闻进行操作，能够对管理员账户进行分配，能够管理学生的留言和回复，因此后台必须要有新闻的增删查改操作功能，管理员添加操作功能，留言审核功能。
网站设计好后能够同时在手机、平板以及电脑浏览器中运行，实现同一网站不同终端的访问，达到节省开发成本和良好用户体验的效果。
（二）可行性分析
新闻展示、新闻管理、管理员管理等都是对数据库进行增删查改，而数据库都留有对外使用的接口，因此使用语言对数据库进行操作是完全可行的。而我们开设的JAVA WEB开发课程完全满足此次网站建设需求，所有建设此网站是完全可行的。另外使网站在多平台运行使用的是媒体查询技术，与选学的响应式网站设计课程契合，因此，跨平台访问达到良好的用户体验的设计也是完全可以做到的。
（三）开发环境
开发所用系统：Windows 7
开发所需编辑器：Dreamweaver cs6、Submlie Text3、MyEclipse10.0、PHPstorm
开发所用浏览器：火狐浏览器、IE浏览器、Chrome浏览器
开发所用数据库：MySQL5.6数据库
开发所用服务器：Apache 服务器、PHP 5.6
三.系统设计
（一）前台模块设计
前台页面包括首页、思想教育、学生天地、学生动态、系部动态、留言板、留言板详细等页面，主要用来展现学校发生的所有的新闻和收集学生的意见、建议。网站逻辑结构如图3-1所示:
图3-1 前台页面逻辑图
首页展现所有模块，起导航作用。首页包含导航、公告与通知、热点图文展示、学工处入口、辅导员博客、及常用的校内网站链接。如图3-2所示:
图 3-2 首页设计示意图
网站的二级页面是新闻列表页面。通过首页的导航可进入各种新闻的列表页面，新闻列表页面包括导航、新闻列表等内容，主要作用是显示新闻的标题列表，起三级页面导航作用。如图3-3所示:
图3-2
图3-3 二级页面设计示意图
新闻详细页面。通过新闻列表页面的超级链接进入新闻详细展示页面，新闻详细页面展示新闻详细内容、新闻有关图片、栏目导航、最新新闻等栏目，如图3-4所示:
图 3-4 三级页面设计示意图
留言板页面用来给用户填写留言和分别展示留言列表。点击建言献策超链接，进入建言献策页面。页面设计为上中下三段式网页，上部依旧是导航等内容，中部为留言标题列表页面，下部为用户留言的表单，如图3-5所示:
图 3-5 留言页面设计示意图
留言板详细页面显示所有的用户的留言和实现回帖功能。点击留言板页面的留言标题列表，跳转进入详细页面，页面展示留言标题等内容，页面底部为用户留言表单，页面结构类似于图3-5。
（二）后台模块设计
后台页面包括管理员权限分配，新闻内容管理，留言内容管理等，使用框架页面，页面设计如图3-6所示:
图 3-6
