(中职）Web数据库与动态网页设计第6单元ppt课件.ppt

(中职）Web数据库与动态网页设计第6单元ppt课件第 2 页 共 47页单元六单元六 创建在线测试系统创建在线测试系统l 引言引言 本单元所创建的在线测试系统后台数据库采用的是SQL Server。“在线测试系统”由“为网站建立数据库和数据表”、“制作登录页面”、“制作注册页面和密码修改页面”、“制作试题页面”、“编写与调试阅卷程序”共五个任务组成。第 3 页 共 47页l能力目标 能创建数据表的查询 能对数据库进行通常维护 单元六单元六 创建在线测试系统创建在线测试系统第 4 页 共 47页 任务一 为网站建立数据库和数据表 任务二 制作登录页面 任务三 制作注册页面和密码修改页面 任务四 制作试题页面 任务五 编写与调试阅卷程序 项目实训 创建网上书店服务评价系统 单元六单元六 创建在线测试系统创建在线测试系统第 5 页 共 47页任务一任务一 为网站建立数据库和数据表为网站建立数据库和数据表 对于在线测试系统数据库的设置、备份是一件很重要的工作，整个系统以SQL Server为后台数据库，是真正的客户机/服务器体系结构，其特点是功能十分强大，安全可靠。返 回关 闭l 任务描述 第 6 页 共 47页 数据库的需求分析：系统进入时首先要进行注册，所以学生注册数据表必不可少，各种类型的题库数据表也是必需的，另外学生交卷后成绩处理需要数据表。建表时要注意正确选择数据类型。l 任务分析 返 回关 闭任务一任务一 为网站建立数据库和数据表为网站建立数据库和数据表第 7 页 共 47页l 方法与步骤 创建文件夹和虚拟目录 创建数据库 返 回关 闭任务一任务一 为网站建立数据库和数据表为网站建立数据库和数据表第 8 页 共 47页l 相关知识与技能 返 回关 闭任务一任务一 为网站建立数据库和数据表为网站建立数据库和数据表 SQL Server系统数据类型 第 9 页 共 47页l 拓展与提高 返 回关 闭任务一任务一 为网站建立数据库和数据表为网站建立数据库和数据表 在SQL Server数据库中导入Access数据表第 10 页 共 47页l 思考与练习 试将student进行备份数据表的操作。返 回关 闭任务一任务一 为网站建立数据库和数据表为网站建立数据库和数据表 试将student表进行还原操作。试在SQL Server数据库中新建一张数据表sdl，结构如表所示，自行添加记录，然后导出为Excel表格。第 11 页 共 47页l 思考与练习 返 回关 闭任务一任务一 为网站建立数据库和数据表为网站建立数据库和数据表字 段 名数 据 类 型字 段 名数 据 类 型姓名 char职称 char 出生年月 datetime基本工资 money性别 char工龄 int籍贯 char部门编号 char第 12 页 共 47页任务二任务二 制作登录页面制作登录页面 返 回关 闭l 任务描述 在线测试系统作为网络无纸化测试的重要组成部分，是近几年出现的一种全新的技术。它利用成熟的网络条件和数据库技术，实现了测试的无纸化、自动化、远程化，是测试形式的一次重大革新。登录页面是在线测试系统的门面，既要力求简单明了，又要适当美化。第 13 页 共 47页返 回关 闭l 任务分析 目前，比较流行的两种网络开发模式分别是Client/Server模式与Browser/Server模式。对于本系统，其功能主要是在局域网中实现无纸化的测试，由于系统对数据收集的实时性要求不高，因此采用Browser/Server模式来进行设计是合理可行的。本系统使用ASP为主要技术，结合数据库技术进行开发。首先，在需求分析过程中对流程的分析要全面，对实体之间的关系要理解清楚，因为数据库是在实体的基础上任务二任务二 制作登录页面制作登录页面第 14 页 共 47页返 回关 闭l 任务分析 建立的，也只有在需求分析的基础上，才能够建立整个系统的完整结构。本系统对于用户应有“新生注册”、“进入测试”、“密码修改”、“在线测试”和“查看成绩”等功能。对于管理员应有“登录”、“个人资料修改”、“试题编辑”、“成绩统计”和“数据备份与导出”等功能。根据系统功能分析，这是一个简单的在线测试系统，整个系统的页面逻辑结构示意图如图所示。任务二任务二 制作登录页面制作登录页面第 15 页 共 47页任务二任务二 制作登录页面制作登录页面返 回关 闭第 16 页 共 47页返 回关 闭l 方法与步骤 任务二任务二 制作登录页面制作登录页面 制作登录页面 登录页面的制作比较简单，如图所示，“修改密码”、“进入测试”和“新生注册”三个按钮分别对应的asp文件为Mima.asp、check.asp和login.asp。第 17 页 共 47页返 回关 闭l 方法与步骤 任务二任务二 制作登录页面制作登录页面 制作课程选择页面 课程选择页面比较简单，如图所示，这里以“信息技术基础”和“计算机操作员（中级）”两门课为例（若有三门课、四门课或更多门课，其原理是一样的）。第 18 页 共 47页返 回关 闭任务二任务二 制作登录页面制作登录页面 单击“选择进入”按钮后调用表单处理文件check_d.asp进行处理。该文件的ASP代码见教材。第 19 页 共 47页返 回关 闭l 方法与步骤 任务二任务二 制作登录页面制作登录页面 制作题型选择页面 题型选择可分为判断题和单项选择题两类，分别用两个按钮进行选择，页面如图所示。单击“判断题”或“单项选择题”按钮后调用表单处理文件check_t.asp进行处理。该文件的ASP代码见教材。第 20 页 共 47页返 回关 闭l 相关知识与技能 因为测试系统需要让学生了解测试的时间，所以页面要显示进入的时间。在以上check.asp文件中使用了读取服务器时间，并且利用session对象的examtime变量记录考生的测试时间。另外，在check.asp文件中先置passed初值为false，通过身份检查则把该变量置为true，这样可避免不经身份验证直接进入测试。上面ASP程序中的elseif，其else和if之间不能用空格。为了简单美化页面，网页制作时可先设置CSS样式，然后应用到文字或按钮上。任务二任务二 制作登录页面制作登录页面第 21 页 共 47页返 回关 闭l 拓展与提高 在以上check.asp文件中数据库的连接采用Microsoft.Jet.OLEDB.4.0，其优点是不需要进行ODBC的数据源设置，就可直接使用数据表中的数据，其缺点是数据的安全性较差。要提高数据的安全性可使用SQL Server数据库。任务二任务二 制作登录页面制作登录页面第 22 页 共 47页返 回关 闭l 思考与练习 试编写一段程序，判断在一个表单中有多个“提交表单”功能按钮时，用户按下的是哪一个？做一个小实例来进一步理解分支程序。任务二任务二 制作登录页面制作登录页面第 23 页 共 47页任务三任务三 制作注册页面和密码修改页面制作注册页面和密码修改页面 返 回关 闭l 任务描述 一个完整的应用系统，为了便于管理一般都要求第一次使用的用户必须先进行注册，非注册用户是不允许使用的。用户注册后要允许其修改密码，所以要设计一个修改密码页面。第 24 页 共 47页返 回关 闭l 任务分析 注册时学生在输入学号、密码和确认密码后单击“提交”按钮，系统要对提交的内容进行验证，这里包括以下一些内容：学号不能为空 密码不能为空 确认密码不能为空 密码与确认密码必须相同 在原数据表中查找有没有相同的学号已注册。修改密码页面在单击“提交”按钮后也要进行类似的内容验证。修改密码的用户必须是已注册的用户，这一点在验证时很重要。任务三任务三 制作注册页面和密码修改页面制作注册页面和密码修改页面第 25 页 共 47页返 回关 闭l 方法与步骤 任务三任务三 制作注册页面和密码修改页面制作注册页面和密码修改页面 制作新生注册页面 新生注册页面的制作比较简单，如图所示。单击“提交确认”按钮后调用表单处理文件checkx.asp进行处理。该文件的ASP代码见教材。第 26 页 共 47页返 回关 闭l 方法与步骤 任务三任务三 制作注册页面和密码修改页面制作注册页面和密码修改页面 制作密码修改页面 密码修改页面的制作也比较简单，如图所示。单击“确认”按钮后调用表单自身文件mima.asp进行处理。该文件的ASP代码见教材。第 27 页 共 47页返 回关 闭l 相关知识与技能 在上面mima.asp文件的ASP代码中，判断文本域填写内容是否为空，可以用两种不同的方式，如bname1=Empty或bname2=。任务三任务三 制作注册页面和密码修改页面制作注册页面和密码修改页面第 28 页 共 47页返 回关 闭l 拓展与提高 上面的新生注册和密码修改页面的ASP程序中都用到了SQL查询语句，SQL查询也可以进行多表查询。任务三任务三 制作注册页面和密码修改页面制作注册页面和密码修改页面第 29 页 共 47页返 回关 闭l 思考与练习 任务三任务三 制作注册页面和密码修改页面制作注册页面和密码修改页面 试编写一段程序，使进行“修改密码”的用户必须是已注册的用户，当用户三次登录错误时则将页面自动关闭。第 30 页 共 47页任务四任务四 制作试题页面制作试题页面 返 回关 闭l 任务描述 试题页面是整个系统的主体部分，它分为判断题、单项选择题两种类型，要使用户最大限度的方便使用，也使开发过程简单快捷，可将一种类型做成一个页面，用户可用滚动条直接滚动进行选题，最后单击“交卷”按钮就可知道自己的测试结果。第 31 页 共 47页返 回关 闭l 任务分析 要选择判断题和单项选择题两种类型的题目，在页面上直接单击“判断题”、“单项选择题”按钮即可。页面的上面均显示进入的日期和时间，单击最下面的“交卷”按钮直接提交。未经登录的用户不能直接打开该页面。任务四任务四 制作试题页面制作试题页面第 32 页 共 47页返 回关 闭l 方法与步骤 任务四任务四 制作试题页面制作试题页面 单项选择试题页面显示结果如图所示，判断题显示形式基本一样。整个页面上的题目可用右边的滚动条滚动显示，页面的最下面有一个“交卷”按钮。该页面的文件名为showd.asp，其源代码 见教材。第 33 页 共 47页返 回关 闭l 相关知识与技能 单项选择题交卷后的表单处理程序文件为grad.asp，判断题用gra.asp文件进行处理。程序中采用循环结构将n变量每次加一来确定单选按钮的名称，这样便于表单处理程序来判断答题的结果。单项选择题一般有A、B、C、D四个选项，但有些题目只有A、B、C三个选项，上面的ASP程序能判断有无D选项。任务四任务四 制作试题页面制作试题页面第 34 页 共 47页返 回关 闭l 相关知识与技能 上面的ASP程序对数据表中内容的显示采用字段名称顺序号，例如、等。任务四任务四 制作试题页面制作试题页面第 35 页 共 47页返 回关 闭l 拓展与提高 ASP的内置组件Ad Rotator组件（广告轮显组件）任务四任务四 制作试题页面制作试题页面第 36 页 共 47页返 回关 闭l 思考与练习 如何在页面上设置一个倒计时时钟？试编一个倒计时时钟。任务四任务四 制作试题页面制作试题页面 如何使题目的顺序为随机产生？网页中“返回到上一页”功能的代码怎么写？第 37 页 共 47页任务五任务五 编写与调试阅卷程序编写与调试阅卷程序 返 回关 闭l 任务描述 学生在试题页面单击“交卷”按钮后即可直接进入成绩显示页面，然后可让学生后退到试卷页面或查看标准答案。这样可让学生反复练习。第 38 页 共 47页返 回关 闭l 任务分析 编写与调试阅卷程序的思路主要是考虑学生单击“提交”按钮后表单内容的处理，这里不仅要显示学生做对几题、做错几题和几题没做，还要清楚地显示是哪一题做对了，哪一题做错了和哪一题没做。任务五任务五 编写与调试阅卷程序编写与调试阅卷程序第 39 页 共 47页返 回关 闭l 方法与步骤 任务五任务五 编写与调试阅卷程序编写与调试阅卷程序 制作成绩显示页面 成绩显示页面的制作比较简单，单击单项选择题页面中的“提交”按钮后的页面如图所示。Grad.asp文件的ASP代码 见教材。第 40 页 共 47页返 回关 闭l 方法与步骤 任务五任务五 编写与调试阅卷程序编写与调试阅卷程序 制作标准答案页面 在成绩显示页面中有一个“查看标准答案”超链接，可直接显示相对应的试题答案。页面的制作比较简单，如图所示。Anad.asp文件的源代码见教材。第 41 页 共 47页返 回关 闭l 相关知识与技能 任务五任务五 编写与调试阅卷程序编写与调试阅卷程序 在成绩显示页面中用小图片dui.jpg和cuo.jpg直接显示题目做对和做错，未做的题则直接用文字显示，这样可以一目了然。显示和统计结果时先把用户提交的结果放入变量youresult中，然后用SQL插入语句（insert into）插入到数据表中，最后输出时调用表中的该字段进行判别后输出。用户若单击“再做一次”按钮则直接调用试题显示页面showd.asp。第 42 页 共 47页返 回关 闭l 思考与练习 在成绩显示页面中，“后退”和“再做一次”按钮在功能上有什么区别？找出程序中相应的语句。任务五任务五 编写与调试阅卷程序编写与调试阅卷程序 试编写一段程序，在成绩显示页面中显示目前最高得分者是谁。试编写一段程序，在用户单击“交卷”按钮后不仅显示成绩还能显示花费的时间是多少。第 43 页 共 47页项目实训项目实训 创建网上书店服务评价系统创建网上书店服务评价系统 返 回关 闭l 项目背景 在网上书店网站创建调查表网页和评分网页是为了更好地了解用户需求，从而改善网站的服务质量。广告轮显是为网上书店作广告，其作用是不言而喻的。第 44 页 共 47页项目实训项目实训 创建网上书店服务评价系统创建网上书店服务评价系统返 回关 闭l 项目要求 在网页上方制作一个轮显新书广告 制作一个评分页面，要求后台数据库用SQL Server 2000 题型可以使用单项选择题 用户提交以后要有统计 第 45 页 共 47页项目实训项目实训 创建网上书店服务评价系统创建网上书店服务评价系统返 回关 闭l 项目提示 使用ASP的内置组件Ad Rotator组件（广告轮显组件）制作新书广告 创建后台数据库并输入评分的内容 编写统计程序并显示结果 第 46 页 共 47页项目实训项目实训 创建网上书店服务评价系统创建网上书店服务评价系统返 回关 闭l 项目评价 第 47 页 共 47页内 容评 价 等 级能 力 目 标评 价 项 目321职业能力能创建数据表的查询了解表的SQL查询功能能正确地编写SQL查询语句能对数据库进行简单维护会导入、导出SQL Server数据表能正确的删除、修改、添加SQL Server数据表记录会备份和还原SQL Server数据库能制作简单的动态网页会编写身份验证程序会制作动态网页的交互功能会编写统计程序并显示结果能在动态网页中正确的连接SQL Server数据库通用能力欣赏能力独立构思能力解决问题的能力自我提高的能力组织能力综合评价返 回关 闭第 48 页 共 47页