2022年网络安全课程在线学习网络平台设计 .pdf

《2022年网络安全课程在线学习网络平台设计 .pdf》由会员分享，可在线阅读，更多相关《2022年网络安全课程在线学习网络平台设计 .pdf（25页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、1 网络学习资源交流平台1 网络资源共享平台的特点 . 22 需求分析 . 32.1 开发平台 . 32.2 数据库技术的介绍 . 43 系统概要设计 . 53.1 系统设计目标 . 53.2 业务流程图 . 53.3 系统功能结构 . 63.4 数据库设计 . 74 系统模块设计 . 114.1 网站首页设计 . 114.1.1 概述 . 114.1.2 滚动显示公告信息. 124.2 用户登录与注册模块设计. 134.2.1 用户注册模块概述. 134.2.2 用户注册模块技术. 144.2.3 用户登录模块概述. 174.2.4 用户登录模块技术. 174.2.5 密码找回功能模块概述.

2、 184.3 视频教程模块设计. 184.4 客户留言模块设计. 22结束语 . 25名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 25 页 - - - - - - - - - 2 摘要如今，计算机网络以前所未有的深度和广度渗透到人类生产和生活的各个领域，成为人们学习和娱乐的重要渠道。当今的学校教学中，虽然改变了传统的教学模式，越来越多的教师使用多媒体课件作为教学的辅助手段，提高学生学习的兴趣，而且其形象、直观的方式也极大地拓宽了学生接受信息的渠道，学习效率有所提高。但

3、是，课堂教学在时间和空间上都是固定不变的，学习者不能根据个人情况决定学习的进度和安排。课堂教学是面向大多数学生，跟不上节奏或已经掌握了所学知识的学生只能跟着老师的进度，因此网络资源共享平台应运而生。网络资源共享平台克服了时间和空间的限制，具有重复学习、实时互动的沟通与讨论等特点，学习者可以根据自己的程度与兴趣，随自己空间及时间上的考虑来安排课程进度及学习方式。网络资源共享平台结合了基于PowerPoint 技术的课件、基于Flash技术的动画课件和专用的视频软件将图片、音频和视频录像等整合在一起， 达到交互式教学的目的。该网络平台包括视频教学、PPT课件教学、 Flash动画课件教学、实验指导

4、和留言等功能，实现交互式学习和资源共享。1 网络资源共享平台的特点多媒体课件简单地说就是利用数字处理技术和视听技术, 以计算机为中心 , 按照教师的教学设计 , 将文字、语音、图像等多种媒体信息集成在一起, 以实现对教学材料的存储、传递、加工、转换和检索的一种现代教学技术手段。由于它图、文、声、像并茂, 能够实现人机频繁地多种交互控制, 方便辅助教学 , 所以越来越受到人们的重视。可以概括为以下几个特点：（1） 直观性，能突破视觉的限制，多角度地观察对象，并能够突出要点，有助于概念的理解和方法的掌握；（2） 图文声像并茂，多角度调动学生的情绪、注意力和兴趣；（3） 动态性，有利于反映概念及过程

5、，能有效地突破教学难点；（4） 交互性，学生有更多的参与，学习更为主动，并通过创造反思的环境，有利于名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 25 页 - - - - - - - - - 3 学生形成新的认知结构；（5）通过多媒体实验实现了对普通实验的扩充，并通过对真实情景的再现和模拟，培养学生的探索、创造能力；（6） 可重复性，有利于突破教学中的难点和克服遗忘；（7） 针对性，使针对不同层次学生的教学成为可能；（8） 大信息量、大容量性，节约了空间和时间，提高了教

6、学效率。2 需求分析2.1 开发平台ASP.NET 不仅仅是下一版本的 Active Server Page (ASP)，而且还是一种建立在通用语言上的程序构架，能被用一台Web服务器来建立强大的Web应用程序。 ASP.NET提供许多比现在的Web开发模式强大的优势。它是统一的 Web 开发平台，用来提供开发人员快速生成企业级 Web 应用程序所需的服务。ASP.NET 的语法在很大程度上与 ASP 兼容，同时它还提供一种新的编程模型和结构，用于生成更安全、可伸缩和稳定的应用程序。可以通过在现有 ASP 应用程序中逐渐添加，与以前的 Web 开发模型相比， ASP.NET 提供了数个重要的优

7、点：（1）增强的性能。ASP.NET 是在服务器上运行的编译好的公共语言运行库代码。ASP.NET 可利用早期绑定、 实时编译和本机优化。 这相当于在编写代码之前便提高了性能。（2）世界级的工具支持。 ASP.NET 框架补充了 Visual Studio 集成开发环境中的大量工具箱和设计器。 WYSIWYG（所见即所得）编辑、拖放服务器控件和自动部署知识这个强大工具所提供功能中的少数几种。（3）威力和灵活性。由于ASP.NET基于公共语言运行库，因此Web应用程序开发人员可以利用整个平台的威力和灵活性。.NET框架类库、 消息处理和数据访问解决方案都可从 Web无缝访问。 ASP.NET也与

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

9、- - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 25 页 - - - - - - - - - 4 环境和 Web应用程序。由于配置信息是以纯文本形式存储的，因此可以在没有本地管理工具帮助的情况下应用新设置。此“零本地管理”也扩展到了ASP.NET 框架应用程序部署到服务器。不需要重新启动服务器，即使是在部署或替换运行的编译代码时。（6）可缩放和可用性。 ASP.NET 在设计时考虑了可缩放性，增加了专门用于在聚集环境和多处理器环境中提高性能的功能。另外，进程受到 ASP.NET 运行库的密切监视和管理，以便当进程行为不正

10、常（泄漏、死锁）时，可就地创建新进程，以帮助保持应用程序始终可用于处理请求。（7）自定义性和可扩展性。 ASP.NET 随附了一个设计周到的结构，它使开发人员可以在适当的级别“插入”代码。实际上，可以用自己编写的自定义组件扩展或替换ASP.NET运行库的任何子组件。（8）安全性。借助内置的Windows 身份验证和基于每个应用程序的配置，可以保证应用程序是安全的。总之， ASP.NET 是一个已编译的、基于 .NET 的环境，把基于通用语言的程序在服务器上运行。程序在服务器端首次运行时进行编译，比ASP即时解释程序速度上要快很多，而且是可以用任何与 .NET 兼容的语言（包括 Visual B

11、asic .NET、C# ）创作应用程序。另外，任何 ASP.NET 应用程序都可以使用整个 .NET Framework。开发人员可以方便地获得这些技术的优点，其中包括托管的公共语言运行库环境、类型安全、继承等等。2.2 数据库技术的介绍随着计算机技术与网络通信技术的发展，数据库技术已成为信息社会中对大量数据进行组织与管理的重要技术手段及软件技术，是网络信息化管理系统的基础。SQL Server 2005是微软推出的一种数据库软件产品，2005代表其系列版本号。 Server是服务器的意思，表明SQL Server 2005 在计算机网络中是一台提供数据服务的服务器。SQL （Structu

12、red Query Language）译为结构化查询语言，它是各种关系型数据库所采用的标准语言。有了SQL ，人们可以让各种数据库理解人的意思，让数据库按照人的意愿工作。Microsoft SQL Server 2005扩展了 SQL Server 2000 的性能，进一步提高了可靠性、可用性、可编程性和易用性。SQL Server 2005包含了多项新功能，这使得它成为大规模联机事务处理（OLTP ）、 数据仓库和电子商务应用程序的优秀数据库平台。SQL Server 2005数据库平台包括关系型数据库、复制服务、通知服务、集成服务、分析服务、报表服务、名师资料总结 - - -精品资料欢迎下

13、载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 25 页 - - - - - - - - - 5 管理工具、开发工具。SQL Server 2005产品中提供了多种数据库工具，可以完成数据库的配置、管理和开发等多种任务。SQL Server Management Studio 是 SQL Server 2005 提供的一种新的集成环境，用于访问、配置、控制、管理和开发SQL Server 的所有组件。SQL Server Management Studio 将一组多样化的图形工具与多种功能齐全的脚本编辑器组合

14、在一起，可为各种技术级别的开发人员和管理员提供对SQL Server 的访问。3 系统概要设计3.1 系统设计目标根据需求分析的描述以及实际考察，网站实现功能如下：（1）操作简单方便，界面简洁美观；（2）注册功能，用户通过注册成为网站会员；（3）密码找回功能，当会员忘记密码时可以通过此功能找回；（4）留言功能，通过留言功能进行互动交流；（5）后台管理功能，管理员通过后台进行网站维护和管理；（6）系统运行稳定，安全可靠。3.2 业务流程图网络安全课程在线学习网平台的业务流程图如图3.1 所示。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - -

15、 - - 名师精心整理 - - - - - - - 第 5 页，共 25 页 - - - - - - - - - 6 图 3.1 业务流程图3.3 系统功能结构根据网络安全网络资源共享平台的特点，可以将其功能分为登录与注册功能、查看公告功能、视频播放功能、实验指导功能、PPT课件功能以及客户留言功能等。网络安全网络资源共享平台的功能结构如图3.2 所示：图 3.2 功能结构名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 25 页 - - - - - - - - - 7 3

16、.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图实验录屏实体 E-R图如图 3.6 所示。名师资料

17、总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 25 页 - - - - - - - - - 8 图 3.6 实验录屏 E-R图电子课件信息实体E-R图如图 3.7 所示：图 3.7 PPT 信息表 E-R图2）数据表结构（1）userInfo(用户信息表 ) 用户信息表主要存储注册用户的个人信息，如表3.1 所示。表 3.1 用户信息表结构列名数据类型默认值必填字段说明ID int 无是编号（自增）userName varchar(20) 无否会员姓名userPass varc

18、har(50) 无否密码sex char(10) 无否性别名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 25 页 - - - - - - - - - 9 userDate smalldatetime 无否出生日期Email varchar（50）无否电子邮件question varchar（100）无否密码提示问题answer varchar（100）无否密码提示答案（2）publicInfo（公告信息表）公告信息表主要存储管理员发布的公告信息，如表3.2 所示。表 3

19、.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(无否电子邮件名师资料总结 - - -精品资料欢迎下载 - - - - - - - - -

20、- - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 25 页 - - - - - - - - - 10 50) Mcontent text 无否留言内容picPath Varchar(50) 无否头像路径facePath Varchar(50) 无否表情路径（4）Video（视频信息表）视频信息表主要存储管理员发布的视频信息，如表3.4 所示。表 3.4 视频信息表结构列名数据类型默认值必填字段说明videoID int 无是编号（自增）videoType int 无否教程类型videoName nvarchar(50) 无否教程名称videoCont

21、ent nvarchar(100) 无否教程简介videoUrl nvarchar(50) 无否视频路径ClickSum int 0 否点击率FBDate Smalldatetime getdate() 否发布日期Name nvarchar(50) 无否发布人（5）PPT （PPT信息表）PPT信息表主要存储管理员发布的PPT信息，如表 3.5 所示。表 3.5 PPT 信息表结构列名数据类型默认值必填字段说明PID int 无是编号（自名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第

22、 10 页，共 25 页 - - - - - - - - - 11 增）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 所示：名师资料

23、总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 25 页 - - - - - - - - - 12 图 4.1 网站首页的运行效果在网站首页中包括以下几个模块：（1）网站导航（包括视频教程、PPT课件、实验指导、 Flash 课件、教学计划、客户留言、联系我们）；（2）网站公告（发布网站最新动态） ；（3）用户登录（实现用户注册、登录和密码找回功能）；（4）友情链接（包括一些与网络安全相关的一些网站超链接，点击超链接就可以进入网站阅读相关内容） 。4.1.2 滚动显示公告信息实

24、现滚动显示公告信息主要通过marquee元素来实现。 Marquee元素可以滚动文字、图片、表格等。运行效果如图4.2 和 4.3 所示。 Marquee元素主要有以下几个属性。Direction属性：此属性主要设置信息滚动方式。Onmouseout属性：当鼠标离开marquee 元素时调用 this.start()方法使信息继续滚动。Onmouseover属性：当鼠标停留在marquee 元素时调用 this.stop()方法使信息停止滚动。Scrollamount属性：设置当前信息滚动速度。Marquee元素实现滚动信息的代码如下： 图 4.2 公告信息滚动 (1) 图 4.3 公告信息滚

25、动（ 2）4.2 用户登录与注册模块设计4.2.1 用户注册模块概述浏览者可也通过用户注册功能注册成为本网站的会员，用户注册并登录成功后，可以阅读网站所有的资源、可以留言还可以下载自己喜欢的视频教程。当用户在登录窗口中单击“注册”链接按钮，进入用户注册页面。在该页面中用户需要填写会员的基本信息，如会员姓名、密码、性别、出生日期、电子邮件等信息。用户注册页面如图4.4 所示：图 4.4 用户注册页面名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页，共 25 页 - - - -

26、- - - - - 14 4.2.2 用户注册模块技术1）密码强弱提示密码强弱提示是对用户填写登录密码的复杂程度来给出提示。使用该技术可以增强用户对自己密码的保护意识，对如今的网络来说这样做是非常必要的。在本程序中当用户输入密码后将会自动提示用户输入密码的强弱，效果如图4.5 所示：图 4.5 密码强弱提示该技术是使用 JavaScript脚本来判断用户输入的密码位数是否大于6 位，如果小于 6将设置“弱”单元格的背景颜色，否则将设置“强”的单元格背景颜色。JavaScript的实现代码如下。 function passHint() var txt=document.getElementByI

27、d(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; 密码强弱提示名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 14 页，共 25 页 - - - - - - - - - 15 document.all(

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

29、vaScript脚本中已经编写好的函数。 每个函数将通过 HTML 的 span 标记来显示提示信息。JavaScript脚本中的各个函数代码如下。 智能提示名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 15 页，共 25 页 - - - - - - - - - 16 function tName() /显示会员名输入提示 document.getElementById(sp).innerHTML=只能输入数字、字母、汉字或下划线, 例如： aa_2013; function tP

30、ass() /显示密码输入提示 document.getElementById(sp).innerHTML=为了提供密码的安全性。建议密码在 6 位以上。 ; function tQuestion() /显示密码提示问题输入提示 document.getElementById(sp).innerHTML=输入一个您常见的问题。例如：我的家乡在哪里 ?; function tAnswer() /显示电话码输入提示 document.getElementById(sp).innerHTML=输入您的答案，以便找回密码例如：苏州 ; function tEmail() /显示电子邮件输入提示 doc

31、ument.getElementById(sp).innerHTML=请输入正确的电子邮件。例如：; function tDate() /显示出生日期输入提示 document.getElementById(sp).innerHTML=请输入正确的出生日期。例如：2013-1-1 或 2013/1/1; 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 16 页，共 25 页 - - - - - - - - - 17 4.2.3 用户登录模块概述用户注册成为本网站的会员后，必须进行登录

32、后才能观看视频、下载视频、阅读PPT课件和留言等功能。用户登录窗口的运行效果如图4.7 ：图 4.7 用户登录窗口4.2.4 用户登录模块技术当用户登录成功后进行留言时会将发言人保存为用户的登录名，如图4.8 所示。这里主要应用了 Session 对象，利用 Session 对象来保存用户登录名。当用户发表留言时可以将 Session 对象保存的用户名添加到数据库中。Session 对象是 HttpSessionState类的一个实例，其功能是用来存储跨网页程序的变量或者对象，Session 对象只针对单一网页使用，也就是说各个连接的机器都有各自的Session 对象，不同的客户端无法互相存储

33、。Session对象终止于联机机器离线时，也就是当网页使用者关掉浏览器或超过设定的Session 变量的有效时间， Session 对象就会消失。本网站使用的Session 语句如下。SessionUserName = txtUserName.Text; 图 4.8 登录成功名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 17 页，共 25 页 - - - - - - - - - 18 4.2.5 密码找回功能模块概述会员密码找回功能，是提供给已经注册会员的一个功能。该功能是为了解决

34、会员忘记密码而带来的不必要的损失。在用户填写注册信息时填写密码提示问题和密码提示答案。当会员忘记密码时可以进入密码找回页面，在该页面中将会显示用户填写的密码提示问题，只要填写正确的答案就会显示会员的密码。运行效果如图4.9 所示：图 4.9 找回密码4.3 视频教程模块设计视频教程列表主要通过DataList控件绑定数据库中的视频。视频教程页列出已经上传的视频教程，运行效果如图4.10 所示：图 4.10 视频教程列表名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 18 页，共 25

35、 页 - - - - - - - - - 19 利用 PageDataSource类实现 DataList控件的分页功能，并实现页面的跳转功能如图4.11 所示。单击 DataList控件右上方的“”按钮，在弹出的快捷菜单中的选择“编辑模板”选项。打开“DataList任务模板编辑模式”，在“显示”下拉列表中选择“ItemTemplate ”选项，然后向模板中添加表格并输入相关信息。图 4.11 DataList控件在 ItemTemplate 模板的 HTML 代码中，通过 Eval 绑定数据，代码如下： a href=seeVideo.aspx?VideoID= asp:Label ID=

36、Label2 runat=server Text=Width=105px asp:Label ID=Label3 runat=server Text= Width=77px 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 19 页，共 25 页 - - - - - - - - - 20 同样方式在“编辑模板”中选择FootTemplate 模板，在该模板中添加2 个 Label 控件和 4个 LinkButton控件。 Label 控件的 ID 属性分别为：labPageCount

37、和labCurrentPage 。主要用来显示总页数和当前页面。LinkButton控件的ID 属性分别为： lnkbtnFirst、lnkbtnFront、lnkbtnNext 、lnkbtnLast，分别用来显示首页、上一页、下一页、尾页。如图 4.12 所示：图 4.12 分页功能在 DataList控件的 ItemCommand 事件中主要对用户单击“第一页”、“上一页”、“下一页”和“尾页”及文本框内输入页数时跳转到指定页时发生的事件进行处理。protected void DataList1_ItemCommand(object source, DataListCommandEven

38、tArgs e) switch (e.CommandName) /以下 5 个为 捕获用户点击上一页 下一页等时发生的事件 case first:/第一页 pds.CurrentPageIndex = 0; BindDataList(pds.CurrentPageIndex);break; case pre:/上一页 pds.CurrentPageIndex = pds.CurrentPageIndex - 1; BindDataList(pds.CurrentPageIndex);break; case next:/下一页 pds.CurrentPageIndex = pds.Current

39、PageIndex + 1; BindDataList(pds.CurrentPageIndex);break; case last:/最后一页 pds.CurrentPageIndex = pds.PageCount - 1; BindDataList(pds.CurrentPageIndex);break; 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 20 页，共 25 页 - - - - - - - - - 21 case search:/页面跳转页 if (e.Item.

40、ItemType = ListItemType.Footer) int PageCount = int.Parse(pds.PageCount.ToString(); TextBox txtPage = e.Item.FindControl(txtPage) as TextBox; int MyPageNum = 0; if (!txtPage.Text.Equals() MyPageNum = Convert.ToInt32(txtPage.Text.ToString(); if (MyPageNum PageCount) Response.Write(alert(请输入页数并确定没有超出总

41、页数！ ); else BindDataList(MyPageNum - 1); break; 点击视频列表的标题就可以转到观看视频页面，包括视频播放、视频内容简介、发布人、发布时间还包括视频下载功能。运行效果如图4.13 ：图 4.13 观看视频名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 21 页，共 25 页 - - - - - - - - - 22 4.4 客户留言模块设计留言模块已经成为网站建设必不可少的一部分。留言模块是一种简单有效的提供网站用户及用户与管理方之间进行在

42、线交流的网站功能，用途广泛。随时可以发布信息，方便快捷。网站浏览用户可以直接在留言模块发表留言，如提出问题或要求。留言模块是网站管理方收集用户反馈信息的有利方式。网站留言模块具有：信息互动，有效沟通，及时反馈等优点。留言模块的运行效果如图4.16：图 4.16 客户留言但是并不是没有任何限制， 本网站留言内容不能超过120(汉字 60个)，没输入一个字符（汉字）提示就会自动减一， 所剩字符数用 Button 控件显示。 运行效果如图 4.17 所示：图 4.17 留言限制限制字符输入提示用javascript脚本实现，代码如下： function fucCheckLength(strTemp)

43、 var i,sum; sum=0; 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 22 页，共 25 页 - - - - - - - - - 23 for(i=0;i=0) & (strTemp.charCodeAt(i)120) alert(输入的字符长度不能超过120(汉字 60 个) ！); Strings=document.getElementById(txtMcontent).value; while(LenStringI120) if (Strings.charCod

44、eAt(Strings.length)=0) & (Strings.charCodeAt(Strings.length)=120) LenStringI=LenStringI-1; else LenStringI=LenStringI-2; Strings=Strings.substring(0,(Strings.length-1); document.getElementById(txtMcontent).value=Strings; return false; document.getElementById(Button1).value=120-LenString; 名师资料总结 - -

45、-精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 23 页，共 25 页 - - - - - - - - - 24 Button 控件显示所剩字符数的代码如下： 留言模块不仅可以发表留言还可以查看留言，查看留言运行效果如图4.18 所示：图 4.18 查看留言查看留言运用 DataList控件绑定用户发表的留言信息，绑定代码如下：private void BindDataList(int currentpage) pds.AllowPaging = true;/允许分页 pds.PageSize = 5;/

46、每页显示 3 条数据 pds.CurrentPageIndex = currentpage;/当前页为传入的一个int型值 string strSql = select * from message order by ID DESC;/定义一条 SQL语句 conn.Open();/打开数据库连接 SqlDataAdapter sda = new SqlDataAdapter(strSql, conn); DataSet ds = new DataSet(); sda.Fill(ds);/把执行得到的数据放在数据集中 pds.DataSource = ds.Tables0.DefaultVie

47、w;/把数据集中的数据放入分名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 24 页，共 25 页 - - - - - - - - - 25 页数据源中 DataList1.DataSource = pds;/绑定 Datalist DataList1.DataBind(); conn.Close(); 结束语通过这次设计，我了解了ASP.NET 的代码实现，熟悉了网站开发的设计步骤，锻炼了工程设计实践能力，培养了自己独立设计能力。此次毕业设计是对我专业知识和专业基础知识一次实际检验、巩固和扩充，同时也是走向工作岗位前的一次热身。脚踏实地，认真严谨，实事求是的学习态度，不怕困难、坚持不懈、吃苦耐劳的精神是我在这次设计中最大的收益。我想这是一次意志的磨练，是对我实际能力的一次提升，也会对我未来的学习和工作有很大的帮助。但是这次设计也暴露出自己所学知识还很浅薄。比如缺乏很多语言基础和实际应用能力等等。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 25 页，共 25 页 - - - - - - - - -