在线教育网站前台功能的设计与实现工学学士.docx

在线教育网站前台功能的设计与实现工学学士.docx

《在线教育网站前台功能的设计与实现工学学士.docx》由会员分享，可在线阅读，更多相关《在线教育网站前台功能的设计与实现工学学士.docx（22页珍藏版）》请在冰豆网上搜索。

在线教育网站前台功能的设计与实现工学学士

1网站概述

1.1网站背景

在Internet飞速发展的今天，互联网成为快速获取、发布和传递信息的重要渠道，在人们经济、生活等各个方面发挥着重要作用。

作为Web浏览的信息载体，网站以其海量信息资源、便捷沟通等特性成为新型学习环境的有机组成部分。

将教育推向网络，把网络和多媒体的最新技术应用在教学中，是当前科技发展的总体趋势。

实现网络教学，不但缓解了学校的压力，而且能够更好地传播知识。

学生在家轻松上网学习，足不出户，洞悉天下事。

网络教学是学校课堂所无法比拟的，资源共享不受时空、地域的限制，发挥着它所有潜能，促进信息交流。

随着教育信息化的深入推进，资源建设成为人们日益关注的问题。

教育信息化目的之一在于学习方式、教学方式的变革，从而实现教育现代化。

在线教育网站从目前来看，在教育信息化进程中起到了自发探索和数字化知识资源等重要的作用。

因此网站建设的地位显而易见，已成为信息化建设中的重要组成，倍受人们的重视。

1.2需求分析

互联网的普及，影响着人们的生活。

它的优势，让人们对它有了依赖，以互联网为基础的教育网站越来越多。

通过网络人人都可以随时随地进行学习，教育不再是只能在学校进行，只要有一台联网的计算机，就可以进行在线学习。

现在很多商家都会抓住这个商机，推出各种在线教育网站的收费教程，供有需要的人付费使用。

综上所述，在线教育网站，是开拓市场的需要。

1.3可行性分析

1.3.1技术可行性

为了实现本网站的设计，采用MicrosoftVisualStudio2005开发工具制作页面，数据库使用MicrosoftAccess2007，同时用PhotoshopCS4美化页面，在技术上是可行的。

1.3.2经济可行性

伴随着互联网的普及，以互联网为基础的教育网站越来越多。

网络教育所发挥的作用对学习者来说越来越大。

教育不再是只能在学校进行，而是一种社会化的行为，学习不再只是在一定的时间专门进行，而是成为人们生活的一部分。

其便利性等特点，在经济上是可行的。

1.3.3操作可行性

现今社会，电脑的普及应用已为广大用户所接受，而C#是面向对象的主流编程语言，MicrosoftVisualStudio2005开发环境，是目前最流行的Windows平台应用程序开发环境，而且开发的系统界面简单易操作，初学者几乎不用经过培训就能操作，因此该网站是具有操作可行性。

2.总体设计

2.1网站模块划分

2.1.1前台系统

1、普通用户的注册和登录。

2、注册用户上传和下载教程（包括语音教程和视频教程）。

3、普通用户只能收看教程，不能上传和下载教程。

4、普通用户和注册用户都可以对教程进行留言。

5、搜索功能：

非注册用户和普通用户可以搜索到自己想要的教程。

2.1.2管理工作区

1、公告发布：

管理员可以通过公告功能发布或删除各项公告。

2、视频语音教程发布：

管理员可以上传和删除各类教学视频与语音。

3、用户管理：

对注册用户进行管理。

4、留言管理：

对留言进行查看和删除。

2.2运行环境

2.2.1硬件环境

●处理器：

IntelPentium166MHZ或更高

●内存：

512M或更高

●硬盘剩余空间：

20G以上

2.2.2软件环境

●操作系统：

Windows2000/XP以上

●数据库：

MicrosoftOfficeAccess2007

●开发工具：

MicrosoftVisualStudio2005

●开发语言：

C#

3.网站数据库设计

3.1Access数据库

3.1.1Access数据库简介

数据库是20世纪60年代后期发展起来的一项重要技术，70年代以来，数据库技术得到了迅速发展和广泛应用，已经成为计算机科学与技术的一个重要分支。

MicrosoftAccess作为一种关系型数据库管理系统是中小型数据库应用系统的理想开发环境，已经得到了越来越广泛的应用，它是个功能强大的数据库管理系统，具有界面友好、易学好用、开发简单、接口灵活等特点。

Access是一种关系型的桌面数据库管理系统，是MicrosoftOffice套件产品之一。

作为目前世界上最流行的关系型桌面数据库管理系统，Access能操作其他来源的资料，包括许多流行的PC数据库程序（例如，DBASE、Paradox、MicrosoftFoxPro）和服务器、中小型及大型机上的许多SQL数据库。

此外，Access还提供Windows操作系统的高级应用程序开发系统。

Access与其他数据库开发系统之间显著的区别是：

用户不用编写代码，就可以在很短的时间里开发出一个功能强大而且相当专业的数据库应用程序，并且这一过程是完全可视的，如果给它一些简短的VBA代码，那么开发出的程序与专业程序员潜心开发的程序一样。

3.1.2Access数据库的主要特点和功能

Access的主要优点是不用携带向上兼容的软件。

无论是对于有经验的数据库设计人员，还是那些刚刚接触数据库管理系统的新手，都会发现Access所提供的各种工具既非常实用又非常方便，同时还能够获得高效的数据处理能力。

一、Access的主要特点如下：

1、具有方便使用的强大功能。

Access用户不用考虑构成传统PC数据库的多个单独的文件。

2、可以利用各种图例快速获得数据。

3、可以利用报表设计工具，非常的方便地生成漂亮的数据报表，而不需要编程。

4、能够处理多种数据类型。

Access可以对诸如DBASE、FoxBase、FoxPro、Btrieve等格式的数据进行访问。

5、采用OLE技术，能够方便创建和编辑多媒体数据库，包括文本、声音图像和视频等对象。

6、Access支持ADO.NET标准的SQL数据库的数据。

7、设计过程自动化，大大提高了数据库的工作效率。

采用窗体向导和报表向导，用户只要按照向导就可以自动生成窗体和报表。

采用宏可以自动完成数据库管理的例程。

8、具有较好的集成开发功能。

可以采用VBA（VisualBasicApplication）编写数据库应用程序。

9、提供了断点设置、单步执行等调试功能。

能够像Word2000那样自动进行语法检查和错误诊断。

10、与Internet/Intranet的集成。

Access进一步完善了将Internet/Intranet集成到整个办公室的桌面操作环境。

11、可以将数据库应用程序的建立移进用户环境，并使最终用户和应用程序开发者之间的关系淡化。

总之，Access发展到现在已经向用户展示出易于使用和功能强大的特征。

二、Access数据库设计的步骤

数据库的设计一般要经过：

分析建立数据库的目的、确定数据库中的表、确定表中的字段、确定主关键字以及确定表之间的关系等步骤，如图3-1所示：

图3-1数据库设计步骤框图

3.2数据库设计

3.2.1数据库实体、属性及联系

网站包括五个实体，每个实体的属性如下：

一、公告实体的属性包括：

公告编号、公告标题、公告内容、发布时间、发布人姓名。

二、用户实体的属性包括：

用户编号、用户登录名、用户密码、性别、电子邮箱、注册时间。

三、管理员实体。

四、教程实体的属性包括：

教程编号、教程类型、教程名称、存储路径、点击次数、内容简介、发布时间、发布人。

五、留言实体的属性包括：

留言编号、留言用户、教程类型、教程编号、留言内容、留言日期。

实体间关系如下：

一、管理员与公告、用户、教程、留言之间是一对多的关系；

二、用户与教程、留言之间是一对多的关系；

3.2.2数据库E-R图

图3-2公告实体

图3-3用户、管理员实体

图3-4教程实体

图3-5留言实体

图3-6E-R图

3.2.3数据库表字段

表3-1公告发布表

列名

名称

数据类型

长度

允许为空

备注

ID

公告标号

自动编号

4

N

主键

Title

公告标题

文本

16

N

Content

公告内容

备注

50

N

Date

公告发布日期

日期/时间

8

Y

Name

公告发布人姓名

文本

16

N

表3-2留言表

列名

名称

数据类型

长度

允许为空

备注

SpeakID

留言编号

自动编号

4

N

主键

Spokesman

留言人

文本

16

N

TutorialType

教程类型

文本

16

N

TutorialID

教程编号

数字

4

Y

SpeakContant

留言内容

备注

50

N

SpeakDate

留言日期

时间/日期

8

Y

表3-3视频教程表

列名

名称

数据类型

长度

允许为空

备注

VideoID

视频教程编号

自动编号

4

N

主键

VideoType

视频教程类型

数字

4

N

VideoName

视频教程名称

文本

16

N

VideoUrl

视频教程存储路径

备注

50

N

ClickSum

视频教程点击次数

数字

4

Y

VideoContent

视频教程内容简介

备注

50

N

FBDate

视频教程发布日期

时间/日期

8

Y

Name

视频教程发布人

文本

16

N

表3-4用户表

列名

名称

数据类型

长度

允许为空

备注

ID

用户编号

自动编号

4

N

主键

Name

用户登录名

文本

16

N

Pass

用户密码

文本

16

N

Sex

性别

文本

16

Y

Email

电子邮箱

文本

16

N

LoginDate

注册日期

时间/日期

8

Y

表3-5语音教程表

列名

名称

数据类型

长度

允许为空

备注

SoundID

语音教程编号

自动编号

4

N

主键

SoundType

语音教程类型

数字

4

N

SoundName

语音教程名称

文本

16

N

SoundUrl

语音教程存储路径

备注

50

N

ClickSum

语音教程点击次数

数字

4

Y

SoundContent

语音教程内容简介

备注

50

N

FBDate

语音教程发布日期

时间/日期

8

Y

Name

语音教程发布人

文本

16

N

表3-6教程分类表

列名

名称

数据类型

长度

允许为空

备注

TypeID

教程类型编号

自动编号

4

N

主键

TypeName

教程类型名称

文本

16

N

3.3访问数据库

数据库的访问是所以编程语言中最重要的部分，本系统中通过VS2005提供的ADO.NET访问连接数据库。

3.3.1OleDbConnection数据库连接类

OleDbConnection类提供系统与Access数据库的连接。

连接代码如下：

//创建数据库连接

publicOleDbConnectioncreateCon（）

{

OleDbConnectionodbc=newOleDbConnection（"Provider=Microsoft.Jet.OLEDB.4.0;Datasource=|DataDirectory|Edu.mdb;"）;

returnodbc;

}

3.3.2数据库操作类

//添加数据或删除数据

publicbooladlData（stringsql）

{

OleDbConnectionOdbc=createCon（）;

Odbc.Open（）;

OleDbCommandcom=newOleDbCommand（sql,Odbc）;

inti=Convert.ToInt32（com.ExecuteNonQuery（））;

Odbc.Close（）;

if（i>0）

{

returntrue;

}

else

{

returnfalse;

}

}

//查找数据

publicintisData（stringsql）

{

OleDbConnectionOdbc=createCon（）;

Odbc.Open（）;

OleDbCommandcom=newOleDbCommand（sql,Odbc）;

inti=Convert.ToInt32（com.ExecuteScalar（））;

Odbc.Close（）;

returni;

}

//更新数据

publicvoidupdateData（stringsql）

{

OleDbConnectionOdbc=createCon（）;

Odbc.Open（）;

OleDbCommandcom=newOleDbCommand（sql,Odbc）;

com.ExecuteScalar（）;

Odbc.Close（）;

}

//查找并返回一条数据

publicOleDbDataReaderrow（stringsql）

{

OleDbConnectionOdbc=createCon（）;

Odbc.Open（）;

OleDbCommandcom=newOleDbCommand（sql,Odbc）;

returncom.ExecuteReader（）;

}

//查找并返回多条数据

publicDataTablerows（stringsql,stringtable）

{

DataSetds;

OleDbConnectionOdbc=createCon（）;

Odbc.Open（）;

OleDbDataAdapteroda=newOleDbDataAdapter（sql,Odbc）;

ds=newDataSet（）;

oda.Fill（ds,table）;

Odbc.Close（）;

returnds.Tables[table];

}

4网站详细设计

4.1主页面

网站的主页面如下图：

图4-1主页

主页分为导航模块、登录模块、公告模块、语音视频排行模块、搜索模块。

在导航模块中，可以点击选项进入网站的其他页面。

登录模块可以供用户登录与注册新用户，如果用户忘记了密码，还可以点击

链接进入“找回密码”页面，根据相关信息找回密码。

如下图：

图4-2忘记密码

公告模块是采用了滚动的方式显示管理员最新发布的信息，点击之后可以显示详细的信息。

图4-3公告

语音视频教程排行模块是显示到目前为止用户点击量前5名的语音与视频。

图4-4语音教程排行榜图4-5视频教程排行榜

搜索模块是提供方便用户查找相关教程的快捷模块。

如下图：

图4-6搜索模块

在主页的最下方，管理员可以点击

链接进入网站后台的登录模块：

图4-7后台管理链接

4.2注册页面

在主页面的登录模块中点击

链接后，页面链接到注册页面，如下图：

图4-8注册页面

新用户需输入用户名、密码、确认密码和邮箱来注册新用户。

检测用户名按钮点击之后可以提示用户名是否已存在。

若输入的密码与确认密码不同，会提示“密码不一致”。

4.3视频语音发布与播放

4.3.1发布

当用户登录之后，可以点击导航模块中的

链接进入发布教程页面。

如下图：

图4-9教程发布页面

用户需填写教程名称、类型、学科类型及教程的相关简介，然后点击浏览按钮找到要上传的教程文件，这里视频文件仅限于后缀名为.wmv格式的文件，语音仅限于后缀名为.mp3格式的文件。

如果用户想查找自己已发过的教程，可以点击

或

链接查看视频或语音教程，如下：

图4-10已发布视频

图4-11已发布语音

若要设置发布的文件大小，需在程序的Web.Config里面设置：

4.3.2播放

用户可以点击页面内容或排行榜里的视频或语音可以进入浏览详细内容，如果教程是视频，则可以观看到此视频，如下图：

图4-12观看视频

用户还可以在此教程的下方留言，提出自己的见解或建议，也可以讨论此教程的相关内容，达到互学互助的目的。

如果用户对此教程有收藏的意愿或想深入了解相关内容，可以点击

按钮下载此教程。

另外如果用户未登录，即游客，在观看了教程之后也可以进行留言发表见解，如下图：

图4-13游客留言

4.4后台管理

4.4.1登录

当管理员点击了进入

链接之后，页面转到后台登录，如下图：

图4-14后台登录

管理员登录使用的用户名：

Admin，密码为：

admin进入后台。

4.4.2后台主页面

图4-15后台主页面

管理员可以根据左边的功能栏对网站的内容进行公告、教程和用户的管理。

4.4.3公告发布

管理员发布公告的页面，如下图

图4-16发布公告

公告发完之后，公告的内容将存储在数据库中，并在主页面中的公告模块中动态显示。

4.4.4公告管理

管理员查看公告列表的页面如下图：

图4-17公告列表

4.4.5发布教程

管理员发布教程页面如下图：

图4-18发布教程

4.4.6视频语音的管理

管理员查看视频信息，并可以对视频留言的管理，如图：

图4-19视频列表

管理员查看到的留言信息如下图：

图4-20留言信息

如果管理员删除了视频的信息，则同时删除了此视频的相关留言。

语音管理与视频管理的功能相同。

4.4.7用户管理

管理员进行用户管理的页面如下图：