“援地志愿团”网站是一个关于环保志愿的网站。整个网站包含前端用户功能模块和后台信息管理模块。在前端网页中，使用了CSS3技术设计网页样式，可以让用户有一个不错的视觉体验，再配以文字，达到了更好的宣传效果。后台管理模块主要是管理员对网站的信息管理，主要运用到了PHP技术，用来修改、更新和添加相关数据库信息，达到修改页面信息的功能，确保信息的时效性和正确性，对网站进行日常维护，保证网站的安全性，确保网站可以正常运行。网站主要运用了HTML5和CSS3作为设计基础，还用到PHP技术制作网站的框架，数据库管理则使用MySQL数据库。这篇论文的目的是对“援地志愿团”网站的功能、架构进行分析与叙述。
目录
一、引言 1
(一) 网站的背景与意义 1
(二) 网站介绍 1
二、关键技术介绍 1
（一）PHP动态网站开发. 1
（二）MySQL数据库. 2
（三）HTML5和CSS3静态网页. 2
（四）jQuery特效. 2
三、网站需求分析 2
（一）可行性分析. 2
1．需求可行性分析 3
2．技术可行性分析 3
四、网站总体设计 3
（一）网站前端模块设计 3
（二）网站的数据模型设计 4
1．实体关系(ER)图设计. 4
2．数据物理模型的设计.5
五、网站详细设计. 7
（一）前端设计 7
1．网站首页的详细设计 7
2．自然灾害页面详细设计 8
3．人为灾害页面详细设计 9
4．消失的精灵页面详细设计 10
5．加入我们详细设计 11
6．首页中的“开门”特效 13
7．首页中3D旋转特效. 13
8．图片轮播特效 14
9．消失的精灵页面中的滑轮特效 14
10．报名表 15
11．公共文件 16
12．链接数据库 16
13．数据库信息读出 17
（二）后台设计 17
1．管理员模块 *51今日免费论文网|www.51jrft.com +Q: &351916072& 
设计 17
2．信息更新 18
3．信息添加 29
4．信息删除 20
5．用户信息审核 20
6．活动的分类与统计 21
六、总结 23
致谢24
参考文献. 25
一、引言
（一）网站的背景与意义
如今的地球就如同被一张无形的网所覆盖着。局域网、城域网和广域网更是促进了信息的传输与共享。互联网也应运而生，同时它也代表着第5次信息技术革命。科技在不断进步，而环境问题却在不断加剧。气候变暖、地球生物种类不断减少等环境问题也逐渐摆在人们眼前。环保如今已成为一种新的发展理念，人与自然和谐相处已成为全世界的共识。本网站是想借助互联网的信息传输与信息共享这两个特点，以网站的形式全面的向人们展示地球的现状，让人们更清楚地认识到环保的重要性，呼吁人们环保生活。同时，本网站也开放报名参加环保活动的功能，为那些想参与环保工作却不知去哪里报名的人们提供一条途径。
（二）网站介绍
“援地志愿团”网站运用了HTML5和CSS3设计出了首页和其他子页面，并运用了PHP搭建了网站的框架。运用jQuery中早已封装好的框架，可以更便捷的设计网站。运用MySQL数据库来存储网站中需要随时发布、更新的数据。网页主要分为首页、加入我们、自然灾害、人为灾害、消失的精灵和后台管理这几个模块。“首页”、“自然灾害”、“人为灾害”、“消失的精灵”是为人们介绍地球如今的环境状况，并科普一些关于环保的知识。“加入我们”主要功能是用户报名、用户咨询和用户查询功能。“后台管理”主要功能是进行页面数据内容的更新、删除、查看等功能，并对用户的信息进行统计与审核，保证数据信息的时效性、准确性与安全性。
关键技术介绍
PHP动态网站开发
随着网络上信息量的不断增加，对Web表现形式和技术提出了更高的要求，静态网页已经不满足于人们的需要。为更有效的管理和维护网上的庞大信息资源。于是PHP便诞生了。PHP是一种运行在服务器端的脚本技术，它属于解释语言，因此在执行时不会产生目标文件。它的算法比较简单灵活，便于查错，占用内存少。现在广泛使用于编写动态页面。性能方面的优势主要是:（1）与HTML5结合紧密；（2）具有丰富的函数接口，封装了很多实用的函数方法；（3）简化了应用程序与数据库之间连接的复杂过程，可对目前几乎所有的数据库进行连接与操作，支持多种协议；（4）支持跨平台运行；兼容性和可移植行比较强；（5）安全性很高，这也是它被广泛使用的一个原因。
MySQL数据库
MySQL数据库是一个很典型的关系模型。主要是采用二维表结构表示实体类型与其实体间关系的数据模型。关系数据库拥有着结构化、共享性高、易扩充、冗余度和数据独立性高等特点。其中最重要的就是数据独立性这一特点。数据独立性分为物理独立性和逻辑独立性。物理独立性指的是存储独立性，它的作用是当物理存储发生变化的时候，应用程序不需要改变。逻辑独立性主要指的是应用程序和逻辑结构是相互独立的，当数据的逻辑结构发生改变的时候，应用程序也不需要发生改变。正因为这个特点，数据库也被广泛运用在存储网页数据这一领域，可以减少管理员维护网站的工作量，为能便捷的维护网站提供基础。
HTML5和CSS3静态网页
超文本标记语言（HTML），主要用于描述网页，是网页制作中最常用使用的语言。随着Web2.0和移动客户端的到来，HTML5也相继问世了。HTML5制作的网站具有了更高的互动性、丰富用户体验以及功能强大的客户端。HTML5相对于HTML也增加了很多功能：支持浏览器页面端的本地存储与本地数据库，加快了页面的反应；使用语义化标签更有利于设计者的理解；摆脱了flash等插件的依赖；使用CSS3，减少了页面对图片的需求；他更主要的功能是兼容手机、平板、电脑等不同的尺寸与不同浏览器之间的浏览，也就是大大提高了它的兼容性与可移植性。
层叠样式表（CSS3），主要是控制网页布局样式，能够使网页内容与表现相互独立的一种样式设计语言。CSS3是CSS技术的升级版本，具有着向下兼容性。CSS3增加了许多新的特性，其中有CSS3圆角边框；CSS3文本阴影与盒阴影；二维变形以及三维特效；CSS3动画（animation）和CSS3过渡（transition）等。使网页设计的样式有了等多的选择，设计出来的效果也更加惊艳。曾经需要使用jQuery才能实现的效果通过CSS3就可以实现，减少了页面设计的复杂性。

原文链接：http://www.jxszl.com/jsj/xxaq/608535.html