中小学学校网站的设计开发——毕业论文

计算机科学与技术（论文）本科毕业生毕业论文（设计）题目：中小学学校网站的设计开发所属系别： 所学专业： 上课地点： 学员学号： 学员姓名： 导师姓名： 完成时间： 目 录目录.2摘要.4一、引言.51.1问题的提出.5 1.2学校需要走进INTERNET.6二、 系统分析.721 系统目标设计.722 开发设计思想.723 开发和运行环境选择.724 系统功能分析.725 系统功能模块设计.72.5.1新闻文章发布模块82.5.2在线调查模块.82.5.3流量统计模块.8三、 数据库分析.931 数据库需求分析.932 数据库概念结构设计.10 3.2.1学校信息实体E-R图.103.2.2信息类别实体E-R图.103.2.3信息栏目实体E-R图.103.2.4管理员实体E-R图.113.2.5主要实体与实体之间的关系E-R图.1133 数据库逻辑结构设计11四、 网站的实现.1341安装网站设计相关软件.1342在windows XP上建立Asp的运行环境.1343主页的设计.1444 显示学校信息的showclass2.asp设计.1445 后台管理登录的实现.15五、系统技术.16结束语.17附录1：主文件列表.18参考文献.19致 谢.20中学网站设计【摘要】本文首先介绍了ASP技术现状，接着介绍了构建动态WEB站点使用ASP技术的原因。然后具体对庞各庄中学网站的设计逐一介绍了建网的系统分析、系统设计和系统实现。在系统分析中以模块功能结构图，系统分析说明书和实体E-R图的形式确定了系统的基本框架。然后对各功能模块的特点作了具体分析，最后论文从网页功能的实现上逐一做了技术说明。并给出了本系统库表结构的详细说明。本网站主要实现了对Web数据库的数据录入，修改，删除，查询，相关数据的分析统计等功能。【关键词】 学校网站；庞各庄中学；ASP； Access数据库 一、引言早期的动态网页主要采用CGI技术，由于编程困难、效率低下、修改复杂，所以一直是专业程序员的专利。ASP的出现，改变了这个现状，ActiveServerPages即ASP是微软开发的一种类似HTML（HypertextMarkupLanguage超文本标识语言）、Script（脚本）与CGI（CommonGAtewayInterface通用网关接口）的结合体。ASP问世以来，每天正在以成千上万的ASP网站在INTERNET中诞生。它以简单易学，却功能强大，被越来越多的人们所喜爱。本次毕业设计我选择的课题是：利用ASP设计中小学网站庞各庄中学网站，目的是通过该网站的规划和设计，给人们了解我们学校提供了一个平台，拉近了教育和社会之间的距离。让人们足不出户，轻松快捷的获得学校各种信息，展示了学校和教师的风采。同时也通过该平台，学校可以及时了解社会对我们学校的建议和意见，以便我们学校在今后的工作中及时改正。网站的规划和设计，从系统的调研，系统的分析，系统的设计到系统的实现，利用软件工程的思想作为指导，开发了这个完整的系统，提高了自己的专业知识和实际相结合的能力。（11）问题的提出教育是人民办的教育，那么我们教育反过来就应该为人民服好务。庞各庄中学自建校以来，作为教育的一扇窗口，由于历史和条件的因素，人们无法获得这扇窗口后面的信息，造成学校和社会，学校和人民无法沟通和信任。于是学校老师经常抱怨现在家长和社会怎么越来越不讲道理，家长和社会越来越多的指责学校的各种做法是否合理。随着社会和教育的改革，同时学生生源正在减少，过去那种学生就学的“计划经济时代”正在过去，学校的各种荣誉和教育科研成果不能让社会了解，就不能够树立起学校的品牌和形象。那么在学生思想等一系列的教育工作中就会出于被动，那要学校的老师的教学激情，学生学习的热情都会不同程度的受到影响。由于历史的原因，过去的学生家长的文化素质普遍较低，家长参与教育，社会参与教育一直是一个口号，但现在一切都已经改变，以我们庞各庄中学为例，我们学校学生家长60%以上都是高中以及高中以上学历，他们这一代人正在以自己读书的切身感受在关注教育，对学校的一些教育教学方法正在以饱满的热情在关注着。但是目前学校无法了解占多数的而且素质较高的社会群体这部分人中多数的思想观点。（12）学校需要走进INTERNET国际互联网的用户在迅猛地增长，这增长速度是全世界范围的普遍现象。在美国、欧洲、日本、台湾、港澳及其它许多国家，网站和电子信箱系统已经成为公司立业不可缺少的重要组成部分。人们用电子信箱已经比用电话多了，百分之九十以上的大小企业、学校、政府机关、服务业甚至酒吧都设法在热门网络上设立自己的网站，供数以百万计的人们前来参观、浏览和查询。中国及全世界的上网用户在未来几十年内还会迅速增加。学校一个受千万人瞩目的地方，学校便于和社会各界人士沟通同时让社会及时了解学校信息就必须建立自己的网站。 可以缩短学校和社会的距离教育是人民办的教育，教育要为人民服务，长期以来，学校成了很多社会各界人士的一个敬畏的地方，不能了解学校办学的现状，不能很好的和学校交流和沟通，成为学校为社会服务的屏障。通过学校的网站，可以解决缩短学校和社会的距离。 可以为社会提供服务和各种信息让社会各界人士获得所需的学校相关信息是为社会服务的重要方法之一。学校网站建立后，学校就可以很方便的提供社会人士感兴趣的一些学校相关的新闻信息，教师信息，教育科研信息，学生信息等。 可以回答用户经常关心的问题在学校里任何一个经常接电话的人的都会告诉你，他们的时间被消耗在一遍又一遍回答同一个问题上，你甚至要为回答这些问题而专门增设人手；而把这些问题的答案放到学校网站上后，就既能使用户们弄清楚问题又节省了大量时间和人力资源。 可以尽可能快地更新信息人们对信息及时公布的焦虑心情可想而知，但是以往的传递信息的方法速度慢，影响力小。如果通过学校网站来传播，就可以及时发布人们渴望得到的信息。二、系统分析（21） 系统目标通过设计一个学校网站庞各庄中学网站，宣传我们学校，让社会了解我们学校，让学校走进社会，从而得到各界人士的关心和支持。达到教育更好的为社会服务的目的。 （22）开发思想本系统开发设计思想：系统采用模块化程序设计方法，这样既便于系统功能的各种组合，又便于未参与开发的技术维护人员补充，维护。系统应具备数据库维护功能，及时根据学校信息的需求进行数据的添加，删除，修改等操作。（23） 开发和运行环境选择开发工具：FLASH MX， Dreamweaver MX, Fireworks MX。服务器端运行环境：WindowsXP+IIS。客户端运行环境：Windows9x，Windows2000, WindowsXP。（24）系统功能设计本站需要完成功能主要有：新闻文章发布：学校简介，德育天地、教学科研，教师风采，学生窗口等的介绍。在线调查系统：本站提供对教育和学校的热点问题进行网上调查的专栏，来访者可以通过网上调查对热点问题投上代表自己的一票。流量统计系统：本站可以对流量从多方面进行统计。包括开站天数，浏览总数，当天浏览总数，上一天浏览总数，本月浏览总数，上月浏览总数，平均浏览总数。（25）系统功能模块分析在系统功能分析的基础上，得到如图2-1所示的系统功能模块图。学校文章发布在线调查流量统计庞各庄中学校园网站 新闻前台发布学校信息浏览 教学科研浏览 德育天地浏览 教师风采浏览 学生窗口浏览 后台管理学校后台管理 教育后台管理 德育后台管理 教师后台管理 学生后台管理 图2-1 系统功能图下面我将对每个模块的总体设计作简要说明。（251）文章发布模块新闻文章发布是本网站的重点。网站作为一种媒体，应当可以提供足够多的用户感兴趣的信息。庞各庄中学网站作为学校的一个窗口，为了满足社会对学校信息的了解的愿望，本站的新闻文章主要开设五个方面的栏目。分别是：学校简介，德育天地、教学科研，教师风采，学生窗口等。对新闻文章模块的总体设计是分为前台浏览和后台管理子模块。来访者通过前台点击可以浏览到本网站有关新闻文章等各种信息。这些信息包括：学校新闻快讯信息，德育活动信息、教育科研信息，教师风采的各种信息，学生园地信息等。本后台管理子模块完成对学校新闻文章发布子模块中的五个栏目进行后台管理员才能操作的添加信息，编辑信息，删除信息等操作。（252）在线调查模块本网站对一些社会热点提供在线调查的栏目，来访者可以对网站上的社会热点问题投上代表自己观点的一票。这样就可以综合民意得到教育等热点从而决定以后的发展方向。（253）流量统计模块作为管理员应该实时知道本网站的流量。流量统计的数据包括：网站开站的天数，浏览的总数，当日的浏览数，昨日的浏览数，本月的浏览数，上月的浏览数，平均来访数等。一个网站如果没有流量，那么就说明了这个网站开设的栏目没有吸引力。作为管理员就学校可以通过流量及时知道网站开设新栏目后流量是否有变化等。三、数据库分析通过以上功能模块的分析和设计可以知道，本网站设计需要涉及到后台数据库的设计。在数据库应用系统的开发过程中，数据库的结构设计是一个非常重要的问题。数据库结构设计的好坏将直接对应用系统的效率以及实现的效果产生影响，好的数据库结构会减小数据库的存储量，数据的完整性和一致性比较高，系统具有较快的响应速度，简化基于此数据库的应用程序的实现等。（31） 数据库需求分析在这个阶段主要是收集基本数据，数据结构以及确定数据处理的流程，组成一个详尽的数据字典，为以后进一步设计打下基础。管理员通过登录网站，输入正确的用户名和密码可以进行网站管理。进入管理状态后可以选择管理的项目，可以是对包括对管理员密码在内的系统设置信息的修改，也可以是对本网站的各种数据库中其它的信息进行后台管理，包括对学校简介，德育天地、教学科研，教师风采，学生窗口等管理。管理的内容分为：对信息的添加，修改，删除，审核等操作。来访者可以在浏览器中输入学校网址登录网站，通过点击网站的链接浏览各种相关信息。这些信息是通过调用后台数据库中相关信息在前台显示的。针对本网站的数据结构，可以通过以上对本站数据流程的内容和数据关系分析，得出以下的数据项和数据结构如下： 新闻信息：新闻类别号，标题，所属专栏，文章来源，文章作者，内容，发布时间，点击次数，关键字， 状态等。 新闻类别：类别号、类别名。 新闻所属栏目：栏目号，类别号，栏目名。 管理员信息：用户名，密码等。 在线调查信息：调查的主题编号，主题名称，主要观点1，主要观点2，主要观点3，主要观点4，观点1的票数，观点2的票数，观点3的票数，观点4的票数。 流量统计信息：总流量，今日流量，昨日流量，本月流量，上月流量，开站日期，最后访问IP。有了上面的数据结构，数据项和数据流程，就能进行下面的数据库设计。（32） 数据库概念结构设计这一设计阶段是在需求分析的基础上，设计出能够满足网站设计需求的各种实体，以及确定它们之间的关系，为后面的逻辑结构设计打下基础。本网站根据上面的设计规划出的数据项和数据结构得出的实体有学校信息实体，学校信息类别实体，专题栏目实体，管理员实体，在线调查信息实体，流量统计实体等。下面详细介绍本系统主要的实体以及主要实体之间的关系。3.2.1学校信息实体E-R图 学校信息实体 信息编号 主题 类别号 . 栏目号图3-1 学校信息实体E-R图3.2.2信息类别实体E-R图 信息类别实体 类别编号 类别名称 图3-2 信息类别实体E-R图3.2.3信息栏目实体E-R图 栏目实体 栏目编号 类别编号 栏目名称 图3-3 栏目实体E-R图3.2.4管理员实体E-R图 管理员实体 用户编号 用户名 用户密码 图3-4 管理员实体E-R图3.2.5主要的实体和实体之间的关系E-R图 信息实体 属于 类别实体 属于 管理 管理 栏目实体 管理 管理员实体图3-5 主要的实体和实体之间的关系E-R图（33） 数据库逻辑结构设计将上面的数据库概念结构转化为ACCESS2003数据库系统所支持的实际数据模型，也就是数据库的逻辑结构。在上面的实体以及实体之间关系的基础上，可以形成数据库中的表格以及各个表格之间的关系。根据系统分析得出的结论，结合本网站对有关数据的存储的需要，更加方便实现该网站预期的所有功能，现将本系统设计成5个数据库表，每个表的字段名、类型、宽度设计如下：数据库中各个表格的设计结果如表31到表35所示。每个表格对应在数据库中的一个表。表31为新闻信息表,该表用来记录存储本网站新闻信息相关的各种信息：表3-1：新闻信息表字段名类型宽度说明newsid自动编号长整型新闻编号typeid数字小数类别编号borderid数字小数栏目编号topic文本80主题content备注备注新闻内容ntime日期8发布时间hits数字小数阅读次数keys备注备注关键字img文本50相关图片nfrom文本100来源modify文本30编辑人audit数字长整型是否审核auditer文本50审核人writer文本50作者imgsize数字小数图片大小表3-2：新闻类别表,该表用来存放本网站新闻信息的类别名称。表3-2：新闻类别表字段名类型宽度说明typeid自动编号长整型类别编号typename文本50类别名称表3-3：新闻栏目表,该表用来存放本网站新闻信息的类别名称。表3-3：新闻栏目表字段名类型宽度说明borderid自动编号长整型类别编号typeid自动编号长整型类别编号bodername文本50类别名称表3-4：管理员信息表,该表用来存放本网站管理员信息。表3-4：管理员信息表字段名类型宽度说明userid自动编号长整型用户编号name文本15用户名pwd文本14密码表3-5：评论文章表,该表用来存放本网友评论文章的信息。表3-5：评论文章表字段名类型宽度说明Reviewed自动编号长整型评论编号Newsid自动编号长整型文章编号Reviewer文本30评论网名Uip文本20IP地址Email文本60Email地址url文本15主页地址Content文本14评论内容Rtime时间14发表时间以上是本系统的库表结构的设计简要说明。 四、 网站的实现完成了以上的后台数据库的设计后，下面就可以对前面系统分析阶段逻辑设计出的功能模块将技术设计转化成为物理实现，是系统建设的实现阶段。因此，网站的实现的成果将是系统分析和设计阶段的结晶。（41）安装网站设计相关软件本站设计需要用到FLASH MX， Dreamweaver MX，Fireworks MX 等网页设计相关的软件。其中FLASH MX主要完成网页中相关动画的设计和处理。Dreamweaver MX主要完成网页的排版、布局设计。Fireworks MX 主要完成网页中相关图片的格式转化，效果处理等。（42）在windows XP上建立Asp的运行环境在windows XP中文专业版上运行Asp的环境是基于IIS 3.0以上版本的，需要使用控制面板“ 添加/删除程序”来安装IIS及其组件。如果安装的是windows 2003 Server，IIS5.0将作为一个默认选项被安装。（43）主页的设计来访者输入网址，首先打开的就是学校网站的主页，主页设计包含足够多的链接，以便来访者可以通过链接导航到自己所关心的信息页面上去。该页面的布局结构是 型布局结构。具体的说：在网页的上面是log图片和导航条。Log图片表明网站的主题：庞各庄中学网站。导航条将本站的栏目分成了学校简介，德育天地，校园快讯、机构设置，教学科研等栏目。这些导航栏目分别设计有相应的文字链接，点击这些文字链接可以进入相应的页面。具体设计：打开网页设计工具Dreamweaver MX。新建一个网页文件，保存为index2.asp，接着设置页面属性，在属性页中标题：庞各庄中学。利用布局表格工具，设置好网页的表格布局。然后就可以在表格中添加单元格。利用表格的属性面板和单元格属性面板设定好各自的属性以后，就可以在单元格中添加文字和插入图片。为了实现首页显示学校简介，德育天地、教学科研，教师风采，学生窗口等文字信息以及为了方便管理。不是在每个栏目设计静态的文本信息，而是内嵌java脚本，脚本的数据源来自一个和数据库相连接的asp文件。通过比较脚本语句可以发现，脚本调用的是同一asp文件，只是一个typeid不一样。在数据库的设计中我们已经知道，这个参数是新闻的类别编号。由于这四类不同的信息都是存储在数据库中的news表中，要实现信息的分类就可以通过设定这个类别编号。（44） 显示学校信息的showclass2.asp设计在首页中大量的学校信息是通过链接到showclass2.asp文件来显示学校信息的。比如在首页中点击学校快讯中的任一学校信息，就可以链接到该页面并显示该信息的详情。对比实际运行的界面和设计界面可以看出，导航条的设计不是在这里直接给出，而是通过脚本调用一个js文件。这样设计的好处在于可以和其它的页面共享该导航的js文件。另外对比showclass2.asp文件还可以看出，该页面中的学校信息标题和内容也是调用其它的语句和脚本的。新闻标题调用asp脚本：用于显示记录集中的topic字段值。该字段是通过sql语句实现的查询记录集中的字段值。对于新闻的内容显示也和新闻的主题显示类似，这里就不再说明。（45）后台管理登录的实现实现登录的文件有：Admin_login.asp和Admin_index.asp二个文件。Login.asp文件提供输入用户名和密码已经校验输入的是否为空等判断。输入正确的用户名和密码是否正确是通过Admin_login.asp文件中表单提交的用户名和密码传递到Admin_index.asp文件中和数据库中user表用户名和密码对比是否正确，对正确的用户名和密码赋给一个session变量。进入到管理主页。当用户名和密码赋给一个session变量的同时也将网页转向管理主页。在管理主页的开头部分首先需要校验身份。校验的实现的方法是检查session变量是否为空。如果为空表明没有经过管理登录获得合法的session，那么就不能进入该页面。该页面的实现使用了框架技术。整个页面分为左右二部分，左边是用户管理操作的一个列表。右边是对应的网页。五、 系统技术 利用session变量来跟踪和校验合法用户本网站管理员登录以及管理员进入管理页面时用到了session变量。当用户在WEB站点的网页之间来回移动的时候，可以使用Session变量来跟踪用户。Session变量与cookie关系密切。实际上，session变量依赖于cookie变量。在本网站管理员登录进入后台管理时，需要用到session变量。便于管理员在不同的管理网页之间移动表明身份。首先，在check.asp文件中获得该变量。管理员登录时输入的用户名和密码传递到check.asp中和数据库中管理员用户名和密码对比。正确的用户名和密码就赋值一个session变量。具体语句如下：session(purview)=rs(purview)session(name)=rs(name)在后面的管理页面中首先判断session(purview)是否为空，如果为空的话表明没有取得合法的session身份。这样就导向到login.asp页面重新登录。判断session变量的语句如下：另外在使用session变量之前，应该注意它与cookie一样的缺点，当一个客户使用的是不支持cookie的浏览器时，Web服务器不能创建ASPSessionIDcookie。没有ASPSessionIDcookie，当用户在网页之间移动时，session变量就不能与用户发生联系。结束语经过多日来的努力中小学网站设计终于完成了。回顾这次毕业设计的过程，我觉得收获很大，现借撰写论文总结的机会，谈一谈我的体会。通过这次毕业设计，我掌握了一种新的系统开发工具FLASHMX，Fireworks MX，Dreamweaver MX和Asp网络技术。ASP组件的强大功能让我深感折服，同时在这次设计的过程中，我始终遵循软件工程的思想，这使我的工作进度明显加快，也使我少走了不少弯路。软件工程的思想，指导我一步一步从系统分析，到系统设计，再到系统实现，让我对整个系统的开发过程有了明显的全局观念，也合理地安排了整个设计的时间。由于受本人的水平，思维的局限性，本站设计的还有很多地方不足，有待以后改进。包括：由于时间，水平的原因，网页设计的不精美。比如排版设计有些不合理，动画