响应式设计的高教所网站建设
目 录
_Toc448257637
一、引言 1
（一）开发背景 1
（二）选题意义 1
（三）设计目标 1
（四）作品软件的介绍 2
1．MyEclipse 2
2．JSP技术 2
3．响应式技术 2
二、系统分析与设计 3
（一）系统功能需求 3
（二）系统分析图 3
（三）数据库设计 3
1．数据库结构展示 3
2．数据表设计 4
（四）响应式功能实现 5
（五）开发及运行环境 9
三、系统功能架构设计 9
（一）前台游客 9
（二）管理员 10
（三）后台管理系统 10
四、系统主要功能实现详解 10
（一）登录功能 10
（二）退出功能 14
（三）信息添加功能 15
（四）信息删除功能 16
五、总结 17
致谢 18
参考文献 18
一、引言
（一）开发背景
学校的门户网站是学校的“网络名片”，是一种可以展示校园文化、教师风采、学生风貌、教育理念和办学实力的平台。凭借这学校网站，学校更是在另一种方式上为教育领域树立新的形象新的品牌。
在这个高度信息化社会，建立自己的学校网站是最能宣传学校文化的一种手段，让外界更加对这个学校的深入了解，学校就可成为教育百花园中一朵鲜艳的花朵。学校网站给了学生一个很好的学习平台。网络资源的丰富，增添了不少学生对学习资源获取的浓厚兴趣。学生将有机会享受最佳的教育机会，充分发挥自己的内在潜力。学校网站能实现教育资源的分配。网络有着巨大的教育资源库，它集全社会的力量，使教育资源无限增长。这对于发达地区和欠发达地区，高投入学校和条件差的学校在获取教育资源的权力上达成平等，使每一位教师和学生都能均等的得到培训和受教育的机会，不再会受到学校水平、教材、教师能力的限制。不仅能极大的提高教学效率，而且能实现教育公平的社会理想。学校网站成了最佳的教学研究室。学校网站与教育类专门网站
*好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
挥自己的内在潜力。学校网站能实现教育资源的分配。网络有着巨大的教育资源库，它集全社会的力量，使教育资源无限增长。这对于发达地区和欠发达地区，高投入学校和条件差的学校在获取教育资源的权力上达成平等，使每一位教师和学生都能均等的得到培训和受教育的机会，不再会受到学校水平、教材、教师能力的限制。不仅能极大的提高教学效率，而且能实现教育公平的社会理想。学校网站成了最佳的教学研究室。学校网站与教育类专门网站的有效链接，给学校教学研究带来了一片新天地，各种优秀教案、专家论坛、网络观摩课、各科素材、多媒体课件制作等内容为教师教研提供了极佳的平台。有效地降低教研成本、提高效率。
总而言之互动性就成了校园网站的一个重中之重，因此为了让学校原有网站的互动性更精进，使得用户浏览时能有效提高用户体验以及能适应于不同终端，本次《基于响应式设计的高教所网站建设》 的课题便是以响应式为重点，后台读取修改为次要的理念形成。
（二）选题意义
学校网站是学校对外宣传、形象展示和沟通交流的管理平台，不仅可以实现学校对外联系的信息化和网络化，从而提高了学校的对外形象，增强了综合竞争力。学校建设网站便成了教师与学生之间的交流有了创新的突破，学校网站建设营造了一个共同讨论、共同分享的环境。
同时，随着Internet技术的兴起，开发基于响应式的网站正成为技术发展的趋势。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。为了开发具有响应式的网站，使得越来越多的人有最优的体验，一个网站就要适应多种终端，响应式的设计意义才真正展现出来。
（三）设计目标
基于响应式设计的高教所网站建设要求完成后台登录管理、前台信息读取和网站的响应式布局，主要的设计目标包括后台页面信息的读、添、删，由后台添加删除确认后展示到前台，这样浏览者就可以直接看到后台所更改后的信息。
不仅如此浏览者可以使用不同终端的设备进行对网站的浏览，不再只局限于电脑。
从布局和技术上采用了多重措施后，最终希望本网站能正常通过后台修改信息，因此是要达到以下几个主要的目标：
l 较低的开发成本；
实现后台管理功能；
l 提高软件性能；
l 移植性好；
l 能按时完成。
（四）作品软件的介绍
1．MyEclipse
MyEclipse 是一个十分优秀的用于开发Java, J2EE的 Eclipse 插件集合，MyEclipse的功能非常强大，支持也十分广泛，尤其是对各种开源产品的支持十分不错。MyEclipse可以支持Java Servlet，AJAX，JSP，JSF，Struts，Spring，Hibernate，EJB3，JDBC数据库链接工具等多项功能。可以说MyEclipse是几乎囊括了目前所有主流开源产品的专属eclipse开发工具。
有了MyEclipse，你就拥有了所有的Web开发技术。支持快速添加技术功能到Web项目中，使用可视化编辑器以便编码和配置，并且还可以在多种应用服务器上测试你的任务。
2．JSP技术
JSP是一种动态网页技术标准，利用这一技术可以快速构建跨平台的、先进和安全的动态网站。JSP全名为Java Server Pages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。
Java Servlet是JSP的技术基础，而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。
3．响应式技术
页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多
_Toc448257637
一、引言 1
（一）开发背景 1
（二）选题意义 1
（三）设计目标 1
（四）作品软件的介绍 2
1．MyEclipse 2
2．JSP技术 2
3．响应式技术 2
二、系统分析与设计 3
（一）系统功能需求 3
（二）系统分析图 3
（三）数据库设计 3
1．数据库结构展示 3
2．数据表设计 4
（四）响应式功能实现 5
（五）开发及运行环境 9
三、系统功能架构设计 9
（一）前台游客 9
（二）管理员 10
（三）后台管理系统 10
四、系统主要功能实现详解 10
（一）登录功能 10
（二）退出功能 14
（三）信息添加功能 15
（四）信息删除功能 16
五、总结 17
致谢 18
参考文献 18
一、引言
（一）开发背景
学校的门户网站是学校的“网络名片”，是一种可以展示校园文化、教师风采、学生风貌、教育理念和办学实力的平台。凭借这学校网站，学校更是在另一种方式上为教育领域树立新的形象新的品牌。
在这个高度信息化社会，建立自己的学校网站是最能宣传学校文化的一种手段，让外界更加对这个学校的深入了解，学校就可成为教育百花园中一朵鲜艳的花朵。学校网站给了学生一个很好的学习平台。网络资源的丰富，增添了不少学生对学习资源获取的浓厚兴趣。学生将有机会享受最佳的教育机会，充分发挥自己的内在潜力。学校网站能实现教育资源的分配。网络有着巨大的教育资源库，它集全社会的力量，使教育资源无限增长。这对于发达地区和欠发达地区，高投入学校和条件差的学校在获取教育资源的权力上达成平等，使每一位教师和学生都能均等的得到培训和受教育的机会，不再会受到学校水平、教材、教师能力的限制。不仅能极大的提高教学效率，而且能实现教育公平的社会理想。学校网站成了最佳的教学研究室。学校网站与教育类专门网站
*好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
挥自己的内在潜力。学校网站能实现教育资源的分配。网络有着巨大的教育资源库，它集全社会的力量，使教育资源无限增长。这对于发达地区和欠发达地区，高投入学校和条件差的学校在获取教育资源的权力上达成平等，使每一位教师和学生都能均等的得到培训和受教育的机会，不再会受到学校水平、教材、教师能力的限制。不仅能极大的提高教学效率，而且能实现教育公平的社会理想。学校网站成了最佳的教学研究室。学校网站与教育类专门网站的有效链接，给学校教学研究带来了一片新天地，各种优秀教案、专家论坛、网络观摩课、各科素材、多媒体课件制作等内容为教师教研提供了极佳的平台。有效地降低教研成本、提高效率。
总而言之互动性就成了校园网站的一个重中之重，因此为了让学校原有网站的互动性更精进，使得用户浏览时能有效提高用户体验以及能适应于不同终端，本次《基于响应式设计的高教所网站建设》 的课题便是以响应式为重点，后台读取修改为次要的理念形成。
（二）选题意义
学校网站是学校对外宣传、形象展示和沟通交流的管理平台，不仅可以实现学校对外联系的信息化和网络化，从而提高了学校的对外形象，增强了综合竞争力。学校建设网站便成了教师与学生之间的交流有了创新的突破，学校网站建设营造了一个共同讨论、共同分享的环境。
同时，随着Internet技术的兴起，开发基于响应式的网站正成为技术发展的趋势。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。为了开发具有响应式的网站，使得越来越多的人有最优的体验，一个网站就要适应多种终端，响应式的设计意义才真正展现出来。
（三）设计目标
基于响应式设计的高教所网站建设要求完成后台登录管理、前台信息读取和网站的响应式布局，主要的设计目标包括后台页面信息的读、添、删，由后台添加删除确认后展示到前台，这样浏览者就可以直接看到后台所更改后的信息。
不仅如此浏览者可以使用不同终端的设备进行对网站的浏览，不再只局限于电脑。
从布局和技术上采用了多重措施后，最终希望本网站能正常通过后台修改信息，因此是要达到以下几个主要的目标：
l 较低的开发成本；
实现后台管理功能；
l 提高软件性能；
l 移植性好；
l 能按时完成。
（四）作品软件的介绍
1．MyEclipse
MyEclipse 是一个十分优秀的用于开发Java, J2EE的 Eclipse 插件集合，MyEclipse的功能非常强大，支持也十分广泛，尤其是对各种开源产品的支持十分不错。MyEclipse可以支持Java Servlet，AJAX，JSP，JSF，Struts，Spring，Hibernate，EJB3，JDBC数据库链接工具等多项功能。可以说MyEclipse是几乎囊括了目前所有主流开源产品的专属eclipse开发工具。
有了MyEclipse，你就拥有了所有的Web开发技术。支持快速添加技术功能到Web项目中，使用可视化编辑器以便编码和配置，并且还可以在多种应用服务器上测试你的任务。
2．JSP技术
JSP是一种动态网页技术标准，利用这一技术可以快速构建跨平台的、先进和安全的动态网站。JSP全名为Java Server Pages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。
Java Servlet是JSP的技术基础，而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。
3．响应式技术
页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2544.html
