毕业设计（论文）基于WEB的中学网站设计.doc

《毕业设计（论文）基于WEB的中学网站设计.doc》由会员分享，可在线阅读，更多相关《毕业设计（论文）基于WEB的中学网站设计.doc（21页珍藏版）》请在三一办公上搜索。

1、2007届现代教育技术专业毕 业 设 计课 题基于WEB的中学网站（海南省文昌市文东中学）姓 名学 号班 级02信息技术一班信息技术教育系 监制论 文 正 文 目 录第一章：诸论1.1网站设计思想分析 .11.2 开发工具的选用及介绍.11.2.1、关于ASP的认识.11.2.2、对于Access 关系型数据库的认识.1第二章：网站总体分析与主页设计 2.1、网站系统功能分析.22.2、网站系统功能介绍.2 2.3、主页设计.22.4、数据库设计.2第三章：详细设计 3.1、新闻发布系统设计.33.2、文东概况系统设计.33.3、首页FLASH图片显示设计.33.4、留言本设计.3 3.5、教

2、师风采图片系统设计 第四章：系统的使用说明与安装.4第五章：参考文献.4附录1第一章：诸论 伴随着网络的出现，网页逐渐融入人们的生活。快速及时的新闻浏览，五彩缤纷的网上信息，使网络与人们的生活息息相关，于是世界上又出现了第三媒体Internet。它打破了地域限制，真正使信息得以共享，改变了人们的工作和生活方式。制作网页是企业和个人的宣传自己的重要手段，同时也是学习者获取学习信息的重要手段。尤其是在教育领域，在素质教育与终身教育成为必然的今天，人们对信息的需求有了更新，更高的要求，而网页由于本身所具有的信息量大，传递快速，没有时空限制等特点恰好满足这种要求。所以网页也逐渐成为一种新兴的教育资源。

3、也正是由于网络实现网站的数据信息能够进行实时交互，保证网站数据的实时性。随着Internet的进一步发展,静态Web站点的开发与维护变得越来越困难,一方面信息的不断增加和变化,使站点维护人员不得不经常修改他们的网页,特别是基于数据库驱动的Web站点更是如此，随着Internet上信息量的增多和交互性的加强使HTML显得越来越难以胜任。另一方面静态网页由于不能与浏览者进行有效交互,使人们感到越来越乏味,而不愿意再一次地进入同一站点。所以开发动态网页或动态内容成了越来越多的站点所追求目标。所谓动态内容是由每一个用户按照自己的需求发出请求而特殊制作的Web网页。网络发展前景无限，及早与网络结合，与信

4、息时代同步，与高科技汇合，定会给社会各行各业的发展注入新鲜的活力。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为学校、政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的办学，提高学校知名度，特构建海南省文昌市文东中学学校网站。关键字： 新闻中心 中学 中学网站 文东中学 校友风采 资源库 FLASH幻灯 留言本1.2 开发工具的选用及介绍：1.2.1、关于ASP的认识：ASP 全称为 Active Server Pa

5、ges（动态服务器主页），它是一种应用程序环境，可以利用 VBscript 或 Java Script 语言来设计，主要用于网络数据库的查询与管理。其工作原理是当浏览者发出浏览请求的时候，服务器会自动将 ASP 的程序码，解释为标准 HTML 格式的网页内容，再送到浏览者浏览器上显示出来。我们也可以将 ASP 理解为一种特殊的 CGI。利用 ASP 生成的网页，与HTML相比具有更大的灵活性。只要结构合理，一个 ASP 页面就可以取代成千上万个网页。尽管 ASP 在工作效率方面较之一些新技术要差，但胜在简单、直观、易学，是涉足网络编程的一条捷径。它具备一个服务器端的脚本执行环境，用它可产生和执

6、行动态的、交互的、高性能的Web服务器应用程序。Active Server的另一大优点是代码的安全性。页面的访问者所能看到的只是服务器方的处理结果。ASP文件可以用常规的文本编辑器编辑， ASP使用VBScript、JavaScript等脚本语言作为开发工具，镶嵌于HTML文本中，使用将ASP的程序包含起来。当用户从浏览器向Web服务器提出请求时，Web服务器会自动将ASP的程序解释为标准的HTML格式的主页内容，用户端只要使用常规可执行HTML程序的浏览器，就可浏览ASP所设计的主页内容，因此与浏览器无关，并且保证了ASP的源程序代码不会外漏。ASP中包括五个内置的ActiveX服务器组件和

7、五个内置的对象：Database Access component（数据库访问组件）、File Access component（文件访问组件）、Ad Rotator component（广告轮播器组件）、Content Linking component（内容链接组件）、Browser Capabilities component（浏览器信组件）以及Request（请求对象）、Server（服务器对象）、Session（会话对象）、Response（响应对象）、Application（应用程序对象）。在所有ASP组件中，最有用的是数据库访问组件，也称为ActiveX数据对象或ADO。在站点发

8、布数据库将使用这个组件及其中包含的对象，以完成对ODBC数据源的读写。此外，ASP技术的另一个重要特点是，程序员可以利用Java、Visual Basic、 Visual C+等语言制作适应自己特殊需要的ActiveX服务器组件来扩充ASP的功能，使自己的动态网页几乎具有无限的扩充能力，这是传统的CGI程序所不及的。总而言之ASP具有学习快、设计快的特点，不需花许多时间即可学会和快速设计出WEB应用程序。ASP的源程序码在服务器端执行，代码保密性好。集成与HTML中，无需编译链接可直接执行，而且使用文本编辑器即可设计。1.2.2、对于Access 关系型数据库的认识：数据库的概念数据库是一种存

9、储数据并对数据进行操作的工具。数据库的作用在于组织和表达信息，简而言之，数据库就是信息的集合。计算机的数据库可以分为两类：非关系数据库（flat-file）和关系数据库（relational）。关系数据库中包含了多个数据表的信息，数据库含有各个不同部分的术语，象记录、域等。 新建一个数据库创建任何一个数据库的第一步是仔细的规划数据库，设计必须是灵活的、有逻辑的。创建一个数据库结构的过程被认为是数据模型设计。1 标识需要的数据；2 收集被标识的字段到表中；3 标识主关键字字段；4 绘制一个简单的数据图表；5 规范数据；6 标识指定字段的信息；7 创建物理表。数据库的修改分为：添加、编辑和删除记录

10、。这三种操作均可由ASP 创建的程序来完成.。第二章：网站总体分析与设计2.1、网站设计思想分析：1、学校网站是学校的商标，每一所学校都有自己的特色，每一所学校都有自己的个性。在这个高度信息化的社会里，建立自己学校网站是最直接的宣传手段。网站的超时空特性，不仅能让地区内的人们了解学校，更可让世界了解你的学校。凭藉学校网站，学校就可成为教育百花园中一朵鲜艳的花朵。2、学校网站是实现教育资源分配的桥梁网络有巨大的教育资源库，它集全社会的力量，使教育资源无限增长。这对于发达地区和欠发达地区，高投入学校和条件差的学校在获取教育资源的权力上达成平等，使每一位教师和学生都能均等的得到培训和受教育的机会，不

11、再会受到学校水平、教材、教师能力的限制。不仅能极大的提高教学效率，而且能实现教育公平的社会理想。 3、学校网站能提供教学互动的全新方式学校网站使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式，它不再受到传统课堂的制约。它可以使广州与北京、城市与乡村的学校同处一室，共同讨论，共同共享。地理上的界限在这里模糊和消失了，学校网站是真正没有围墙的学校。 4、学校网站能够提供个性化学习的平台，不同的学生理解世界的方式各不相同，认知世界有诸多方式。网络提供的丰富资源可以使学生寻觅不同的教育方式，各取所需。学校网站允许不同的学生沿着自己的途径，按自己的速度接受教育与学习，学生将有机会享受最佳的

12、教育机会，充分发掘自己的内在潜力，培植独特的个性和人格。 5、学校网站是最佳的教学研究室，学校网站与教育类专门网站的有效链接，给学校教学研究带来了一片新天地，各种优秀教案、专家论坛、网络观摩课、各科素材、多媒体课件制作等内容为教师教研提供了极佳的平台。有效地降低教研成本、提高效率。 6、通过网站，全面宣传，展示学校风采、优点与特色，发布学校的重大活动安排与招生政策，以及其他动态信息，展现本校先进的教学理念和教学教研成果，展现新课改的实验过程，加强和外界的交流，对名师进行全面的分析和介绍在让大家了解的过程中做到全面提高学校的知名度，增强家长与学校之间的联系，在Internet上实现完成活动公开全

13、部信息全面提高办事效率和学生对学校的理解。2.2、功能介绍：根据前面的设计思想进行设计，按照系统开发的基本观点对网站进行分解，从功能上可对网站作如下划分：1、新闻中心：优点特色 通过新闻中心，包括学校新闻、校外新闻、招生动态、校友新闻等。2、文东概况：通过总体介绍- 辉煌校史-现任领导- 历任领导-校园景色学校黄页等内容来展现。Q3、教学教研：有考试指导、教案集萃、新课程实验、教学资料等拦目4、教研组介绍：语文 数学 英语 物理 化生 政治 历史 地理 艺体 信息技术等教研组信息展现。Q5、教师风采：特级教师 - 省坛新秀 - 荣誉教师荣誉等方便了解教师信息。6、信息发布： 通过公告栏、信息查

14、询、每周工作等栏目来实现，内容有招生政策、 活动安排、每周各部门和教研组的工作情况等。7、校务公开：通过校务公开拦目来实现，做到公开校务全部信息提高办事效率和学生对学校的理解。Q8、党团之窗：总支机构 支部生活 党团员风采等9、留言处 ：对学校有什么问题、意见都写在这里。10、网络中心：规章制度 网络管理 电脑维护 课件制作 技术前沿11、校友之窗：介绍校友、还有关于校友的新闻2.3、主页设计：1、网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍学校风采、优点特色、信息发布，对于教师风采，校务公开，校友之窗等，就得利用与数据库结合的技术建立

15、数据库查询管理系统，采用交互式的动态的web画面来实现。以下是站点的结构图： 主页结构图 二级菜单结构图 三级菜单结构图主色调为：蓝色配合浅蓝色。蓝色的朴实，活跃、具有较强扩张力的色彩，提供一个深远、广埔、平静的空间，蓝色还是一种在淡化后仍然似能保持较强个性的色。辅色调为：白色。白色给人色感光明，性格朴实、纯洁、快乐。蓝色和白色搭配给给人感觉清冷、洁净，感觉每次都很清新，会有一种百看不腻的感觉。还有，这样比较符合东方人的视觉习惯。2、有下至上滚动的网站公告和活动安排实现代码如下：公告调用文件：代码： %set rs=Server.CreateObject(Adodb.Recordset) rs

16、.open Select top 6 * from Announce ORDER BY posttime DESC,conn,1,1 if rs.eof then response.write document.write(当前没有公告，正等你发呢！) else do while not rs.eof % document.write( a href=gonggao1.asp?id= target=blank     ) document.write( 更多公告) 活动调用文件：代码： %set rs=Server.CreateObj

17、ect(Adodb.Recordset) rs.open Select top 6 * from huodng ORDER BY posttime DESC,conn,1,1 if rs.eof then response.write document.write(当前没有活动安排，正等着你发布呢！) else do while not rs.eof% document.write( a href=gonggao1.asp?id= target=blank     ) document.write( 更多活动) 2.4、数据库设计：采

18、用的数据库是Microsoft Access ，拟建立%biye.asp数据库文件，包含如下几个表文件：1. Admin 新闻中心管理员信息表字段名称 数据类型 字段大小 默认值 说明Admin 文本 50 空 管理员名字Password 文本 50 空 管理员密码Aleave 文本 50 空 管理权限2. Admin_Info 资源库管理员信息表字段名称 数据类型 字段大小 默认值 说明UserName 文本 100 空 管理员名字PassWord 文本 32 空 管理员密码UserGrade 数字 长整型 空 管理权限GuTablePrefix 文本 100 空 管理员说明AddDate

19、日期/时间 日期 Date() 管理员添加日期LoginNum 数字 长整型 空 登陆次数LastLoginDate 日期/时间 日期 Date() 登陆最后时间LastLoginIP 文本 15 空 登陆IP3. Alumni 公告信息表字段名称 数据类型 字段大小 默认值 说明Titleid 文本 50 递增 ID号Posttime 日期/时间 日期 Date() 添加时间Content 备注 不限 空 公告信息Hits 数字 长整型 空 阅读次数Source1 文本 50 空 公告来源write1 文本 50 空 添加人员4. BigClass 新闻大类信息表字段名称 数据类型 字段大小

20、 默认值 说明BigClassID 自动编号 长整型 递增 大类IDBigClassName 文本 不限 空 大类名Admin 文本 100 空 管理员5. main 文东概况信息表字段名称 数据类型 字段大小 默认值 说明About 备注 不限 空 本校简介User 文本 50 空 本校简介添加人About_hits 数字 长整型 空 本校简介阅读次数Organize 备注 不限 空 行政机构Organize_hits 数字 长整型 空 行政机构阅读次数Teach_organization 备注 不限 空 教学机构Teach_organization_hits 数字 长整型 空 教学机构阅读

21、次数Aboutimg 文本 50 空 图片名称Organizeimg 文本 50 空 图片名称Teach_organizationimg 文本 50 空 图片名称teacher_troops 备注 不限 空 师资介绍teacher_troops_hits 数字 长整型 空 师资介绍阅读次数teacher_troopsimg 文本 50 空 图片名称6. Message 留言本信息表字段名称 数据类型 字段大小 默认值 说明Books_Name 文本 10 空 昵称Books_Mail 文本 30 空 邮箱地址Books_Qq 数字 10 空 QQ号码Books_Info 备注 不限 空 留言内

22、容Books_Time 日期/时间 默认 Now() 留言时间Books_Ip 数字 长整型 空 IP地址Books_Reply 备注 不限 空 回复内容7. News 新闻中心信息表字段名称 数据类型 字段大小 默认值 说明Title 文本 50 空 标题Content 备注 不限 空 内容BigClassName 文本 50 空 大类SmallClassName 文本 50 空 小类Imagenum 数字 长整型 空 图片数量firstImageName 文本 50 空 图片名称user 文本 50 空 添加人infotime 日期/时间 默认 Date() 添加时间hits 数字 长整型

23、 空 阅读次数ok 文本 50 空 是否在首页以图片显示8. shizi 教师风采信息表字段名称 数据类型 字段大小 默认值 说明Username 文本 50 空 教师名字Usertext 备注 不限 空 教师信息Userjish 文本 50 空 教师职称Userxw 文本 50 空 教师学位Userld 文本 50 空 是否领导Direction1 文本 50 空 专业方向Userzw 文本 50 空 教师职位firstImageName 文本 50 空 图片名称userlx 文本 50 空 联系方式email 文本 50 空 电子信箱9. SmallClass 新闻中心小类信息表字段名称

24、数据类型 字段大小 默认值 说明SmallClassName 文本 50 空 小类名称BigClassName 文本 50 空 所属大类名称Admin 文本 50 空 管理员第三章：详细设计3.1、新闻发布系统设计：3.1.1、新闻中心连接数据库代码：Recordset对象是负责浏览与操作从数据库取出来的数据，Connection对象只负责与数据库进行链接的动作，并不能使用数据库内的数据，因此必须建立一个可以存取数据库数据的Recordset对象，使用RS.Open方法存取”teach.mdb”数据库RS.Open SQL,CN,1,1使用open方法来打开数据表或执行Select指令参数设置

25、如下：1， 参数一（SOURCE）:为欲打开的数据表或SQL指令。2， 参数二（ActionConnection）:指定一个已打开的数据库对象，将此参数设为链接我们已经建立好的Connection对象“CN”。3， 参数三（ CursorType）：指定Recordset的打开类型，1为可读写且可自由移动。4， 参数四（LockType）:指定锁定类型，1为只读。数据排序与SQL指令1 Select 指令的筛选语句：格式： SelectFrom在SQL语言中：“Select”数据表“中选取某些“栏位”的数据.2.如果要选取的数据表数据包含了一个以上的栏位，则我们可以利用“，”逗号来栏位名称隔开

26、。3 如果要选取的数据表数据包含了全部的栏位，则可以利用万用字符“*”来代表全部的栏位。可排序数据的Select指令1 当我们希望被选取出来的数据记录数据能够依据某个或某几个栏位的内容来排序时，只要将这些排序依据的栏位摆放在“Order By“保留字之后，然后将这处排序的语句连接在”SelectFrom“后面就行了。2 “Order By“默认的排序方式是“由小排到大”，但若是希望排序方式是“由大排到小”，则我们可在栏位名称后再加上“Desc“保留字！将排序方式改为”由大排到小“。在“显示留言意见”网页中的打开数据库ASP程序中的语句：SELECT*From news order by inf

27、otime Desc功能为：从数据表“news “中取出所有栏位的数据，并将取出的数据记录内容依照”留言日期“栏位使用的”由大排到小“排序方式进行排序。3.1.2、新闻系统后台管理：1. 新闻栏目管理：增加,修改,删除一级,二级新闻文章栏目。2新闻文章添加：按不同栏目添加新闻文章、支持文本、HTM格式或源代码显示、支持图片上传和附件上传。3新闻文章删除：删除旧的文章。4新闻文章删除：在后台管理系统中上传一些文章、上传图片等、在前台查询这些文章。5管理员管理：新闻管理系统的管理员设置。6新闻拦目类别中我们添加了新闻中心 教学教研 校务公开 党团之窗 网络中心 新课程实验 活动安排 教育视野 学校

28、新闻 常规管理 党总支机构 规章制度 课改理论 观察评论 校外新闻 考试信息 团总支机构 网络管理 课改简讯 教育天地 招生动态 课题研究 党员风采 电脑维护 课改实践 校友新闻 团员风采 课件制作 教育叙事 校友贡献 技术前沿7我们能根据我的要求修改新闻内容与修改是否在首页显示图片3.1.3、新闻中心前台显示设计说明：1.在首页上我们用代码： 查询NEWS表中大类为新闻中心的前9条记录集，并利用do while not rs.eof rs.movenext loop set rs=nothing rs.close等代码循环显示记录集直到记录集指针指向结尾。2.我们可以点击响应的内容连接到不同

29、的新闻信息，也可以连接不同的新闻拦目，比如：要查看全部的新闻中心内容我们可以点击连接到新闻中心的详细页面。4.可以在新闻中心的页面查看不同分类的新闻信息。3.1.4、新闻系统管理员的管理：1.普通管理员：拥有大类管理、小类管理、评论管理、公告管理。2.超级管理员：、除上述权限之外 ，管理、注册用户管理权限以下是实现管理员添加的关键源代码：%if session(aleave)=check then 判断是否为普通管理员response.writealert(对不起，你没有这个权限！);response.writejavascript:history.go(-1) 返回上一步response.end 结束页面输出end if%admin=request.form(admin) 取得表单admin的值password=request.form(password) 取得表单password的值aleave=request.form(aleave) 取得表但aleave的值if admin= or password= then