#网络安全课程在线学习网络平台设计.docx
《#网络安全课程在线学习网络平台设计.docx》由会员分享，可在线阅读，更多相关《#网络安全课程在线学习网络平台设计.docx（28页珍藏版）》请在冰豆网上搜索。
#网络安全课程在线学习网络平台设计
网络学习资源交流平台
[摘要]
如今，计算机网络以前所未有的深度和广度渗透到人类生产和生活的各个领域，成为人们学习和娱乐的重要渠道。
当今的学校教学中，虽然改变了传统的教学模式，越来越多的教师使用多媒体课件作为教学的辅助手段，提高学生学习的兴趣，而且其形象、直观的方式也极大地拓宽了学生接受信息的渠道，学习效率有所提高。
但是，课堂教学在时间和空间上都是固定不变的，学习者不能根据个人情况决定学习的进度和安排。
课堂教学是面向大多数学生，跟不上节奏或已经掌握了所学知识的学生只能跟着老师的进度，因此网络资源共享平台应运而生。
网络资源共享平台克服了时间和空间的限制，具有重复学习、实时互动的沟通和讨论等特点，学习者可以根据自己的程度和兴趣，随自己空间及时间上的考虑来安排课程进度及学习方式。
网络资源共享平台结合了基于PowerPoint技术的课件、基于Flash技术的动画课件和专用的视频软件将图片、音频和视频录像等整合在一起，达到交互式教学的目的。
该网络平台包括视频教学、PPT课件教学、Flash动画课件教学、实验指导和留言等功能，实现交互式学习和资源共享。
1网络资源共享平台的特点
多媒体课件简单地说就是利用数字处理技术和视听技术,以计算机为中心,按照教师的教学设计,将文字、语音、图像等多种媒体信息集成在一起,以实现对教学材料的存储、传递、加工、转换和检索的一种现代教学技术手段。
由于它图、文、声、像并茂,能够实现人机频繁地多种交互控制,方便辅助教学,所以越来越受到人们的重视。
可以概括为以下几个特点：
（1）直观性，能突破视觉的限制，多角度地观察对象，并能够突出要点，有助于概念的理解和方法的掌握；
（2）图文声像并茂，多角度调动学生的情绪、注意力和兴趣；
（3）动态性，有利于反映概念及过程，能有效地突破教学难点；
（4）交互性，学生有更多的参和，学习更为主动，并通过创造反思的环境，有利于学生形成新的认知结构；
（5）通过多媒体实验实现了对普通实验的扩充，并通过对真实情景的再现和模拟，培养学生的探索、创造能力；
（6）可重复性，有利于突破教学中的难点和克服遗忘；
（7）针对性，使针对不同层次学生的教学成为可能；
（8）大信息量、大容量性，节约了空间和时间，提高了教学效率。
2需求分析
2.1开发平台
ASP.NET不仅仅是下一版本的ActiveServerPage（ASP），而且还是一种建立在通用语言上的程序构架，能被用一台Web服务器来建立强大的Web使用程序。
ASP.NET提供许多比现在的Web开发模式强大的优势。
它是统一的Web开发平台，用来提供开发人员快速生成企业级Web使用程序所需的服务。
ASP.NET的语法在很大程度上和ASP兼容，同时它还提供一种新的编程模型和结构，用于生成更安全、可伸缩和稳定的使用程序。
可以通过在现有ASP使用程序中逐渐添加，和以前的Web开发模型相比，ASP.NET提供了数个重要的优点：
（1）增强的性能。
ASP.NET是在服务器上运行的编译好的公共语言运行库代码。
ASP.NET可利用早期绑定、实时编译和本机优化。
这相当于在编写代码之前便提高了性能。
（2）世界级的工具支持。
ASP.NET框架补充了VisualStudio集成开发环境中的大量工具箱和设计器。
WYSIWYG（所见即所得）编辑、拖放服务器控件和自动部署知识这个强大工具所提供功能中的少数几种。
（3）威力和灵活性。
由于ASP.NET基于公共语言运行库，因此Web使用程序开发人员可以利用整个平台的威力和灵活性。
.NET框架类库、消息处理和数据访问解决方案都可从Web无缝访问。
ASP.NET也和语言无关，所以可以选择最适合使用程序的语言。
另外，公共语言运行库的交互性保证在迁移到ASP.NET时保留基于COM的开发中的现有投资。
（4）简易性。
ASP.NET使执行常见任务变得容易，从简单的窗体提交和客户端身份验证到部署和站点配置。
例如：
ASP.NET页框架使您可以生成将使用程序逻辑和表示代码清除分开的用户界面，和在类似VisualBasic的简单窗体处理模型中处理事件。
另外，公共语言运行库利用托管代码服务（如自动引用技术和垃圾回收）简化了开发。
（5）可管理性。
ASP.NET采用基于文本的分层配置系统，简化了将设置使用于服务器环境和Web使用程序。
由于配置信息是以纯文本形式存储的，因此可以在没有本地管理工具帮助的情况下使用新设置。
此“零本地管理”也扩展到了ASP.NET框架使用程序部署到服务器。
不需要重新启动服务器，即使是在部署或替换运行的编译代码时。
（6）可缩放和可用性。
ASP.NET在设计时考虑了可缩放性，增加了专门用于在聚集环境和多处理器环境中提高性能的功能。
另外，进程受到ASP.NET运行库的密切监视和管理，以便当进程行为不正常（泄漏、死锁）时，可就地创建新进程，以帮助保持使用程序始终可用于处理请求。
（7）自定义性和可扩展性。
ASP.NET随附了一个设计周到的结构，它使开发人员可以在适当的级别“插入”代码。
实际上，可以用自己编写的自定义组件扩展或替换ASP.NET运行库的任何子组件。
（8）安全性。
借助内置的Windows身份验证和基于每个使用程序的配置，可以保证使用程序是安全的。
总之，ASP.NET是一个已编译的、基于.NET的环境，把基于通用语言的程序在服务器上运行。
程序在服务器端首次运行时进行编译，比ASP即时解释程序速度上要快很多，而且是可以用任何和.NET兼容的语言（包括VisualBasic.NET、C#）创作使用程序。
另外，任何ASP.NET使用程序都可以使用整个.NETFramework。
开发人员可以方便地获得这些技术的优点，其中包括托管的公共语言运行库环境、类型安全、继承等等。
2.2数据库技术的介绍
随着计算机技术和网络通信技术的发展，数据库技术已成为信息社会中对大量数据进行组织和管理的重要技术手段及软件技术，是网络信息化管理系统的基础。
SQLServer2005是微软推出的一种数据库软件产品，2005代表其系列版本号。
Server是服务器的意思，表明SQLServer2005在计算机网络中是一台提供数据服务的服务器。
SQL（StructuredQueryLanguage）译为结构化查询语言，它是各种关系型数据库所采用的标准语言。
有了SQL，人们可以让各种数据库理解人的意思，让数据库按照人的意愿工作。
MicrosoftSQLServer2005扩展了SQLServer2000的性能，进一步提高了可靠性、可用性、可编程性和易用性。
SQLServer2005包含了多项新功能，这使得它成为大规模联机事务处理（OLTP）、数据仓库和电子商务使用程序的优秀数据库平台。
SQLServer2005数据库平台包括关系型数据库、复制服务、通知服务、集成服务、分析服务、报表服务、管理工具、开发工具。
SQLServer2005产品中提供了多种数据库工具，可以完成数据库的配置、管理和开发等多种任务。
SQLServerManagementStudio是SQLServer2005提供的一种新的集成环境，用于访问、配置、控制、管理和开发SQLServer的所有组件。
SQLServerManagementStudio将一组多样化的图形工具和多种功能齐全的脚本编辑器组合在一起，可为各种技术级别的开发人员和管理员提供对SQLServer的访问。
3系统概要设计
3.1系统设计目标
根据需求分析的描述以及实际考察，网站实现功能如下：
（1）操作简单方便，界面简洁美观；
（2）注册功能，用户通过注册成为网站会员；
（3）密码找回功能，当会员忘记密码时可以通过此功能找回；
（4）留言功能，通过留言功能进行互动交流；
（5）后台管理功能，管理员通过后台进行网站维护和管理；
（6）系统运行稳定，安全可靠。
3.2业务流程图
网络安全课程在线学习网平台的业务流程图如图3.1所示。
用户
登录会员
是
否
查看视频列表及观看视频
查看视频列表
查看PPT课件列表及观看PPT课件
阅读实验指导
观看Flash课件
留言与查看留言
教学计划
查看PPT课件列表
阅读实验指导
观看Flash课件
教学计划
查看留言
图3.1业务流程图
3.3系统功能结构
根据网络安全网络资源共享平台的特点，可以将其功能分为登录和注册功能、查看公告功能、视频播放功能、实验指导功能、PPT课件功能以及客户留言功能等。
网络安全网络资源共享平台的功能结构如图3.2所示：
系统功能结构图
视频课件
PPT课件
查看教学计划
登录与注册
客户留言
联系我们
查看Flash课件
阅读实验指导
查看公告
用户留言
查看留言
查看列表
观看PPT课件
观看视频
下载视频
查看列表
图3.2功能结构
3.4数据库设计
本程序采用SQLServer2005作为后台数据库，数据库名称为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图
实验录屏实体E-R图如图3.6所示。
图3.6实验录屏E-R图
电子课件信息实体E-R图如图3.7所示：
图3.7PPT信息表E-R图
2）数据表结构
（1）userInfo（用户信息表）
用户信息表主要存储注册用户的个人信息，如表3.1所示。
表3.1用户信息表结构
列名
数据类型
默认值
必填字段
说明
ID
int
无
是
编号（自增）
userName
varchar（20）
无
否
会员姓名
userPass
varchar（50）
无
否
密码
sex
char（10）
无
否
性别
userDate
smalldatetime
无
否
出生日期
Email
varchar（50）
无
否
电子邮件
question
varchar（100）
无
否
密码提示问题
answer
varchar（100）
无
否
密码提示答案
（2）publicInfo（公告信息表）
公告信息表主要存储管理员发布的公告信息，如表3.2所示。
表3.2公告信息表结构
列名
数据类型
默认值
必填字段
说明
ID
int
无
是
编号（自增）
Title
varchar（20）
无
否
公告标题
PContent
Varchar（100）
无
否
公告内容
Date
Smalldatetime
getdate（）
否
发布日期
（3）message（留言信息表）
留言信息表主要存储会员用户发表的留言信息，如表3.3所示。
表3.3留言信息表结构
列名
数据类型
默认值
必填字段
说明
ID
int
无
是
编号（自增）
Mname
Varchar（20）
无
否
留言人姓名
Memail
Varchar（50）
无
否
电子邮件
Mcontent
text
无
否
留言内容
picPath
Varchar（50）
无
否
头像路径
facePath
Varchar（50）
无
否
表情路径
（4）Video（视频信息表）
视频信息表主要存储管理员发布的视频信息，如表3.4所示。
表3.4视频信息表结构
列名
数据类型
默认值
必填字段
说明
videoID
int
无
是
编号（自增）
videoType
int
无
否
教程类型
videoName
nvarchar（50）
无
否
教程名称
videoContent
nvarchar（100）
无
否
教程简介
videoUrl
nvarchar（50）
无
否
视频路径
ClickSum
int
0
否
点击率
FBDate
Smalldatetime
getdate（）
否
发布日期
Name
nvarchar（50）
无
否
发布人
（5）PPT（PPT信息表）
PPT信息表主要存储管理员发布的PPT信息，如表3.5所示。
表3.5PPT信息表结构
列名
数据类型
默认值
必填字段
说明
PID
int
无
是
编号（自增）
PType
int
无
否
PPT类型
PName
nvarchar（50）
无
否
PPT名称
PContent
nvarchar（100）
无
否
PPT简介
PUrl
nvarchar（50）
无
否
PPT路径
ClickSum
int
0
否
点击率
FBDate
Smalldatetime
getdate（）
否
发布日期
Name
nvarchar（50）
无
否
发布人
4系统模块设计
4.1网站首页设计
4.1.1概述
首页设计的好坏直接影响浏览者及用户对本网站的印象，页面整体布局要合理、整洁美观。
网站首页的运行效果如图4.1所示：
图4.1网站首页的运行效果
在网站首页中包括以下几个模块：
（1）网站导航（包括视频教程、PPT课件、实验指导、Flash课件、教学计划、客户留言、联系我们）；
（2）网站公告（发布网站最新动态）；
（3）用户登录（实现用户注册、登录和密码找回功能）；
（4）友情链接（包括一些和网络安全相关的一些网站超链接，点击超链接就可以进入网站阅读相关内容）。
4.1.2滚动显示公告信息
实现滚动显示公告信息主要通过marquee元素来实现。
Marquee元素可以滚动文字、图片、表格等。
运行效果如图4.2和4.3所示。
Marquee元素主要有以下几个属性。
Direction属性：
此属性主要设置信息滚动方式。
Onmouseout属性：
当鼠标离开marquee元素时调用this.start（）方法使信息继续滚动。
Onmouseover属性：
当鼠标停留在marquee元素时调用this.stop（）方法使信息停止滚动。
Scrollamount属性：
设置当前信息滚动速度。
Marquee元素实现滚动信息的代码如下：
236px;height:
133px">
图4.2公告信息滚动
（1）图4.3公告信息滚动
（2）
4.2用户登录和注册模块设计
4.2.1用户注册模块概述
浏览者可也通过用户注册功能注册成为本网站的会员，用户注册并登录成功后，可以阅读网站所有的资源、可以留言还可以下载自己喜欢的视频教程。
当用户在登录窗口中单击“注册”链接按钮，进入用户注册页面。
在该页面中用户需要填写会员的基本信息，如会员姓名、密码、性别、出生日期、电子邮件等信息。
用户注册页面如图4.4所示：
图4.4用户注册页面
4.2.2用户注册模块技术
1）密码强弱提示
密码强弱提示是对用户填写登录密码的复杂程度来给出提示。
使用该技术可以增强用户对自己密码的保护意识，对如今的网络来说这样做是非常必要的。
在本程序中当用户输入密码后将会自动提示用户输入密码的强弱，效果如图4.5所示：
图4.5密码强弱提示
该技术是使用JavaScript脚本来判断用户输入的密码位数是否大于6位，如果小于6将设置“弱”单元格的背景颜色，否则将设置“强”的单元格背景颜色。
JavaScript的实现代码如下。
functionpassHint（）
{
vartxt=document.getElementById（'txtPass'）.value;
if（txt.length<6）
{
document.all（"tab"）.rows[0].cells[1].bgColor="red";
document.all（"tab"）.rows[0].cells[2].bgColor="";
}else{
document.all（"tab"）.rows[0].cells[2].bgColor="red";
document.all（"tab"）.rows[0].cells[1].bgColor="";
}
}
在输入密码文本框中的onChange的事件中调用JavaScript中的passHint函数，来判断用户填写的密码强度并给出提示。
onChange事件将会在用户填写完密码选择其他控件时引发。
密码文本框的前台代码如下。
TextBoxID="txtPass"runat="server"CssClass="TextBox"MaxLength="255"SkinID="tbSkin"
TextMode="Password"Width="150px"onfocus="tPass（）;"onchange="passHint（）">
TextBox>
2）智能提示输入信息
在用户输入注册信息时给出提示，可以使用户在注册时更了解所填写信息的约束。
智能提示输入效果如图4.6所示：
智能提示
图4.6智能提示
这个功能主要使用JavaScript脚本和文本框中的获取焦点事件onFocuse来实现。
当用户单击某个文本框时将会引发该文本框的onFocuse事件，在该事件中将会调用JavaScript脚本中已经编写好的函数。
每个函数将通过HTML的span标记来显示提示信息。
JavaScript脚本中的各个函数代码如下。
functiontName（）//显示会员名输入提示
{
document.getElementById（"sp"）.innerHTML="只能输入数字、字母、汉字或下划线,
例如：
aa_2013";
}
functiontPass（）//显示密码输入提示
{
document.getElementById（"sp"）.innerHTML="为了提供密码的安全性。
建议密码在6位以上。
";
}
functiontQuestion（）//显示密码提示问题输入提示
{
document.getElementById（"sp"）.innerHTML="输入一个您常见的问题。
例如：
我的家乡在哪里?
";
}
functiontAnswer（）//显示电话码输入提示
{
document.getElementById（"sp"）.innerHTML="输入您的答案，以便找回密码
例如：
苏州";}
functiontEmail（）//显示电子邮件输入提示
{
document.getElementById（"sp"）.innerHTML="请输入正确的电子邮件。
例如：
";
}
functiontDate（）//显示出生日期输入提示
{
document.getElementById（"sp"）.innerHTML="请输入正确的出生日期。
例如：
2013-1-1或2013/1/1";
}
4.2.3用户登录模块概述
用户注册成为本网站的会员后，必须进行登录后才能观看视频、下载视频、阅读PPT课件和留言等功能。
用户登录窗口的运行效果如图4.7：
图4.7用户登录窗口
4.2.4用户登录模块技术
当用户登录成功后进行留言时会将发言人保存为用户的登录名，如图4.8所示。
这里主要使用了Session对象，利用Session对象来保存用户登录名。
当用户发表留言时可以将Session对象保存的用户名添加到数据库中。
Session对象是HttpSessionState类的一个实例，其功能是用来存储跨网页程序的变量或者对象，Session对象只针对单一网页使用，也就是说各个连接的机器都有各自的Session对象，不同的客户端无法互相存储。
Session对象终止于联机机器离线时，也就是当网页使用者关掉浏览器或超过设定的Session变量的有效时间，Session对象就会消失。
本网站使用的Session语句如下。
Session["UserName"]=txtUserName.Text;
图4.8登录成功
4.2.5密码找回功能模块概述
会员密码找回功能，是提供给已经注册会员的一个功能。
该功能是为了解决会员忘记密码而带来的不必要的损失。
在用户填写注册信息时填写密码提示问题和密码提示答案。
当会员忘记密码时可以进入密码找回页面，在该页面中将会显示用户填写的密码提示问题，只要填写正确的答案就会显示会员的密码。
运行效果如图4.9所示：
图4.9找回密码
4.3视频教程模块设计
视频教程列表主要通过DataList控件绑定数据库中的视频。
视频教程页列出已经上传的视频教程，运行效果如图4.10所示：
图4.10视频教程列表
利用PageDataSource类实现DataList控件的分页功能，并实现页面的跳转功能如图4.11所示。
单击DataList控件右上方的“
”按钮，在弹出的快捷菜单中的选择“编辑模板”选项。
打开“DataList任务→模板编辑模式”，在“显示”下拉列表中选择“ItemTemplate”选项，然后向模板中添加表格并输入相关信息。
图4.11DataList控件
在ItemTemplate模板的HTML代码中，通过Eval绑定数据，代码如下：
style="font-size:
14px;width:
708px;height:
19px">
90px;height:
16px">
552px;height:
16px">
VideoID=<%#Eval（"VideoID"）%>'>
<%#Eval（"VideoName"）%>
137px;height:
16px">
LabelID="Label2"runat="server"
Text='<%#Eval（"FB
展开阅读全文
相关搜索
资源标签
|