计算机毕业设计基于ASP XXX教学网站开发.docx

计算机毕业设计基于ASP XXX教学网站开发.docx

《计算机毕业设计基于ASP XXX教学网站开发.docx》由会员分享，可在线阅读，更多相关《计算机毕业设计基于ASP XXX教学网站开发.docx（42页珍藏版）》请在冰点文库上搜索。

计算机毕业设计基于ASPXXX教学网站开发

（题目：

）微视网教学网站开发

摘要

本文就网站的主题内容及网站的制作与设计这两个方面进行描述和分析。

本网站是教学视频网站，主要网站内容：

登陆注册、网站主页、网站后台。

主要模块：

管理模块、资源模块、上传模块、论坛模块。

在整个设计过程中主要运用：

ASP.NET、SQLserver2005、

Photoshop、Dreamweaver、HyperCam2等编写。

随着时代的发展，信息化、数据化、可视化逐渐伴随着我们生活。

教学不在局限于书本，可视化化教学走入了我们的视野。

我校积极组织师生开发、设计相关网站。

本网站主要是以ASP.NeT、SQLserver2005等技术开放的动态可视的教学视频网站，主要服务对象是学生，用视频的模式向学生传递知识。

关键字

教学网站、ASP.NET、知识产权

第一章引言

随着信息化时代的到来，人们不在满足于传统教学。

远程教学、碎片化教学走上了历史的舞台。

越来越多的学校、企业设计、开发自己的教学网站，来丰富自己的教学模式。

也向更多的人普及知识，使更多的人享受教育资源。

来适应时代的发展，适应人们的需求。

我校也积极响应时代的号召，开展教学网站开发工作。

第二章网站设计分析

2.1网站设计概述

网站登录界面直接套用本校的登录界面，稍作更改。

网站首页：

主要展示：

教学视频、教学外联，教学课程安排、教学资源中心、教学互动、教学资料上传等。

动态的展示教学内容，详细的课程安排。

互动中心可以交流、评论教学信息。

2.2开发工具的选择和介绍

2.2.1ASP.NET

ASP.NET是一个统一的Web开发平台，它提供开发人员创建企业级Web应用程序所需的服务。

尽管ASP.NET的语法基本上与ASP兼容，但是它还提供了一个新的编程模型和基础结构以提高应用程序的安全性、缩放性和稳定性。

通过逐渐向现有的ASP应用程序增加ASP.NET功能，我们可以自由地使其增大。

ASP.NET是一个编译的、基于.NET的环境；我们可以用任何.NET兼容的语言（包括MicrosoftVisualBasic.NET，MicrosoftVisualC#和MicrosoftJScript.NET）创作应用程序。

另外，整个Microsoft.NETFramework可用于任何ASP.NET应用程序。

开发人员可以很容易地从这些技术受益，这些技术包括管理的公共语言运行库环境、类型安全、继承等。

2.2.2SQLserver2005

ASP.NET是一个统一的Web开发平台，它提供开发人员创建企业级Web应用程序所需的服务。

尽管ASP.NET的语法基本上与ASP兼容，但是它还提供了一个新的编程模型和基础结构以提高应用程序的安全性、缩放性和稳定性。

通过逐渐向现有的ASP应用程序增加ASP.NET功能，我们可以自由地使其增大。

ASP.NET是一个编译的、基于.NET的环境；我们可以用任何.NET兼容的语言（包括MicrosoftVisualBasic.NET，MicrosoftVisualC#和MicrosoftJScript.NET）创作应用程序。

另外，整个Microsoft.NETFramework可用于任何ASP.NET应用程序。

开发人员可以很容易地从这些技术受益，这些技术包括管理的公共语言运行库环境、类型安全、继承等。

2.2.3Photoshop

PhotoshopCS4是一款图形、图像编辑软件，在网页设计美化上被广泛使用。

主要有以下功能：

改进的文件浏览器、匹配颜色命令、直方图调试板、阴影/加亮区修正、沿路径放置文件、支持数码相机Raw模式、全面支持16位图像、输入Flash文本、LayerComps、自定义快捷键。

第三章网站设计

3.1网站构思

本网站前台：

注册、登录、论坛中心、资源中心、数据上传、课程安排等，后台主要是对数据库中用户信息的管理和上传教育资源的管理、论坛的管理。

网站结构图如下图所示。

图3.1为网站实例结构图

3.2网站栏目简介

3.2.1课程安排

主要是对课程，做一个系统的安排，可以一目了然的看出本门课程的教学课时、教学内容。

3.2.2资源中心

主要是提供视频教学内容的下载，让学生可以实际操作。

资料中心，学生可以根据自己的选择下载相应的资料。

3.2.3数据上传

主要是对老师开发的模块，老师可以上传自己编辑好的教学内容，通过审核后，可以让学生观看、下载，让教学更方便多样。

3.2.4论坛中心

主要是提供交流学习，学生可以相互讨论、评论教学内容，也可以向老师寻求在线解释，具有实时性。

3.2.5网络资源

主要是提供网络链接，链接更多的教学网站，或选择好的网站上的教学内容，做展示。

第四章详细设计

4.1网站登录设计

4.1.1登录验证

1.控件验证

控件验证，主要采用ASP.NET自带的控件验证，当密码或用户字段为空时，就会显示该字段不能为空的提示。

2.随机数列验证

主要用随机数列产生的随机数，对应的Textbook输入框要与看到的图片上的随机数列一直才可以登录。

3.数据库验证

数据库验证，主要查看数据库中有没有用户字段和密码字段的信息，如果有就通过验证，没有就不能通过验证。

只有通过以上三个验证才能通过，进入相应网页。

4.1.2登录选择

通过可选控件选择身份：

学生、教师、管理员。

选择不同的提示进入不同的界面。

图4.1为网站登录页面图

4.1.3设置步骤

在登录页面设置步骤如下：

（1）在Website项目中添加新项Defulat.aspx。

（2）在页面添加三个输入控件Textbox控件，一个RadioButtonList选择控件，两个图片按钮ImageButton控件和一个文本Label控件。

控件类型

控件名称

主要属性设置

用途

Textbox

Textbox1

用户名框

Textbox

Textbox2

密码框

Textbox

Textbox3

数字验证

RadioButtonList

RadioButtonList

编辑项—添加，添加三个身份：

学生、教师、管理员；在设置学生的Selected属性设置为True。

用户身份选择

ImageButton

ImageButton1

ImageURL链接到~/images/login_18.gif；Text属性设置为登录

跳转页面

ImageButton

ImageButton2

ImageURL链接到~/images/login_21.gif；Text属性设置为注册

跳转页面

Label

Label1

Text设置为“”

显示是否登陆成功

表4.1.3为登录界面控件属性

4.1.4参考编码

详细编码，请参照编码章节。

4.2网站注册设计

注册主要字段：

用户名、密码、专业、邮箱、电话信息录入后台数据库。

密码字段用Textbox的Password属性，使密码在输入时隐藏，来保护用户的密码。

其他字段用验证控件，没有键入内容，会自动提示、报错。

当所有字段都通过验证时，点击提交注册内容。

系统会弹出注册成功提示。

图4.2为网站注册页面

4.2.1设置步骤

（1）在Website项目添加新项，命名为Insert.aspx。

（2）在页面中添加：

六个输入Textbox控件，七个文本Label控件。

五个RequiredFieldValidator控件，一个比较控件CompareValidator和一个按钮控件Button。

控件名称

控件名称

主要设置属性

用途

Textbox1

文本编辑

调整控件大小

注册用户名

Textbox2

文本编辑

调整控件大小

注册用户密码

Textbox3

文本编辑

调整控件大小

确认密码

Textbox4

文本编辑

调整控件大小

注册用户专业

Textbox5

文本编辑

调整控件大小

注册用户邮箱

Textbox6

文本编辑

调整控件大小

注册用户联系方式

RequiredFieldValidator1

验证控件

设置ControlValidate绑定Textbox1；ErrorMessage设置为“不能为空”。

提示用户不要漏填

RequiredFieldValidator2

验证控件

设置ControlValidate绑定Textbox2；ErrorMessage设置为“不能为空”。

提示用户不要漏填

RequiredFieldValidator3

验证控件

设置ControlValidate绑定Textbox4；ErrorMessage设置为“不能为空”。

提示用户不要漏填

RequiredFieldValidator4

验证控件

设置ControlValidate绑定Textbox5；ErrorMessage设置为“不能为空”。

提示用户不要漏填

RequiredFieldValidator5

验证控件

设置ControlValidate绑定Textbox6；ErrorMessage设置为“不能为空”。

提示用户不要漏填

Label1~6

文本控件

分别设置Label1~6的Text属性分别为：

“用户名、密码、确认密码、专业名、邮箱、电话”。

提示用户输入框该输入什么

Label7

文本控件

设置Text属性为“”。

显示注册是否成功

Button1

按钮控件

Text属性为“提交”

向数据库提交内容

表4.2.1为注册界面控件属性设置

4.3修改密码页面设计

用户有时会忘记密码或者想重置密码。

用户可以通过登录页面，选择密码重置密码。

重置密码的前提条件是你已经是本网站的用户，用户可以通过输入之前注册过的信息，填写在表单中然后就可以重新设置一组新的密码。

修改密码成功，会提示用户密码修改已经成功。

如果你没有注册过用户信息，也会提示你还没有注册用户。

图4.3为修改密码图

4.3.1设置步骤

（1）在Website项目添加新项，命名为Insert.aspx。

（2）在页面中添加：

四个输入Textbox控件，二个文本Label控件。

二个RequiredFieldValidator控件，一个比较控件CompareValidator和一个按钮控件Button。

控件名称

控件类型

主要属性设置

用途

Textbox1~4

文本控件

调整控件大小，设置Textbox3~4的TextMode属性为Password。

让用户输入数据。

RequiredFieldValidator1~2

验证控件

ErrorMessage属性为“不能为空”字体颜色为红色，RequiredFieldValidator1与Textbox1绑定，

RequiredFieldValidator2与Textbox2绑定。

提示用户信息，哪里报错。

CompareValidator1

验证控件

ErrorMessage属性为“两次密码不一致”字体颜色为红色，CompareValidator1与Textbox4绑定，与Textbox3比较。

提示用户信息，哪里报错。

Label1~2

标签

设置Text属性为“”

通知用户是否修改密码成功或需要重新注册。

Button1

按钮控件

设置Text属性为“提交”。

提交用户请求，并更改后台数据

4.3.2参考编码

详细编码，请参照编码章节。

4.4数据库设计

4.4.1用户信息管理表设计

图4.3.1为用户信息表

userID字段为用户表的主要字段，设为主键，数据类型int型，插入数据时自动增长1，不容许为空。

userLoginName字段为用户表的用户民字段，数据类型nvarchar（50）,不容许为空。

userPassword字段为用户密码字段，数据类型nvarchar（MAX）,不容许为空。

tag字段为标识字段，数据类型nvarchar（MAX）,不容许为空，该字段主要是用来标识用户身份，当该字段为“1”时，代表学生，当该字段为“2”时，代表教师，当该字段为“0”时，代表管理员。

major字段用户所学的专业，该字段不做要求，可以为空，数据类型nvarchar（MAX）。

phone和mail字段是用户的联系方式，这两个字段也不做要求，可以为空，数据类型nvarchar（MAX）。

4.4.2资料信息管理表设计

图4.3.2为视频资料图

资料信息管理表主要用来管理数据的存放位置、数据名称、数据海报、数据解释。

便于前台直接调用和查看。

ID字段，资源管理表的主要字段，用来管理统计数据库中的条目，为数据库的主键，该字段不能为空，数据类型为int，自动增长为1。

VideoName字段，该字段用来存放教育资源的名称，该字段不能为空，数据类型为nvarchar（MAX）。

VideoIP字段，该字段用来存放教育资源的位置，该字段不能为空，如果为空，则前台不能调用存放在网站目录中的资源，数据类型为nvarchar（MAX）。

VideoPicture字段，该字段主要用来存放数据库的海报信息。

用于向用户做宣传，前台用户可以直接浏览数，据类型为nvarchar（MAX）。

Videojieshi字段，主要是存放教学视频解释的文本地址或内容，数据类型为nvarchar（MAX）。

4.4.3论坛管理表设计

图4.3.3为论坛数据库字段设计图

论坛管理数据库表名称Communcation，用来存放发布论坛的用户名、发贴的主题、发帖的内容。

ID字段，资源管理表的主要字段，用来管理统计数据库中的条目，为数据库的主键，该字段不能为空，数据类型为int，自动增长为1。

Name字段，用来存放发帖人的名称，发帖人可以匿名，数据类型为nvarchar（MAX）,容许为空。

Title字段，用来存放发帖的主题，数据类型为nvarchar（MAX），容许为空。

Charater字段，用来存放发帖的主要内容，也用来存放跟帖的内容。

数据类型为nvarchar（MAX）,容许为空。

Tag字段，用来标识，用户的等级，字段类型为nvarchar（MAX），容许为空。

4.5网站主页设计

图4.4为网站主页面图

课程安排主要向用户介绍教学内容安排，课程设计，课程规划。

课堂资源主要是展示本节课的教学内容。

用户可以点击观看教学视频。

网络资源主要是外联其他的教学课程，视频网站，向学生推荐一些好的教学网站，教学课题，教学设计等。

资源中心

主要向用户展示、列举本网站的所有教学内容，教学课题，教学资源。

上传中心

主要是为老师设计的，老师或用户可以上传自己制作的教学视频，当通过审核后，

前台用户可以观看，用户可以对该视频进行评审，当收视率高时，上传用户者可以获得一定报酬。

下载中心

用户可以下载相应的教学资料，获得教学所用的系统镜像文件，教学所用的教学文档，教学软件。

提供比较完善的教学资料，老师所用的教学课件，已经一些实训的文档格式，师范文档等。

论坛中心

该模块使用户可以评审教学视频，教学文档，教学课题，让老师和学生可以在线交流，并且可以在线解决学生遇到的问题。

不同用户之间也可以相互交流，使老师更好的适应，学生的口味，让教学更适应需求，更贴近学生。

表4.4为主页功能设计图

4.5.1资源中心设计

资源中心主要向用户显示存放在本网站主要提供的那些资料，用户可以通过网站的下载模块直接获取对应的资源。

图4.4.1为资源中心的展示图

用户可以通过展开叠加按钮，查看纤细的本地网站资源。

4.5.2上传中心设计

老师可以上传，自己编辑的教学资料（*.doc、*.txt）,自己录制的教学视频和教学设计的平面拓扑图等教学资源。

图4.4.2为上传模块设计图

主要运用的控件表：

控件名称

控件类型

控件主要属性

用途

FileUpload1

上传控件

调整控件的大小

显示浏览，选择要上传的文件

Button1

按钮控件

调整控件的大小，设置Text属性为“上传”。

确定向服务器提交上传文件

Label1

文本控件

设置Text属性为“”。

显示是否上传成功

表4.4.2为控件设置

4.5.3下载模块设计

下载模块主要设计两个部分，一个是教学视频设计的软件部分，另一部分是教学指南的下载。

图4.4.3为下载模块设计图

4.5.4论坛模块设计

论坛模块主要针对发帖主题、发帖内容，帖子的评论进行对应的设计。

来实现用户内在网站上进行交谈学术内容和讨论相应的发帖。

帖子的内容会经过管理员的审核，如果违反相应的国家法律法规，将被管理员手动删除。

图4.4.4为论坛设计图

主要的控件设计如下表：

控件名称

控件类型

主要属性设计

用途

Dropdownlist1

选择控件

调整控件的大小，设置控件的数据源

选择要评论的帖子主题

Button1

按钮控件

调整控件大小，设置Text属性为“查看”

用于确认用户选择的内容，并提交服务器

Label1

文本控件

设置Text属性为空

用来显示帖子的内容

Button3

按钮控件

调整控件大小，设置Text属性为“评论”

用来提交用户评论的内容

TextBox1

文本编辑

调整控件大小，设置TextMode属性为Multiline

用来输入用户评论，帖子的内容

Button4

按钮控件

调整控件大小，设置Text属性为“查看”

用来查看帖子追加的评论

Label2

文本控件

设置Text为“”。

用来显示帖子追加的评论内容

Sqldatasource1

数据源

设置和后台数据空的链接，选择要显示的列

用来绑定数据源

表4.4.4为论坛评论部分的设计（上）

控件名称

控件类型

主要属性设置

用途

Panel1

容器

调整容器大小

设置显示规则

TextBox2

文本编辑

调整控件大小

用于输入主题

TextBox3

文本编辑

调整控件大小，设置TextMode属性为Multiline

用于输入帖子的内容

Button6

按钮控件

设计控件大小，设置Text属性为“提交”。

用于向数据库中插入评论内容。

Label3

文本控件

设置Text属性为“”。

用于提示用户提交成功

4.5.5参考编码

详细编码，请参照编码章节。

4.6网站管理设计

后台管理设计主要适用对象是网站的管理员，使网站管理员可以便捷的管理网站中的用户信息，教学资源信息，提供通俗易懂界面，便捷灵活的更改后台数据库中的信息。

让管理员不必，繁琐的登录数据库管理中心，通过命令方式需改数据库中的信息。

也保证后台数据库的安全性，数据库不会被频繁打开，导致系统卡顿。

也避免数据库中的其他信息的泄露，保证后台数据库的安全性。

图4.5为网站页面图

4.6.1用户信息的设计

图4.5.1为用户管理设计图

用户信息表，用来显示已经注册的用户信息，管理员可以通过编辑项来编辑用户信息表中的用户密码、用户邮箱、用户电话。

也可以通过修改标识字段来提升用户权限。

删除用户则通过删除编辑项来删除后台数据库中的该条记录。

4.6.2教学资源的管理

图4.5.2为视频资料管理图

该表主要是管理教学网站中的教学资源，管理员可以通过编辑项来管理视频资料表中的视频名称、视频地址、视频海报、视频剪辑。

管理员通过编辑项可以下架教学网站中的教学资源。

4.6.3论坛的管理

该表主要是管理论坛中帖子的，管理员可以通过编辑来管理后台数据库中，存放的帖子主题、内容。

管理员可以通过删除选项直接删除一条存放在后台数据库中的帖子。

4.6.4设计步骤

（1）现在Website点击新建项，重命名为Default2.aspx。

（2）打开Default2.aspx在设计中插入两个GridView数据空间。

控件名称

控件类型

主要设计属性

用途

Button1

按钮控件

调整控件大小，设置Text属性为“用户信息管理”

调用后台数据库中的信息，展示在前台网站上便于管理员管理

Button2

按钮控件

调整控件大小，设置Text属性为“教学资料管理”

调用后台数据库中的信息，展示在前台网站上便于管理员管理

Button3

按钮控件

调整控件大小，设置Text属性为“论坛信息管理”

调用后台数据库中的信息，展示在前台网站上便于管理员管理

GridView1

数据控件

打开编辑列添加BoundField字段命名与数据库中一一对应，在添加2个CommandField字段分别命名为“编辑”、“删除”。

用来显示数据库中的用户资料信息，和管理用户数据库

GridView2

数据控件

打开编辑列添加BoundField字段命名与数据库中一一对应，在添加2个CommandField字段分别命名为“编辑”、“删除”。

用来显示数据库中的资料信息和管理教学资料。

GridView3

数据控件

打开编辑列添加BoundField字段命名与数据库中一一对应，在添加2个CommandField字段分别命名为“编辑”、“删除”。

用来显示数据库中的资料信息和管理论坛信息。

表5.3.1为显示控件的设置

第五章编码

5.1登录页面实现过程

5.1.1.实现过程

（1）在Webconfig中配置数据库代码如下：

xmlversion="1.0"?

>

--

-->