计算机专业论文--学校教学网站的设计.doc

1 计算机科学与技术专业计算机科学与技术专业 毕业论文毕业论文 题目：题目： 学校教学网站的设计学校教学网站的设计 2 【摘要摘要】 我从我校的实际情况出发，经过对学校有关教学事项的一番考察和分析，在学生对知识需求的分 析基础上，确立了学校教学网站的具体实现功能。学校教学网站主要包括内容浏览、内容阅读、内容 管理、内容录入和修改等功能。该程序的前台开发采用 ASP 技术,后台数据库采用 Access 数据库,充分 利用 ASP 在应用程序的设计和开发上具有灵活和效率高,及语言相容性高的特点,可以用它来创建、运 行交互式高性能的 Web Server 应用程序。本系统是学校网站的一个子系统，具有很好的外部接口，能 够很好的配合站点的其它子系统服务于网站的发布。该系统是一个基于教学信息发布和内容管理的全 站管理系统，基于 B/S 模式 WEBMIS 系统，本系统可以将杂乱无章的信息（包括文字、图片和影音）经 过组织，合理而且有序地呈现在大家面前。简单的说，学校教学网站就是充当一个网络教学媒介的功 能。主要实现对教学内容的分类，审核，发布，模拟了一般教学媒介的发布过程。 【关键词关键词】ASP，IIS，Access，内容发布，内容显示，栏目管理 3 【Abstract】 I proceed from the actual situation of our school through the school, a study and analysis of the teaching matters, in the students analyzing knowledge requirements, established to achieve specific functions of school teaching website. The school teaching website includes content browsing, reading, content management, content input and modify the functions of. The development of the program using ASP technology, background database using Access database design and development, make full use of the ASP in the application is flexible and efficient, and the language characteristics of high compatibility, Web Server applications can use it to create, run interactive high- performance. This system is a subsystem of the school website, has the very good external interface, can service released a very good site with other sub-systems of the on site. The system is based on the total management system of teaching information publishing and content management, WEBMIS system based on B/S mode, this system can be the information (including text, pictures and video) through the organization, reasonable and orderly presentation in front of everyone. Simply put, the school teaching website is acts as a network teaching media functions. The main classification, the teaching content of audit, publishing, the publishing process simulation of general teaching media. 4 目录目录 1 引 言.1 1.1 课题背景.1 1.2 网站设计思想.1 2 可行性分析与需求分析.2 2.1 ASP 的认识.2 2.2 系统运行平台、环境、开发工具简介.3 2.3 可行性分析.4 2.3.1 技术可行性.4 2.3.2 运行可行性.4 2.4 需求分析.4 3 开发环境及系统概述.5 3.1 开发目的.5 3.2 项目背景.5 3.3 开发环境.5 3.4 研究主要内容.5 3.5 系统概述.6 4 总体设计.8 4.1 总体结构.8 4.2 功能分配.8 5 数据库设计.10 5.1 逻辑结构设计.10 5.2 物理结构设计.10 5.3 创建数据库.11 6 基本模块设计.13 5 6.1 数据库连接页.13 6.2 公共版页面.13 6.3 公共教学页.14 6.4 教学网站首页.15 6.5 内容标题页.16 6.6 内容信息显示页.17 6.7 管理员登陆页.18 6.8 管理员内容类别编辑页.20 6.9 管理员内容管理页.21 6.10 管理员添加内容信息页.22 6.11 管理员修改内容信息页.23 6.12 管理员删除内容信息页.24 6.13 管理员内容信息类别移动操作页.24 6.14 上传组件页.25 结 论.27 致 谢.28 参考文献.29 6 1 学校教学网站设计学校教学网站设计 1 引 言 1.1 课题背景 伴随着网络的出现，网页逐渐融入人们的生活。快速及时的信息浏览，五彩缤 纷的网上信息，使网络与人们的生活息息相关，于是世界上又出现了第三媒体 Internet。它打破了地域限制，真正使信息得以共享，改变了人们的工作和生活方 式。制作网页是企事业和个人的宣传自己的重要手段，同时也是学习者获取学习信 息的重要手段。尤其是在教育领域，在素质教育与终身教育成为必然的今天，人们 对信息的需求有了更新，更高的要求，而网页由于本身所具有的信息量大，传递快 速，没有时空限制等特点恰好满足这种要求。所以网页也逐渐成为一种新兴的教育 资源。也正是由于网络实现网站的数据信息能够进行实时交互，保证网站数据的实 时性，通过网上交谈、视频会议进行同步双向交流和资源共享，更好地体现了网络 课堂的灵活、开放、基于资源的特点，及其在全面教育方面的无可比拟的优势。 随着 Internet 的进一步发展,基于 Internet 的网络教学的研究方兴未艾，今后 网络教学的构建将朝着功能进一步完善，操作越来越简化，资源渐趋丰富，服务形 式更多样，教学内容多媒体化和情境化，交互方式多样化，导航系统便捷化的方向 发展。静态 Web 站点的开发与维护变得越来越困难,一方面信息的不断增加和变化, 使站点维护人员不得不经常修改他们的网页,特别是基于数据库驱动的 Web 站点更是 如此，随着 Internet 上信息量的增多和交互性的加强使 HTML 显得越来越难以胜任。 另一方面静态网页由于不能与浏览者进行有效交互,使人们感到越来越乏味,而不愿 意再一次地进入同一站点。所以开发动态网页或动态内容成了越来越多的站点所追 求目标。所谓动态内容是由每一个用户按照自己的需求发出请求而特殊制作的 Web 网页。 1.2 网站设计思想 网站设计主要思想：本网站主要由前台和后台两个模块：前台为普通用户对所 需知识点的浏览，应包含课程制作、学生学习、师生交流、作业管理、考试管理、 提供资源等基本功能。后台为管理员对学生所需知识点的维护，主要进行添加、删 除、修改。教学网站的设计以学生为中心的模式的体现，不论大的方面还是小的细 节都应该坚持以学生为中心。一切为了学生学习，充分发挥学生的主动性和创造性。 系统设计思想图如图 1-1 所示。 2 信息技术教学网站 前台：用户浏览 所需知识 后台：管理员 维护 发表评论 添加知识点 修改知识点 删除知识点 学生学习 课程制作 提供资源 图 1-1 系统设计思想图 2 可行性分析与需求分析 2.1 ASP 的认识 ASP 全称为 Active Server Pages（动态服务器主页） ，它是一种应用程序环境， 可以利用 VBscript 语言来设计，主要用于网络数据库的查询与管理。其工作原理是 当浏览者发出浏览请求的时候，服务器会自动将 ASP 的程序码，解释为标准 HTML 格 式的网页内容，再送到浏览者浏览器上显示出来。 利用 ASP 生成的网页，与 HTML 相比具有更大的灵活性。只要结构合理，一个 ASP 页面就可以取代成千上万个网页。尽管 ASP 在工作效率方面较之一些新技术要 差，但胜在简单、直观、易学，是涉足网络编程的一条捷径。它具备一个服务器端 的脚本执行环境，用它可产生和执行动态的、交互的、高性能的 Web 服务器应用程 序。 Active Server 的另一大优点是代码的安全性。页面的访问者所能看到的只是 服务器方的处理结果。ASP 文件可以用常规的文本编辑器编辑，ASP 使用 VBScript、JavaScript 等脚本语言作为开发工具，镶嵌于 HTML 文本中，使用 将 ASP 的程序包含起来。当用户从浏览器向 Web 服务器提出请求时，Web 服务器会自动将 ASP 的程序解释为标准的 HTML 格式的主页内容，用户端只要使用常 规可执行 HTML 程序的浏览器，就可浏览 ASP 所设计的主页内容，因此与浏览器无关， 并且保证了 ASP 的源程序代码不会外漏。 Asp 中包括五个内置的 ActiveX 服务器组件和五个内置的对象：Database 3 Acces scomponent（数据库访问组件） 、File Access component（文件访问组件） 、 Ad Rotator component（广告轮播器组件） 、Content Linking component（内容链 接组件） 、Browser Capabilities component（浏览器信组件）以及 Request（请求 对象） 、Server（服务器对象） 、Session（会话对象） 、Response（响应对象） 、 Application（应用程序对象） 。在所有 ASP 组件中，最有用的是数据库访问组件， 也称为 ActiveX 数据对象或 ADO。在站点发布数据库将使用这个组件及其中包含的 对象，以完成对 ODBC 数据源的读写。 此外，ASP 技术的另一个重要特点是，程序员可以利用 Java、Visual Basic、Visual C+等语言制作适应自己特殊需要的 ActiveX 服务器组件来扩充 ASP 的功能，使自己的动态网页几乎具有无限的扩充能力。总而言之 ASP 具有学习快、 设计快的特点，不需花许多时间即可学会和快速设计出 WEB 应用程序。集成与 HTML 中，无需编译链接可直接执行，而且使用文本编辑器即可设计。 2.2 系统运行平台、环境、开发工具简介 本系统的开发环境为 ASP.NET+Access。开发平台是 Visual Studio2005，是一 个代码和浏览相结合.Net 开发工具，数据库使用的是 ACCESS 开发，其它辅助工具 还有，网页选色器，这个工具主要用于网站色彩选取，以及 IIS 服务器，主要用于 网站的发布。 Internet Information Services（IIS，互联网信息服务） ，是由微软公司提供 的基于运行 Microsoft Windows 的互联网基本服务。最初是 Windows NT 版本的可选 包，随后内置在 Windows 2000、Windows XP Professional 和 Windows Server 2003 一起发行，但在普遍使用的 Windows XP Home 版本上并没有 IIS。 （1）添加和运行准备篇 IIS 的添加 请进入“控制面板” ，依次选“添加/删除程序添加/删除 Windows 组件” ，将“Internet 信息服务（IIS） ”前的小钩去掉（如有） ，重新勾选中后按提 示操作即可完成 IIS 组件的添加。用这种方法添加的 IIS 组件中将包括 Web、FTP、 （2）NNTP 和 SMTP 等全部四项服务 IIS 的运行 当 IIS 添加成功之后，再进入“开始设置控制面板管理工具 Internet 服务管理器(Internet 信息服务)”以打开 IIS 管理器，对于有“已停止” 字样的服务，均在其上单击右键，选“启动”来开启。 （3）IIS 中 网站的发布 一个网站的建立,包括下面的几个步骤: 首先必须将 web 文件放入服务器的目录中,这包括为网站创建的主页及其他的 web 文件,可以将主页文件命名为 default.htm 或者 default.aspx，然后将所有的这 些文件放入到 web 服务器(例如 IIS)默认的 web 发布目录中.默认的 web 发布目录也 成为主目录,IIS 安装程序提供的默认位置是 C:Interpubwwwroot。如果网络具有 4 DNS，则访问者只需输入计算机名就可以访问站点，这对于 internet 来说就是申请 一个域名，例如 。如果不具有 DNS 功能，则访问者必须输入计算机 的数字 IP，很多内部网络没有 DNS。 2.3 可行性分析 2.3.1 技术可行性 本系统主要采用 ASP.NET 技术，设备方面只需要一台配置较高的计算机即可， 以 ACCESS 为数据库开发，以 Visual Studio 2005 强大的功能足以实现此系统，利 用 IIS 配置虚拟目录，这些条件是完全可以实现的，具体开发过程可按系统详细设 计进行，所以本系统是完全可行的。 2.3.2 运行可行性 本系统属于数据信息发布与管理系统类。用户对功能上的要求不是很复杂，而 且有强大工具和框架环境支持。教学发布系统后台管理对教学做了详细的分类，前 台以分类形式显示教学的详细信息，满足了人们浏览网页时分类查看知识点的要求， 前台提供查询课程介绍、在线学习、教学实验、模拟习题、好书推荐、答疑讨论等 功能，方便浏览者查找相关的教学信息。教学发布系统后台由管理员进行管理维护， 保证了网站的安全性，所以本系统是十分可行的。 2.4 需求分析 该系统在性能功能上应达到如下需求：操作简单、界面友好、完全框架式的页 面布局，使得知识点的录入工作更简便，许多选项包括课程介绍、在线学习、教学 实验等只需要点击鼠标就可以完成。 通过相关调查，要求该系统应具有以下功能： （1）通过网络浏览各类学科及相关信息。 （2）能分类显示相关学科信息。 （3）提供站内知识点的搜索功能。 （4）为后台管理提供管理入口。 （5）后台编辑学科知识点并且管理学科信息。 3 开发环境及系统概述 3.1 开发目的 随着计算机技术的发展，信息技术对我们学习、生活和工作显得越来越重要， 特别是现在信息高度发达的今天，人们对最新信息的需求和发布迫切的需要及时性。 而动态交互式网页刚好提供了这些功能，本网站就是一个能够在网上实现教学的网 上多用户发布，多栏目管理，实时的进行行为统计和记录的网上交互系统。 3.2 项目背景 伴随着网络的出现，网页逐渐融入人们的生活。快速及时的信息浏览，五彩缤 纷的网上信息，使网络与人们的生活息息相关。HTML 作为一种样式语言，随着 5 Internet 上信息量的增多和交互性的加强使 HTML 显得越来越难以胜任的情况之下， 在 ASP 编程语言高度发展的形势下，我们开始了对本教学网站的开发。 3.3 开发环境 3.3.1 硬件条件服务器 硬件条件服务器两台，一台为数据库服务器，一台为 Web 服务器；客户端计算 机若干；网络通讯设备，主要包括交换机、网卡、集线器、MODEM 等。 3.3.2 系统平台 采用 Browser/Server 体系结构，服务器端采用 Microsoft Windows NT4.0 作为 网络操作系统，Web 服务器软件采用 IIS5.1（Internet Information Server） 。客 户端软件，包括单机操作系统和浏览器软件，分别选用 Windows xp 和 Internet Explorer，数据库系统采用 Microsoft Access 有利于方便操作。 3.3.3 开发工具 基于 Web 的系统开发工具应使开发者使用各种各样的技术来创建动态的 Web 应 用程序，并且应是一个可视化的工具。我们采用了 DreamweaverMX 进行开发，它是 用来快速创建数据驱动 Web 应用程序的基于团队的开发环境，支持 ASP，以 ODBC 连 接数据库，脚本语言为简单易学的 JavaScript 或 VBScript。 3.3.4 运行需求 正常使用时不应出错，若运行时遇到不可恢复的系统错误，也必须保证数据完 好无损，对数据的精确度、时间特性、适应性等都有一定要求，要求系统运行时能 够保证正确性、可靠性、高效性、完整性、易使用性、可维护性、可测试性、复用 性、安全保密性、可移植性、互联性。 3.4 研究主要内容 学校教学网站研究的内容主要针对目前学校课程教学模式，从 JAVA 课程的教学 实际需求出发，采用当前较为流行的 B/S（浏览器/服务器）结构和 ASP 动态网页技 术基于 windows 操作系统和 Access 数据库设计并实现一个功能较为完善的 JAVA 学 习在线管理系统，设计主要包括内容浏览、内容阅读、内容管理、内容录入和修改 等功能。实现后使管理员能够发布公告，添加新的教学信息和知识点，修改设置版 块，删除已经过时的信息知识点；学生能够自由的浏览网站内的信息，查找自己需 要的信息；总体上是对传统教学的一种改进，针对传统教学，利用现代的计算机技 术让每一个学生更加方便快捷的共享知识。 3.5 系统概述 学校教学网站主要涉及两大功能区。 (1)浏览者功能区：用户根据其需求，查看相应板块的内容信息。 (2)管理员功能区：登录，根据输入的账号和密码正常登录该系统；内容类别编 辑，可添加、删除、修改内容板块；内容信息编辑，可添加、删除、修改内容信息。 6 学校教学网站系统结构图如图 3-1 所示。 管理员 内容浏览者 内容浏览者 WEB 服务器 内容浏览者 图 3-1 教学网站系统结构图 3.5.1 Web 服务器 WEB 服务器也称为 WWW（WORLD WIDE WEB）服务器，主要功能是提供网上信息浏 览服务。WWW 是 Internet 的多媒体信息查询工具，是 Internet 上近年才发展起来 的服务，也是发展最快和目前用的最广泛的服务。正是因为有了 WWW 工具，才使得 近年来 Internet 迅速发展，且用户数量飞速增长。 学校教学网站的相关信息存放于 Web 服务器中，数据库文件也存放在该 Web 服 务器中。Web 服务器向 Web 浏览器提供的信息都是来自有一定结构的数据库，浏览 者从学校教学网站中获取的信息都是从此 Web 服务器中得来的。 3.5.2 内容浏览者 内容浏览者可以自由的查看自己感兴趣和想了解的内容信息，比如最热内容、 点击率最高的内容、各板块的分类内容等，进入相应的内容类别就可以查看此相应 的内容信息。浏览方式也是相当的方便，浏览者只需输入网址就可以进入网站首页， 在网址首页浏览者可以通过在线学习、好书推荐、答疑讨论等版块快捷的查看自己 想要得到的信息。 3.5.3 管理员 管理员的核心责任包括规定和管理网站的不同用户的访问权限、网站外观设计 和设立网站导航。对内容的布置可能是管理员责任的一个重要组成部分。通常情况 下，管理员是读取用户的反馈意见和关于网站功能的投诉的代理人。管理员其实更 多的是在负责服务器的运行，这要多于制作实际的网页。 本网站管理员通过账号登录后，就可以对后台数据库进行操作，管理员具有对 8 内容类别和信息的添加、修改和删除的编辑功能。 9 4 总体设计 4.1 总体结构 该学校学校教学网站由 14 个页面组成，各个页面的关系如图 4-1 所示。 公共页面 图 4-1 学校教学网站页面结构图 公共页面 Conn.asp、Function.asp、Out.asp 和 Adovbs.asp ：由于该学校教 学网站的许多页面都要应用到此页面中的相应内容，所以将这些页面定义成公共页 面，其他页面要应用它时，可用如下的方法： 4.2 功能分配 每个页的功能分配如下所示： (1)ConnDB.asp 的功能是实现到数据库的连接，因为在很多网页中都有连接数 据库的操作，所以把它保存在文件 ConnDB.asp 中，这样可以避免重复编程。 (2)Conn.asp、Function.asp、Out.asp 和 Adovbs.asp 页面的公共页面部分。 (3)Function.asp：获取服务端相对图片路径，上传内容图片和 unHtml 字符格 式转换。 (4)Default.asp：教学网站首页，显示所有内容类别及部分内容标题。 Conn.asp Out.aspAdovbs.inc Function.asp Login.asp AdminClass.asp AdminNews.asp AdminAdd.asp AdminEdit.asp AdminDel.asp AdminChangClas s.asp Default.asp View.asp List.asp 10 (5)List.asp：显示相应内容下的全部内容标题。 (6)View.asp：显示详细内容信息。 (7)Login.asp：教学网站的管理员登录页面。 (8)AdminClass.asp：管理员对内容类别进行添加、修改和删除等操作。 (9)AdminNews.asp：管理员查看所有内容标题。 (10)AdminAdd.asp：管理员添加内容信息。 (11)AdminEdit.asp：管理员修改相应的内容信息。 (12)AdminDel.asp：管理员删除相应内容信息。 (13)AdminChangeClass.asp：管理员对相应内容信息作类别移动操作。 (14)Adovbs.inc：上传组建。 5 数据库设计 5.1 逻辑结构设计 通过分析，要在数据库中存储以下基本信息： (1)管理员：账号、密码。 (2)内容信息：内容标题、编辑内容、类别编号、添加/修改时间、点击率、内 容图片。 (3)内容类别：类别名、类别编号。 数据库的 E-R 图如图 5-1 所示： 11 图 5-1 数据库 E-R 图 从 E-R 图中可以看出，内容信息表与内容类别表是多对一的关系，即多条内容 信息可以对 应同一个内容类别。 5.2 物理结构设计 有了 E-R 图，可以转化为以下的关系模型： (1)管理员表 admin：ID（自动编号） 、账号、密码。 (2)内容信息表 newsinfo：ID（自动编号） 、内容标题、编辑内容、类别编号、 添加修改时间、点击率、内容图片。 (3)内容类别表 nwesclass：ID（自动编号） 、类别名、类别编号。 5.3 创建数据库 1、新建一个 Access 数据库文件，命名为 News.mdb。 数据库连接页（Conn,asp）主代码： db=Data/News.mdb 内容标 题 类别编 号 类别名 类别编 号 编辑内 容 内容信息 内容类别 对应 1 n 12 Set Conn = Server.CreateObject(ADODB.Connection) connstr=Provider=Microsoft.Jet.OLEDB.4.0;Data Source= ) unHtml=replace(unHtml,) unHtml=replace(unHtml,chr(34),) unHtml=replace(unHtml,chr(13),) unHtml=replace(unHtml,chr(32),) End If End Function % 该页中有 GetFileName、upImages、unHtml 3 个函数；由于没有 html 代码，所 以次代码无法浏览。 6.4 教学网站首页 页名：Default.asp 功能：显示所有内容及部分内容标题。 页面制作：用 Dreamweaver 来首页，首页是我们的主要操作页面，页面是由公 共版页面和右下方的主操作区构成，在主操作区用户可以进行所需信息的浏览。 首页 (Default.asp) 主代码: 6.5 内容标题页 页名：List.asp 功能：显示相应内容类别下的全部内容标题。 页名制作：用 Dreamveaver 来设计页面风格。 该页面也应用了数据库连接页和版面公共页，如下所示： 此页面主要为了显示每一个具体版块的标题以及每个版块里面所包括的所有内 容，最下面显示了本版块内容的数字信息。 内容标题页（List.asp）主代码： 17 0 % 6.6 内容信息显示页 页面：View.asp 功能：显示详细内容。 页面：用 Dreamweaver 来设计内容信息页面风格。 该页面也应用了数据库连接页和版面公共页，如下所示： 浏览者在教学网站首页或内容标题页上点击相应的信息后，进入该页面，在该 页面右侧从上到下依次显示该内容信息所属内容的名称、内容标题、添加/修改时间 /点击率，图片和内容信息。 内容信息显示页（View.asp）主代码： 6.7 管理员登陆页 页名：Login.asp 功能：管理员登陆页面。 页面制作：用 Dreamweaver 来设计登陆页面风格。 测试后的页面如图 6-1 所示。 图 6-1 管理员登陆页 管理员登陆页（Login.asp）主代码： 20 6.8 管理员内容类别编辑页 页名：AdminClass.asp 功能：管理员对内容类别进行添加、修改和删除等操作。 页面制作：用 Dreamweaver 来设计管理员内容类别编辑页的风格。 要对内容类别进行添加、修改和删除等操作，就必须和数据库相连接，所以要 引用连接页。 为了防止用户的非法登陆，用 Session（“admin” ）作了判定， % Else 该页面有 3 个登陆模块： 管理员修改内容类别 将修改内容类别的操作定义成名为 SavaEdit 的过程，如下所示： 管理员添加内容类别 将添加内容类别的操作定义成名为 SavaAdd 的过程，如下所示： 管理员删除内容类别 将添加内容类别的操作定义成名为 Del 的过程，如下所示： 根据页面的返回的 Action 信息来分别调用相应的过程，如下所示： 页面效果：设计完成后效果如图 6-2 所示。 图 6-2 管理员内容类别编辑页 6.9 管理员内容管理页 页名：AsminNews.asp 功能：显示所有内容标题. 页面制作：用 Dreamweaver 来设计管理员内容页面的风格。 管理员要进行内容管理，就必须和数据库相连，所以此页面要页面应用数据库 连接页 Conn.asp,如下所示： 为了防止用户的非法访问（即不是从 Longin.asp 页面登录） ，用 Session（“admin” ）作了判定，如下所示： 页面上方显示了数据库中所有的内容类别，可以通过单击相应内容类别显示出 该类别下的所有内容标题，并以分页显示，每页显示 10 条标题。 页面效果：设计完成后页面效果如图 6-3 所示。 图 6-3 管理员内容管理页 管理员内容管理页（AsminNews.asp）主代码： 22 6.10 管理员添加内容信息页 页名：AdminAdd.asp 功能：管理员添加内容信息。 页面制作：用 Dreamweaver 来设计管理员添加内容信息的风格，如图 6-4 所示。 图 6-4 管理员添加内容信息页 这个函数的作用就是上传图片，函数原型在 Function.asp 中。完成后的页面效 果和设计器的一样。 管理员添加内容页（AdminAdd.asp）主代码： 6.11 管理员修改内容信息页 页名：AdminEdit.asp 功能：管理员修改指定的内容信息。 页面制作：用 Dreamv