1、毕业论文某中学网站设计与实现江苏省铁富高级中学网站设计与实现 序 言在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。 在教育事业飞速发展的今天，中学的教学质量越来越受到重视，国家投入了大量的资源来发展中学教育，随着科学技术的飞速发展，各个中学自身
2、也在进行着巨大的差异，从师资力量到教学条件，从软件到硬件，都在进行着巨大的变革，这个时候网络科技的飞速发展正伴随着教育事业的飞速发展，从简单的大字报开始学校就十分重视宣传的作用，而现在随着网络科技的发展，80%的中学有了自己的学校网站，并在日常的管理教学当中充分利用网络来处理事务，学校已经把网站作为宣传自己的第一窗口，并直接通过网站来进行教学管理、社会交流，这是社会发展的趋势，所以，铁富中学现在需要这样一个平台。第1章 绪 论1.1 课题的发展现状1. 问题研究随着办公自动化水平的不断提高，现在由于学校的扩招，学校的学生也越来越多，新闻也就越来越多，同学的需求就越来越多，正因如此设计一个功能完
3、整、操作简便、界面友好的校园网站已经是势在必行的了。2. 系统开发的目的提高学校的工作效率，加强学校学生活动、学校新闻、学校动态等信息发布的及时性、准确性。让浏览者一目了然地了解到学校最近的活动以及最近的工作安排。3. 应用背景学校承担着培养人才的重任，是联系社会和家庭的桥梁和纽带，在培养素质综合、全面的高中生方面铁富中学承担着巨大的社会责任，作为培养人才的社会组织，一方面要以教学任务为重点，重点建设教学课程，把工作重点放在教学上面；另一方面注重学生的综合素质的培养，发展学生的特长，积极拓展素质教育；再一个方面要注重课外活动、课外文化的建设，实时安排各项体育、文化活动来补充学生的业余生活，大力
4、促进学校的精神文明建设。畅通学校和同学之间的民主渠道，积极表达和维护同学的正当权益，为广大同学全面发展、健康成长创造良好条件。在素质教育的进程中，认真贯彻“自我服务、自我管理、自我教育”的方针和坚持“来自同学、植根于同学、服务于同学”的工作路线和工作方法，致力于校园文化建设，充分发挥学生会的载体功能，团结和引导广大同学刻苦学习，乐于奉献，为培养造就跨世纪的高素质的合格人才贡献力量。1.2 开发工具的选用及介绍1.2.1 DreamweaverDreamweaver是美国MACROMEDIA公司开发的集网页制作和网站管理于一身的所见即所得网页编辑器， 是一种可视化网页制作工具，利用它可以轻松地制
5、作出跨越平台限制和跨越浏览器限制的动态网页。Dreamweaver 可以开发HTML、XHTML、ColdFusion、ASP、ASP.NET、JSP或PHP网站。通过平面设计工具以及代码提示、标签编辑器、可扩展色彩代码、标签选择器、片段和代码检验这类编码特性来实现对代码和设计的管理。新集成的工作空间可以与Macromedia Flash MX和Fireworks MX共享，其中包括了标示签的文档窗口、可放到dock中的画板组、可定制的工具条和集成的文件浏览。Dreamweaver 还包括有预建的布局和代码，其中有网站结构、表格、可访问的模板以及为客户端交互应用而提供的JavaScript。为
6、翻新现有网站以及创建下一代应用程序，Dreamweaver 还支持新标准和新的网页技术，带有对XML、网页服务和增强可访问性的支持。Dreamweaver MX为新的ColdFusion MX特性提供全套的支持，包括增强的代码编辑和开发功能、集成的调试功能、可视化布局功能和照片打印功能。1.2.2 数据库技术介绍数据库是一个数据集合。数据库管理系统（DBMS）提供用于在数据库中存储、检索和修改数据的软件。数据库是一种存储数据并对数据进行操作的工具。数据库的作用在于组织和表达信息，简而言之，数据库就是信息的集合。计算机的数据库可以分为两类：非关系数据库（flat-file）和关系数据库（rela
7、tional）。关系数据库中包含了多个数据表的信息，数据库含有各个不同部分的术语，象记录、域等。中文版Access 2000 是微软公司OFFICE 2000中文版套装系列软件中的关系数据库软件，以其友好的操作界面、强大的开发能力和完善的网络功能得到了用户的一致好评。利用ACCESS关系数据库设计一个校园网站首先应根据用户的需求对其进行分析和研究，全面规划，然后再根据数据库系统的设计规范创建数据库，否则将直接影响着系统的性能。1.2.3 ASP(Active Server Page)Active Server Pages (ASP) 是服务器端脚本编写环境，是由Server端脚本、对象以及组件
8、拓展过的标准主页使用它可以创建和运行动态、交互的Web 页和基于 Web 的功能强大的应用程序。ASP采用的工作模型是典型的B/S过程：1.一个用户在浏览器的网址栏中添入Active Server Pages文件名称，并回车触发这个Active Server Pages的申请。2.浏览器将这个Active Server Pages的求发送给IIS。3. Web Server接收这个申请要求并由于其.asp的后缀意识到这是个Active Server Pag的对象来实现服务器与客户端间的交互；可扩充服务器端功能。利用ASP提供的一组ActiveX服务器组件(ActiveX Server Comp
9、onents)可继续扩充ASP的功能。如用ASP内置ADO组件可以轻松的存取各种数据库。此外，还可以用VB，Java等语言开发自己的组件以进一步扩充其功能；ASP与浏览器无关，ASP可以将运行结果一HTML的格式传送到客户端浏览器，因而可以使用于各种浏览器。1.2.4 HTML(Hyper Text Markup Language)HTML的英文全称是Hypertext Markup Language，中文译为“超文本标记语言”。“超文本”就是指页面内可以包含图片，联接，甚至音乐，程序等非文字的元素。在几年前作为SGML的一个子集开发的。一个HTML文件中包含了所有将显示在网页上的文字信息，其
10、中也包括对浏览器的一些指示，如哪些文字应放置在何处，显示模式是什么样的等。如果你还有一些图片、动画、声音或是任何其它形式的资源，HTML文件也会告诉浏览器到哪里去查找这些资源，以及这些资源将放置在网页的什么位置。浏览的网页就是由HTML语言编写出来的。虽然HTML是一种语言，但HTML不是程序语言，如 C+ 和 Java 之类，它只是标示语言，你只要明白了各种标记的用法便算学会了HTML.HTML 的格式非常简单，只是由文字及标记组合而成，因此任何文本编辑器都可以制作HTML页面。在编辑器中输入html代码即可完成对网页的设计，如果在其中加入VB，JAVA等脚本文件以及数据库连接有关的语句指令
11、，便可对已知数据进行查询，从而生成动态网页的一部分。1.3. 本课题主要工作本课题要实现江苏省铁富高级中学学校概况、学生组织、留言系统、新闻动态、校园之星以及网站后台管理等功能。本课题的主要难点有：1.校园新闻、校园活动以及学生组织资料的收集、修改以及展示。2.实现一个同学能与学校领导进行信息交互的平台。3.管理员能轻松地对后台进行管理以及修改。我在本课题的主要工作是完成整个江苏省铁富高级中学网站的建设以及网站中的各个模块的功能。第2章 网站总体分析与设计中学网站设计是一项严谨而繁杂的工程，鉴于铁富中学这个特殊的学校组织，网站的建设就显得更加严谨和全面，而网站设计的优劣直接影响学校的的声誉及经
12、济效益。本网站的设计是在保证实现逻辑模型的基础上，尽可能地提高网站的可变性、可靠性、工作质量、工作效率及经济性。2.1 可行性分析2.1.1设计目的现在所有的学校都具备校园网，江苏省铁富高级中学网站正是一个基于网络的非常实用的应用型软件产品，就是应学校的需要，整合学校可以利用的所有校园网资源，建立一个系统的整合网站。江苏省铁富高级中学校园网就是方便本校任课教师进行教学，对各项评教数据进行合理有效管理，使得教师在查询、整理、输入、输出等方面达到事半功倍的效果，使得学生和家长更能及时了解到学校的动态。同时，该系统也作为宣传学校本身的一个极佳的平台，有利于自身的发展。2.1.2经济可行性分析现在，计
13、算机的价格已经十分低廉，性能却有了长足的进步。江苏省铁富中学是一所具有一定经济实力的重点高级中学，但是学校目前还没有一个有效宣传自己的平台，而目前市场发生了巨大的变化，这就要求铁富中学尽快能有一种高效、快速的宣传渠道来宣传自己，而网站是当今宣传最快速、最方便的渠道，本系统的开发，直接为铁富高级中学的工作效率直接带来了一个质的飞跃，为此主要表现有以下几个方面：第一，本校园网站的运行可以代替人工进行许多繁杂的劳动；第二，本校园网站的运行可以节省学校许多资源，比如人力资源、物力资源以及财力资源等等；第三，本系统的运行可以大大的提高学校的工作效率，缩短了学生与学校的距离，使得学生与学校的沟通更加直接方
14、便；所以，本系统在经济上是可行的。2.1.3技术可行性分析技术上是可行的，通过基于Internet互联网的动态WEB数据库技术，可以解决远程的数据传输与读取，远程的客户终端（Client）可以通过WEB页面提交请求，查询远端的数据服务器上的信息，同时还可以向远端数据服务器的数据库中存储信息，以实现信息的共享，同时利用Internet技术可以降低软件的开发和部署成本，只要在服务器端安装WEB应用就可以使每个客户端都能浏览使用。利用ACCESS+ASP技术开发本WEB应用，可以降低对客户端的需求，ASP是服务器端动态WEB技术，所有的处理过程都在服务器端处理完成，传给客户端的只是HTML页面，因此
15、客户端只需要有浏览器的终端就可以使用。ACCESS可以封装大部分逻辑代码，可以做到最大代码重用。2.1.4运行上可行性分析本系统为一个小型的校园网站，所耗费的资源非常小，学校的计算机无论是硬件还是软件都能够满足条件，因此，本系统在运行上是可行的。2.1.5法律可行性分析本系统纯为私人设计，在开发过程中没有涉及合同、责任等与法律相抵触的方面。因此，本系统在法律上是可行的。综上所述，实现该系统是可行的。该系统主要是实现江苏省铁富高级中学的日常工作、校园活动、校园新闻等等展示。浏览者可以从网站了解到学校的最新活动以及学校最近的工作，学校的最新动态，以及学校的最新新闻。学校领导可以从中了解到学生的需求
16、、建议和意见，以便做出正确的反映。2.2 网站系统目标分析按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：1. 学校概况及学校动态：介绍学校历史、发展历程、学校规模、最新动态以及未来发展规划等。 2. 学生组织：加强在校学生间的相互联系,充分调动学生在学校活动中的作用,促进师生间交流。让学生了解学校，学校通过这个来展示学生们优秀的一面，通过多种活动,利用自我教育形式,互相帮助、监督,共同进步。3. 留言系统：留言系统可以向学生提供开放性的分类专题讨论区服务，学校的毕业生们可以在此发表自己的某些观感、交流某些经验、乃至人生的感悟与忧欢，亦可以作为毕业生与母校交流的渠道，在校学生
17、亦可在此提出一些学校存在问题或发布某些消息。4. 新闻动态：用户从这里可以了解到最近学校新闻、高考动态、政策法规信息和友好学校的动态信息以及国内,国际的大小新闻。5. 校园之星：校园的优秀学生展示，主要记录校园的优秀学生的事迹。6. 后台系统管理：管理整个系统数据。2.3 开发的设计思想本系统的开放设计思想有以下几点：1.尽量采用现有的软、硬件环境及先进的管理系统开发方案，从而达到充分利用现有的资源，提高系统开发水平和应用程序的目的。2.网站应符合通用学校网站的规定，满足普通同学的需要，并达到操作过程中的直观、方便、实用、安全等要求。3.系统Browse/Server体系结构B/S模式是目前在
18、Internet/Intranet网络平台上最流行的运行模式。B/S模式由浏览器和网络服务器组成，通过网络进行连接。浏览器是通用的用户界面，不需在浏览器客户端安装用户应用程序；服务器提供用户所需要的信息。本系统采用此模式可以使数据处理、内部消息的浏览和外部信息的浏览界面完全一致，方便了同学的使用。由于浏览器端不要安装用户应用程序，降低了运行维护费用。4.系统采用模块化程序设计方法。既便于系统功能和各种组合和修改，又便于未来开发的技术维护人员补充维护。5.系统应具备数据库维护功能。及时根据用户需求进行数据的添加、删除、修改等操作。2.4开发环境配置2.4.1开发平台的确定1. 硬件环境aCPU
19、FC 2.4Gb内存 七彩虹 9200 512MBc硬盘 ST 80GB本系统顺利运行大概有10M的空间就已经足够了。但是考虑到数据库的经常变动。一般保持个50M的空间就已经非常足够了。2. 软件环境a操作系统 Windows XP Professionalb数据库开发工具 Access 2000c网页开发工具 DreamWeaver MX2004d. 前台编译环境 ASP IIS环境因为本系统是试运行系统，为了充分利用现有的资源，以上的硬件和软件环境已足够运行本系统。2.4.2操作系统的选用目前流行的操作系统主要有微软公司的视窗操作系统、UNIX操作系统、Linux操作系统。根据所选择的数据
20、处理方案和数据库管理系统对信息系统要求的满足程度，以及对操作系统的性能价格比操作系统使用覆盖率等多方面的考虑，本系统选择Windows xp系统作为网络服务器操作系统。Windows操作系统为目前使用最广泛的一个桌面操作系统，它具有美观大方，实用方便等优点。2.4.3数据库的选用本网站采用Access数据库。微软公司的Access数据库本身并不是一个数据库服务器，它不能用服务器来运行查询。对于数据庞大的情况，Access本身不是一个好的选择。但是此次设计的网站对数据库数据需求量不是很大，数据保密性的要求也不是很高。从应用的角度而言，Access数据库易于使用，而且在创建和配置上，Access数
21、据库都比SQL Server要容易。Access在较低压力下工作还是很好的，尤其它使用简单，转移和可视化处理都很方便，成本更远远低于SQL。2.5系统功能结构本系统主要有5大模块，功能层次图如图2-1所示 图2-1 系统功能结构图各功能模块，简介如下：1. 首页浏览者可以一目了然地了解到最新的新闻等等信息。主要包括学校概况、学生组织、新闻动态、留言系统、工作信息、校园美景、校园之星、友情链接以及后台管理等9个部分。2. 学校概况及学校动态介绍学校历史、发展历程、学校规模、最新动态以及未来发展规划等。3. 学生组织学生组织下面有2个模块：学生会和社团联合委员会，此模块功能是加强在校学生间的相互联
22、系,充分调动学生在学校活动中的作用,促进师生间交流。让学生通过多种活动,利用自我教育形式,互相帮助、监督,共同进步。4. 留言系统留言系统服务已经是互联网站一种极为常见的互动交流服务。留言系统可以向学生提供开放性的分类专题讨论区服务，学校的毕业生们可以在此发表自己的某些观感、交流某些经验、乃至人生的感悟与忧欢，亦可以作为毕业生与母校交流的渠道，在校学生亦可在此提出一些学校存在问题或发布某些消息。5. 新闻动态用户从这里可了解到学校新闻、高考动态、政策法规和友好学校动态以及国内外新闻。6.校园风景浏览者可以欣赏学校的相关图片。7. 后台管理管理员可以对网站内容进行增加、修改、删除以及对上传文件的
23、管理和系统的管理等。2.5.1管理功能根据系统功能的要求，校园网站留言系统可以分为两个模块：留言系统基本功能模块、管理功能模块。如图2-2所示给出了留言系统流程图。图2-2留言中心流程图如图2-3所示给出了两个功能模块之间的关系。图2-3 功能模块之间的关系第3章 系统详细设计3.1 数据库设计本网站采用的数据库是微软的Access 2000，他是一个客户/服务器结构的关系数据库。关系数据库系统是一种数据库体系结构，已被包括Microsoft新闻发布在内的软件销售商广泛应用于Access。一个关系数据库由许多个数据表组成，每个表又进一步细分为行（也称为记录）和列（也称为段）。可以将数据库中的一
24、个表看作一个电子数据表，用行表示记录，用字段表示列。大多数数据库包含多个表和其他数据库对象。Access是一个真正意义上的客户/服务器结构的关系数据库，它允许企业设计一个分布式数据库系统以满足不断变化的信息需求。3.1.1数据库的逻辑设计根据系统的要求,我们采用的数据库是Microsoft Access ，拟建立后台新闻管理news.mdb库文件、留言系统Gbook.mdb库文件和网站访问量count.mdb库文件。后台新闻管理news.mdb库文件包含如下几个文件表： admin： 管理员登录信息表 news： 学校新闻列表留言系统Gbook.mdb库文件包含如下几个文件表： admin：
25、管理员权限表 gbook： 留言信息表 reply： 回复信息表网站访问量count.mdb库文件包含如下几个文件表： cn： 网站访问总量统计表、小类名称、所属大类名称。留言板数据库需求分析根据系统功能设计的要求及功能模块的划分，下面给出给出各个组成部分的数据项和数据结构。对于留言板的基本功能模块，可以列出以下数据项和数据结构。 留言信息：用户ID、用户名、电子邮件、主页、QQ、主题、内容、表情、头像、时间、ID状态等。对于留言板管理功能模块，它操作的数据较多，所以分为不同的功能来给出表格。 回复功能：留言信息表。 删除功能：留言信息表。 登录验证：web.config文件。 设置站点功能：
26、web.config文件3.1.2数据库结构创建管理员基本信息表 包括用户名、密码。表的结构如表3-1所示：表 3-1 管理员基本信息表校园新闻表 包括新闻编号、新闻的类型、标题、作者、上传的时间、新闻内容以及新闻的点击数。表的结构如表3-2所示：表 3-2 校园新闻表留言信息表 包括用户ID、用户名、电子邮件、个人主页、QQ、主题、留言内容、留言时间以及留言信息的点击数。表的结构如表3-3所示表 3-3 留言系统信息表访问量统计表 包括网站访问量的统计。表的结构如表3-4所示：表 3-4 网站访问量统计表留言内容表 是用来存储所有的留言信息的。每当用户进行留言，其留言内容就被保存到这个表中。
27、表的结构如表3-5所示。表 3-5 留言内容表回复内容表 用来存储所有的回复信息的，当管理员对用户的留言进行回复时，其回复的信息就被保存到此表中。表的结构如表3-6所示。表 3-6回复内容表3.1.3后台数据库的配置微软公司的Access数据库本身并不是一个数据库服务器，它不能用服务器来运行查询。对于数据庞大的情况，Access本身不是一个好的选择。但是从应用的角度而言，Access数据库易于使用，本网站所需要存储的数据量不是很大，而且在创建和配置上，Access数据库都比SQL Server要容易。数据库建立完成以后，下面的工作是将所建立的数据库创建为ODBC数据源。在ODBC Data S
28、ource Administrator的System DSN选项卡中单击ADD按钮，将弹出一个创建新数据源的对话框。在对话框中选中microsoft Access项单击完成按钮，则出现Create a New Data Source to Access对话框。在对话框中有两个编辑框和一个列表框。在第1个编辑框中应填入数据源名称，第2个编辑框中应填入对该数据源的描述性文字。通过列表框可选取一个Access数据库服务器。在这里由于所使用的数据库建立在本地计算机上，所以选取local项。完成以上设定后单击下一步按钮，进入创建Access数据源的最后一步。在这一步，不需要设置任何参数直接单击完成按钮。
29、到此为止，一个新的名为tempdb的数据源添加完成。ASP对数据库的访问主要是通过内置对象DAC（DATABASE ACCESS COMPONENT）实用数据库访问控件ADO（ACTIVE DATA OBJECT）来实现的。ADO是一种操作Microsoft所支持的数据库的方法，在ASP在它可以看作是一个数据库服务组件。ADO主要对象有三个：Connection，Command，Recordset，灵活运用这些对象的属性、方法可以达到访问数据库的目的，其基本步骤通常是：1. 建数据库源名（DSN） DSN是连接ODBC和数据库的桥梁，ODBC通过DSN来找到要访问的数据库。关于如何配置数据源已
30、经在上面介绍过了。2. 建立数据库连接 Set conn=server.createobject(“adodb.connection”) 用服务器对象的createobject创建一个链接对象conn Conn.open “dsn= 0791idc2222.mdb;uid=sa” 使用conn的open方法打开链接，其中用到了名为“0791idc2222”的DSN。后面的参数用来表示访问数据库的用户名和口令。3. 操作数据库并创建数据对象 set rs=conn.execute(“select * from admin”) 使用Access语句操作数据库，并将结果返回给一个recordset对
31、象rs4. 关闭数据库对象和链接 rs.close 关闭recordset对象 conn.close 关闭链接对象3.2系统详细设计前台系统是对后台数据库进行添加，修改，删除等操作，对信息进行筛选后显示出来。前台系统也是浏览者可以看到的部分，好的前台设计可以给用户一个良好的印象，这样就会有更多的同学关注学校活动和积极参加学校举办的各项活动。3.2.1系统组成本校园网站系统主要由电子公告栏、新闻动态、工作信息、留言系统、后台管理这几个模块组成。3.2.2前台系统详细设计1.首页 首页页面如图3-7所示：图3-7首页页面首页是展示江苏省铁富高级中学的人文风采页面。在此页面中，大体颜色采用淡蓝色，在网站抬头用了一个FLASH和一张图片作为开头，以次吸引浏览者的眼球。在页面中大体分为电子公告栏、新闻动态、工作信息、留言系统、校园美景以及后台管理等等模块。其中图片动态以左右滚动的形式表现出来，这样更加能吸引浏览者的眼球。2.学校简介学校简介页面如图3-8所示：图3-8学校简介页面在学校简介模块中，对江苏省铁富高级中学从成立以来进行了简单的介绍，这个模块主要是列举出学校的各个职能部门、学校的历史、学校的办学理念及其部门成员、联系方式
