在前台页面调用操作类中的相关方法，获得查询到的数据，然后将查询结果遍历显示在前台页面中，进行次此类似操作，或将函数封装，依次调用效果类似，如图，图所示图首页新闻效果图,,,,,,,,图首页新闻效果图数据库操作类中的主要代码三动态网站的实现是种内嵌式的语言。它具有内置函数非常丰富，使用简单，开发周期短等特点，被广泛小的网络科技公司看中。在硬件技术发达的今天，运行速度的劣势完全可思想教育以用硬件替代，因此是不可多得的经济型语言。所以，本站也使用语言，作为服务器端语言，使用面向过程进行了网站的开发。数据库连接提供了数据库连接函数，使用函数连接后返回资源类型，资源存在，则连接数据库成功，资源不存在的话，直接打印数据库连接失败，此代码可以作为配置页面执行，可以减少数据库的连接端口数，减轻运行负担。实现代码如下管理员登录功能查询比较操作表单收集用户提交管理员姓名与管理员密码到控制登录的页面，处理页面负责接收数据，拼接查询语句，查询数据库是否由此数据。如果查询到有此用户名并且密码匹配，则跳转进入后状态下屏幕显示的内容分别写自己的样式三网站效果图网页最终效果如图图图所示退出成功,屏幕最小宽度为的网页所用样式屏幕宽带处于到之间网页所用样式屏幕宽带处于到之间网页所用样式屏幕最大宽度为的网页所用样式图电脑屏幕访问效果图图平板访问效果图图手机访问效果图七与的对比研究在用两种编程语言对网站进行设计时，发现了两种语言各自的优缺点。以下是两种语言的比较，仅作为自己的观点。语言的难易性比较语言学习时间较长，编程是出现问题时往往要很多页面联合起来，排除。语言学习周期较短，内置函数丰富，使用简单。二语言的运行快慢比较语言第次运行时速度稍慢，因为程序第次运行时对文件进行编译，在以后的调用中，程序执行编译好的文件，所以运行速度很快。语言是程序运行时对所用的内容都执行遍，所用访问的速度比较的慢。在做网站过程中是能感受到两种语言运行区别的。三语言的应用范围语言运用非常的广泛，例如网站的开发手机系统的开发，游戏程序的开发，应用软件的开发等。而语言般只在网站开发时使用。八总结基于响应式的苏工院学工处网站建设利用技术完成前端布局，使用媒体查询技术完成响应式设计。网站使用语言和语言对数据库进行操作，实现动网效果。本网站主要作用是展示学工处所用的新闻，和留给学生个可以自由提出建议意见的地方。网站包括学工动态系部动态思想教育素质教育事物管理学生资助心理健康宿舍管理学生天地行政公文以及谏言献策模块。新闻列表查询以时间倒序排列，使最近添加的新闻展现在最上面，便于浏览者的阅读。浏览者可以将自己的建议上传在网站，体现网站信息实时性，有效性。本网站是参考原有学工处网站进行设计，主要选取学工处网站的两个功能进行设计，有些其他的功能没有设计好，所以网站的功能可能有些单调，并且数据加密页面权限等内容没有设计，所以网站在保密性方面还是有很大的缺陷的。另外，网站的封装程度较低，可能不利于后期的危害。但是网站做成响应式，增加了网站的些技术含量，可以弥补动网的不足。从响应式课程学习开始到现在毕业设计说明快要结束已经历经了年。回忆这年学习和制作毕业设计的过程，有劳累，有烦躁，有迷惘但是，我还是坚持下来了，最后完成了本次设计。对于我所设计的作品，我不是十分的满意，但我还是很满足的，这都是我点点搭建起来的，这就是种见到胜利曙光的感觉吧。在完成毕业设计的这段时间里，我学到了很多的东西。首先，明白了做事要有明确的目标，有明确的目标，才能知道做什么，才能知道怎么做。所以要早早的定下目标并做出长时间的准备。其次是坚持，网站制作过程繁琐复杂，没有坚持是不会有今天的成果的。再次是学会学习，在遇到困难的时候，自己不能解决的定要询问他人，闭门造车，提升能力的可能性是很小的。致谢在这期间我要感谢很多人。首先，感谢我的毕业设计指导老师，老师。在做毕业设计的过程中，我遇到了很多的问题，自己没办法解决的，老师都提供了热情的指导。其次，感谢我们专业负责人老师。沈老师在查看我的项目时，提出了项目中的个严重的。再次，感谢网络视频作者老师。是我的课程启蒙老师，他的课程幽默风趣，详细，对我项目中编程部分起着很重要的作用。最后，感谢所有在设计中帮助过我的人和寻求我帮助的人，他们都是我提升能力的重要笔。参考文献杨习伟网页开发实战精解清华大学出版社年月赵国玲王宏语言程序设计机械工业出版社年月王莹网页特效案例教程机械工业出版社年月尹雯雯基于的开发项目式教程人民邮电出版社年月单东林张晓菲锋利的第版人民邮电出版社年月明日科技从入门到精通第版清华大学出版社年月管理页面。如果没有此用户或者密码不匹配则返回登录表单页面，具体实现代码如下,链接数据库失败,,输入有误,,输入有误,新闻列表页面查询显示操作点击左侧新闻列表链接，系统调用数据库执行新闻查询，查询后将所得到的资源返回，页面接收资源后，使用遍历方法，将资源条条取出，显示在页面上，关键代码如下新闻添加添加数据操作填写所要添加新闻内容，提及表单，进入页面，此页面负责接收表单提交来的数据并插入数据表中，插入成功，跳转至新闻列表页面，插入数据失败，警告操作失败，关键代码如下,新闻的删除数据删除操作点击删除链接，页面传递所需删除信息的主键，操作页面则接收到主键，后根据主键修改相应数据内容，具体实现代码如下用户登出功能网站后台访问是判断是否存在用户名的值，存在则判断用户处于登录状态，反之，用户处于未登录状态。因此只要删除网站中保存的用户名的数据就可以实现用户登出功能，具体实现代码如下,操作成功,操作失败，请检查操作是否有误,,操作成功,操作失败，请检查操作是否有误,网站其他功能的实现类似于增删查改操作，在此不再赘述。六响应式网页设计响应式网站响应式设计。响应式页面能根据用户的行为，用户所使用的终端设备的屏幕尺寸，自动改变网页的布局，网页界面依然符合用户的视觉习惯。传统的网页开发般只能支持种设备，很多网站为了吸收用户，经常种设备做个网站。但是如今访问网站的设备越来越多，且屏幕尺寸多样，因此响应式开发更能够减少传统网站种设备建个网站所造成的资源浪费，跟加的符合社会发展需求。响应式网站主要运用媒体查询技术。浏览器访问时获得访问窗口的大小，根据窗口的大小调用相应的样式，达到响应式效果。二本站前端响应式设计首先，必须在网站的头部引入此句话的作用是始终保持页面不要缩小，依然的显示网页内容。然后在相应的样式表中设置如下几种状态，并对这几种面设计示意图三后台运行流程管理员登录取得后台管理权限管理员分配功能实现添加和删除管理员，对管理员的权限限制新闻管理实现对新闻的增删查改的功能留言管理实现对不文明现象管理的功能。逻辑结构如图所示页面顶部网站网站导航图片留言标题列表留言表单页面顶部登录用户退出按钮系统时间页面底部左侧链接详细内容图后台运行流程图四数据库设计数据库是网站建设的必要数据管理软件。本网站使用数据库。它是种小型的数据库，具有占系统开销小，易于操作的特点，并且能够很好适用于和语言。因此它适合用于小型网站的开发，以及和网站对比开发。数据库需求此网站建设需要创建个数据表管理员表管理员编号管理员姓名管理员密码管理员状态新闻内容表新闻编号新闻标题新闻内容新闻作者新闻时间新闻图片路径新闻图片路径新闻图片路径新闻类型新闻状态新闻类型表新闻类型编号新闻类型备注帖子表帖子编号帖子标题帖子内容发帖人发帖时间电话号码帖子登录页面页面新闻管理管理员管理是否登录成功留言管理是否退出成功状态回复表回帖编号帖子编号帖子内容回帖人回帖时间二数据库概念模型概念模型是人机世界中间的个层次。建立概念模型简化了设计者和用户的交流，用户能够目了然的知道数据关系。建立概念模型能够让设计者注意到数据之间的关系，在制作数据表时，就能够利用数据之间的关系，减少数据的冗余，使数据表更加的简洁，优化数据操作的速度，具体模型如下图管理员图图新闻图管理员管理员编号管理员姓名管理员密码管理员状态新闻新闻编号新闻标题新闻内容新闻图片新闻作者新闻状态新闻时间新闻类型图新闻类型图图帖子图图回复图新闻类型新闻类型编号新闻类型备注帖子帖子编号帖子标题帖子内容发帖时间帖子状态发帖人电话号码回复回复编号回复人回复内容回帖时间帖子编号三数据表设计根据概念模型设计出数据表如下表管理员字段名称数据类型长度约束含义主键约束管理员编号管理员姓名管理员密码管理员状态判断是否逻辑删除表新闻详细内容字段名称数据类型长度约束含义主键约束新闻编号新闻标题新闻内容新闻作者新闻时间新闻图片路径新闻图片路径新闻图片路径外键约束新闻类型新闻状态判断是否逻辑删除表标识新闻类型字段名称数据类型长度约束含义主键约束新闻类型编号新闻类型备注内容表帖子表字段名称数据类型长度约束含义主键约束帖子编号发帖人帖子标题帖子内容发帖时间发帖人电话帖子状态判断是否逻辑删除表帖子回复表字段名称数据类型长度约束含义主键约束回帖编号外键约束帖子标号回帖人回复内容回帖时间五系统详细设计前后台页面设计前端页面设计网站页面的布局结构和颜色搭配都按照原有的学校学工处网站进行设计。布局采用三段式结构，颜色主要为淡灰色和深蓝色为主。网站结构严谨，颜色和谐，契合学校治学严谨之风。网站首页起导航作用。上部主要为网站的导航公告与通知和图片轮播，网站中部为各类新闻的最近新闻