1、在线教育网站前台功能的设计与实现工学学士1 网站概述1.1 网站背景在Internet飞速发展的今天，互联网成为快速获取、发布和传递信息的重要渠道，在人们经济、生活等各个方面发挥着重要作用。作为Web浏览的信息载体，网站以其海量信息资源、便捷沟通等特性成为新型学习环境的有机组成部分。将教育推向网络，把网络和多媒体的最新技术应用在教学中，是当前科技发展的总体趋势。实现网络教学，不但缓解了学校的压力，而且能够更好地传播知识。学生在家轻松上网学习，足不出户，洞悉天下事。网络教学是学校课堂所无法比拟的，资源共享不受时空、地域的限制，发挥着它所有潜能，促进信息交流。随着教育信息化的深入推进，资源建设成为
2、人们日益关注的问题。教育信息化目的之一在于学习方式、教学方式的变革，从而实现教育现代化。在线教育网站从目前来看，在教育信息化进程中起到了自发探索和数字化知识资源等重要的作用。因此网站建设的地位显而易见，已成为信息化建设中的重要组成，倍受人们的重视。1.2需求分析互联网的普及，影响着人们的生活。它的优势，让人们对它有了依赖，以互联网为基础的教育网站越来越多。通过网络人人都可以随时随地进行学习，教育不再是只能在学校进行，只要有一台联网的计算机，就可以进行在线学习。现在很多商家都会抓住这个商机，推出各种在线教育网站的收费教程，供有需要的人付费使用。综上所述，在线教育网站，是开拓市场的需要。1.3 可
3、行性分析1.3.1 技术可行性为了实现本网站的设计，采用Microsoft Visual Studio 2005开发工具制作页面，数据库使用Microsoft Access 2007，同时用Photoshop CS4美化页面，在技术上是可行的。1.3.2 经济可行性伴随着互联网的普及，以互联网为基础的教育网站越来越多。网络教育所发挥的作用对学习者来说越来越大。教育不再是只能在学校进行，而是一种社会化的行为，学习不再只是在一定的时间专门进行，而是成为人们生活的一部分。其便利性等特点，在经济上是可行的。1.3.3 操作可行性现今社会，电脑的普及应用已为广大用户所接受，而C#是面向对象的主流编程语言
4、，Microsoft Visual Studio 2005开发环境，是目前最流行的 Windows 平台应用程序开发环境，而且开发的系统界面简单易操作，初学者几乎不用经过培训就能操作，因此该网站是具有操作可行性。2.总体设计2.1 网站模块划分2.1.1 前台系统1、普通用户的注册和登录。2、注册用户上传和下载教程（包括语音教程和视频教程）。3、普通用户只能收看教程，不能上传和下载教程。4、普通用户和注册用户都可以对教程进行留言。5、搜索功能：非注册用户和普通用户可以搜索到自己想要的教程。2.1.2 管理工作区1、公告发布：管理员可以通过公告功能发布或删除各项公告。2、视频语音教程发布：管理员
5、可以上传和删除各类教学视频与语音。3、用户管理：对注册用户进行管理。4、留言管理：对留言进行查看和删除。2.2 运行环境2.2.1 硬件环境 处理器：Intel Pentium 166 MHZ或更高 内存：512M或更高 硬盘剩余空间：20G以上2.2.2 软件环境 操作系统：Windows2000/XP以上 数据库：Microsoft Office Access 2007 开发工具：Microsoft Visual Studio 2005 开发语言：C#3.网站数据库设计3.1 Access数据库3.1.1 Access数据库简介数据库是20世纪60年代后期发展起来的一项重要技术，70年代以
6、来，数据库技术得到了迅速发展和广泛应用，已经成为计算机科学与技术的一个重要分支。Microsoft Access 作为一种关系型数据库管理系统是中小型数据库应用系统的理想开发环境，已经得到了越来越广泛的应用，它是个功能强大的数据库管理系统，具有界面友好、易学好用、开发简单、接口灵活等特点。Access是一种关系型的桌面数据库管理系统，是Microsoft Office套件产品之一。作为目前世界上最流行的关系型桌面数据库管理系统，Access能操作其他来源的资料，包括许多流行的PC数据库程序（例如，DBASE、Paradox、Microsoft FoxPro）和服务器、中小型及大型机上的许多SQ
7、L数据库。此外，Access还提供Windows操作系统的高级应用程序开发系统。Access与其他数据库开发系统之间显著的区别是：用户不用编写代码，就可以在很短的时间里开发出一个功能强大而且相当专业的数据库应用程序，并且这一过程是完全可视的，如果给它一些简短的VBA代码，那么开发出的程序与专业程序员潜心开发的程序一样。3.1.2 Access数据库的主要特点和功能Access的主要优点是不用携带向上兼容的软件。无论是对于有经验的数据库设计人员，还是那些刚刚接触数据库管理系统的新手，都会发现Access所提供的各种工具既非常实用又非常方便，同时还能够获得高效的数据处理能力。一、Access的主要
8、特点如下：1、 具有方便使用的强大功能。Access用户不用考虑构成传统PC数据库的多个单独的文件。2、 可以利用各种图例快速获得数据。3、 可以利用报表设计工具，非常的方便地生成漂亮的数据报表，而不需要编程。4、 能够处理多种数据类型。Access可以对诸如DBASE、FoxBase、FoxPro、Btrieve等格式的数据进行访问。5、 采用OLE技术，能够方便创建和编辑多媒体数据库，包括文本、声音图像和视频等对象。6、 Access支持ADO.NET标准的SQL数据库的数据。7、 设计过程自动化，大大提高了数据库的工作效率。采用窗体向导和报表向导，用户只要按照向导就可以自动生成窗体和报表
9、。采用宏可以自动完成数据库管理的例程。8、 具有较好的集成开发功能。可以采用VBA（Visual Basic Application）编写数据库应用程序。9、 提供了断点设置、单步执行等调试功能。能够像Word 2000那样自动进行语法检查和错误诊断。10、与Internet/Intranet的集成。Access进一步完善了将Internet/Intranet集成到整个办公室的桌面操作环境。11、可以将数据库应用程序的建立移进用户环境，并使最终用户和应用程序开发者之间的关系淡化。总之，Access发展到现在已经向用户展示出易于使用和功能强大的特征。二、Access数据库设计的步骤数据库的设计一
10、般要经过：分析建立数据库的目的、确定数据库中的表、确定表中的字段、确定主关键字以及确定表之间的关系等步骤，如图3-1所示：图3-1 数据库设计步骤框图3.2 数据库设计3.2.1 数据库实体、属性及联系网站包括五个实体， 每个实体的属性如下：一、公告实体的属性包括：公告编号、公告标题、公告内容、发布时间、发布人姓名。 二、用户实体的属性包括：用户编号、用户登录名、用户密码、性别、电子邮箱、注册时间。 三、管理员实体。 四、教程实体的属性包括：教程编号、教程类型、教程名称、存储路径、点击次数、内容简介、发布时间、发布人。 五、留言实体的属性包括：留言编号、留言用户、教程类型、教程编号、留言内容、
11、留言日期。 实体间关系如下：一、 管理员与公告、用户、教程、留言之间是一对多的关系；二、 用户与教程、留言之间是一对多的关系； 3.2.2 数据库E-R图图3-2 公告实体图3-3 用户、管理员实体图3-4 教程实体图3-5 留言实体图3-6 E-R图3.2.3 数据库表字段表3-1公告发布表 列名名称数据类型长度允许为空备注ID公告标号自动编号4N主键Title公告标题文本16NContent公告内容备注50NDate公告发布日期日期/时间8YName公告发布人姓名文本16N表3-2留言表 列名名称数据类型长度允许为空备注SpeakID留言编号自动编号4N主键Spokesman留言人文本16
12、NTutorialType教程类型文本16NTutorialID教程编号数字4YSpeakContant留言内容备注50NSpeakDate留言日期时间/日期8Y表3-3视频教程表 列名名称数据类型长度允许为空备注VideoID视频教程编号自动编号4N主键VideoType视频教程类型数字4NVideoName视频教程名称文本16NVideoUrl视频教程存储路径备注50NClickSum视频教程点击次数数字4YVideoContent视频教程内容简介备注50NFBDate视频教程发布日期时间/日期8YName视频教程发布人文本16N表3-4用户表 列名名称数据类型长度允许为空备注ID用户编号
13、自动编号4N主键Name用户登录名文本16NPass用户密码文本16NSex性别文本16YEmail电子邮箱文本16NLoginDate注册日期时间/日期8Y表3-5语音教程表 列名名称数据类型长度允许为空备注SoundID语音教程编号自动编号4N主键SoundType语音教程类型数字4NSoundName语音教程名称文本16NSoundUrl语音教程存储路径备注50NClickSum语音教程点击次数数字4YSoundContent语音教程内容简介备注50NFBDate语音教程发布日期时间/日期8YName语音教程发布人文本16N表3-6教程分类表 列名名称数据类型长度允许为空备注TypeID
14、教程类型编号自动编号4N主键TypeName教程类型名称文本16N3.3访问数据库数据库的访问是所以编程语言中最重要的部分，本系统中通过VS2005提供的ADO.NET访问连接数据库。3.3.1 OleDbConnection数据库连接类OleDbConnection类提供系统与Access数据库的连接。连接代码如下：/创建数据库连接 public OleDbConnection createCon() OleDbConnection odbc = new OleDbConnection(Provider=Microsoft.Jet.OLEDB.4.0;Data source=|DataDir
15、ectory|Edu.mdb;); return odbc;3.3.2 数据库操作类/添加数据或删除数据 public bool adlData(string sql) OleDbConnection Odbc = createCon(); Odbc.Open(); OleDbCommand com = new OleDbCommand(sql, Odbc); int i = Convert.ToInt32(com.ExecuteNonQuery(); Odbc.Close(); if (i 0) return true; else return false; /查找数据 public int
16、 isData(string sql) OleDbConnection Odbc =createCon(); Odbc.Open(); OleDbCommand com = new OleDbCommand(sql, Odbc); int i = Convert.ToInt32(com.ExecuteScalar(); Odbc.Close(); return i; /更新数据 public void updateData(string sql) OleDbConnection Odbc =createCon(); Odbc.Open(); OleDbCommand com = new Ole
17、DbCommand(sql,Odbc); com.ExecuteScalar(); Odbc.Close(); /查找并返回一条数据 public OleDbDataReader row(string sql) OleDbConnection Odbc =createCon(); Odbc.Open(); OleDbCommand com = new OleDbCommand(sql, Odbc); return com.ExecuteReader(); /查找并返回多条数据 public DataTable rows(string sql, string table) DataSet ds;
18、 OleDbConnection Odbc =createCon(); Odbc.Open(); OleDbDataAdapter oda = new OleDbDataAdapter(sql,Odbc); ds = new DataSet(); oda.Fill(ds,table); Odbc.Close(); return ds.Tablestable; 4 网站详细设计4.1主页面网站的主页面如下图： 图4-1主页主页分为导航模块、登录模块、公告模块、语音视频排行模块、搜索模块。在导航模块中，可以点击选项进入网站的其他页面。登录模块可以供用户登录与注册新用户，如果用户忘记了密码，还可以点
19、击链接进入“找回密码”页面，根据相关信息找回密码。如下图：图4-2 忘记密码公告模块是采用了滚动的方式显示管理员最新发布的信息，点击之后可以显示详细的信息。图4-3 公告语音视频教程排行模块是显示到目前为止用户点击量前5名的语音与视频。 图4-4 语音教程排行榜 图4-5 视频教程排行榜搜索模块是提供方便用户查找相关教程的快捷模块。如下图：图4-6搜索模块在主页的最下方，管理员可以点击链接进入网站后台的登录模块：图4-7后台管理链接4.2 注册页面 在主页面的登录模块中点击链接后，页面链接到注册页面，如下图：图4-8注册页面新用户需输入用户名、密码、确认密码和邮箱来注册新用户。检测用户名按钮点
20、击之后可以提示用户名是否已存在。若输入的密码与确认密码不同，会提示“密码不一致”。4.3 视频语音发布与播放4.3.1 发布当用户登录之后，可以点击导航模块中的链接进入发布教程页面。如下图：图4-9教程发布页面用户需填写教程名称、类型、学科类型及教程的相关简介，然后点击浏览按钮找到要上传的教程文件，这里视频文件仅限于后缀名为.wmv格式的文件，语音仅限于后缀名为.mp3格式的文件。如果用户想查找自己已发过的教程，可以点击或链接查看视频或语音教程，如下：图4-10已发布视频图4-11已发布语音若要设置发布的文件大小，需在程序的Web.Config里面设置：4.3.2 播放用户可以点击页面内容或排
21、行榜里的视频或语音可以进入浏览详细内容，如果教程是视频，则可以观看到此视频，如下图：图4-12观看视频用户还可以在此教程的下方留言，提出自己的见解或建议，也可以讨论此教程的相关内容，达到互学互助的目的。如果用户对此教程有收藏的意愿或想深入了解相关内容，可以点击按钮下载此教程。另外如果用户未登录，即游客，在观看了教程之后也可以进行留言发表见解，如下图：图4-13游客留言4.4 后台管理4.4.1 登录当管理员点击了进入链接之后，页面转到后台登录，如下图：图4-14后台登录管理员登录使用的用户名：Admin，密码为：admin进入后台。4.4.2 后台主页面图4-15 后台主页面管理员可以根据左边
22、的功能栏对网站的内容进行公告、教程和用户的管理。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 用户管理管理员进行用户管理的页面如下图：
