忻州和平幼儿园网站的设计与实现.docx
《忻州和平幼儿园网站的设计与实现.docx》由会员分享，可在线阅读，更多相关《忻州和平幼儿园网站的设计与实现.docx（29页珍藏版）》请在冰点文库上搜索。
忻州和平幼儿园网站的设计与实现
计算机系本科毕业（设计）论文
课题名称
忻州市和平幼儿园网站的设计与实现
专业
计算机科学与技术
姓名
学号
指导教师
二零一零年六月
目录
1引言2
1.1开发背景及研究现状2
1.2网站简介2
1.3本人工作2
2网站需求分析3
2.1技术可行性分析3
2.2需求分析3
3网站设计6
3.1网站功能设计6
3.2数据库的设计7
3.2.1数据库概念结构设计7
3.2.2数据库逻辑结构设计7
4网站的实现10
4.1网站首页的设计10
4.2后台登陆模块的实现10
4.3留言模块的设计11
4.3.1具体功能概述11
4.3.2具体实现过程12
4.4信息管理模块的设计14
4.4.1具体功能概述14
4.4.2具体实现过程14
5网站测试与维护19
5.1网站测试19
5.1.1测试的步骤及内容19
5.1.2测试结果20
5.2网站维护20
6结束语21
致谢22
参考文献23
忻州市和平幼儿园网站的设计与实现
摘要：
随着信息技术的快速发展，网络技术逐步应用于社会生活的各个领域。
忻州市和平幼儿园作为忻州市幼教事业的领军机构，力求进一步扩大宣传力度和完善教学体制，迫切需要构建一个展现自己的网上平台。
忻州市和平幼儿园网站立足于用户需求，以Dreamweaver为设计平台，采用Flash制作动态图片，结合ASP技术和Access数据库设计而成。
网站共分为七个功能模块，界面活泼，功能强大，特别在留言板与后台管理模块进行了合理的设计，真正满足家长与教师的需求。
本文就忻州市和平幼儿园网站的建设，展示了可行性研究、需求分析、设计和实现等几个环节。
其中在网站设计部分对留言板和后台管理等内容进行了详细介绍。
最后对网站的不足进行了总结。
关键词：
幼儿园网站动态性ASP
Abstract:
Withtherapiddevelopmentofinformationtechnology,networkgradually
appliedinvariousfieldsofsociallife.Xinzhoupeacekindergarten,asthelead
preschooleducationalorganizationofXinzhou,inordertoseekfurtherpublicityandimprovementofteachingsystem,needtobuildanonlineplatformfortheirown.Xinzhoupeacekindergartensitebasedonuser'sneeds,usedDreamweaverasthedesignplatform,Flashtocreatedynamicimages,combinedASPtechnologyandAccessdatabase.Thewebsitehassevenmodules,itsfeaturesareactiveandpowerful.particularly,themessageboardandbackgroundmanagementmodulearedesignedreasonablyandtrulymeettheneedsofbothparentsandteachers.
Thispaper,onthebasisoftheconstructionofXinzhoupeacekindergartensite,showtheprocessoffeasibilitystudy,requirementanalysis,websitedesign,siteimplementationandsoon.Thereinto,inwebsitedesignpartintroducethedesignprocessofmessageboardandbackgroundmanagementindetall.Finally,thesystem'sshortcomingsweresummedup.
Keywords：
kindergartenwebsitedynamicASP
1引言
1.1开发背景及研究现状
在网络技术飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济生活等各个方面发挥着重要的作用。
Internet上发布信息主要是通过网站来实现的，获取信息也是在Internet“海洋”中检索各种相关网站。
因此网站建设在Internet应用上的地位显而易见，它已成为各事业单位信息化建设中的重要组成部分。
在幼教事业中，涌现出大量优秀的幼儿园网站，如：
东方幼儿园网站（）、中国人民幼儿园网站（）这些网站栏目简洁、重点突出、界面美观、模块丰富、操作方便、实用性强，起到了将幼儿园的成果展示与家长沟通有机地融合在一起的作用，为幼儿园建设起到了积极作用。
基于这种发展趋势以及更好地办学，提高学校知名度，特构建忻州市和平幼儿园网站。
通过网站，全面宣传与展示学校风采、特色，发布学校的重大活动安排与招生政策，增强家长与学校之间的联系，完成部分校务，提高办事效率。
1.2网站简介
本网站的设计开发采用了Browser/Server模式，主要包括以下模块：
园所介绍、新闻快报、宝宝在成长、好家长课堂、教师空间、宝宝学园、留言板以及后台管理。
网站的用户权限分为两种：
普通用户和管理员（教师）。
普通用户无需注册，直接登陆，可在前台进行一些简单的操作，比如：
浏览信息、发表留言等；管理员（教师）则可以对用户留言进行回复、删除或网站信息进行添加、修改和删除等操作。
1.3本人工作
本人就忻州市和平幼儿园网站的设计需求，以培养、沟通、宣传为主要目的，以欢快活泼的网站背景为主要特色，将网站设计为七大功能模块，其中前六大功能模块，界面风格统一，采用脚本语言调用数据库显示相应内容。
网站的重点放在留言模块与后台管理的设计上。
2网站需求分析
需求分析是软件生存周期中相当重要的一个阶段，需求分析的主要任务就是确定待开发软件的功能、性能、数据、界面等要求，在参阅、了解了相关幼儿园网站的特点和要求，并对幼儿园教学过程做了相应的调研后，本网站的总体目标是为幼儿园进行宣传、增加教师与家长的沟通，从而提高教学水平。
2.1技术可行性分析
本网站所采用ASP动态网站设计语言、Dreamweaver网页制作工具以及ACCESS数据库开发而成，这些工具完全能满足开发此幼儿园网站的各项技术指标。
这说明技术方面是可行的。
下面就ASP做简单介绍：
ASP[4]是Microsoft公司开发的Web服务器端脚本开发环境，利用它可以与Access数据库和其它程序进行交互，从而生成动态、高效的Web应用程序。
ASP使用了微软公司的ActiveX技术，封装了一些常用的组件，这些组件可以是网页的内容活动起来，这是ASP页面与传统的HTML网页的最大区别。
Access是美国Microsoft公司发布的Office软件包中的关系型数据库软件。
它具有功能灵活、易学易用、开发简单等特点，拥有广泛的用户群体。
Access是开发单机小型数据库应用系统的理想工具，可以独立开发数据库应用系统，也可以作为后台数据库与ASP等语言结合使用。
ASP和Access的完美结合可使本网站变得栩栩如生，具体表现在以下两个方面：
1、交互性：
网站管理员会根据用户的要求和选择动态地改变和响应，使用户随时可以看到界面友好的网站。
2、自动更新：
无须手动的更新HTML文档，便会自动生成新的页面，可以大大节省工作量。
2.2需求分析
通过对幼儿园网站的应用情况作全面的、详细的调查，收集关于本网站涉及的一些数据资料，基本上确定了本次网站设计和实现的目的，明确设计本次网站的目标。
除此之外，随着我国网络信息化的迅速发展,众多幼儿园已经拥有了自己的网站，它能够给家长和老师提供一个网络平台，有利于学生，家长，老师三方面更好的交流，促进幼儿园和孩子的发展。
本网站专门为忻州市和平幼儿园设计，应从以下几方面考虑：
首先要了解幼儿园的一些基本情况，根据这些状况来制定幼儿园网站，要符合幼儿园的特点，用欢快的背景作为整个网站的首页，这样能激发孩子和家长对网站的关注；其次是选用家长和孩子共同感兴趣的事情和话题来激发他们的参与和互动，而且要介绍老师和班些优秀的学生和学生作品，有利于家长交流心得与体会；最后，为了与家长更好的交流，应专门设计一个留言平台。
因此本网站实现的功能应体现在以下几个方面：
1、园所介绍：
该模块应该提供幼儿园的基本概况，师资介绍以及联系方式等，以方便家长对幼儿园进行了解。
2、新闻快报：
该模块应及时公布幼儿园的最新动态，以方便家长、老师、学生对幼儿园的近况进行了解。
3、宝宝在成长：
该模块应重点展现孩子大幼儿园里的一些活动及部分宝宝的优秀作品，有利于家长对孩子成长和教育的及时关注。
4、好家长课堂：
该模块主要是为广大家长提供育儿方面的帮助，应该包括一些健康知识及育儿经验等，有利于家长进行科学的儿童培养。
5、教师空间：
该模块应该专门展现幼师采及以教师的育儿经验，有利于教师与家长或同行进交流，这将为完善教学质量提供极大的帮助。
6、宝宝学园：
该模块应该主要为宝宝设计，通过该功能为宝宝提供网上学习的知识，家长们可以帮助宝宝一起学习课外知识。
7、留言板：
该模块主要针对家长，为家长提供一个发表留言的平台，家长通过它可以对本幼儿园的教学工作给于评价或建议，极大的帮助所园工作的改进。
忻州市和平幼儿园网站的数据流图如图2.1所示：
用户浏览网站信息，通过留言板进行留言。
管理员则进入后台添加信息和回复留言等，实现网站的管理。
用户输入留言信息，系统更新留言表，经处理后显示到留言板界面，展示给用户；管理员对留言进行回复，系统更新回复表，经处理后的留言回复信息展示给用户；管理员添加新闻时，系统更新信息表，将处理后的信息显示到相应界面。
3网站设计
3.1网站功能设计
一、建设幼儿园网站可实现三大目标
1、展示学校风采、优点与特色，树立全新幼儿园形象，全面宣传；
2、发布学校的重大活动安排与招生政策
3、增强家长与学校之间的联系，搭建家长关心学校发展、支持学校建设的平台；
二、幼儿园网站主要包括以下几方面内容：
（一）园所介绍。
通过点击该图标查看本园概况。
（二）新闻快报。
通过点击该图标查看近期新闻。
（三）宝宝在成长。
通过点击该图标查看宝宝在园中的快乐时光。
（四）好家长课堂。
通过点击该图标查看关于儿童的健康知识。
（五）教师空间。
通过点击该图标可以查看本园教师风采。
（六）宝宝学园。
通过点击该图标可以查看宝宝在园的学习情况。
（七）留言板。
通过该功能可以发表、查看对本网站的建议及评论等。
主页功能模块图如图3.1所示：
3.2数据库的设计
3.2.1数据库概念结构设计
通过上述的需求和设计，得出本网站数据库概念模型ER图如下所示。
3.2.2数据库逻辑结构设计
现在需要将上面的数据库概念结构模型转化为Access数据库系统所支持的实际数据模型,也就是数据库的逻辑结构。
本网站采用的数据库是MicrosoftAccess，拟建立school.mdb库文件，包含如下几个表文件：
1.BookClass_New新闻大类表
该表用来存放菜单选项的分类。
主要字段有：
大类编号（BigClass_ID）、大类名（BigClassName）。
如下所示：
表3.1新闻大类表
列名
数据类型
可否为空
是否主键
BigClassID
自动编号
否
否
BigClassName
文本
否
是
2.SmallClass_New新闻小类表
该表用来存放每个大类中的各子类的相关信息。
主要字段有：
小类编号（SmallClassID）、小类名（SmallClassName）、所属大类名（BigClassName）、内容类型（conclass）。
如下图所示：
表3.2新闻小类表
列名
数据类型
可否为空
是否主键
SmallClassID
自动编号
否
否
SmallClassName
文本
否
是
BigClassName
文本
否
否
conclass
文本
是
否
3.Nwyews新闻内容表
该表详细记录每一个新闻所属的小类、大类及其内容。
主要字段有：
编号（id）、标题（title）、标题颜色（TitleColor）、所属大类名（BigClassName）、所属小类名（SmallClassName）、详细内容（content）等。
如下图所示：
表3.3新闻内容表
列名
数据类型
可否为空
是否为主键
id
自动编号
否
否
title
文本
否
是
wailink
文本
是
否
TitleColor
文本
是
否
BigClassName
文本
否
否
SmallClassName
文本
否
否
from
文本
是
否
content
备注
是
否
4.gbook在线留言表
该表存放留言用户信息及留言内容。
主要字段有：
用户编号（id）、用户姓名（name）、用户电话（tel）、用户邮箱（mail）、留言内容（content）、是否申核（shenhe）、留言日期（date）。
如下图所示：
表3.4在线留言表
列名
数据类型
可否为空
是否主键
id
自动编号
否
是
name
文本
否
否
tel
文本
否
否
mail
文本
否
否
content
备注
否
否
date
日期/时间
否
否
shenhe
数字
否
否
5.huifu留言回复表
该表存放管理员对用户留言的回复内容。
主要字段有：
编号（id）、用户编号（u_id）、回复内容（content）。
如下图所示：
表3.5留言回复表
列名
数据类型
可否为空
是否主键
id
自动编号
否
是
u_id
数字
否
否
content
备注
是
否
6.Manage_User管理员信息表
该表存放管理员的信息。
主要字段有：
编号（ID）、用户名（UserName）、用户密码（Password）、最后登陆IP（LastLoginIP）、最后登录时间（LastLoginTime）、最后退出系统时间（LastLogoutTime）、登录次数（LoginTimes）等。
如下图所示：
表3.6管理信息表
列名
数据类型
可否为空
是否主键
ID
自动编号
否
是
UserName
文本
否
否
Password
文本
否
否
LastLoginIP
文本
是
否
LastLoginTime
日期/时间
是
否
4网站的实现
4.1网站首页的设计
本网站是幼儿园网站，它面向的是儿童及其家长，因此在界面设计上需要以鲜艳、活泼为特点，再加上一些可爱的动画，则可以达到吸引浏览者的目的。
基于以上考虑，本人在主页设计上采用了大量的FLASH动画，真正满足了用户需求。
主页效果如下：
4.2后台登陆模块的实现
用户进入到网站的首页index.asp，在该页面中，用户不需要进行注册便可以登陆。
点击面页面最下方“后台管理图标”进入后台管理界面maneinfo/login.asp,
在该页面设置一个表单用来输入数据。
//表单中各属性的作用如下：
method方法指定数据上传的方法，一般用post方式，其作用是将输入的数据打包一块后以文件的形式提交给服务器，提交的数据是不限长；action用于指定将信息传给哪一个文件去处理。
登陆界面如图4.1所示:
图4.1后台登陆界面图
表单将输入的信息提交给Admin_ChkLogin.asp页面，核对输入的用户名和密码，查看是否与数据库表Manage_User中的一致，查询代码如下：
FoundErr<>Truethen
password=md5（password）//对输入的密码用md5方法进行加密
setrs=server.createobject（"adodb.recordset"）
sql="select*fromManage_Userwherepassword='"&password&"'andusername='"&username&"'"//查询Manage_User表
rs.opensql,conn,1,3
ifrs.bofandrs.eofthen
若经核对用户名、密码、验证码都正确则使用语句Response.Redirect"Manage.asp"转向Manage.asp页面，即后台管理页面。
4.3留言模块的设计
4.3.1具体功能概述
幼儿园网站的主要功能之一就是做为家长与幼儿园交流的平台，所以家长的建议对于本园工作更好的开展非常重要。
因此该网站设计时专门设计一个留言板模块，实现发表留言、查看留言与留言回复的功能。
4.3.2具体实现过程
1.发表留言查看留言结果网页gbook.asp：
让学生家长填写个人信（个人信息可有选择的进行填写）留言内容并及时显示留言结果。
图4.2发表留言与查看留言界面图
在该页面设置一个表单，用来接收用户信息及留言内容，表单参数设置如下：
表单将信息提交到save.asp页面，该页面与数据库表文件gbook连接，并将用户填写的信息用SQL语句添加到数据库中，代码如下：
<%dimrs,sql
setrs=server.CreateObject（"adodb.recordset"）
sql="select*fromgbook"//查询gbook表
rs.opensql,oconn,1,3
rs.addnew//添加记录
rs（"name"）=GetSafeStr（request（"name"））
rs（"tel"）=GetSafeStr（request（"tel"））
rs（"mail"）=GetSafeStr（request（"email"））
rs（"content"）=GetSafeStr（request（"content"））
rs.update//更新gbook表
rs.close
setrs=nothing
查看留言部分采用SQL语句从gbook表中读取信息并显示出来，部分代码如下：
dimrs
setrs=server.CreateObject（"adodb.recordset"）//建立数据集
rs.open"select*fromgbook",oConn,1,3
留言人：
<%=rs（"name"）%> 留言时间：
<%=rs（"date"）%>//从gbook表中读取用户姓名
留言内容：
<%=rs（"content"）%>
//从gbook表中读取留言内容
管理员回复：
<%dimrss,idd
idd=rs（"id"）
setrss=server.CreateObject（"adodb.recordset"）
rss.open"select*fromhuifuwhereu_id="&idd&"orderbyiddesc",oConn,1,3
ifnotrss.eofthen//从huifu表中根据u_id字段读取回复内容
response.Writerss（"content"）
else
response.Write"暂无回复！
"
endif
%>
2.留言管理网页LiuYanList.asp：
管理员针对不同学生家长所发表的意见作出相应的处理，如预览、删除、回复。
界面图如下所示：
图4.3管理留言界面图
回复留言同样采用了表单，用post方法将数据提交到服务器，信息传送到LiuYanModifysave.asp页面进行处理，部分代码如下：
//该表单包含了一个textarea标签来接收留言回复的内容，textarea称文本域，又称文本区，即有滚动条的多行文本输入控件。
与单行文本框text控件不同，它不能通过maxlength属性来限制字数，为此必须寻求其他方法来加以限制以达到预设的需求。
通常的做法就是使用JavaScript脚本语言来实现对textarea文本域的字数输入限制，简单而实用。
//其中textarea的属性值的含义如下：
cols，垂直列，在没有做样式表设置的情况下，它表示一行中可容纳下的字节，本模块赋cols="60"，表示一行中最多可容纳30个汉字，rows用来定义行数，本模块赋rows="8"，表示在这个文本域中最多可以显示8行。
图4.4管理回复留言界面图
表单将输入的留言回复信息白提交到LiuYanModifysave.asp页面，该页面与数据库文件huifu连接，并将输入的信息输入到表中相应的记录中，其代码如下：
dimrs,sql,content,u_id
u_id=request（"u_id"）
content=request（"content"）
升级会员 