基于响应式的苏工院学工处网站建设-毕业设计

《基于响应式的苏工院学工处网站建设-毕业设计》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、摘要:本次设计是采用B/S结构制作的学校学工处网站。网站前端使用的是D1V+CSS技术,以及响应式开发技术。实现前端的模块化布局和多平台的友好访问。网站的后台是用当今主流的JAVA和PHP两种语言分别开发。实现从数据库对网站进行操作，实现网站的动态效果。网站前端页面主要展示了学校所有的新闻，在建言献策页面可以发送留言，回复页面可以回复相关留言。网站的后台实现对新闻增删查改操作，管理员分配和留言的审查。下面就是对本次设计的详细说明。词：网站建设、JAVA、PHP、响应式、数据库Abstract:ThisdesignusetheB/Sframe.ThefrontpageuseDTV+

2、CSSways,andtheresponsetypedevelopmenttechnology.Realizethefront-endmodularlayoutandmulti-platfomifriendlyvisit.ThewebsitebackstageisusedtheJAVAlemguageandPHPlanguage.Usingdatabasetomanagethewebsite,Makesitebecomedynamicwebsite.Websitefrontpagemainlyshowsallthenewsabouttheschool,everyonecanals

3、osendtheideainthemessagepeige.backstagetoimplementationaddordeletecheckchangeoperation,Administratorstoassignrolesandmemagementofnewscomments.Thefollowingisthedetailsofthedesign.Keywords:websitebuilding,JAVA,PUP,responsive，database目录一.引言1二.系统分析1（一）需求分析1（二）可行性分析1（三）开发环境1三•系统设计2（一）前台模块设计2（二）后台模

4、块设计4（三）后台运行流程4四.数据库设计5（一）数据库需求5（二）数据库概念模型6（三）数据表设计8五•系统详细设计9（一）前后台页面设计91・前端页面设计92.框架页面设计12（二）动态网站的实现Java131.管理员登录功能132.新闻列表显示功能153.新闻查询功能174.新闻删除功能185.新闻修改功能196.新闻的添加功能217.前台新闻显示功能23（三）动态网站的实现PHP241.数据库连接252.管理员登录功能（查询比较操作）253.新闻列表页而（查询显示操作）264.新闻添加（添加数据操作）265.新闻的删除（数据删除操作）276.用户登出功能27六.响应式网页

5、设计28（一）响应式网站28（二）本站前端响应式设计28（三）网站效果图28七.JAVA与PHP的对比研究31（一）语言的难易性比较31（二）语言的运行快慢比较31（三）语言的应用范围31八.总结32致谢33参考文献36一.引言随着网站建设的技术不断更新，现有的学校学工处网站存在运行的不稳定性已经不能满足良好的用户体验需求。为了解决现有网站运行的不稳定和实现多种终端实现友好访问，实现用户体验的舒适性，本课题主要是利用主流技术重新建设一个学校学工处网站，来展示学校的各类新闻，解决原网站的一些不稳定因素，达到如今网站发展的需求。网站前台利用WEB开发工具SublimeText进行开发

6、，使用媒体查询技术实现网站的响应式效果，前台主要功能是展示校内的各种新闻和学生们建言献策。网站后台开发利用MyEclipse,Tomcat以及MySQL数据库搭建的WEB运行环境，建成后实现新闻的增删查改功能，管理员动态分配的功能和学生留言管理的功能。二.系统分析（一）需求分析学校通过网站快速传播校内外新闻，让同学们及吋了解学校动态。学生们也可以利用留言板功能把自己的意见、建议反馈给学校，让学校和学生的互动更加便捷时效,也就是说网站前台必须要有各类新闻展示功能和用户留言的功能。网站后台通过对数据库操作对新闻进行操作，能够对管理员账户进行分配，能够管理学生的留言和冋复,因此后台必须

7、要有新闻的增删查改操作功能，管理员添加操作功能，留言审核功能。网站设计好后能够同吋在手机、平板以及电脑浏览器中运行，实现同一网站不同终端的访问，达到节省开发成本和良好用户体验的效果。（二）可行性分析新闻展示、新闻管理、管理员管理等都是对数据库进行增删查改，而数据库都留有对外使用的接口，因此使用语言对数据库进行操作是完全可行的。而我们开设的JAVAWEB开发课程完全满足此次网站建设需求，所有建设此网站是完全可行的。另外使网站在多平台运行使用的是媒体查询技术，与选学的响应式网站设计课