《数据库系统概论》动态教学网站设计1

太原理工大学继续教育学院毕业设计- 1 -目 录摘 要 4第 1 章 前言 .5第 2 章 网站总体分析与设计 .62.1 网站开发的目的和意义 62.2 网站开发方法和使用工具 62.3 网站总体设计 72.3.1 网站系统分析 .82.3.2 网站风格框架设计 .82.3.3 网站结构图 .9第 3 章 使用的主要技术概述 103.1 ASP.NET技术综述 103.1.1ASP.net 的定义与特征 .103.1.2、语言上的区别: 113.2ASP.NET 页面的处理顺序 133.3 ASP.NET和 IIS： .- 14 -3.4 VBSCRIPT介绍 - 15 -3.5 ACCESS数据库介绍 - 16 -3.6 前台页面建设工具介绍 - 16 -第 4 章 界面的设计和功能的实现 - 18 -4.1 前台设计思想概述 - 18 -4.2 校园聊天室界面的主要功能与实现 .234.2.1 新用户注册系统 234.2.2 校园聊天室系统 25第 5 章 数据库设计 275.1 数据库需求分析 .275.2 数据库逻辑设计 .27太原理工大学继续教育学院毕业设计- 2 -致 谢 30参考文献 .31附录 重点、难点代码的设计 32太原理工大学继续教育学院毕业设计- 3 -摘 要在 Internet 飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet 上发布信息主要是通过网站来实现的，获取信息也是要在 Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在 Internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。此次设计是为方便广大师生工作与学习，特构建了数据库动态教学网站。文中针对课题的前后台设计过程，相关问题，解决方法，设计结果，以及对系统体系结构，功能模块，数据库设计均作了详细介绍。关键词：动态教学网站设计；网页制作 ；ASP.net 编程语言；Access 数据库ABSTRACTToday, Internet is developed at full speed, Internet becomes people and obtains, releases and transmits the important channel of information fast .It is playing an important role on such all respects as peoples politics , economy , living ,etc Internet release information to is it realize to come through website mainly, obtain information also should is it come down to download according to certain search way information needed from website at the Internet “ ocean “. So website construction use status on obviously , it become government , important component , enterprises and institutions of information construction already in Internet, thus peoples attention. This design is to specially structure websites of Shaanxi University of Science and Technology for helping the wide master grow work and study. Direct against a 太原理工大学继续教育学院毕业设计- 4 -design process before and after the subject , relevant problems , the solution in the article, design the result, and to the system structure of the system, function module , the design of storehouse of the data has done the detailed introduction .KEY WORDS：Dynamic website of teaching design; Webpage making; ASP programming language; Access database第 1 章 绪论20 世纪 90 年代以来，全球出现了一个对科技发展具有重要意义的事件：互联网应用迅速发展，网络的出现改变了世界，改变了人类的生活。Internet 是世界上最大、信息资源最丰富的网络，他已经悄然地融入了我们的生活。E-Mail 地址、Web 页地址、网上购物、网上挂号、网上拍卖、网上教学、网上股市实时行情与行情分析、评论、太原理工大学继续教育学院毕业设计- 5 -网上图书馆，在电视里、在报纸上已经有越来越多的人听到或看到他们的名字，越来越多的人开始了解和使用 Internet。在上网的时候我们接触最多的就是 Web 页面，这些动态网页的制作方法随着 Internet 的飞速变化也在不断的更新和发展，制作的工具也越来越多，使用的语言也越来越多。在这个背景下，教学网站的制作也随之兴起，并日渐趋于成熟起来。本课题就是运用 ASP.net 技术和 Access 数据库制作的一个动态的教学网站，并进一步学习和应用数据库的基本知识。第 2 章 网站总体分析与设计2.1 网站开发的目的和意义这次所做的毕业设计项目是利用数据库知识建设一个动态的网站。这个网站的是和学校的教学相关的 “教学网站”。内容包括学生成绩管理、学生作业管理、教师教案管理、课程学习、课表查询等等。是一个能在很大程度上方便全校师生工作和学习的一太原理工大学继续教育学院毕业设计- 6 -个“教学网站”。首先，我们将这个网站定义为“教学网站”。我们认为，教学网站的本质是以提供教学服务为主的网站，这是“教学网站”区别于“商业网站”、“政府网站”、“综合网站”、“娱乐网站”等其他类型网站的特征所在。“教学网站”所提供的教学服务包括：网上教学服务、教学信息资源服务、教学管理服务、教学宣传与成果展示服务等。我们争取将这个网站办的具有个性特色，他将面向全校师生，开辟有教学动态、教学资源、课程辅导、课程安排、网上导航，在线测试等多种栏目，具有教学、科研、管理等多种功能。这个网站内容要丰富、正确、新颖、精炼、有序、实用，有智能导航与学习指导。网站整体风格 在主题确立、站标制作、版面布局、色彩搭配、文字设计、表格运用、内容加工上，追求形式与内容的统一性、新颖性、个性化，形成整体风格。创意要适题、适类、适人、适时、适地，能激发浏览使用者的情感。首页创意有特色。网站说服力强，点击率高，能激起浏览使用者的喜爱与探求欲。2.2 网站开发方法和使用工具我们这次主要通过使用 ASP.net 来建设这个数据库动态教学网站。我们要在Windows XP 的环境下，利用 Access 2000 来建立数据库并通过 ADO.net 对其进行数据操纵和数据管理。然后利用 Dreamweaver MX 2004 等网页制作相关的软件来进行对页面的设计。在网站建设中有前后台开发之分，前台开发主要是指非程序编程部分，主要职责是网站 AI 设计、界面设计、动画设计等。而后台开发主要是编程和网站运行平台搭建，其主要职责是设计网站数据库和网站功能模板的实现。在前台开发过程中主要运用了 Dreamweaver MX 2004，Fireworks MX 2004 和Flash MX 2004 这三个开发工具对网站进行了页面的框架设计， 常用图片设计和 Flash动画设计等等。后台则是运用 ASP.net 架构、C#语言脚本以及 Access 2000 来对网站进行数据库构架和功能的实现。太原理工大学继续教育学院毕业设计- 7 -2.3 网站总体设计2.3.1 网站系统分析根据网站开发的目的进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：(1) 主页：通过点击可进入各个界面进行具体的浏览。(2) 教师主页：主要包括有登陆系统，学生成绩管理，学生作业管理，教师教案管理，学生档案查询，学生成绩查询，课表查询和站内搜索等功能。教师可以通过登陆系统来拥有对各种管理功能的控制权限，来方便自己的工作。(3) 学生主页：其中应包括学生的新闻公告，校园文学，课程学习，作业练习，在线学习，课表查询，成绩查询和站内搜索等功能。学生不必登陆便可以进行再线的学习和测试。(4) 校园聊天：在聊天室中浏览者可以畅所欲言，聊天室也更充分的体现了动态教学的特色，浏览者可以在这里交流学习经验和心得。(5) 教学管理：为整个教学过程提供管理功能，包括成绩查询及更新、学生档案查询及更新等功能。2.3.2 网站风格框架设计网站的各个页面采用静、动相结合的方式，即静态的主画面和动态的图片相结合。网站风格是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括网站的 CI（标志，色彩，字体，标语），版面布局，浏览方式等。为了调动广大浏览者的积极性，给人一种清新脱俗的感觉，网站的总体风格被定为生动活泼，清新自然的。2.3.3 网站结构图本网站的结构图如图 2-1 所示：太原理工大学继续教育学院毕业设计- 8 -太原理工大学继续教育学院毕业设计- 9 -图 2-1第 3 章 使用的主要技术概述3.1 ASP.net 技术综述3.1.1ASP.net 的定义与特征：ASP.NET 即网上一直流行的 ASP+，是当前最新和最强大的 ASP 规范，是Microsoft .net 的 Framework(体系结构)中最为重要的一环。她除了保留所有以往ASP 的优良特性（如易用性）以外，还增加了许多新的特性。优点：ASP.net 是在服务器端运行的通用语言运行环境。和以往的解释运行不同，ASP.net 会通过即时编译来提高性能。除此之外，ASP.net 使用了提前绑定，JIT 编译，本地优化，缓存(Cache)等一系列技术来达到提高应用运行效能的目的。1. 拥有强大的开发工具支持-Visual S：虽然和以往的 ASP 一样，只要服务器操作系统和服务器软件(.net 要求至少 Windows 2000 Server 和 IIS 5.0)支持，就可以运行脚本，开发 ASP.net 的页面或者应用程序也不一定需要专门的开发工具。但是如果你想要快速，高效的开发一个网站，你就必须掌握至少一种开发工具- Visual S。ASP.net 和 Visual S 等良好的集成在一起，可以通过专门的窗口和工具箱来进行高效的所见即所得的开发。在这里我顺便说一下这强大的开发网页的工具：我非常喜欢它的代码分离技术，也就是可以把网页设计部分代码与程序设计代码部分分开来，分别存放在两个不同的文件中。也就是你可以不考虑程序设计，先把整个网页的布局、美工图片、Flash 等先完成后再来设计后台的程序，这就使得分工更加细致。有可能你只会美工或 Html 语言，这没关系，你可以负责前台的网页布局、美工等工作，后台的程序可以由另外一个会程序开发的人来写。这样就加快了网站开发的速度。另外一个优点是：代码分开后使得整个网页的代码清清楚楚，一目了然，不会像以前的网页太原理工大学继续教育学院毕业设计- 10 -把 Html 语言与 JavaScript、VBScript 等脚本语言混合在一起，让人看的头昏眼花。2. 功能强大，并且具有很好的适应性：ASP.net 是基于通用语言的运行环境，网络应用的开发者都能从其良好的适应性中得到好处。所有的一般语言所具有的类库，消息和数据连接都能方便的无缝的连接到网络上。3. 易于使用：ASP.net 使常用的网络开发变得相当的方便，从简单的提交表单和客户端验证的制作到设置和发布整个网站，你都可以轻松完成。4. 可管理性：ASP.net 的管理基于“无本地管理”的思想，使用纯文本的设置方式，你只要设置相应的文本文件就可以完成一系列的站点设置。另外，如果你需要发布你的网站，你不必在服务器上使用一些特殊的软件进行设置，只要你简单的将制作好的文件复制到服务器上即可。 5. 可恢复性和有效性：ASP.net 在设计时遵循了可扩展性的思想，她对多进程环境下的应用进行了优化。进程可以动态的被 ASP.net 调用和跟踪。如果一个进程失败，其他的进程还可以照常运行，从而保证你的应用程序不中断。6. ASP.net 提供了高可定制和重用的体系结构，你可以在一定的层次上修改 ASP.net提供的程序段，你甚至可以重新编写 ASP.net 的组件，从而实现根据不同需要定制的目的。 7. Security（安全性）：通过 Windows 请求验证和应用程序的验证，可以保证你的应用程序是安全的。8. ASP.net 同时也是语言无关性的，所以可以选择你所需要的开发语言。3.1.2 语言上的区别:在 ASP.net 出现以前，大家一直使用的是 ASP 来做网站，相对于 ASP.net来说他又很多缺点，ASP 使用 VBS/JS 这样的脚本语言混合 html 来编程，而那些脚本语言属于弱类型、面向结构的编程语言，而非面向对象，这就明显产生以下几个问题： 1、代码逻辑混乱，难于管理：由于 ASP 是脚本语言混合 html 编程，所以你很难看清代码的逻辑关系，并且随着程序的复杂性增加，使得代码的管理十分困难，甚至超出一个程序员所能达到的管理能力，从而造成出错或这样那样的问题。太原理工大学继续教育学院毕业设计- 11 -2、代码的可重用性差：由于是面向结构的编程方式，并且混合 html，所以可能页面原型修改一点，整个程序都需要修改，更别提代码重用了。3、弱类型造成潜在的出错可能：尽管弱数据类型的编程语言使用起来回方便一些，但相对于它所造成的出错几率是远远得不偿失的。以上是语言本身的弱点，在功能方面 ASP 同样存在问题，第一是功能太弱，一些底层操作只能通过组件来完成，在这点上是远远比不上 PHP/JSP，其次就是缺乏完善的纠错/调试功能，这点上 ASP/PHP/JSP 差不多。那么，ASP.net 主要默认基于三种语言：即 C#，Visual Basic 和 JScript。其中 Visual Basic 的基础语法部分和前面老版本的 ASP 采用的 VBScript 基本相似。JScript 也是早已熟悉的了，只有 C#(读作: C Sharp)是较为新的语言，是微软为了满足网络分布运算的需要专门开发的一门 OOP 语言，我们本次教学网站就采用了 C#作为我们的脚本语言。当然，除了以上的语言以外，你还可以通过增加相应的语言包来解决其他语言使用ASP.net 的问题。ASP.Net 有哪些改进呢？ASP.Net 摆脱了以前 ASP 使用脚本语言来编程的缺点，理论上可以使用任何编程语言包括 C+ , VB , JS 等等，当然，最合适的编程语言还是 MS 为.Net Frmaework 专门推出的 C(读 c sharp)，它可以看作是 VC 和 Java 的混合体吧，尽管 MS 自己讲 C#内核中更多的象 VC，但实际上我还是认为它和 Java 更象一些吧。首先它是面向对象的编程语言，而不是一种脚本，所以它具有面向对象编程语言的一切特性，比如封装性、继承性、多态性等等，这就解决了刚才谈到的 ASP 的那些弱点。封装性使得代码逻辑清晰，易于管理，并且应用到 ASP.Net 上就可以使业务逻辑和 Html 页面分离，这样无论页面原型如何改变，业务逻辑代码都不必做任何改动；继承性和多态性使得代码的可重用性大大提高，你可以通过继承已有的对象最大限度保护你以前的投资。并且 C#和 C+、Java 一样提供了完善的调试/纠错体系。3.2ASP.NET 页面的处理顺序ASP.NET 页面是由事件来驱动的，首先执行的是 Init 事件，在代码中，系统自动太原理工大学继续教育学院毕业设计- 12 -增加了一个 OnInit 的重载函数，从而在页面 Init 的时候就执行这个 OnInit 函数。在这个函数中，会执行 InitializeComponent 函数，这个函数里就有很多控件事件的代理函数，展开一个页面的“Web FormDesigner Generated Code“，我们就可以看见这些。页面在执行完 Init 之后，就是 Load 事件，对应的代码就是 Page_Load。然后就是引起页面返回的事件的代码，当然，如果页面是第一次运行的话，就没有这一步了。也就是说，页面每次刷新的时候都会执行 Page_Load 函数，这也就是为什么有些代码要写在：if (!Page.IsPostBack) . 中的原因。比如有一个文本框，如果在 Page_Load 中设置初始值，放在哪儿呢？如果放在 if 外面，那每次刷新的时候都会执行这个赋值语句，即使在页面中修改了文本框的值，在返回之后仍然会消失，会显示初始值。但是如果放在 if 之中，那就可以了，返回之后文本框中仍然是先前的值。另外一点，把所有提交操作的程序都放在这个 IF中可以提高服务器运行性能，因为它不需要每次刷新都执行相关的程序，以及为其分配内存空间，只有第一次打开网页才为它分配内存空间，以后只有提交操作才会执行相关的程序。我有很多次 DataGrid 无法获取编辑后的值，也可能就是这个原因。3.3 ASP.net 和 IIS：（1）IIS 简介Web 服务器是 Web 应用程序的心脏。IIS(Internet Information Server)是微软推出的 Windows NT Option Pack 的主要成员，作为 Win2000server 的扩展，自推出以来已经有了很大发展，其体系结构是当今市场上最受关注的 Web 服务器之一。新推出的IIS4.0 版本增强了系统安全性，具有服务器端脚本开发调试，内容管理和站点分析，崩溃防护，内置 JAVA 虚拟机及全面支持 ASP.net 等强大功能。window2000/XP,需要安装 IIS。才能发挥其 的作用。一般较常使用的是window2000+IIS5 和 window98+PWS，而 window95+PWS 和 windowXP+IIS 则较少人使用。太原理工大学继续教育学院毕业设计- 13 -而 XP+IIS，则是 XP 对 IIS 不是完全兼容支持，有些功能配合得不够完美，而较少人采用。此设计使用 window2000+IIS5 这对组合，因为 window2000 是相对比较稳定的系统，对于服务器网络方面微软投入得较多，比较适合做作为服务使用。 安装方法是，插入 Win2000 安装盘，点击“开始设置控制面板添加/删除程序添加/删除 Windows 组件” ，然后出现下图，把第一项 IIS 打上勾就可以了 ,界面如图 3-13-1 IIS 的安装界面单击“下一步”按钮开始进入安装界面。这样就完成了 IIS5.0 的安装。 3.4 VBScript 介绍Microsoft Visual Basic Scripting Edition 是程序开发语言 Visual Basic 家族的最新成员，它将灵活的 Script 应用于更广泛的领域，包括 Microsoft Internet Explorer 中的 Web 客户机 Script 和 Microsoft Internet Information Server 中的 Web 服务器 Script。太原理工大学继续教育学院毕业设计- 14 -VBScript 使用 ActiveX Script 与宿主应用程序对话。使用 ActiveX Script，浏览器和其他宿主应用程序不再需要每个 Script 部件的特殊集成代码。ActiveX Script使宿主可以编译 Script、获取和调用入口点及管理开发者可用的命名空间。通过ActiveX Script，语言厂商可以建立标准 Script 运行时语言。Microsoft 将提供VBScript 的运行时支持。Microsoft 正在与多个 Internet 组一起定义 ActiveX Script 标准以使 Script 引擎可以互换。ActiveX Script 可用在 Microsoft Internet Explorer 和 Microsoft Internet Information Server 中。3.5 Access 数据库介绍Access 是 Office 办公套件中一个极为重要的组成部分。刚开始时微软公司是将Access 单独作为一个产品进行销售的，后来微软发现如果将 Access 捆绑在 OFFICE 中一起发售，将带来更加可观的利润，于是第一次将 Access 捆绑到 OFFICE97 中，成为OFFICE 套件中的一个重要成员。现在它已经成为 Office 办公套件中不可缺少的部件了。自从 1992 年开始销售以来，Access 已经卖出了超过 6000 万份，现在它已经成为世界上最流行的桌面数据库管理系统。后来微软公司通过大量地改进，将 Access 的新版本功能变得更加强大。不管是处理公司的客户订单数据；管理自己的个人通讯录；还是大量科研数据的记录和处理，人们都可以利用它来解决大量数据的管理工作。但需要强调，微软的 Access 本身并不是一个数据库服务器，它不能用服务器来运行查询。对于数据庞大的情况，Access 本身不是一个好的选择。另外一个考虑是 SQL server。Access 比起 SQL Server 而言，总体的安全性能要差。但是从应用的角度而言，Access 数据库易于使用，而且在创建和配置上，Access数据库都比 SOL Server 要容易。3.6 前台页面建设工具介绍Dreamweaver MX 2004 是由美国著名的软件开发商 Macromedia 公司推出的一个“所见即所得 ”的可视化网站开发工具。他提供众多功能强劲的可视化设计工具、应用太原理工大学继续教育学院毕业设计- 15 -开发环境以及代码编辑支持。使开发人员和设计师能够快捷的创建代码规范的应用程序,集成程度非常高，开发环境精简而高效，开发人员能够运用 Dreamweaver 与他们的服务器技术构建功能强大的网络应用程序衔接到用户的数据、网络服务体系。Dreamweaver MX 2004 提供基于强大的规范管理来确保高质量的设计，设计环境提供CSS 迅速高效的开发代码简洁、专业规范的站点。他的特点主要有：首先他将世界一流水平的“设计 ”和“代码”编辑器合二为一在设计窗口中精化源代码，使你能够按工作的需要定制自己的用户界面.其次利用丰富的 CSS 样式表支持构筑复杂的、标准规范的站点。同时提供了丰富的使用工具用于快速选择和样式属性控制工具. 再次他使用内置的图形编辑程序让开发更加节省时间。裁剪、缩放等一些辅助性的图像编辑功能可以不用离开 dreamweaver 就能够完成，支持 Macromedia Flash 元素：通过内置的 Flash构件，Dreamweaver MX 2004 增加了页面的交互性，使导入一个 Flash 构件变的简单又轻松。还有他的更新内容参考：在 dreamweaver MX 2004 参考资料面板中可以获取OReilly 的 SQL 以及 PHP 相关资料。最后详尽的属性编辑：利用属性检查工具构建详尽的编辑：列出每个适用于当前选择项的可用标记属性。据我使用和了解的情况来看，我觉得 Dreamweaver MX 2004 是最完善和方便的网页框架制作软件。我希望通过使用他能给我们这个网站一个最好的界面。第 4 章 界面的设计和功能的实现4.1 前台设计思想概述（1）版式的编排与布局太原理工大学继续教育学院毕业设计- 16 -网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。 版式设计通过文字图形的空间组合，表达出和谐与美。努力做到整体布局合理化、有序化、整体化。本次网站的页面设计就应力求丰富多样而又简洁明了。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，这里主要的问题是页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，应讲究整体布局的合理性。特别是关系十分紧密的有上下文关系的页面，一定要强调整体的统一感，使浏览者有阅读时的整体感。 站点设计应简单有序，主次关系分明，将零乱页面的组织过程混杂的内容依整体布局的需要进行分组归纳，经过进行具有内在联系的组织排列，反复推敲文字、图形与空间的关系，使浏览者有一个流畅的视觉体验。（2）色彩的和谐并突出重点色彩是艺术表现的要素之一，它是光刺激眼睛再传导到大脑中枢而产生的一种感觉。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。 利用色彩对人们心理的影响的成果，合理地加以运用。按照色彩的记忆性原则，一般暖色较冷色的记忆性强。色彩还具有联想与象征的特质，如：红色象征火、血、太阳；蓝色象征大海、天空和水面等。所以像设计学生主页时，就应使用积极而活泼的颜色，使人心理上感觉热情向上一些。 在色彩的运用过程中，还应注意的一个问题是：由于国家和种族的不同，宗教和信仰的不同，生活的地理位置、文化修养的差异，不同的人群对色彩的喜恶程度有着很大差异。在设计中要考虑主要读者群的背景和构成。像教师主页就采用了淡雅的绿色，给人一种轻松自然的感觉；而学生主页就采用活泼热情的橘红色，能让浏览者有到积极向上的感觉；留言板则采用的蓝色，让浏览者在留言时保持冷静不急燥。（3）形式内容的和谐统一形式服务于内容，内容又为目的服务，形式与内容的统一是设计网页的基本原则之一。 画面的组织原则中，将丰富的意义和多样的形式组织在一个统一的结构里，形式太原理工大学继续教育学院毕业设计- 17 -语言必须符合页面的内容，体现内容的丰富含义。 点、线、面是视觉语言中的基本元素，使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。 点是所有空间形态中最简洁的元素，也可以说是最活跃、最不安分的元素。设计中，一个点就可以包罗万象，体现设计者的无限心思，网页中的图标，单个图片，按钮或一团文字等都可以说是点。点是灵活多变的，我们可以将一排文字视为一个点，将一个图形视为一个点。在网页设计中的点，由于大小、形态、位置的不同而给人不同的心理感受。 线是点移动的轨迹，线在编排设计中有强调、分割、导线，视觉线的作用。线会因方向、形态的不同而产生不同的视觉感受，例如垂直的线给人平稳、挺立的感觉，弧线使人感到流畅、轻盈；曲线使人跳动、不安。在页面中内容较多时，就需进行版面分割，通过线的分割保证页面良好的视觉秩序，页面在直线的分割下，产生和谐统一的美感；通过不同比例的空间分割，有时会产生空间层次韵律感。 面的形态除了规则的几何形体外，还有其它一些不规则的形态，可以说表现形式是多种多样的。面在平面设计中是点的扩大，线的重复形成的。面状给人以整体美感，使空间层次丰富，使单一的空间多元化，在表达较含蓄。 网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，才能表达完美的设计意境。（4）主要页面介绍这次设计的网站主要页面共有六个，即登录页面、首页、教师主页、学生主页、校园聊天室、教学管理。登录页面如图 4-1 所示，以蓝色为背景色，给人一种积极向上的效果。在页面下部有用户名及密码输入框，提供有三个按钮：登陆、注册以及找回密码。太原理工大学继续教育学院毕业设计- 18 -图 4-1 登录页面首页的效果图如图 4-2 所示。图 4-2 首页教师主页以蓝色为主色调，力求简洁大方，轻快明了。其的页面的整体效果如图太原理工大学继续教育学院毕业设计- 19 -4-3 所示：图 4-3 教师主页学生主页以绿色为主色调，力求表现出热情活泼的感觉。其的页面的整体效果如图 4-4 所示：图 4-4 学生主页太原理工大学继续教育学院毕业设计- 20 -教学管理以蓝色为主色调，力求给人一种温馨不急噪的感觉。其的页面的整体效果如图 4-5 所示：图 4-5 教学管理主页校园聊天室用于方便教师与学生及学生与学生之间的及时交流，效果图如图 4-6所示。太原理工大学继续教育学院毕业设计- 21 -图 4-6 聊天室效果图4.2 校园聊天室界面的主要功能与实现4.2.1 新用户注册系统要想成为本网站的正式用户，首先要进行注册。注册方法如下：首先可以从各分页面的登录页面点击注册按钮进入注册页面，如图 4.6太原理工大学继续教育学院毕业设计- 22 -图 4-7 注册页面此页面显示了用户注册所需要填写的信息。用户首先要键入一个有别与他人的用户名，然后键入密码并且再一次确认密码。如果密码和确认密码不一致的话，系统便会自动弹出提示确认密码不正确的对话框，如图 4-8 所示：图 4-8 密码错误提示E-mail 和提示问题及答案都是可选项，提示问题和答案是便与找回密码用的。当用户键入内容完毕后，便可以点击注册按钮进行注册了。如果用户所填内容全部符合要求，系统便会自动转如登录成功页面太原理工大学继续教育学院毕业设计- 23 -图 4-9 登录进入的主页在登录后的页面中，原先显示登录框的地方在登录后显示了你的用户名加欢迎语句。登录后便可以行使正式用户所特有的权利，如聊天室系统，管理系统等。4.2.2 校园聊天室系统聊天室采用了 Microsoft 最近的技术 ASP.NET 及 Web Service 实现。Web Service 管理着用户信息，消息列表，提供了如登录(Login)、获取消息列表( GetMsgs)、获取登录成员列表( GetMembersList)、发送新的消息( XChangeMsg)等方法，为前台的聊天界面提供基本功能支持。该功能由 ChatWebservice 类实现，它派生自System.Web.Services.Webservice。前台的聊天功能主要由一个 UIControl 完成聊天信息的显示， 由 Chat 类实现，派生自system. Web. UI. Webcontrols(Web 控件基类) 类。它通过调用 Web Service ChatWebService 类的接口方法，完成获取保存在 ChatWebService 中的信息来表示在用户浏览器中。ChatWebService 类接口：太原理工大学继续教育学院毕业设计- 24 -webservice (Namespace=”http:/localhost/chat/”,Description=”This service provides an chat service”)public class ChatWebservice: System.Web.Services.WebservicePublic ChatWebservice();/构造函数Public string Login(string username);/登陆方法public ChatMessage XchangeMsgs(string username,string Msg);/发送新的消息public ChatMessage GetMsgs (string username);/获取指定用户消息方法public strion GetMembersList ();/获取登陆成员列表方法聊天室运行的效果如图 4-10 所示。4-10 聊天室效果图第 5 章 数据库设计太原理工大学继续教育学院毕业设计- 25 -5.1 数据库需求分析根据系统功能设计的要求以及功能模块的划分，下面给出管理和查询系统的各个组成部分的数据项和数据结构。（1） 用户信息：用户 ID、密码、密码提示问题、提示问题答案、性别、电话、Email 地址、权限。a) 说明：权限共分为 4 级，分别为：0 级(Guest 级)、1 级(学生级)、2 级(教师级)、3 级(管理员级)。（2）学生信息：学号、姓名、性别、出生日期、专业号、班级、Email 地址、家庭住址、邮政编码、联系电话、注册用户。（3）课程：课程号、课程名称、班级、职工号、专业号、授课时间。（4）教师信息：职工号、姓名、性别、部门、职称、电话、住址、档案、权限、照片、注册用户。（5）专业：专业号、专业名称。（6）成绩表：学号、课程号、成绩。（7）部门：部门号、部门名称。（8）布告栏：公告序号、公告主题、公告部门、公告内容、发布人员、公告起始日期、公告截止日期、公告更新日期5.2 数据库逻辑设计用户信息表 (register)属性名 用户 ID 密码 密码问题 性别数据类型 文本 文本 文本 文本属性名 提示答案 Email 权限 电话数据类型 文本 文本 数字 文本表 5-1学生信息表 (s