网上学习系统设计及实现

1、本科生毕业设计( 论文 ) 正文目录1引言.21.1研究背景 .21.2研究目的 .21.3实现手段与目标 .21.3.1实现手段 .21.3.2实现目标 .32开发环境.32.1开发平台 .32.1.1软件环境 .32.1.2硬件环境 .32.2ASP 技术 .42.2.1ASP简介 .42.2.2ASP语法成分 .42.2.3ASP脚本处理方法 .42.2.4ASP特点 .52.2.5SQL语言 .52.3数据库 .62.3.1Access 2000 数据库 .62.3.2ASP访问数据库技术 .63需求分析.73.1功能需求分析 .73.2性能需求分析 .84数据库设计 .84.1概念设

2、计.84.2 E-R图 .84.3数据表 .84.3.1用户管理表 .84.3.2信息表 .94.3.3专业表 .94.3.4班级表 .94.3.5资源表 .104.3.6答疑表 .104.3.7课程信息表 .105总体设计.125.1功能结构图 .126详细设计.146.1登录界面设计 .146.2课程介绍设计 .176.3在线答疑设计 .186.4资源下载设计 .196.5新闻发布设计 .196.6用户管理设计 .216.7分页显示代码设计 .227网站的维护 .248测试.248.1测试目的 .248.2软件测试内容 .248.3测试时间 .258.4测试结果 .25总结 .26参 考

3、文 献 .27网上学习系统设计与实现摘要 ：目前多数学校的作业管理都还停留在比较原始的手工阶段，作业批改信息主要依靠师生间口头传达，作业管理效率较低，容易出错等。因此，建立一个高效完善的作业管理系统来解决这些问题十分必要。本文以实际运用为开发背景，运用软件工程原理和开发方法，采用 ASP技术构建一个基于 B/S 模式的作业发布和管理系统的过程，以期改变过去传统的学生递交作业，老师批改作业的方式，让学生递交作业更加灵活，同时减轻老师繁重的工作量。系统采用模块化思想应用DREAMWEAVER来开发完成。整个开发过程首先对系统进行需求分析，得出系统主要功能，数据流图及数据字典。接着对系统进行总体设计

4、和详细设计。总体设计主要包括系统功能设计，系统总体结构设计，系统数据结构设计和系统安全设计等；详细设计主要包括系统数据库访问的实现，主要功能模块的具体实现，模块实现关键代码等。最后对系统进行了功能测试，并对测试结果进行了分析总结，得出系统的不足及需要改进的地方，为以后的系统维护提供了方便，同时也为今后开发类似系统提供了借鉴和帮助。本系统的开发使学生和老师的沟通更加方便快捷，同时也促使学校的作业管理变的更加系统化、有序化。系统界面较友好，易于操作。关键词 ：Dreamweaver ；B/S 模式； ASP；学习系统；ACCESSOnline learning system design andi

5、mplementationAbstract: At present work management of all most schools stay in the primitive and manual period. Work correcting the information mainly by students and teachers between the verbal. Homework management efficiency is lower, easy to make mistakes and so on.Therefore, establishing an effic

6、ient work to improve the management system to tackle these problems is necessary.To use this setting for development ，use of software engineering principles and methods ，The ASP techniques to build a mode b is based on the work of dissemination and management system ofthe process， to change the trad

7、itional students submitted assignments, the way of correcting the exercises. for students submitting his homework more flexible, at the meantime alleviate the heavy workload. The ideological system is applied to development through DREAMWEA VER. The entiredevelopment process, systems analysis requir

8、ements ， coming to the system the main function, dataflow diagram and data dictionary.Then of systems and general design and detailed design, General design including the system functions, overall system design, System data structure and systems security design and so on. Detailed design including t

9、he system of the realization of the databaseaccess ,the realization of the major functional modules, achieving key module of code and so on. Inthe end the system of the functional testing,and made an analytical summary of test results，to inadequate and need to improve the system . for system mainten

10、ance provided a convenient, also for future development of a similar system offers help.The system of exploitation makes the students and teachers more convenient communication ， Also prompted her school work management has become systemtive,orderly. System interface are more friendly and easy to op

11、erate.Keywords ：Dreamweaver ；B/Smode； ASP； learning system；ACCESS ；1 引言1.1研究背景Internet 技术持续迅猛的发展， 给传统的教学提出了新的挑战。 通过设计和建设网络拓扑架构、网络安全系统、数据库基础结构、信息共享与管理、信息的发布与管理、从而方便老师和学生间信息发布、信息交流和教学资源共享。以现代计算技术、网络技术为基础的数字化教学主要是朝着信息化、网络化、现代化的目标迈进。本课题所开发的 C 语言程序设计在线学习网站，旨在探索一种以互联网为基础的教学模式。通过这种新的模式，为计算机课程营造一种新的学习环境，使管理

12、突破时空限制，扩大教学规模，提高工作效率和办学水平，使教师和学生可以在任何时候、任何地点通过网络进行学习与交流。1.2研究目的随着计算机技术的发展和互联网时代的到来，人们已经进入了信息时代，也有人称之为数字化时代。在数字化的网络环境下，学生希望得到个性化的满足，根据自己的情况进行学习同时能希望得到科学的评价；老师希望有效的改进现有的教学模式，提高教学的效率； 探索一种以互联网为基础的教学模式。 通过这种新的模式，为学校创造一种新的教育环境，使教务管理突破时空限制，提高教学工作效率和标准化水平，是学校管理者、教师和学生可以随时、随地通过网络完成教学学习。1.3实现手段与目标1.3.1实现手段采用

13、Dreamweaver MX做系统的主界面，主要语言使用的是ASP 。使用ACCESS 做数据库，本系统采用三层B/S 结构。B/S 模式构成的三层网络结构，使前端具有统一标准的浏览器用户界面，服务器端集中了大部分应用软件的开发管理，并且系统开发可以使用任何脚本语言，后端可以存取任何数据库。IIS5.0 和 ASP 的结合构成三层网络结构的中间一层来实现此系统的开发。(如图1.1)1.3.2实现目标开发该网站最根本的目标是为了搭建一个集交流、信息的发布、下载等于一体的平台。通过采用 ASP+Access 2000的技术完成整个系统的开发，采用网站重构的思想，构建一个安全快速的网络交互平台。图

14、1.1 B/S结构2 开发环境2.1开发平台2.1.1软件环境本系统基于 ASP+ Access 2000 技术完成整个系统的开发，需要Windows环境及 IIS 、 Access 2000 等软件的支持。2.1.2硬件环境a) 服务器端服务器端的配置由实际的情况决定，在低的配置情况下，服务器的性能往往不尽如人意。本网站系统的硬件推荐如下：处理器： P4 2.8G 双核或更高内存： 2 G 或更高硬盘： 300G或更高b) 客户端客户端的主要是进行浏览和数据的操作，所以对硬件的要求不是很高，在条件允许的情况下尽量配置好一点。处理器： P4 2.0G 或更高内存： 512 M 或更高硬盘： 1

15、20G2.2 ASP 技术2.2.1 ASP简介ASP 是微软公司推出的用以取代CGI（CommonGatewayInterFace）的技术，它是一种未经编译的开放的应用软件，使用户能够利用 HTML和 ActiveX 强有力的功能创建健壮的、功能强大的、与平台无关的 WEB应用系统，它位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式WEB服务器应用程序，如交互式的动态网页， 包括使用 HTML表单收集和处理信息上传和下载等等。ASP在静态页面 HTML代码内部加入了可执行的Script语句，构成 ASP页面文件，将 HTML与可执行程序巧妙地融合在一起，其执行过程如下

16、：浏览器向服务器提出 ASP页面文件的请求，服务器将该页面由 ASP.dll 进行解释并在服务器上执行，动态生成的网页返回给浏览器 , 再由浏览器显示在屏幕上反馈给使用者。2.2.2 ASP语法成分ASP 不能简单地理解为一般的脚本语言，它是将脚本语言(VBScript或JavaScript)集成到HTML主页并作用于服务器端的脚本环境。ASP文件是一个文本文件 , 其语法成分及使用方法如下：a) 文本：用于显示信息、页面标题等, 可用在任意单元中。b)HTML标记：实现页面风格设计，可用 FrontPage 生成，再手工进行加工；可单独使用或嵌入到各个 ASP脚本单元之间，以“ ”为定界。c

17、)VBScript 脚本：用于串联和控制 ActiveX Controls ，可结合 ASP变量对 Windows 系统所提供的各种 ActiveX 控件等进行控制和处理；可单独使用或嵌入到各个 ASP脚本单元之间，以 和 为定界符，并可通过对 RUNAT属性的设置决定是否在服务器端解释执行。d)ASP脚本命令：是应用程序的骨架，负责整体流程的设计，控制VBScript脚本和 JavaScript 脚本以及 HTML标记，还可利用内置组件和对象实现所需功能；可单独使用或包含在 和 内，以“ ”为定界符。2.2.3 ASP脚本处理方法ASP脚本包含在 ASP文件中 ,IIS读到该页面时，它便查找

18、服务器脚本并处理这个脚本。当 ASP文件中的服务器脚本被处理之后，便把这个脚本从文件中去掉，然后再把文件发送给浏览器( 该文件中可能包含某种客户机脚本) 。浏览器把这个ASP文件作为原来的HTML文件来对待。大多数服务器脚本都不是事件驱动的， 在 ASP文件被请求时，服务器读出页面，并从头到尾处理所有服务器脚本。不是所有服务器脚本都立即执行，同客户端脚本一样，服务器脚本可以包含函数和子程序，这些功能函数和子过程只在被其他过程调用时才执行。2.2.4 ASP特点a) 任何开发工具皆可开发 ASP脚本一般的文书编辑程序就可以编辑，如 Windows记事本。当然，其他网页开发工具也可以，例如 Dre

19、amweaver、 FrontPage 等。b) 语言相容性高ASP 与所有的 ActiveX Script 语言都相容，除了可结合 HTML，VBScript 、Java Script 、Active X 服务器组件来设计外，并可经由 plug-In 的方式。c) 隐密安全性高我们在浏览器中直接查看网页的原始代码，只能看到HTML文件，原始的ASP程序代码是看不到的，因为 ASP程序先于网站服务端执行后， 将结果转换成标准 HTML 文件，再传送到客户端的浏览器上。因此， ASP的隐密安全性高d) 易于操控数据库ASP 可以轻易地通过 ODBC(Open Database Connectiv

20、ity) 驱动程序连接各种不同的数据库，例如： Microsoft SQLServer 、Acess、Foxpro 、dBase、Oracle 等等，另外， ASP亦可将 文本文件 或是 Excel 文件当成数据库用。e) 面向对象ASP 具备有面向对象功能，提供了五种方便能力强大的内建对象：Request 、Response、Sever、Application以及 Session 。同时，使用 ASP内建的 Application对象或 Session 对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。2.2.5 SQL语言SQL是 StructuredQuery Langua

21、ge 的缩写，它的中文意思是结构化查询语言。它是定义和访问关系数据库的国际化标准。SQL是一种非过程化语言，它一次可以处理记录集合，允许一个SQL语句操作的结果作为另一个语句的输入， SQL 能将全部的数据管理任务统一在一种语言中，即无论用户、系统管理员都可以利用它对数据库进行管理。2.3数据库2.3.1 Access 2000数据库Access 2000 是一个基于关系型数据库模型建立的数据库管理系统软件。它帮助用户方便的得到所需信息，并提供强大的数据处理工具。它可以帮助用户组织和共享数据库信息，以便于根据数据库信息作出有效的决策。另外，仅有这样一个数据库软件则只能进行一些信息系统所需要的简

22、单数据处理，且对操作者有较高的操作技能要求。因此，信息系统的开发者都是在数据库管理系统软件环境下编写相应的应用程序，以形成一个能够满足应用需求且操作尽可能简单的应用型信息系统，这被称之为二次开发。 Access 2000 具有良好的二次开发支持特性。2.3.2 ASP访问数据库技术a)ADO连接技术ASP 采用 ADO（ActiveDataObject）对数据库进行操作，具体操作步骤可以归纳为以下几步：第一步：创建数据库源名(DSN)；第二步：创建数据库连接(Connection) ；第三步：创建数据库对象；第四步：操作数据库 ( 查询、插入、修改、删除等) ；第五步：关闭数据库对象和链接；b

23、) 实现方法程序中使用 Connection 对象连接数据库，分为以下三个部分：(1) 建立一个 Connection 对象变量；(2) 取得当前数据库的实际路径；(3) 连接指定数据库；c) 访问数据库的执行过程利用 ASP技术实现数据库访问的执行过程原理图HTTP请求表单FORM客户端浏览器 IE网络服务器ADOIISHTTP应答SQLODB数据C库图 2.3访问数据库的过程3 需求分析需求分析是软件生存期中重要的一步，也是最为关键的一步。只有通过软件需求分析才能把软件功能和性能的总体概念描述为具体的软件需求规格说明，进而建立软件开发的基础。需求分析的基本任务是准确地回答“系统必须做什么？

24、”这个问题。需求分析所要做的工作是深入描述信息平台的功能和性能，确定软件设计的限制和软件同其他系统元素的接口细节，定义软件的其他有效性需求。3.1功能需求分析本系统实现提供教师和学生交流与学习的一个交互平台。 C 语言程序设计课程主要面向两个对象：教师和学生。教师分管理权限，修改权限和查看权限。a) 教师管理(1) 教师进入后台对自己登录密码的修改；(2) 具有管理权限的教师可以对其他用户进行删除，修改操作；(3) 教师能够对学生信息进行管理操作；(4) 教师能够删除网站发布的新闻、删除答疑的问题和答案，做到对数据库的及时更新。b) 学生管理(1) 学生登录系统之后可以进入在线课堂、查看教师发

25、布的最新新闻、在网络课堂中进行学习、如果遇到不懂的问题可以进入在线答疑向教师进行提问，等待教师解答后查看问题的答案。(2) 学生无须登录就可以看到教师简介，对任课教师有所了解。在网站中还可以下载网站所提供的一些资源3.2性能需求分析a) 界面需求：具有友好的用户操作界面，有良好的人机接口，方便用户使用。b) 灵活性：系统新闻模块、资源下载系统、学生教师信息等可以进行有选择性的更新。c) 稳定性：系统应具备长期持续工作的能力；使数据库的一致性控制在可操作范围内；避免因系统引起的死机现象。d) 安全性：有良好的用户身份认证体制和灵活的密码更改模块； 教师可以灵活修改。4 数据库设计4.1概念设计数

26、据库的概念设计过程即是用用户可以理解的形式来表达信息的过程。概念设计所得到的概念模型，充分反映了现实世界中的实体与实体之间的联系，是一个现实世界的真实模型。4.2 E-R图工号权限姓名学号N1学生提问教师工号权限姓名学号1N教师解答学生图 4. 1答疑关系图4.3 数据表4.3数据表4.3.1用户管理表表 4.1用户管理表字段名称数据类型字段大小说明用户 ID文本4用户名文本18密码文本16权限文本24.3.2信息表表 4.2信息表字段名称数据类型字段大小说明newID数字4IDnewname备注50信息名newcontent文本50内容addname文本50发布人adddate日期/时间8登

27、陆时间4.3.3专业表表 4.3专业表字段名称数据类型字段大小说明ID数字4shengname文本50专业名称shengorder文本44.3.4班级表表 4.4 班级表字段名称数据类型字段大小说明ID数字4Shiname文本4班级名称shino数字8序号shiorder文本4shengid数字44.3.5资源表表 4.5资源表字段名称数据类型字段大小说明ID数字4username文本16filetitle文本50文件标题fileurl文本50路径fileuptime日期 /时间8上传时间fileabout文本50filedowns数字8filesize数字8groupid数字8ip文本504

28、.3.6答疑表表 4.6 答疑表字段名称数据类型字段大小说明ID数字4Body_id数字4layer文本50company文本50tel数字16电话email文本50邮箱txtname文本50名称body文本50subtime日期/时间8state数字504.3.7课程信息表字段名称表数据类型4.7课程信息表字段大小说明ID数字4IDclassname文本50课程名称neirong文本50课程内容adddate日期/时间8发布时间用户表（用户 ID，用户名，电子邮件，密码，性别， OICQ，电话，真实姓名，专业，班级，加入时间）管理员用户表（管理员ID，用户名，密码，权限）新闻表（新闻编号，新

29、闻标题，新闻内容，发布人，浏览次数，发布时间）专业表（ ID，专业名，专业编号）班级表（ ID，专业名，班级名，班级编号）在线调查表（ ID ，标题，调查选择，选择答案，投票时间，投票人数）课程表（ ID，标题，内容，发布时间）公告表（ ID，标题，内容，发布人，发布时间）用户组管理表（ ID，组名，权限）users(userid,username,pwd,tel,addr,Email,sex,zhenshimingzi,zhuanye,banji,adddate,iogins)ID为主键zhuanye(ID, shengname,shengno,shengorder) ID为主键admin（

30、ID， admin,password,flag）ID为主健new(ID,newname,newcount,addname,adddate)ID为主健file(ID,username,filetitle,fileurl,fileuptime,fileabout,filedowns,filesize,groupid,tousername,delrsername,ip)ID为主健news(ID,newsname,newscount,addname,adddate)ID为主健groups(ID,groupsname,upfiletype,upfilesize) ID为主健Class(ID,classn

31、ame,neirong,adddate)ID为主健Banji(ID,shiname,shino,shiorder,shengid)ID为主健标题序号工号管理员1N新闻发布权限1N学生查看姓名学号图 4.2新闻关系图5 总体设计5.1功能结构图前台页面用用 photoshop 设计图片 flash 设计动画菜单 用 dreamweaver 打表格排版来实现， 根据需要实现的功能设计前台的页面， 比如：课堂登录、新闻查看、课件下载、在线答疑、查看公告信息、课程相关信息。后台数据库用 access和 ASP 实现。图 5.1 功能结构图在制作网站的时候把页面分割为四大块，最上面为网站的图片和导航栏，

32、左面页面为系统登录和滚动链接。右侧页面为新闻查看和查询页面，最下面是网站的页脚。网站的主界面有用户登录， 课程介绍，信息通知，在线辅导，资源下载等模块，首页有个在线调查的模块，根据用户平时的爱好，看是否在网上购买东西。用户进入网站首页后在左边登录框中选择登录。用户输入自己的学号和密码，登录成功后进入各个模块。根据用户的需求浏览一些相关的新闻，查看课程信息，查看最新公告和对最近的课程内容的下载等.如果没有注册的用户可以通过以下界面来注册系统会员。图 5.2用户注册图6. 详细设计6.1登录界面设计系统登录登录失败判断用户返回否是登录到相应系统图 6.1登录系统流程图图 6.2登录界面在本网站中，

33、管理员需要通过登录后进入后台管理的界面，系统开始分配给管理员一个初始的用户名和密码。当管理员在文本框中输入用户名和密码后，后台程序将文本框中获得的值来和数据库中相应的字段来比较，并且数据库表中字段也要为真。有了这三个条件如果到记录集尾部的了，说明这个管理员用户名和密码是错误的。如果没有到记录集尾部的话就找到相应的记录了，就说明登录成功。登录错误就弹出错误对话框提示有错误。后台管理系统的帐号和密码都是admin。为了防止其他用户登陆后台管理系统，本登录系统用到了动态验证码技术以及MD5加密算法，首先动态验证码可以使得字典机器人无法下手，而MD5加密算法是迄今为止世界上使用的最广泛的也是相对比较安

34、全的加密算法。MD5的全称是 Message-Digest Algorithm 5，在 90 年代初由 MIT 的计算机科学实验室和 RSA Data Security Inc发明，经 MD2、 MD3和 MD4发展而来。Message-Digest 泛指字节串（ Message）的 Hash 变换，就是把一个任意长度的字节串变换成一定长的的大整数。这种变换只与字节的值有关，与字符集或编码方式无关。MD5将任意长度的“字节串”变换成一个128bit的大整数，并且它是一个不可逆的字符串变换算法，换句话说就是，即使你看到源程序和算法描述，也无法将一个 MD5的值变换回原始的字符串，从数学原理上说，

35、是因为原始的字符串有无穷多个，这有点象不存在的反函数的数学函数。MD5广泛用于加密和解密技术上，在很多操作系统中，用户的密码是以 MD5值的方式保存的，用户 Login 的时候，系统是把用户输入的密码计算成 MD5值，然后再去和系统中保存的 MD5值进行比较，而系统并不“知道”用户的密码是什么。数据库连接方法如下： dim dbconst DatabaseType=ACCESSdb=data/cnhww.mdbOn Error Resume Nextdim ConnStrdim connConnStr=Provider=Microsoft.Jet.OLEDB.4.0;DataSource=&S

36、erver.MapPath(db)使用 Server 对象的 MapPath 方法取得要连接的数据库的实际路径，并将返回的实际路径指定给变量 DBPath，其中 dbname是数据库文件的相对路径或虚拟路径名 / Set conn = Server.CreateObject(ADODB.Connection)上述语句使用 Server 对象的 CreateObject 方法，建立一个名为 conn 的 Connection 对象。由于 ADODB是 ADO对象的对象库，而 Connection 是 ADO对象的一个子对象，因此可以写成 ADODB.Connection/conn.Open co

37、nnstr其中 conn 是所建立的连接对象。 Driver 参数用来指定所要连接数据库的驱动程序并且必须和数据库是同一类型的 /If Err Thenerr.ClearSet Conn = NothingResponse.Write 数据库连接出错，请检查 Conn.asp 文件中的数据库参数设置。 Response.EndEnd Ifsub CloseConn()On Error Resume NextIf IsObject(Conn) Thenconn.closeset conn=nothingend ifend sub6.2课程介绍设计图 6.3课程介绍图课程介绍模块是为了让同学们在学

38、习这门课程之前，对课程有个大概的了解，知道学习这门课程的重要性，怎么样才能更好的学习该课程。课程对社会发展的作用。 C 语言程序设计 的课程介绍和教师简介都是用HTML静态网页的格式实现的，界面的图片和色彩都是经过一步步的调试搭配完成，图片的制作是在PHOTOSHOP中制作完成的，图上的字体的处理也加上了发光、 投影、变形的效果，用 DREAMWEAVER 将制作好的图片导入为背景，然后将课程简介的资料教师个人资料放入事先打好的布局表格当中这样就基本完成了课程简介和教师简介的界面。6.3在线答疑设计图 6.4 在线答疑图提问教师进入选择教师查看提问否输入问题有提问？提交问题是回答问题图 6.5

39、在线答疑流程在线答疑是为了让同学们在学习该课程的过程中，把遇到的问题和自己不理解的地方发布到在线答疑界面，当任课教师登录系统后会第一时间给出同学们满意的答案。教师进入解答问题页面后，本系统将学生提问的问题显示给教师看，然后教师对着题目输入答案，提交答案时处理是比较关键的，答疑系统的数据库设计时，设置了字段，用来控制学生和教师的信息存放在哪一个层当中，学生提交的问题放在第一层，教师回答的问题放在第二层，同时数据库中这个字段控制教师答案的编号对应学生问题的编号，这样显示答案和问题的时候就很好的把他们区分开来。6.4资源下载设计图 6.6资源下载图课程相关课件下载可以使得同学们在课堂上没有听懂的知识，利用该平台把内容下载到自己的空间里找课余时间继续学习。下载界面是用HTML静态网页的格式实现的，界面的图片和色