#网络安全课程在线学习网络平台设计.docx

1、#网络安全课程在线学习网络平台设计网络学习资源交流平台摘 要如今，计算机网络以前所未有的深度和广度渗透到人类生产和生活的各个领域，成为人们学习和娱乐的重要渠道。当今的学校教学中，虽然改变了传统的教学模式，越来越多的教师使用多媒体课件作为教学的辅助手段，提高学生学习的兴趣，而且其形象、直观的方式也极大地拓宽了学生接受信息的渠道，学习效率有所提高。但是，课堂教学在时间和空间上都是固定不变的，学习者不能根据个人情况决定学习的进度和安排。课堂教学是面向大多数学生，跟不上节奏或已经掌握了所学知识的学生只能跟着老师的进度，因此网络资源共享平台应运而生。网络资源共享平台克服了时间和空间的限制，具有重复学习、

2、实时互动的沟通和讨论等特点，学习者可以根据自己的程度和兴趣，随自己空间及时间上的考虑来安排课程进度及学习方式。网络资源共享平台结合了基于PowerPoint 技术的课件、基于Flash技术的动画课件和专用的视频软件将图片、音频和视频录像等整合在一起，达到交互式教学的目的。该网络平台包括视频教学、PPT课件教学、Flash动画课件教学、实验指导和留言等功能，实现交互式学习和资源共享。1 网络资源共享平台的特点多媒体课件简单地说就是利用数字处理技术和视听技术,以计算机为中心,按照教师的教学设计,将文字、语音、图像等多种媒体信息集成在一起,以实现对教学材料的存储、传递、加工、转换和检索的一种现代教学

3、技术手段。由于它图、文、声、像并茂,能够实现人机频繁地多种交互控制,方便辅助教学,所以越来越受到人们的重视。可以概括为以下几个特点：（1） 直观性，能突破视觉的限制，多角度地观察对象，并能够突出要点，有助于概念的理解和方法的掌握；（2） 图文声像并茂，多角度调动学生的情绪、注意力和兴趣；（3） 动态性，有利于反映概念及过程，能有效地突破教学难点；（4） 交互性，学生有更多的参和，学习更为主动，并通过创造反思的环境，有利于学生形成新的认知结构；（5）通过多媒体实验实现了对普通实验的扩充，并通过对真实情景的再现和模拟，培养学生的探索、创造能力；（6） 可重复性，有利于突破教学中的难点和克服遗忘；（

4、7） 针对性，使针对不同层次学生的教学成为可能；（8） 大信息量、大容量性，节约了空间和时间，提高了教学效率。2需求分析2.1开发平台ASP.NET不仅仅是下一版本的 Active Server Page (ASP)，而且还是一种建立在通用语言上的程序构架，能被用一台Web服务器来建立强大的Web使用程序。ASP.NET提供许多比现在的Web开发模式强大的优势。它是统一的 Web 开发平台，用来提供开发人员快速生成企业级 Web 使用程序所需的服务。ASP.NET 的语法在很大程度上和 ASP 兼容，同时它还提供一种新的编程模型和结构，用于生成更安全、可伸缩和稳定的使用程序。可以通过在现有 A

5、SP 使用程序中逐渐添加，和以前的 Web 开发模型相比，ASP.NET 提供了数个重要的优点：（1）增强的性能。ASP.NET 是在服务器上运行的编译好的公共语言运行库代码。ASP.NET 可利用早期绑定、实时编译和本机优化。这相当于在编写代码之前便提高了性能。（2）世界级的工具支持。ASP.NET框架补充了Visual Studio集成开发环境中的大量工具箱和设计器。WYSIWYG（所见即所得）编辑、拖放服务器控件和自动部署知识这个强大工具所提供功能中的少数几种。（3）威力和灵活性。由于ASP.NET基于公共语言运行库，因此Web使用程序开发人员可以利用整个平台的威力和灵活性。.NET框架

6、类库、消息处理和数据访问解决方案都可从Web无缝访问。ASP.NET也和语言无关，所以可以选择最适合使用程序的语言。另外，公共语言运行库的交互性保证在迁移到ASP.NET时保留基于COM的开发中的现有投资。（4）简易性。ASP.NET使执行常见任务变得容易，从简单的窗体提交和客户端身份验证到部署和站点配置。例如：ASP.NET页框架使您可以生成将使用程序逻辑和表示代码清除分开的用户界面，和在类似Visual Basic的简单窗体处理模型中处理事件。另外，公共语言运行库利用托管代码服务（如自动引用技术和垃圾回收）简化了开发。（5）可管理性。ASP.NET采用基于文本的分层配置系统，简化了将设置使

7、用于服务器环境和Web使用程序。由于配置信息是以纯文本形式存储的，因此可以在没有本地管理工具帮助的情况下使用新设置。此“零本地管理”也扩展到了ASP.NET框架使用程序部署到服务器。不需要重新启动服务器，即使是在部署或替换运行的编译代码时。（6）可缩放和可用性。ASP.NET在设计时考虑了可缩放性，增加了专门用于在聚集环境和多处理器环境中提高性能的功能。另外，进程受到ASP.NET运行库的密切监视和管理，以便当进程行为不正常（泄漏、死锁）时，可就地创建新进程，以帮助保持使用程序始终可用于处理请求。（7）自定义性和可扩展性。ASP.NET随附了一个设计周到的结构，它使开发人员可以在适当的级别“插

8、入”代码。实际上，可以用自己编写的自定义组件扩展或替换ASP.NET运行库的任何子组件。（8）安全性。借助内置的Windows身份验证和基于每个使用程序的配置，可以保证使用程序是安全的。总之，ASP.NET 是一个已编译的、基于 .NET 的环境，把基于通用语言的程序在服务器上运行。程序在服务器端首次运行时进行编译，比ASP即时解释程序速度上要快很多，而且是可以用任何和 .NET 兼容的语言（包括 Visual Basic .NET、C#）创作使用程序。另外，任何 ASP.NET 使用程序都可以使用整个 .NET Framework。开发人员可以方便地获得这些技术的优点，其中包括托管的公共语言

9、运行库环境、类型安全、继承等等。2.2 数据库技术的介绍随着计算机技术和网络通信技术的发展，数据库技术已成为信息社会中对大量数据进行组织和管理的重要技术手段及软件技术，是网络信息化管理系统的基础。SQL Server 2005是微软推出的一种数据库软件产品，2005代表其系列版本号。Server是服务器的意思，表明SQL Server 2005在计算机网络中是一台提供数据服务的服务器。SQL（Structured Query Language）译为结构化查询语言，它是各种关系型数据库所采用的标准语言。有了SQL，人们可以让各种数据库理解人的意思，让数据库按照人的意愿工作。Microsoft S

10、QL Server 2005扩展了SQL Server 2000的性能，进一步提高了可靠性、可用性、可编程性和易用性。SQL Server 2005包含了多项新功能，这使得它成为大规模联机事务处理（OLTP）、数据仓库和电子商务使用程序的优秀数据库平台。SQL Server 2005数据库平台包括关系型数据库、复制服务、通知服务、集成服务、分析服务、报表服务、管理工具、开发工具。SQL Server 2005产品中提供了多种数据库工具，可以完成数据库的配置、管理和开发等多种任务。SQL Server Management Studio是SQL Server 2005提供的一种新的集成环境，用于

11、访问、配置、控制、管理和开发SQL Server的所有组件。SQL Server Management Studio将一组多样化的图形工具和多种功能齐全的脚本编辑器组合在一起，可为各种技术级别的开发人员和管理员提供对SQL Server的访问。3 系统概要设计3.1 系统设计目标根据需求分析的描述以及实际考察，网站实现功能如下：（1）操作简单方便，界面简洁美观；（2）注册功能，用户通过注册成为网站会员；（3）密码找回功能，当会员忘记密码时可以通过此功能找回；（4）留言功能，通过留言功能进行互动交流；（5）后台管理功能，管理员通过后台进行网站维护和管理；（6）系统运行稳定，安全可靠。3.2 业务

12、流程图网络安全课程在线学习网平台的业务流程图如图3.1所示。用户登录会员是否查看视频列表及观看视频查看视频列表查看PPT课件列表及观看PPT课件阅读实验指导观看Flash课件留言与查看留言教学计划查看PPT课件列表阅读实验指导观看Flash课件教学计划查看留言图3.1 业务流程图3.3 系统功能结构根据网络安全网络资源共享平台的特点，可以将其功能分为登录和注册功能、查看公告功能、视频播放功能、实验指导功能、PPT课件功能以及客户留言功能等。网络安全网络资源共享平台的功能结构如图3.2所示：系统功能结构图视频课件PPT课件查看教学计划登录与注册客户留言联系我们查看Flash课件阅读实验指导查看公

13、告用户留言查看留言查看列表观看PPT课件观看视频下载视频查看列表图3.2 功能结构3.4 数据库设计本程序采用SQL Server 2005作为后台数据库，数据库名称为db_study。1）数据库E-R图分析通过对网站进行的需求分析、网站流程设计以及系统功能结构的确定，规划出系统中使用的数据库实体对象分别为公告信息实体、会员信息实体、留言信息实体、实验录屏实体、电子课件信息实体、Flash课件信息实体。公告信息实体E-R图如图3.3所示。会员信息实体E-R图如图3.4所示。 图3.3 公告信息E-R图 图3.4 会员信息E-R图留言信息实体E-R图如图3.5所示。图3.5 留言信息E-R图实验

14、录屏实体E-R图如图3.6所示。图3.6 实验录屏E-R图电子课件信息实体E-R图如图3.7所示：图3.7 PPT信息表E-R图2）数据表结构（1）userInfo(用户信息表)用户信息表主要存储注册用户的个人信息，如表3.1所示。表3.1 用户信息表结构列名数据类型默认值必填字段说明IDint无是编号（自增）userNamevarchar(20)无否会员姓名userPassvarchar(50)无否密码sexchar(10)无否性别userDatesmalldatetime无否出生日期Emailvarchar（50）无否电子邮件questionvarchar（100）无否密码提示问题answ

15、ervarchar（100）无否密码提示答案（2）publicInfo（公告信息表）公告信息表主要存储管理员发布的公告信息，如表3.2所示。表3.2 公告信息表结构列名数据类型默认值必填字段说明IDint无是编号（自增）Titlevarchar（20）无否公告标题PContentVarchar（100）无否公告内容DateSmalldatetimegetdate()否发布日期（3）message（留言信息表）留言信息表主要存储会员用户发表的留言信息，如表3.3所示。表3.3 留言信息表结构列名数据类型默认值必填字段说明IDint无是编号（自增）MnameVarchar(20)无否留言人姓名Me

16、mailVarchar(50)无否电子邮件Mcontenttext无否留言内容picPathVarchar(50)无否头像路径facePathVarchar(50)无否表情路径（4）Video（视频信息表）视频信息表主要存储管理员发布的视频信息，如表3.4所示。表3.4 视频信息表结构列名数据类型默认值必填字段说明videoIDint无是编号（自增）videoTypeint无否教程类型videoNamenvarchar(50)无否教程名称videoContentnvarchar(100)无否教程简介videoUrlnvarchar(50)无否视频路径ClickSumint0否点击率FBDate

17、Smalldatetimegetdate()否发布日期Namenvarchar(50)无否发布人（5）PPT（PPT信息表）PPT信息表主要存储管理员发布的PPT信息，如表3.5所示。表3.5 PPT信息表结构列名数据类型默认值必填字段说明PIDint无是编号（自增）PTypeint无否PPT类型PNamenvarchar(50)无否PPT名称PContentnvarchar(100)无否PPT简介PUrlnvarchar(50)无否PPT路径ClickSumint0否点击率FBDateSmalldatetimegetdate()否发布日期Namenvarchar(50)无否发布人4 系统模块

18、设计4.1 网站首页设计4.1.1 概述首页设计的好坏直接影响浏览者及用户对本网站的印象，页面整体布局要合理、整洁美观。网站首页的运行效果如图4.1所示：图4.1 网站首页的运行效果在网站首页中包括以下几个模块：（1）网站导航（包括视频教程、PPT课件、实验指导、Flash课件、教学计划、客户留言、联系我们）；（2）网站公告（发布网站最新动态）；（3）用户登录（实现用户注册、登录和密码找回功能）；（4）友情链接（包括一些和网络安全相关的一些网站超链接，点击超链接就可以进入网站阅读相关内容）。4.1.2 滚动显示公告信息实现滚动显示公告信息主要通过marquee元素来实现。Marquee元素可以

19、滚动文字、图片、表格等。运行效果如图4.2和4.3所示。Marquee元素主要有以下几个属性。Direction属性：此属性主要设置信息滚动方式。Onmouseout属性：当鼠标离开marquee元素时调用this.start()方法使信息继续滚动。Onmouseover属性：当鼠标停留在marquee元素时调用this.stop()方法使信息停止滚动。Scrollamount属性：设置当前信息滚动速度。Marquee元素实现滚动信息的代码如下： 图4.2公告信息滚动(1) 图4.3 公告信息滚动（2）4.2 用户登录和注册模块设计4.2.1 用户注册模块概述浏览者可也通过用户注册功能注册成为

20、本网站的会员，用户注册并登录成功后，可以阅读网站所有的资源、可以留言还可以下载自己喜欢的视频教程。当用户在登录窗口中单击“注册”链接按钮，进入用户注册页面。在该页面中用户需要填写会员的基本信息，如会员姓名、密码、性别、出生日期、电子邮件等信息。用户注册页面如图4.4所示：图4.4用户注册页面4.2.2 用户注册模块技术1）密码强弱提示密码强弱提示是对用户填写登录密码的复杂程度来给出提示。使用该技术可以增强用户对自己密码的保护意识，对如今的网络来说这样做是非常必要的。在本程序中当用户输入密码后将会自动提示用户输入密码的强弱，效果如图4.5所示：图4.5 密码强弱提示该技术是使用JavaScrip

21、t脚本来判断用户输入的密码位数是否大于6位，如果小于6将设置“弱”单元格的背景颜色，否则将设置“强”的单元格背景颜色。JavaScript的实现代码如下。 function passHint() var txt=document.getElementById(txtPass).value; if(txt.length6) document.all(tab).rows0.cells1.bgColor=red; document.all(tab).rows0.cells2.bgColor=; else document.all(tab).rows0.cells2.bgColor=red; docu

22、ment.all(tab).rows0.cells1.bgColor=; 在输入密码文本框中的onChange的事件中调用JavaScript中的passHint函数，来判断用户填写的密码强度并给出提示。onChange事件将会在用户填写完密码选择其他控件时引发。密码文本框的前台代码如下。2）智能提示输入信息在用户输入注册信息时给出提示，可以使用户在注册时更了解所填写信息的约束。智能提示输入效果如图4.6所示：智能提示图4.6智能提示这个功能主要使用JavaScript脚本和文本框中的获取焦点事件onFocuse来实现。当用户单击某个文本框时将会引发该文本框的onFocuse事件，在该事件中将

23、会调用JavaScript脚本中已经编写好的函数。每个函数将通过HTML的span标记来显示提示信息。JavaScript脚本中的各个函数代码如下。function tName() /显示会员名输入提示document.getElementById(sp).innerHTML=只能输入数字、字母、汉字或下划线,例如：aa_2013; function tPass() /显示密码输入提示 document.getElementById(sp).innerHTML=为了提供密码的安全性。建议密码在6位以上。;function tQuestion() /显示密码提示问题输入提示document.ge

24、tElementById(sp).innerHTML=输入一个您常见的问题。例如：我的家乡在哪里?;function tAnswer() /显示电话码输入提示document.getElementById(sp).innerHTML=输入您的答案，以便找回密码例如：苏州;function tEmail() /显示电子邮件输入提示document.getElementById(sp).innerHTML=请输入正确的电子邮件。例如：;function tDate() /显示出生日期输入提示document.getElementById(sp).innerHTML=请输入正确的出生日期。例如：20

25、13-1-1或2013/1/1;4.2.3 用户登录模块概述用户注册成为本网站的会员后，必须进行登录后才能观看视频、下载视频、阅读PPT课件和留言等功能。用户登录窗口的运行效果如图4.7：图4.7 用户登录窗口4.2.4 用户登录模块技术当用户登录成功后进行留言时会将发言人保存为用户的登录名，如图4.8所示。这里主要使用了Session对象，利用Session对象来保存用户登录名。当用户发表留言时可以将Session对象保存的用户名添加到数据库中。Session对象是HttpSessionState类的一个实例，其功能是用来存储跨网页程序的变量或者对象，Session对象只针对单一网页使用，也

26、就是说各个连接的机器都有各自的Session对象，不同的客户端无法互相存储。Session对象终止于联机机器离线时，也就是当网页使用者关掉浏览器或超过设定的Session变量的有效时间，Session对象就会消失。本网站使用的Session语句如下。SessionUserName = txtUserName.Text;图4.8 登录成功4.2.5 密码找回功能模块概述会员密码找回功能，是提供给已经注册会员的一个功能。该功能是为了解决会员忘记密码而带来的不必要的损失。在用户填写注册信息时填写密码提示问题和密码提示答案。当会员忘记密码时可以进入密码找回页面，在该页面中将会显示用户填写的密码提示问题

27、，只要填写正确的答案就会显示会员的密码。运行效果如图4.9所示：图4.9找回密码4.3 视频教程模块设计视频教程列表主要通过DataList控件绑定数据库中的视频。视频教程页列出已经上传的视频教程，运行效果如图4.10所示：图4.10视频教程列表利用PageDataSource类实现DataList控件的分页功能，并实现页面的跳转功能如图4.11所示。单击DataList控件右上方的“”按钮，在弹出的快捷菜单中的选择“编辑模板”选项。打开“DataList任务模板编辑模式”，在“显示”下拉列表中选择“ItemTemplate”选项，然后向模板中添加表格并输入相关信息。图4.11 DataList控件在ItemTemplate模板的HTML代码中，通过Eval绑定数据，代码如下： a href=seeVideo.aspx?VideoID= asp:Label ID=Label2 runat=serverText=%#Eval(FB