在线教育网站——前台功能的设计与实现-工学学士毕业论文

1、1网站概述1.1网站背景在intenwt飞速发展的今天，互联网成为快速获取、发布和传递信息的重要渠道，在 人们经济、生活等各个方而发挥着重要作用。作为web浏览的信息载体，网站以其海量信 息资源、便捷沟通等特性成为新型学习环境的有机组成部分。将教育推向网络，把网络和 多媒体的最新技术应用在教学中，是当前科技发展的总体趋势。实现网络教学，不但缓解 了学校的压力，而且能够更好地传播知识。学生在家轻松上网学习，足不出户，洞悉天下 事。网络教学是学校课堂所无法比拟的，资源共享不受时空、地域的限制，发挥着它所有 潜能，促进信息交流。随着教育信息化的深入推进，资源建设成为人们日益关注的问题。 教育信息化目

2、的之一在于学习方式、教学方式的变革，从而实现教育现代化。在线教育网 站从a前来看，在教育信息化进程中起到了自发探索和数字化知识资源等重要的作用。因 此网站建设的地位显而易见，己成为信息化建设中的重要组成，倍受人们的重视。1.2需求分析互联网的普及，影响着人们的生活。它的优势，让人们对它有了依赖，以互联网为基 础的教育网站越来越多。通过网络人人都可以随时随地进行学习，教冇不再是只能在学校 进行，只要有一台联网的计算机，就可以进行在线学习。现在很多商家都会抓住这个商机， 推出各种在线教育网站的收费教程，供有需要的人付费使用。综上所述，在线教育网站，是开拓市场的需要。1.3可行性分析1.3.1技术可

3、行性为了实现本网站的设计，采用microsoft visual studio 2005开发工具制作页面， 数据库使用microsoft access 2007，同时用photoshop cs4美化页面，在技术上是可行 的。1.3.2经济可行性伴随着互联网的普及，以互联网为某础的教育网站越来越多。网络教育所发挥的作用对学习者来说越来越大。教育不再是只能在学校进行，而是一种社会化的行为，学习不再 只是在一定的时间专门进行，而是成为人们生活的一部分。其便利性等特点，在经济上是 可行的。1.3.3操作可行性现今社会，电脑的普及应用已为广大用户所接受，而c#是面向对象的主流编程语言， microsoft

4、 visual studio 2005开发环境，是f1前最流行的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. 1 access数据库3. 1. 1 access数据库简介数据库是20世紀60年代后期发展起來的一项重要技术，70年代以来，数据库技术得 到丫迅速发展和广泛

6、应用，己经成为计算机科学与技术的一个重要分支。microsoft access 作为一种关系型数据库管理系统是屮小型数据库应用系统的理想开发环境，已经得到丫越 來越广泛的应用，它是个功能强大的数据库管理系统，具有界面友好、易学好用、开发简 单、接口灵活等特点。access是一种关系型的桌面数据库管理系统，是microsoft off ice套件产品之一。 作为目前世界上最流行的关系型桌面数据库管理系统，access能操作其他来源的资料，似 括许多流行的pc数据库程序（例如，dbase、paradox、microsoft foxpro）和服务器、 中小型及大型机上的许多sql数据库。此外，acc

7、ess还提供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、计一般要经过：分析建立数据库的0的、确定数据库中的表、确定表中的 字段、确定主关键字以及确定表之间的关系等步骤，如图3-1所示：分析建立数据.库的目的确定数据库中的表确定表中的字段确定表之间的今j确定主关键字图3-1数据库设计步骤框图3.2数据库设计3. 2.1数据库实体、属性及联系网站包括五个实体，每个实体的属性如卜*:一、公告实体的属性包括：公告编号、公告标题、公告内容、发布时间、发布人姓名。二、用户实体的属性包括：用户编号、用户登录名、用户密码、性别、电子邮箱、注册 时间。三、管理员实体。四、教程实体的属性包括：教程编号、教程类型、教程名称、存储路径、点击次数、内 容简介、发布时间、发布

11、人。五、留言实体的属性包括：留言编号、留言用户、教程类型、教程编号、留言内容、留 言曰期。实体间关系如卜、一、管理员与公告、用户、教程、留言之间是一对多的关系；二、用户与教程、留言之间是一对多的关系；3. 2.2数据库e-r图公告图3-2公告实体用户管理员阁3-3用户、管理员实体教程留言图3-5留言实体公告图3-6 e-r图3. 2.3数据库表字段表3-1公告发布表列名名称数据类型度允许为空备注id公告标号自动编号4n主键title公告标题文本16ncontent公告内容备注50ndate公告发布h期曰期/时间8yname公告发布人姓名文本16n表3-2留言表列名名称数据类型长度允许为空备注s

12、peakld留言编号自动编号4n主键spokesman留言人文本16ntutorialtype教程类型文本16ntutorialld教程编号数字4yspeakcontant留言内容备注50nspeakdate留言曰期时间/日期8y表3-3视频教程表列名名称数据类型长度允许为空备注videoid视频教程编号自动编号4n主键videotype视频教程类型数字4nvideoname视频教程名称文本16nvideourl视频教程存储路径备注50nclicksum视频教程点击次数数字4yvideocontent视频教程内容简介备注50nfbdate视频教程发布曰期时间/日期8yname视频教程发布人文本

13、16n表3-4用户表列名名称数据类型长度允许为空备注id用户编号自动编号4n主键name用户登录名文本16npass用户密码文本16nsex性别文本16yemail电子邮箱文本16nlogindate注册曰期时间/曰期8y表3-5语音教程表列名名称数据类型长度允许为空备注soundid语音教程编号自动编号4n主键soundtype语音教程类型数字4nsoundname语音教程名称文本16nsoundurl语音教程存储路径备注50nclicksum语音教程点击次数数字4ysoundcontent语音教程内容简介备注50nfbdate语音教程发布円期时间/日期8yname语音教程发布人文本16n表

14、3-6教程分类表列名名称数据类型长度允许为空备注typeld教程类型编号自动编号4n主键typename教程类型名称文本16n3. 3访问数据库数据库的访问是所以编程语言中最重要的部分，木系统中通过vs2005提供的ado. net 访问连接数据库。3. 3. 1 01 edbconnect ion 数据库连接类oledbconnection类提供系统与access数据库的连接。连接代码如下：/创建数据库连接public oledbconnection createcono oledbconnection odbc = new 01cdbconncction(，zprovidcr=micros

15、oft. jet. oledb. 4. 0;data source二 datadirectory edu. mdb;z/);return odbc;3. 3.2数据库操作类/添加数据或删除数据 public bool adldata(string sql)oledbconnection odbc = createcono;odbc. open();oledbcommand com = new 01edbcommand(sq1, odbc): int i = convert. tolnt32(com. executenonquery0):odbc. closeo ;if (i > 0)re

16、turn true;elsereturn false;/査找数裾public int isdata(string sql)oledbconnection odbc =createcon():odbc. open ();oledbcommand com = new 01edbcommand(sq1, odbc); int i = convert. tolnt32(com. exccutoscalar();odbc. close();return i;/更新数据public void updatedata(string sql)oledbconnection odbc =createcon():o

17、dbc. open ();oledbcommand com = new 01edbcommand(sql, odbc); com. exccutoscalar ();odbc. close();/杏找并返回-条数据public oledbdatareader row (string sql)oledbconnection odbc =createcon():odbc. open 0:oledbcommand com = new 01edbcommand(sql, odbc); return com. executereader();/查找并返冋多条数据public datatable rows

18、(string sql, string table)dataset ds;oledbconnection odbc 二createcono;odbc. open();01edbdataadapter oda = new oledbdataadapter(sql, odbc); ds = new dataset 0; oda.fill (ds, table);odbc. close ();return ds.tablestable;4网站详细设计4.1主页面网站的主页而如下图自由分享交流首页发布教程视频课堂语咅课堂注册密码：验证码：| ma2j用户名若不潘新用户注爾忘记$码虽耕消息10-04-2

19、3最新消息10-04-23最飫上传10-04-23名称类型点击hghghg计宜机教程类型视领字科 计算机1l关捷宇i|最斯视頻i i 发布时问333法®10-04-2211法連10-04-22aaa会计10-04-22最斯诱奋教程名称she is my sin艺术名称类型点击军歌体育333411aaa法律法律会计she is my sin艺术10-04-23軍歌10-04-23hghghg计复机10-04-22学科类型没布时问稳定的平台.充荃的功能.满意的服务.和馆的坏h图4-1主页主页分为导航模块、登录模块、公告模块、语音视频排行模块、搜索模块。在导航模块中，可以点击选项进入网站的

20、其他页而。登录模块可以供用户登录与注册新用户，如果用户忘记了密码，还可以点击忘记密码链 接进入“找回密码”页而，根据相关信息找回密码。如下图：渝入用户名:输入邮箱: 密码:返回阁4-2忘记密码公告模块是采用了滚动的方式显示管理员最新发布的信息 信息。最贓濟蘼最糊角雇104>23最顯上10-0423点击之后可以显示详细的图4-3公告语音视频教程排行模块是显示到a前为止用户点击量前5名的语音与视频。名称点也nohohfli十麓机1stveismy sm00名林典9i9l击如城411城0aia金it0图4-5视频教程排行榜图4-4语音教程排行榜搜索模块是提供方便用户查找相关教程的快捷模块。如丁

21、图:站内搜索教程类型视频学科计算机关键字阁4-6搜索模块在主页的最下方，管理员可以点击后台管理接进入网站后台的登录模块:稳定的平台.完碁的功能.满意的服务.和谐的坏境。后台管理4.2注册页面在主页而的登录模块中点击新用户注册链接后，页而链接到注册页而，如下图:图4-8注册贞面新用户需输入用户名、密码、确认密码和邮箱来注册新用户。检测用户名按钮点击之 后可以提示用户名是否己存在。若输入的密码与确认密码不同，会提示“密码不一致”。4.3视频语音发布与播放4.3.1发布当用户登录之后，可以点击异航模块中的应布教程链接进入发布教程页面。如下阁:自由分享交流首页发布耖程视频课堂语咅课堂注册公吿发布攻&#

22、171;已发布的视»】已发布的ssi【退出1发布教相mnwirw 5点击名称类型333311法a0aaa金i十0wr w行w、名称类甩点击10-04-2310-04-23hghghgshe «s my s>n教程名称, 教程央型i 字科类型， 内容简介:上传教s:匕视豕 i番音 计算松-_关于计ffr庇嫩字« 妷，淇大番字习tfpopooimobh.sucg>ri+tt机艺术体商tt定的？台.完蕃«功後.s梦约视务.和坏埃.后台舌理用户需填写教程名称、类型、学科类型及教程的相关简介，然后点击浏览按钮找到要 上传的教程文件，这里视频文件仅限于后

23、缀名为.wmv格式的文件，语音仅限于后缀名 为.mp3格式的文件。如果用户想查找自己已发过的教程，可以点击已发布的视頻或 已发布的语音链接查看视频或语音教程，如下：编号視頻名称科目类型发布日期查看g言1333法律10-04-22査看側除211法律10-04-22查看側除3aaa会计10-04-22查看側除图4-10己发布视频编号语音名称科目类型发布日期查看g言jhghghg计苴机104)4-22查看图4-11已发布语音若要设置发布的文件大小，需在程序的web. config里面设置:<httpruntime maxrcquostlength-z，102400，z executiontim

24、eoutgooo"/4. 3.2播放如果教程是用户可以点击页面内容或排行榜里的视频或语音可以进入浏览详细内容 视频，则可以观看到此视频，如下图：鎌扇扈軀1番上*xrt穗式wwwrrwm眞91蠡4乃i會麗级1mo0x3311城赚助0内容荀介：333434发布人* he 发布u 期：2010-4-22 20:39:16t囊费不摘«5内存.用户还可以在此教程的下方留言，提出自己的见解或建议，也可以讨论此教程的相关 闪容，达到互学互助的r的。如果用户对此教程有收藏的意愿或想深入了解相关内容，可另外如果用户未登录，即游客，在观看了教程之后也可以进行留言发表见解，如下图:人：游客发言时间:发言内容：从此视频中收益多多2010-4-23 2: