第15课留言记录的分页显示.doc

第15课 留言记录的分页显示课标理解“网络技术应用”模块介绍网络的基本功能和因特网的主要应用，是选修模块。通过本模块的学习，学生应掌握网络的基础知识和基本应用技能；掌握网站设计、制作的基本技术与评价方法；体验网络给人们的生活、学习带来的变化。本模块的教学，注重激发学生对网络技术和参与创造性活动的兴趣；结合实际条件，把网络技术基础知识和基本技能整合到学生的日常学习和生活中去，避免技术与应用、理论与实践相脱节；充分展示网络技术发展的指导思想，展示网络技术与现代社会生活的相互作用。本模块由3个单元组成，分别为：因特网应用、网络技术基础、网站设计与评价。网站设计与评价单元课标要求：（1）知道WWW、网页、主页、网站的基本概念及其相互关系。（2）理解动态网页的概念，能解释其工作过程。（3）能够根据表达任务的需求，使用常用的网页制作软件制作与发布动态网页。（4）通过开发实践，学会规划、设计、制作、发布与管理简单网站的基本方法。（5）能够根据网站主题要求设计评价指标，对常见网站的建设质量与运行状况进行评价。这一单元内容安排在教材的第五章网页及其制作工具与第六章网站设计与制作这二章中，为了完成这一部分内容的教学，我们一共设计了10个活动，分别是：第1课 发布自己的网站、第9课网页文件结构、第10课客户端动态技术、第11课服务器端动态技术、第12课建立数据库连接、第13课插入留言记录、第14课显示留言记录、第15课留言记录的分页显示、第16课用户登录验证、第17课删除留言记录。信息技术是当今世界上发展最快的技术之一，而网络技术又是信息技术中发展最为活跃的领域之一。网络技术及其应用已经渗透到社会生活的各个方面，正在改变着人们传统的生活、学习和工作方式，人们足不出户就可以知道世界上发生的重大事情。网络使得地球变得越来越小，也使人们的生活节奏加快，它为数字化、信息化奠定了强有力的技术基础。第1课我们设计了一个名为“孤芳自赏在自己的计算机上发布网站”的实验任务。由于本节课是网络技术应用选修模块的第一课，怎样把学生吸引到网络技术的学习中来，是本课的一个重要任务。因此本课在设计上既要与信息技术基础的必修课相联系，又要让学生为下一步学习网络技术作好铺垫。为此，该网络实验将学生在信息技术基础的必修课中制作的网页，通过进行适当的网络设置，将其发布在学生的本地计算机上。以了解Internet信息服务（IIS）的安装和设置，为后面的网络技术学习打下基础。第9课首先通过FrontPage的代码面板，针对只包含简单HTML元素的网页，让学生了解HTML文件的结构和基本的HTML元素。然后通过简单地修改相应的代码，产生神奇的网页效果，让学生进一步理解HTML代码及其作用，从而掌握基础的HTML元素及代码的编写方法。第10课在学生了解HTML元素的基础上，通过测试分析静态网页和客户端动态网页的特点，使学生了解静态网页、客户端动态技术的不同之处。并通过实践深入了解如何在网页上应用客户端动态技术。第11课通过在留言板进行留言的体验，让学生分析留言记录的存储和显示的过程，总结出服务器端动态技术的工作原理。然后，通过分析留言板中的数据项，进一步规划并创建留言板动态网站的数据库。第12课是学生制作动态网站的第一课，主要介绍动态网站开发基本环境的构建。本节课首先需要把站点目录设置为IIS虚拟目录，然后在Dreamweaver中定义站点。在搭建好环境的前提下，再进一步创建数据库连接，为后面的动态网站制作做好准备。第13课在完成数据库连接的基础上，通过创建留言板的交互界面，掌握表单操作，理解表单控件一般的设置方法。然后，给表单添加“插入记录”的服务器行为，实现把表单数据插入到数据表相应的字段中。学生通过学习制作留言板递交的页面，掌握记录插入的方法，同时把所学技能应用到自己的交互页面制作中去。第14课是让学生能够把数据库中的留言信息，在网页中显示出来。首先需要设计一个显示留言信息的界面。然后定义一个记录集，并把记录集字段内容绑定到网页上，实现留言记录的显示，在拓展学习中，通过将留言内容中的空格符和换行符替换成“HTML语言”标签，实现留言信息的正常显示。第15课通过设置显示数据表格的重复区域，实现动态显示多条留言信息，并通过记录集分页技术显示所有的数据记录。第16课为了实现留言管理模块的用户登录验证。首先创建管理登录的表单，然后添加“用户登录”服务器行为，并对登录成功的管理页面设置“限制对页的访问”服务器行为，完成用户登录验证的功能。第17课是一个综合应用，主要完成管理模块的删除记录的功能。其中包括界面的设计、记录集的创建、重复区域的设置、记录分页的创建、记录删除管理功能的实现。通过这一节课的学习，学生系统体验了一个模块的制作，梳理了制作动态页面所需要的最基本的知识。为以后制作复杂的系统打下基础。教材分析一、本课概述在上节课中，学习了将数据库记录动态绑定到网页上，并实现了留言内容的正常显示。但是只能显示一条留言信息。本节课通过设置显示数据表格的重复区域，实现动态显示多条留言信息，并通过记录集分页技术显示所有的数据记录。二、教学重点1掌握创建“重复区域”服务器行为的方法。2掌握记录集分页技术的实现方法。三、教学难点能灵活运用“重复区域”服务器行为。四、教学目标1知识与技能：（1）掌握创建“重复区域”服务器行为的方法。（2）掌握记录集的分页技术的实现方法。2制作活动目标：通过设置数据记录“重复区域”的服务器行为，在页面中显示多条留言信息。并通过记录集分页技术，分页显示所有留言信息。在拓展学习中，给出了设置“如果记录不为空则显示区域”的服务器行为。制作效果一、多条留言信息显示效果教学过程一、问题引出1在测试第14课制作的“留言显示”网页，发现只能显示第一条记录。那么，如何设置才能把其它的记录都显示出来呢？2通过设置“重复区域”可以显示了多条留言信息。那么，如何设置可以显示所有的留言信息呢？3当数据库中没有记录时，留言显示界面还是显示在页面上。如何做到数据库中没有数据记录时不显示留言界面，只有在有记录时才显示呢？二、知识点解析1数据库记录的重复区域：重复区域是指当一个网页表格更新数据时（一般指数据库数据），可以替换原表格对应数据的一种“特殊”表格。通过“重复区域”的服务器行为，用户可以实现对多条记录的动态显示。在把记录集的动态数据绑定到网页上后，其实只能显示数据库中的一条记录信息。要使数据库中的其它记录信息也能同时显示，这就需要创建“重复区域”的服务器行为。2记录集分页：记录集分页是指以分页显示的方式，在页面上显示记录集中的所有记录。在记录数量较大的时候，用一页一页来显示记录，一方面给浏览者带来不便，另一方面增加了服务器的负担。通过记录集分页提高了页面执行的效率，也提高了页面的美观性。3显示区域：显示区域指当满足一定的条件时显示数据的区域。在数据记录的绑定之后，如果数据库没有记录，这时在页面上不应该显示数据记录的表格界面。通过设置“记录不为空时显示区域”可以很好的解决这一问题。三、制作实例1添加“重复区域”行为2设置记录集分页3测试效果1添加“重复区域”服务器行为。（1）启动Dreamweaver，打开ly.asp文件。单击选中“留言内容”的表格。在“应用程序”面板的“服务器行为”选项卡中，单击按钮，选择“重复区域”命令，如图15-3-1所示。图15-3-1 “重复区域”命令（2）在“重复区域”对话框中，输入记录集名称：lyxs；显示的记录数设置为10，如图15-3-2所示。图15-3-2 重复区域设置面板（3）按“确定”按钮，完成重复区域的设置。这时在浏览器中测试效果，可以显示多条留言信息。2记录集分页技术。（1）在页面的最下方，插入一个一行一列表格，并把光标定位在新建的表格中。在“应用程序”面板的“服务器行为”选项卡中，单点击按钮，选择“记录集分页”中的“移至到第一条记录”命令，如图15-3-3所示。图15-3-3 记录集分页命令（2）在“移至第一条记录”对话框中，选择“lyxs”记录集，如图15-3-4所示。图15-3-4 移至第一条记录面板（3）单击“确定”按钮，完成“移至第一条记录”的链接制作。然后依次完成“移前一条记录”、“移下第一条记录”、“移至最后第一条记录”的设置，如图15-3-5所示。图15-3-5 记录集分页3测试效果，保存“ly.asp”文件，在Dreamweaver中单击“预览在iexplore”按钮，其留言分页显示的效果如图15-3-6所示。图15-3-6 记录集分页显示效果栏目D、拓展学习拓展一：“显示区域”服务器行为在完成动态文本绑定后，当数据库中没有留言记录时，在浏览器中运行ly.asp会出现运行错误，如图15-4-1所示。图15-4-1 出错信息如何在没有留言记录时，解决这个错误？这就需要设置“显示区域”的服务器行为，判断当“记录集”不为空时，才显示数据记录。1“显示区域”服务器行为。（1）选中“显示区域”的留言显示界面表格，在“应用程序”面板的“服务器行为”选项卡中，单击按钮，选择“显示区域”中的“如果记录不为空则显示区域”命