基于web数字媒体技术专业网络教学平台的设计与实现_毕业论文(编辑修改稿)

基于web数字媒体技术专业网络教学平台的设计与实现_毕业论文(编辑修改稿)内容摘要：

教学 实验实践 工具软件 作品展示 辅导答应 教学团队 users exercice mnst tzxx syzd team quest_ion 潍 坊 学 院 本 科 毕 业 设 计 6 4 数据库的设计 整体来说包含了六个数据表，第一个是 users 表，用了存储学生注册信息的表；第二个是 mnst 表，用来存储所以的模拟试题的信息的表；第三个是 tzxx 表，用来存储拓展学习内容的表；第四个是 syzd 表，用来存储与实验相关内容的表；第五个是 team 表，用来存储教学团队的信息；第六个是 question 表，用来存储学生问题的表。 用户表（ users） 表 41 用户表（ users） 字段名 数据类型 长度 是否允许为空 S_num 文本 20 否 S_name 文本 5 否 S_password 文本 20 否 S_class 文本 20 是 S_tel 文本 12 是 以上为用来存储用户的用户表，共有五个字段，其中 S_num 和 S_password 分别用做用户名和登录密码。 并且不允许为空，最长不得超过 20 个字符。 S_name 用 来存储用户的姓名，也不允许为空值。 S_class 和 S_tel 作为辅助选项，可不填写。 模拟试题（ mnst） 表 42 模拟试题（ mnst） 字段名 数据类型 长度 是否允许为空 id 数字 长整形 否 title 文本 50 是 潍 坊 学 院 本 科 毕 业 设 计 7 content 备注 是 模拟试题表用来存储模拟题的相关信息，有三个字段，第一个是便于搜索的 id 字段，第二个是 title 字段，用来存放试题的标题，例如说章节之类的内容。 第三个字段是content，备注类型的字段，可以用来存放较长的文本。 拓展学习（ tzxx） 表 43 拓展学习（ tzxx） 字段名 数据类型 长度 是否允许为空 Num 数字 长整形 否 title 文本 50 是 content 备注 是 拓展学习（ tzxx）表用来存放拓展学习的相关信息，也有三个字段，第一个是便于搜索或进行参数传递的 num 字段。 第二个是 title 字段，用来存放拓展学习中小的知识点的标题，例如关键字之类的内容。 第三个字段是 content，备注类型的字段，可以用来存储较多较详细的内容。 实验指导（ syzd） 表 44 实验指导（ syzd） 字段名 数据类型 长 度 是否允许为空 S_id 自动编号 长整形 否 S_name 文本 50 是 S_goal 备注 是 潍 坊 学 院 本 科 毕 业 设 计 8 S_content 备注 是 S_reqment 备注 是 实验指导（ syzd）表是用来存放于实验实践里相关的信息。 S_id 字段是自动编号字段，用做搜索或参数传递。 S_name 是用来存放实验名称的字段，长度不超过 50 个字符长。 S_goal 是存放实验目的的字段，类型为备注类型，可存储比较长的文本。 S_content 是存放实验内容的字段，同样是备注类型的字段。 S_reqment 是存放实验要 求的字段，数据类型为备注类型。 4. 5 教学团队（ team） 表 45 教学团队（ team） 字段名 数据类型 长度 是否允许为空 T_id 文本 20 否 T_name 文本 8 是 T_jieshao 备注 是 T_img OLE 对象 是 教学团队（ team）表是用来存放教师相关资料的， T_id 是用来存放一些编号的，比如说教师的员工号，当然也可以在输入数据前将它更改成自动编号，这样每次添加数据的时候就不用反复输入编号。 T_name 用来存储教师姓名或称呼之类的信息。 T_jieshao 则是存储 对教师个人资料的详细介绍。 T_img 是一个 OlE 对象，用来存储相关的照片信息。 4. 6 疑问留言（ question） 表 46 疑问留言（ question） 字段名 数据类型 长度 是否允许为空 S_num 文本 20 否 潍 坊 学 院 本 科 毕 业 设 计 9 SQ 备注 否 SA 备注 是 疑问留言（ question）表是用来存储学生提交上来的问题的， S_num 是配合前面的用户表设置的，将这样两个表连接在一起的时候就可以查询到已登录学生的账号和问题了。 SQ 字段用来存储学生的问题，和前一个字段组合形成数据表的主键，避免一个学生提出相 同的问题。 SA 则用来存储对某一个问题的答案。 以上是关于本次设计的数据库中所用的到的表的设计，尽最大可能将所用能存储到数据库中的内容存储到数据库中，以便将来后台进行修改。 使用 ASP+Dreamweaver+Access开发出来的网站只能尽量做到这些。 潍 坊 学 院 本 科 毕 业 设 计 10 5 网页功能的设计 首页 首页页面布置如下图： 图 首页界面 首页的布置是这样的：上面是导航条，且在本次设计中，所有的网页上部都是主要的导航条。 根据一个全局变量的判断，先判断用户是否登录成功。 若没有登录的时候，左侧上方是一个简单的登录界面，要求输 入用户名和密码，且两个都不能为空，若输入为空则显示如下图： 潍 坊 学 院 本 科 毕 业 设 计 11 图 出错界面 表单的代码设置如下： form name=f1 method=post action= onSubmit=return checkdata() br/ br/ 用户名： input type=text name=yonghu / 密 码： input type=password name=mima / input type=submit name=tijiao value=登录 / input type=button name=zhuce value= 注册 onclick== / input type=reset name=chongzhi value=重置 / /form 在提交表单的时候先进行的是一个检查函数： checkdata() function checkdata() { if( 1 || 20 ) { alert(\请输入正确的用户名 !!) return false。 } if( 1 || 20 ) { 潍 坊 学 院 本 科 毕 业 设 计 12 alert(\请您输入正确的登录密码 !!) return false。 } } 函数对两个输入的文本框进行检查，首先是用户名是否为空或者是超过了规定的长度。 然后检查密码输入是否规范。 表单提交后执行的操作是 ，其代码如下： username=trim((yonghu)) password=trim((mima)) select * from users,1,3 do while not if username=trim(rs(S_num)) and password=trim(rs(S_password)) then (denglu)=ok (username)=rs(S_num) (sname)=rs(S_name) end if loop if then % script language=vbscript MsgBox 对不起，用户名不存在，或密码输入错误 = javascript:() /script 以上代码判断从前一个页面传递过来的两个参数是否是正确的用户名和密码，如果用户名不存在或者密码错误的话则弹出消息框提示用户，用户名不存在或密码输入错误。 然后返回首页重新输入。 如果数据库中存在该用户且密码正确，则将全局变量 ”denglu”的值设置成 ”ok”， 并且将用户名作为全局变量保存起来。 然后主页用户登录位置则变动如下，以用户 1234 为例： 潍 坊 学 院 本 科 毕 业 设 计 13 图 登录成功界面 登录成功后，左侧上方显示的是用户的登录学号以及注册姓名，姓名为空则显示空白。 下方是提供了学校的一些超链接，方便学生访问其他网站。 右侧则是和数字多媒体相关的一些简介。 若用户没有进行注册的话，可以点击用户登录的地方，有一个注册按钮，点击注册按钮可进入注册界面。 界面如下： 图 用户注册界面 潍 坊 学 院 本 科 毕 业 设 计 14 如上图，用户注册界面要求用户输入的信息比较简单，用来做用户名的学号、学生姓名、密码，班级以及手机号。 此注册页面由导航和下方注册信息表单构成。 因为用户名和密码不能为空，所以同样设置了 一个检查函数，和首页的检查用户名和密码输入是否为空的函数原理是一样的，在这里就不过多介绍了。 还有一点是密码的确认输入，因为密码要输入两次，所以在检查函数里有一项是检查两次输入的密码是否相同。 在提交表单之后检查无误的情况下转到处理页面 ，其代码如下： % num=trim((num)) sname=trim((name)) pwd=trim((pwd)) sclass=trim((sclass)) tel=trim((tel)) select * from users,1,3 rs(S_num)=num rs(S_name)=sname rs(S_password)=pwd rs(S_class)=sclass rs(S_tel)=tel % script language=vbscript MsgBox 注册成功，请重新登录 = /script 此段代码的主要作用是将用户的注册信息写进数据表里，然后提示用户注册成功，再转到首页重新登录。 课程教学 课程教学主要是知识课堂知识方面的教学内容以及一些相关的资源。 其效果如下图： 潍 坊 学 院 本 科 毕 业 设 计 15 图 课程教学界面 课程教学的界面是针对多媒体课程的教学。 左侧是几个选项，右侧则是用一个框架展示的类似于目录的一个课程的要点，点击右侧的某个选项，框架内容将自动更新成与选中的选项相关的网页，网页下端 有返回按钮，点击则返回课程教学起始页。 左侧的是四个链接内容。 第一个教学大纲是一个简单的网页，显示的主要内容是关于多媒体的教学内容，教学要求等信息。 第二个选项是课件，点击课件会在右侧提供每一章的教学课件。 到时只需要点击相关的连接即可将相应章节的教学课件下载下来，实现资源的共享。 第三个选项是拓展学习，点击拓展学习之后将刷新到一个新的页面，页面如下： 图 课程教学之拓展学习 潍 坊 学 院 本 科 毕 业 设 计 16 拓展学习的内容是从数据库中读取出来的，左侧是从数据库中的（ tzxx）表中读取出来的标题行，点击标题，右侧显示相对应的具体介绍。 由于 每个标题对应的内容都比较多，所以左侧为每个标题设置锚点，以页内设置连接的方式使右侧全部显示数据库中的内容是不现实的，这样会占用太多的空间，所以采用一个参数传递自动刷新的方式来显示相对应的知识点。 实现的方式主要还是通过一个框架和两个动态网页的文件。 左侧显示标题的代码如下： % select * from tzxx,1 do while not % a href=?id=%=rs(num)% target=right %=rs(title)%/abr % loop % 这段代码是将 tzxx 表中的标题全部显示在左侧，并为每一个标题设置一个连接，在更新网页的时候更新的位置是名字是“ right”的一个框架，就是整个页面的右下方区域。 同时将该标题所对应的 num 值作为一个 id 参数传递到 中。 的主要代码如下 % id=(id) if id= then select。