基于响应式的苏工院学工处网站建设.docxVIP

基于响应式的苏工院学工处网站建设系部：软件与服务外包学院学生姓名：专业班级：学号：指导教师：2016年2月20日声明本人所呈交的 基于响应式的苏工院学工处网站建设，是我在指导教师的指导和查阅相关著作下独立进行分析研究所取得的成果。除文中已经注明引用的内容外，本论文不包含其他个人已经发表或撰写过的研究成果。对本文的研究做出重要贡献的个人和集体，均已在文中作了明确说明并表示谢意。作者签名：日期：2016.02.20摘要:本次设计是采用B/S结构制作的学校学工处网站。网站前端使用的是DIV+CSS技术，以及响应式开发技术。实现前端的模块化布局和多平台的友好访问。网站的后台是用当今主流的JAVA和PHP两种语言分别开发。实现从数据库对网站进行操作，实现网站的动态效果。网站前端页面主要展示了学校所有的新闻，在建言献策页面可以发送留言，回复页面可以回复相关留言。网站的后台实现对新闻增删查改操作，管理员分配和留言的审查。下面就是对本次设计的详细说明。关键词:网站建设、JAVA、PHP、响应式、数据库Abstract:This design use the B/S frame. The front page use DIV + CSS ways, and the response type development technology. Realize the front-end modular layout and multi-platform friendly visit. The website backstage is used the JAVA language and PHP language. Using database to manage the website, Make site become dynamic website. Website front page mainly shows all the news about the school, everyone can also send the idea in the message page. backstage to implementation add or delete check change operation, Administrators to assign roles and management of news comments. The following is the details of the design.Keywords: website building, JAVA, PHP, responsive,database一.引言随着网站建设的技术不断更新，现有的学校学工处网站存在运行的不稳定性已经不能满足良好的用户体验需求。为了解决现有网站运行的不稳定和实现多种终端实现友好访问，实现用户体验的舒适性，本课题主要是利用主流技术重新建设一个学校学工处网站，来展示学校的各类新闻，解决原网站的一些不稳定因素，达到如今网站发展的需求。网站前台利用WEB开发工具Sublime Text进行开发，使用媒体查询技术实现网站的响应式效果，前台主要功能是展示校内的各种新闻和学生们建言献策。网站后台开发利用MyEclipse，Tomcat以及MySQL数据库搭建的WEB运行环境，建成后实现新闻的增删查改功能，管理员动态分配的功能和学生留言管理的功能。二.系统分析（一）需求分析学校通过网站快速传播校内外新闻，让同学们及时了解学校动态。学生们也可以利用留言板功能把自己的意见、建议反馈给学校，让学校和学生的互动更加便捷时效，也就是说网站前台必须要有各类新闻展示功能和用户留言的功能。网站后台通过对数据库操作对新闻进行操作，能够对管理员账户进行分配，能够管理学生的留言和回复，因此后台必须要有新闻的增删查改操作功能，管理员添加操作功能，留言审核功能。网站设计好后能够同时在手机、平板以及电脑浏览器中运行，实现同一网站不同终端的访问，达到节省开发成本和良好用户体验的效果。（二）可行性分析新闻展示、新闻管理、管理员管理等都是对数据库进行增删查改，而数据库都留有对外使用的接口，因此使用语言对数据库进行操作是完全可行的。而我们开设的JAVAWEB开发课程完全满足此次网站建设需求，所有建设此网站是完全可行的。另外使网站在多平台运行使用的是媒体查询技术，与选学的响应式网站设计课程契合，因此，跨平台访问达到良好的用户体验的设计也是完全可以做到的。（三）开发环境开发所用系统：Windows 7开发所需编辑器：Dreamweaver cs6、Submlie Text3、MyEclipse10.0、PHPstorm开发所用浏览器：火狐浏览器、IE浏览器、Chrome浏览器开发所用数据库