图书出版信息查询系统教学设计.docx
《图书出版信息查询系统教学设计.docx》由会员分享，可在线阅读，更多相关《图书出版信息查询系统教学设计.docx（27页珍藏版）》请在冰点文库上搜索。
图书出版信息查询系统教学设计
图书出版信息查询系统（教学设计）
五课教研两课评比
参
赛
教
案
参赛学校：
江阴市华姿中等专业学校
参赛选手：
王云
参赛组别：
信息技术类
教案单元名称：
交互式网页制作
教案所属课程：
《网页设计与制作》
教学设计说明
本内容选自人民邮电出版社、中职国家规划教材、《网页设计与制作》（王君学、田明）项目十四。
这个项目主要是通过服务器行为构建ASP交互式网页，它主要介绍了将数据库中的数据分页显示，分类查询和高级查询的方法，用户登录功能的实现，用户信息管理、图书信息管理。
要求学生能够熟练定义站点和创建数据库连接，熟练运用服务器行为，熟悉参数传递的方法，阶段变量Session的使用方法。
通过用户登录成功后实现对用户和图书信息进行添加、修改、删除等功能，否则用户只能浏览首页，最后给部分网页设置访问权限，这部分内容将为后期Asp程序设计打下良好的基础。
一、教学理念
通过学生体验整个项目，创设情境，提高学生学习的积极性，使他们对网页设计与制作产生浓厚的兴趣，牢记树立以学生为主体，教师是学生的引路人这个教学指导思想，将整个项目分为几大功能模块，各个模块包括几大任务，让所学内容一目了然，强调以能力为本位，以职业实践为主线的课改理念，培养学生学会发现问题、分析问题、解决问题的能力，让学生从做中学，从学中做，提高交互式网页设计与制作的技能。
二、教学思路
首先展现本项目的制作背景，引入项目，学生根据项目体验完成项目的整个流程图，教师分析何谓交互式网页，引入模块一项目准备，建立数据库文件，定义站点及创建数据库连接。
模块二实现图书信息查询功能，包含显示图书信息、分类查询、高级查询。
根据生活经验，引入模块三用户登录，其中包括利用行为检查表单，模块四后台用户管理，添加、修改、删除、注销用户。
模块五后台图书信息管理，添加、修改、删除图书信息。
只有用户登录成功才能管理，引入模块六访问权限的设置，最后进行项目的调试，结合自身的实际情况完成项目评价表和项目报告书。
三、课时安排
本项目的内容经过加工后分为六个模块共8个课时来完成。
模块一项目准备1课时
侧重于让学生分析项目，准备项目，如设计数据库、定义站点，创建数据库连接
模块二图书信息查询1课时
侧重于让学生利用参数传递，如ID、表单参数，查询图书信息，实现页面显示图书信息。
让系统给用户友好的提示信息。
对两次输入密码的异同进行核对，限制用户输入密码的长度。
模块三用户登录1课时
侧重于让学生利用服务器行为实现登录功能，利用行为检查表单对象，让系统给用户友好的提示信息。
模块四后台用户管理2课时
侧重于让学生利用服务器行为实现对用户的添加、修改、删除、注销。
模块五后台图书信息管理2课时
侧重于让学生利用服务器行为对图书信息进行添加、修改、删除。
模块六访问权限和项目调试1课时
侧重于让学生掌握设置访问权限的原因和方法，调试项目，完成项目评价表和项目报告。
课题序号
授课班级
授课课时
8
授课形式
项目式教学
项目
名称
项目十四制作交互式网页
使用教具
多媒体教室软件要求：
Dreamweaver8、IIS
教学目的
一、知识目标
1、掌握创建数据库连接的基本方法
2、掌握利用服务器行为插入、更新和删除数据库记录的基本方法
3、掌握显示图书信息的方法
二、能力目标
1、能够实现图书信息分页显示、分类查询、高级查询等功能
2、能够实现对图书信息进行管理的功能
3、能够实现对用户进行管理的功能
三、情感目标
1、培养学生协作学习的团队意识，分析问题、解决问题的能力
2、在后台页面的学习中逐渐提高学生对网站安全的意识
教学重点
分类查询、高级查询、用户登录、用户管理、图书信息管理、访问权限
课前准备
多媒体课件、素材
教学难点
分页技术、参数传递
利用服务器行为添加、修改、删除数据库记录
教学后记
本项目能够使学生掌握系统制作的一般流程，先进行前期分析设计，后完善各个功能模块。
数据的分页显示是一难点，关键是数据库连接是否成功，通过服务器行为就可以实现。
数据查询中的参数传递需要学生理解，学会灵活运用各种参数。
用户登录主要是要求学生掌握登录的原理，实现登录功能，后台管理主要是对用户和图书信息进行添加、修改、删除，可以让学生结合所学的SQL语句进行分析，通过后台管理页面养成学生对网站安全的意识。
课堂教学安排
教学过程
主要教学内容及步骤
师生活动
引
入
项
目
体
验
项
目
分
析
项
目
项
目
准
备
信
息
查
询
分
页
显
示
分
类
查
询
高
级
查
询
用
户
登
录
添
加
用
户
修
改
用
户
删
除
用
户
添
加
图
书
信
息
修
改
图
书
信
息
删
除
图
书
信
息
设
置
访
问
权
限
调
试
项
目
项
目
总
结
模块一项目准备
项目背景
某学校图书馆目前只有用借书证借书，形式是在借书证上登记所借的书籍，馆内藏书信息不能很好地反映，每次都要花费大量的人力来统计，这从一定程度上给图书管理工作带来了诸多不便，管理模式过于传统落后，已经无法满足信息化时代对图书管理的要求，学校投入资金成立了图书馆信息化建设小组，让你来承担项目负责人，你会如何建设图书出版查询如何实现运用的技术有哪些系统主页如图所示
项目体验
学生操作图书出版信息查询系统，浏览相关图书信息。
项目分析
根据对项目的浏览，让我们来分析一下本系统的操作流程
请同学们完成任务书上的连线题
交互式网页，显然就必须要有数据库文件，下面让我们来设计系统所用到的数据库
任务一设计数据库
1、book表（图书信息）
2、class表（图书分类）
3、admin表（用户信息）
注：
创建Access数据库data_db.mdb,存放于e:
//myweb/data中
后台数据库是如何与用户进行交互的呢？
下面请看任务二
任务二、定义站点并创建数据库连接
1、定义站点
名称
内容
网站名称
site
服务器主目录
E:
//myweb
服务器模型
Aspvbscript
访问类型
本地/网络
测试网址
http:
//localhost
2、创建连接
名称
内容
自定义连接字符串
（连接方式）
"Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath（"/data/Data_db.mdb"）
连接名称
conn
数据库名称
Data_db.mdb
注：
服务噐主目录与站点目录的一致性
项目准备工作一切就绪，图书信息查询功能是如何实现的呢？
模块二图书信息查询
首先让我们在主页中来创建数据列表，用来显示图书信息。
操作步骤：
应用程序------服务器行为-------记录集（查询）---------绑定（教师演示）
学生观察发现问题：
页面列表中只出现一条图书信息，这是什么原因导致的呢
小组讨论：
针对页面出现的问题，讨论解决的方案
学生通过查阅课本得出结论：
利用重复区域的插入
这时全部的查询结果都显示在页面上，能不能让页面上只显示5条信息呢
学生思考，利用分页功能，引入任务一
任务一添加分页及状态导航
操作步骤：
:
利用应用程序的服务器行为中重复区域和记录集导航状态的功能
小组合作学习,探索分页的制作过程,完成任务
我们如果按类别来查询图书信息，如何实现呢，引入任务二
任务二分类查询
教师分析：
我们单击某类别的名称会出现这个类别下的图书信息，如何实现的？
利用打比方通俗讲解：
URL参数：
classnumber
result.asp?
classnumber=<%=（RsClass.Fields.Item（"classnumber"）.Value）%>
学生完成任务二
如果用关键字进行查询，如何实现呢？
引入任务三
任务三高级查询
我们是在表单对象中输入数据，然后进行查询的
参数类型显然是表单参数：
Request.Form（"BookName"）
作比较：
高级查询与分类查询的异同
查询方式
相同点
不同点
分类查询
高级查询
往往我们在浏览网站时都会要求用户进行登录，对于后台管理更加需要管理员登录，才能对相关的信息进行操作，那么登录是如何实现的呢？
模块三用户登录
用户注册了网站，那么他只需要登录成功就有权限浏览相关的内容，如何实现？
根据观摩，学生说出用户登录的流程，教师展示相应的流程图
教师提供“登录页面”的素材，界面如图所示。
教师任务书中给出提示，仍然是通过服务器行为，要求学生尝试完成
1、具体操作：
（1）服务器行为面板
（2）登录用户
登录成功后的页面为admin.asp,失败后的页面为loginfail.asp
（教师直接提供Loginfail.asp和admin.asp页面素材）
登录成功后出现的页面（loginsuccess.asp）如下图所示
思考：
欢迎后面的“用户名”是怎么产生的呢？
能不能通过一个变量在网页间进行传递实现。
2、创建阶段变量mm_username
操作步骤：
（1）、应用程序-----绑定-------阶段变量
（2）、添加阶段变量到admin.asp页面
Dreamweaver中创建登录应用程序后，它将自动生成相应的Sesssion变量
Session（“mm_username”）记录当前登录用户的信息，会在网页中互相传递，可以用来验证用户是否登录
用户不输入任何信息想直接登录，系统给出友情提醒，要求用户必须输入帐号，也就是对表单对象进行查漏补缺。
3、检查表单
利用行为onsubmit事件检查表单对象
操作要领：
行为-----检查表单-----添加onsubmit事件（默认事件）
课后任务：
利用javascript代码程序能否实现？
后台管理用户是如何添加的呢？
这就涉及到后台用户管理的设计，包括对用户的修改、添加、删除，引入模块四
模块四后台用户管理
任务一添加用户
从体验中可以看出，我们必须先有一个网站的帐号，这样才有权限有浏览相关的信息，因此，要设计用户的注册功能
教师给出素材“注册页面”，如图所示
思考1：
如何实现将输入的用户信息添加到后台数据库admin表中呢？
操作要领：
插入-----应用程序------插入记录
思考2：
注册的用户名发生重复登记现象，这会导致管理员分不清哪个用户的信息，如何解决呢？
操作步骤：
插入---------应用程序------用户身份验证----检查新用户名
如果用户不小心将错误的信息注册了，那么如何对用户信息进行修改呢？
任务二修改用户
注册用户编辑页面（listuser.asp）如图所示，包含修改与删除用户，修改功能如何实现？
修改用户页面（edituser.asp）如图所示
从图中可以看出，原先的数据都会显示在页面上，请同学们思考
其实很简单，只需要创建记录集rsuser,设置表单对象的属性为动态文本
注意点：
各表单对象的名称应与数据库中admin表的字段名一致，其中用户表名不能用user
我们修改用户信息后，如何将它添加到后台数据库中呢，需要更新用户信息。
操作步骤：
1、应用程序-------服务器行为---------更新记录
2、设置对话框中的参数
任务三删除用户
注册用户编辑页面（listuser.asp）中删除用户又是如何实现的呢？
为“删除”建立超链接，通过参数id传递在deluser.asp页面中实现删除用户的功能
操作步骤：
1、利用服务器行为------------命令
2、删除命令对话框如图所示
其中的关键设置：
SQL语句：
deletefromuser1whereid=mm_userid
变量：
mm_userid运行值：
request（“id”）
如何将session变量从服务器中清空呢？
这就需要对用户进行注销，以便安全退出。
任务四注销用户
我们只需要在left.asp页面中进行用户注销
操作步骤
1、选定文本“注销用户”
2、服务器行为面板------------用户身份验证
3、注销用户
注销用户后，Session变量会清空
模块五后台图书信息管理
既然用户管理功能实现了，同学们，能不能对图书信息同样在后台页面中进行管理呢？
任务一添加图书信息
添加图书（addbook.asp）页面如图所示
如何实现图书的添加？
可以从添加用户吸取经验。
学生自主完成任务一，总结归纳
操作步骤：
1、新建记录集rsbook、rsclass
2、设置图书类别
3、利用服务器行为-----插入记录
图书管理页面（listbook.asp）如图所示
类比分析：
老师提问：
比较图书信息列表与index.asp中的列表的区别，新增的功能有哪些？
学生观察得出结论：
管理员可以对图书信息进行修改和删除
任务二修改图书信息
老师提问：
具体是如何实现修改图书信息的？
学生从修改用户中找到解决方法：
设置链接地址中必须传递参数id
老师精讲：
设置的链接地址如下
修改：
editbook.asp?
id=<%=（rsbook.Fields.Item（"ID"）.Value）%>
老师：
（1）传递参数的目的是什么？
（2）在修改图书信息中，可以对其中的图书信息进行修改。
修改图书信息页面（editbook.asp）如图
角色：
学生-----------校图书馆管理员，发现将图书的版次和作者弄错了，如何修改图书信息？
问题实质：
本任务主要还是修改数据库，将正确的图书信息写入后台数据库。
学生完成任务二
小组归纳操作步骤
操作步骤：
1、先将各动态文本显示
2、服务器行为------------更新记录
如何删除图书信息呢？
任务三删除图书信息
删除图书信息页面（delbook.asp）如图所示
和前面删除用户信息相类似，要求同学们自己完成任务三
操作步骤：
创建链接删除页面delbook.asp？
id=<%=（rsbook.Fields.Item（"ID"）.Value）%>
利用服务器行为中命令实现删除，命令对话框如图所示
其中的关键设置有：
SQL语句：
deletefrombookwhereid=mm_bookid
变量：
mm_bookid运行值：
request（“id”）
模块六访问权限和项目调试
任务一设置访问权限
1、导入实例：
暨阳论坛版主、校园网管理员
2、功能描述：
对后台管理页面loginsuccess.asp的登录是有权限的，只有管理员登录后才能够对后台进行管理，如对有关的信息进行添加、修改、删除等操作，非管理员是没有权限访问这些页面的。
那么我们怎么设置权限问题呢？
其实也很简单
教师提问：
哪些页面需要进行限制访问呢？
学生思考，让其中一个小组进行阐述
这些页面有：
loginsuccess.asp、listbook.asp、editbook.asp、delbook.asp、listuser.aspedituser.asp、deluser.asp
3、操作步骤：
（1）服务器行为----用户身份验证-----限制对页的访问
（2）基于用户名和密码进行身份验证
（3）如果访问被拒绝，转到系统主页index.asp进行登录
（4）对其它的管理页面进行限制访问
学生完成模块功能，教师转播某组操作过程与结果
任务二调试项目
学生调试整个系统，展示最终的作品，并完成评价表
评价项目
总结性评价
过程性评价
最终效果
出现的问题
操作要领
站点测试
数据库连接
分类查询
高级查询
后台用户登录
添加用户页面
修改用户页面
删除用户页面
添加图书页面
修改图书页面
删除图书页面
任务三设计项目报告
完成本项目的报告书
问题引入
师：
我校图书馆借书的方式
生：
借书证、查书耗时
让学生体验项目的流程，提高学习的乐趣
学生根据体验分析流程，教师展示流程
生：
根据项目体验和结构图完成连线题
师：
分析数据库组成部分
生：
完成数据库的设计
师：
后台数据库数据如何显示在网页上呢
生：
测试连接，小组讨论
教师操作演示，学生观看，发现问题，小组讨论，解决问题
师：
深入挖掘
师：
通俗讲解参数传递，使内容简单易懂
师：
演示
生：
归纳总结
教师操作演示，让学生比较分析两种查询的异同
学生完成任务三
教师播放视频文件，学生思考用户登录的流程图
生：
自主完成任务一
师：
分析制作情况
学生发现问题，
教师由问题引入阶段变量
师生共同探讨
学生完成本模块
教师演示
学生完成任务
教师给出操作步骤，学生尝试自主完成本任务
教师提供页面，学生思考问题，根据提示解决问题
学生根据提示完成
师：
讲解注销意义
生：
小组探究学习
学生复习
模块四任务一，完成任务
教师提问，学生观察，引入任务二
学生复习修改用户
教师讲解
学生角色扮演，激发课堂氛围
借鉴模块四，学生完成任务三
教师巡回指导
师：
后台管理页面安全性
教师提问，学生思考
教师操作演示
学生调试
完成评价表
复习巩固
升级会员 