忻州和平幼儿园网站的设计与实现.docx

1、忻州和平幼儿园网站的设计与实现 计算机系本科毕业（设计）论文课题名称忻 州 市 和 平 幼 儿 园 网 站 的 设 计 与 实 现专 业计 算 机 科 学 与 技 术姓 名学 号指导教师 二零一零年六月 目 录1 引 言 21.1 开发背景及研究现状 21.2 网站简介 21.3 本人工作 22网站需求分析 32.1技术可行性分析 32.2需求分析 33网站设计 63.1 网站功能设计 63.2 数据库的设计 73.2.1 数据库概念结构设计 73.2.2 数据库逻辑结构设计 74网站的实现 104.1网站首页的设计 104.2后台登陆模块的实现 104.3留言模块的设计 114.3.1 具体

2、功能概述 114.3.2 具体实现过程 124.4信息管理模块的设计 144.4.1 具体功能概述 144.4.2 具体实现过程 145 网站测试与维护 195.1 网站测试 195.1.1测试的步骤及内容 195.1.2 测试结果 205.2 网站维护 206 结束语 21致 谢 22参考文献 23 忻州市和平幼儿园网站的设计与实现摘要：随着信息技术的快速发展，网络技术逐步应用于社会生活的各个领域。忻州市和平幼儿园作为忻州市幼教事业的领军机构，力求进一步扩大宣传力度和完善教学体制，迫切需要构建一个展现自己的网上平台。忻州市和平幼儿园网站立足于用户需求，以Dreamweaver为设计平台，采用

3、Flash制作动态图片，结合ASP技术和Access数据库设计而成。网站共分为七个功能模块，界面活泼，功能强大，特别在留言板与后台管理模块进行了合理的设计，真正满足家长与教师的需求。 本文就忻州市和平幼儿园网站的建设，展示了可行性研究、需求分析、设计和实现等几个环节。其中在网站设计部分对留言板和后台管理等内容进行了详细介绍。最后对网站的不足进行了总结。关键词：幼儿园网站 动态性 ASP Abstract :With the rapid development of information technology,network graduallyapplied in various fields

4、 of social life. Xinzhou peace kindergarten,as the leadpreschool educational organization of Xinzhou ,in order to seek further publicity and improvement of teaching system,need to build an online platform for their own. Xinzhou peace kindergarten site based on users needs,used Dreamweaver as the des

5、ign platform, Flash to create dynamic images,combined ASP technology and Access database.The web site has seven modules,its features are active and powerful.particularly,the message board and background management module are designed reasonably and truly meet the needs of both parents and teachers.

6、This paper, on the basis of the construction of Xinzhou peace kindergarten site, show the process of feasibility study,requirement analysis,web site design,site implementation and so on.Thereinto, in web site design part introduce the design process of message board and background management in deta

7、ll. Finally,the systems shortcomings were summed up. Keywords：kindergarten website dynamic ASP 1 引 言1.1 开发背景及研究现状在网络技术飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是在Internet“海洋”中检索各种相关网站。因此网站建设在Internet应用上的地位显而易见，它已成为各事业单位信息化建设中的重要组成部分。在幼教事业中，涌现出大量优秀的幼儿园网站，

8、如：东方幼儿园网站（）、中国人民幼儿园网站（）这些网站栏目简洁、重点突出、界面美观、模块丰富、操作方便、实用性强，起到了将幼儿园的成果展示与家长沟通有机地融合在一起的作用，为幼儿园建设起到了积极作用。基于这种发展趋势以及更好地办学，提高学校知名度，特构建忻州市和平幼儿园网站。通过网站，全面宣传与展示学校风采、特色，发布学校的重大活动安排与招生政策，增强家长与学校之间的联系，完成部分校务，提高办事效率。1.2 网站简介本网站的设计开发采用了Browser/Server模式，主要包括以下模块：园所介绍、新闻快报、宝宝在成长、好家长课堂、教师空间、宝宝学园、留言板以及后台管理。网站的用户权限分为两种

9、：普通用户和管理员（教师）。普通用户无需注册，直接登陆，可在前台进行一些简单的操作，比如：浏览信息、发表留言等；管理员（教师）则可以对用户留言进行回复、删除或网站信息进行添加、修改和删除等操作。1.3 本人工作 本人就忻州市和平幼儿园网站的设计需求，以培养、沟通、宣传为主要目的，以欢快活泼的网站背景为主要特色，将网站设计为七大功能模块，其中前六大功能模块，界面风格统一，采用脚本语言调用数据库显示相应内容。网站的重点放在留言模块与后台管理的设计上。2 网站需求分析需求分析是软件生存周期中相当重要的一个阶段，需求分析的主要任务就是确定待开发软件的功能、性能、数据、界面等要求，在参阅、了解了相关幼儿

10、园网站的特点和要求，并对幼儿园教学过程做了相应的调研后，本网站的总体目标是为幼儿园进行宣传、增加教师与家长的沟通，从而提高教学水平。2.1 技术可行性分析本网站所采用ASP动态网站设计语言、Dreamweaver网页制作工具以及ACCESS数据库开发而成，这些工具完全能满足开发此幼儿园网站的各项技术指标。这说明技术方面是可行的。下面就ASP做简单介绍：ASP4是Microsoft公司开发的Web服务器端脚本开发环境，利用它可以与Access数据库和其它程序进行交互，从而生成动态、高效的Web应用程序。ASP使用了微软公司的ActiveX技术，封装了一些常用的组件，这些组件可以是网页的内容活动起

11、来，这是ASP页面与传统的HTML网页的最大区别。Access是美国Microsoft公司发布的Office软件包中的关系型数据库软件。它具有功能灵活、易学易用、开发简单等特点，拥有广泛的用户群体。Access是开发单机小型数据库应用系统的理想工具，可以独立开发数据库应用系统，也可以作为后台数据库与ASP等语言结合使用。ASP和Access的完美结合可使本网站变得栩栩如生，具体表现在以下两个方面：1、交互性：网站管理员会根据用户的要求和选择动态地改变和响应，使用户随时可以看到界面友好的网站。2、自动更新：无须手动的更新HTML文档，便会自动生成新的页面，可以大大节省工作量。2.2 需求分析 通

12、过对幼儿园网站的应用情况作全面的、详细的调查，收集关于本网站涉及的一些数据资料，基本上确定了本次网站设计和实现的目的，明确设计本次网站的目标。除此之外，随着我国网络信息化的迅速发展,众多幼儿园已经拥有了自己的网站，它能够给家长和老师提供一个网络平台，有利于学生，家长，老师三方面更好的交流，促进幼儿园和孩子的发展。本网站专门为忻州市和平幼儿园设计，应从以下几方面考虑：首先要了解幼儿园的一些基本情况，根据这些状况来制定幼儿园网站，要符合幼儿园的特点，用欢快的背景作为整个网站的首页，这样能激发孩子和家长对网站的关注；其次是选用家长和孩子共同感兴趣的事情和话题来激发他们的参与和互动，而且要介绍老师和班

13、些优秀的学生和学生作品，有利于家长交流心得与体会；最后，为了与家长更好的交流，应专门设计一个留言平台。因此本网站实现的功能应体现在以下几个方面：1、园所介绍：该模块应该提供幼儿园的基本概况，师资介绍以及联系方式等，以方便家长对幼儿园进行了解。 2、新闻快报：该模块应及时公布幼儿园的最新动态，以方便家长、老师、学生对幼儿园的近况进行了解。 3、宝宝在成长：该模块应重点展现孩子大幼儿园里的一些活动及部分宝宝的优秀作品，有利于家长对孩子成长和教育的及时关注。4、好家长课堂：该模块主要是为广大家长提供育儿方面的帮助，应该包括一些健康知识及育儿经验等，有利于家长进行科学的儿童培养。5、教师空间：该模块应

14、该专门展现幼师采及以教师的育儿经验，有利于教师与家长或同行进交流，这将为完善教学质量提供极大的帮助。6、宝宝学园：该模块应该主要为宝宝设计，通过该功能为宝宝提供网上学习的知识，家长们可以帮助宝宝一起学习课外知识。7、留言板：该模块主要针对家长，为家长提供一个发表留言的平台，家长通过它可以对本幼儿园的教学工作给于评价或建议，极大的帮助所园工作的改进。忻州市和平幼儿园网站的数据流图如图2.1所示： 用户浏览网站信息，通过留言板进行留言。管理员则进入后台添加信息和回复留言等，实现网站的管理。 用户输入留言信息，系统更新留言表，经处理后显示到留言板界面，展示给用户；管理员对留言进行回复，系统更新回复表

15、，经处理后的留言回复信息展示给用户；管理员添加新闻时，系统更新信息表，将处理后的信息显示到相应界面。3 网站设计3.1 网站功能设计一、建设幼儿园网站可实现三大目标1、展示学校风采、优点与特色，树立全新幼儿园形象，全面宣传；2、 发布学校的重大活动安排与招生政策3、 增强家长与学校之间的联系，搭建家长关心学校发展、支持学校建设的平台； 二、幼儿园网站主要包括以下几方面内容：（一）园所介绍。通过点击该图标查看本园概况。（二）新闻快报。通过点击该图标查看近期新闻。（三）宝宝在成长。通过点击该图标查看宝宝在园中的快乐时光。（四）好家长课堂。通过点击该图标查看关于儿童的健康知识。（五）教师空间。通过点

16、击该图标可以查看本园教师风采。（六）宝宝学园。通过点击该图标可以查看宝宝在园的学习情况。（七）留言板。通过该功能可以发表、查看对本网站的建议及评论等。主页功能模块图如图3.1所示： 3.2 数据库的设计3.2.1 数据库概念结构设计通过上述的需求和设计，得出本网站数据库概念模型ER图如下所示。3.2.2 数据库逻辑结构设计现在需要将上面的数据库概念结构模型转化为Access数据库系统所支持的实际数据模型,也就是数据库的逻辑结构。本网站采用的数据库是Microsoft Access ，拟建立school.mdb库文件，包含如下几个表文件：1.BookClass_New新闻大类表该表用来存放菜单选

17、项的分类。主要字段有：大类编号(BigClass_ID)、大类名（BigClassName）。如下所示：表3.1 新闻大类表列名数据类型可否为空是否主键BigClassID自动编号否否BigClassName文本否是2.SmallClass_New新闻小类表该表用来存放每个大类中的各子类的相关信息。主要字段有：小类编号(SmallClassID)、小类名(SmallClassName)、所属大类名(BigClassName)、内容类型(conclass)。如下图所示：表3.2 新闻小类表列名数据类型可否为空是否主键SmallClassID自动编号否否SmallClassName文本否是BigC

18、lassName文本否否conclass文本是否3.Nwyews新闻内容表该表详细记录每一个新闻所属的小类、大类及其内容。主要字段有：编号(id)、标题(title)、标题颜色(TitleColor)、所属大类名(BigClassName)、所属小类名(SmallClassName)、详细内容(content)等。如下图所示：表3.3新闻内容表列名数据类型可否为空是否为主键id自动编号否否title文本否是wailink文本是否TitleColor文本是否BigClassName文本否否SmallClassName文本否否from文本是否content备注是否4.gbook 在线留言表该表存放

19、留言用户信息及留言内容。主要字段有：用户编号(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数

20、字否否content备注是否6.Manage_User 管理员信息表该表存放管理员的信息。主要字段有：编号(ID)、用户名(UserName)、用户密码(Password)、最后登陆IP(LastLoginIP)、最后登录时间(LastLoginTime)、最后退出系统时间(LastLogoutTime)、登录次数(LoginTimes)等。如下图所示： 表3.6管理信息表列名数据类型可否为空是否主键ID自动编号否是UserName文本否否Password文本否否LastLoginIP文本是否LastLoginTime日期/时间是否4 网站的实现4.1 网站首页的设计本网站是幼儿园网站，它面向

21、的是儿童及其家长，因此在界面设计上需要以鲜艳、活泼为特点，再加上一些可爱的动画，则可以达到吸引浏览者的目的。基于以上考虑，本人在主页设计上采用了大量的FLASH动画，真正满足了用户需求。主页效果如下： 4.2 后台登陆模块的实现用户进入到网站的首页index.asp，在该页面中，用户不需要进行注册便可以登陆。点击面页面最下方“后台管理图标”进入后台管理界面maneinfo/login.asp,在该页面设置一个表单用来输入数据。 /表单中各属性的作用如下：method方法指定数据上传的方法，一般用post方式，其作用是将输入的数据打包一块后以文件的形式提交给服务器，提交的数据是不限长；actio

22、n用于指定将信息传给哪一个文件去处理。登陆界面如图4.1所示: 图4.1 后台登陆界面图表单将输入的信息提交给Admin_ChkLogin.asp页面，核对输入的用户名和密码，查看是否与数据库表Manage_User中的一致，查询代码如下：FoundErrTrue thenpassword=md5(password) /对输入的密码用md5方法进行加密set rs=server.createobject(adodb.recordset)sql=select * from Manage_User where password=&password& and username=&username&

23、/查询Manage_User表rs.open sql,conn,1,3if rs.bof and rs.eof then若经核对用户名、密码、验证码都正确则使用语句Response.Redirect Manage.asp转向Manage.asp 页面，即后台管理页面。4.3 留言模块的设计4.3.1 具体功能概述幼儿园网站的主要功能之一就是做为家长与幼儿园交流的平台，所以家长的建议对于本园工作更好的开展非常重要。因此该网站设计时专门设计一个留言板模块，实现发表留言、查看留言与留言回复的功能。4.3.2 具体实现过程1.发表留言查看留言结果网页gbook.asp：让学生家长填写个人信（个人信息可

24、有选择的进行填写）留言内容并及时显示留言结果。图4.2 发表留言与查看留言界面图在该页面设置一个表单，用来接收用户信息及留言内容，表单参数设置如下： 表单将信息提交到save.asp页面，该页面与数据库表文件gbook连接，并将用户填写的信息用SQL语句添加到数据库中，代码如下：%dim rs,sqlset rs=server.CreateObject(adodb.recordset)sql=select * from gbook /查询gbook表rs.open sql,oconn,1,3rs.addnew /添加记录rs(name)=GetSafeStr(request(name)rs(t

25、el)=GetSafeStr(request(tel)rs(mail)=GetSafeStr(request(email)rs(content)=GetSafeStr(request(content)rs.update /更新gbook表rs.closeset rs=nothing查看留言部分采用SQL语句从gbook表中读取信息并显示出来，部分代码如下：dim rsset rs=server.CreateObject(adodb.recordset) /建立数据集rs.open select * from gbook,oConn,1,3 留言人：    

26、;  留言时间： /从gbook表中读取用户姓名 留言内容： /从gbook表中读取留言内容管理员回复：2. 留言管理网页LiuYanList.asp：管理员针对不同学生家长所发表的意见作出相应的处理，如预览、删除、回复。界面图如下所示：图4.3管理留言界面图回复留言同样采用了表单，用post方法将数据提交到服务器，信息传送到LiuYanModifysave.asp页面进行处理，部分代码如下： /该表单包含了一个textarea标签来接收留言回复的内容，textarea称文本域，又称文本区，即有滚动条的多行文本输入控件。与单行文本框text控件不同，它不能通过maxleng

27、th属性来限制字数，为此必须寻求其他方法来加以限制以达到预设的需求。 通常的做法就是使用JavaScript脚本语言来实现对textarea文本域的字数输入限制，简单而实用。 /其中textarea的属性值的含义如下：cols，垂直列，在没有做样式表设置的情况下，它表示一行中可容纳下的字节，本模块赋cols=60，表示一行中最多可容纳30个汉字，rows用来定义行数，本模块赋rows=8，表示在这个文本域中最多可以显示8行。图4.4管理回复留言界面图表单将输入的留言回复信息白提交到LiuYanModifysave.asp页面，该页面与数据库文件huifu连接，并将输入的信息输入到表中相应的记录中，其代码如下：dim rs,sql,content,u_idu_id=request(u_id)content=request(content)