中职 ASP动态网页设计项目项目4教学课件 高教版.ppt

中职 ASP动态网页设计项目项目4教学课件 高教版项目四 网站新闻发布与管理了解新闻管理系统工作流程；了解新闻发布管理系统的页面组成或所需的数据库表文件；创建记录集，绑定正确的字段，创建重复区域服务器行为；完成记录分页，根据需要显示不同区域；制作转到详细页面，选择传递的参数和条件；正确地插入表单，使用文本域、按钮；为表单设置正确的目标和方法；正确作用动态表格和记录集导航；创建登录用户服务器行为；创建限制对页面的访问服务器行为；创建记录的输入、修改、删除服务器行为。教学目标：教学重点:数据库链接 记录集创建 动态数据的绑定 插入记录服务器行为 教学难点:记录集创建及服务器行为教学方法:任务驱动法任务一、网站首页新闻显示模块 任务目标：了解一般新闻页面的组成；掌握数据库连接的创建方法及连接字符串；掌握记录集的创建及字段的绑定；掌握重复区域、转到详细页面等服务器行业的创建任务描述将光盘中“素材项目四示例原始文档”文件夹中的文件夹复制到本地硬盘中如：E:并创建成动态Web站点，然后将网站首页（index.htm）的新闻显示模块由静态的修改成动态的(index.asp)。任务分析本任务通过对网站首页（index.htm）的新闻显示模块进行修改使由原来的静态链接变为动态自动显示数据库最新的8条新闻，并能转到相应新闻的详细页面。一、操作体验步骤1 修改网站首页，将新闻显示模块的静态链接删除步骤2 创建数据库连接步骤3 创建记录集步骤4 创建服务器行为 包括转到详细页面和重复区域创建二、知识链接自定义字符串有两种方式：（1）Driver=Microsoft Access Driver(*.mdb);DBQ=&Server.MapPath(数据库文件相对站点根目录的位置)（2）针对不同的Access版本又两种Access 2003的自定义字符串：Provider=Microsoft.Jet.OLEDB.4.0;Data Source=&Server.MapPath(数据库文件相对站点根目录的位置)Access 2007的自定义字符串：provider=Microsoft.Ace.OLEDB.12.0;Data Source=&Server MapPath(数据库文件相对站点根目录的位置)提示：字符串中的符号为英文状态下的字符；数据库文件相对站点根目录的位置如：datashqyw.mdb；制作动态网页的流程（1）创建数据库；（2）定义站点；（3）创建静态页面；（4）建立数据库连接；（5）创建记录集；（6）字段绑定到页面；（7）页面中添加服务器行为；（8）测试预览页面试一试:使用Dreamweaver CS6打开“素材项目四示例 01-”文 件 夹 的index.htm文档，对网站首页中的“建站知识”模块进行修改，使“建站知识”模块以动态方式来显示相关信息。任务二、新闻列表页面制作 任务目标：了解新闻列表页面的组成；了解新闻列表页面的制作步骤掌握记录集的创建及字段的绑定；掌握重复区域、转到详细页面等服务器行业的创建；掌握记录集导航条的创建。任务描述完成企业网站新闻列表页面的制作打开网站目录htmlGongSiXinWen下的index.htm文档 将制作成新闻列表页。任务分析动态新闻列表页面的制作过程包括：记录集、绑定、重复区域、转到详细页面、记录集导航的创建等。一、操作体验步骤1 修改静态新闻列表页面步骤2 创建记录集步骤3 创建转到详细页面步骤4 创建重复区域步骤5 创建记录集导航二、知识链接（1）记录集对话框各项说明名称：用于设置记录集的名称，默认为Recordset1。连接：用于选择数据库的连接。如已创建，可单击下拉列表直接选择。表格：用于选择为记录集提供数据的数据库表。列：用于显示数据库表中的字段。默认选择为全部，也可选择一部分。筛选：用于进一步限制从表中返回的记录，根据指定的筛选条件，筛选出表符合条件的记录。排序：对返回的记录进行排序，有升序和降序两种。测试：测试是否能连接到数据库中的表，并返回数据库表中的记录。高级：用于通过SQL 创建多个条件的查询。（2）重复区域“重复区域”服务器行为允许在网页页面中显示记录集中的记录个数。（3）转到详细页面“转到详细页面”服务器行为可以将信息或参数从一个页面传递到另一个页面。“转到详细页面”对话框说明：链接：可以选择要把行为应用到哪个超链接上，如果在文档中选择了动态内容，则会自动选择该内容。详细页面：在文本框中输入详细页面对应的URL地址。传递URL参数：在文本框中输入要通过URL传递到详细页面中的参数名称，然后设置记录集和列的值。URL参数：表明将结果页面听URL参数传递到页面上。表单参数：表明将结果页面中的表单值以URL参数的方式传递到详细页面上。试一试:使用Dreamweaver CS6打开“素材项目四示 例 01-html JianZhanZhiShi”文件夹的index.html文档，对页面进行修改，制作以动态方式来显示建站知识列表信息的页面。任务三、新闻详细页面制作 任务目标：了解新闻页面一般组成巩固“记录集”的应用巩固“记录导航条”的应用任务描述使用Dreamweaver CS6将原来的静态新闻页面修改为动态新闻页面。网站目录htmlGongSiXinWen下的257.htm文档 任务分析在新闻列表页面中，以列表的形式将新闻标题和新闻发布时间显示出来供浏览者访问，然后单击新闻标题即可进入新闻详细页面。在显示新闻详细页面时，链接以URL参数的形式传递浏览者所选择的记录的ID，详细页面以此ID在数据库表中查找相应的记录并显示该记录。一、操作体验步骤1 修改静态新闻详细页面步骤2 为详细页面创建记录集步骤3 修改文档的标题步骤4 修改页面中显示新闻的标题步骤5 修改页面正文内容步骤6 为新闻详细页添加“上一篇”、“下一篇”链接二、知识链接（1）记录导航条 如果指定的每页记录数是有限的，并且所请求的记录数可能超过这个数，则可通过添加记录导航链接使用用户能够查看到其他记录。记录导航条包括：移至第一条记录；移至前一条记录；移至下一条记录；移至最后一条记录。（2）显示区域 可以根据条件动态显示记录导航超链接。显示区域包括：如果记录集为空则显示区域；如果记录集不为空则显示区域；如果为第一条记录则显示区域；如果不是第一条记录则显示区域；如果为最后一条记录则显示区域；如果不是最后一条记录则显示区域。试一试:使用Dreamweaver CS6打开“素材项目四示 例 01-html JianZhanZhiShi”文件夹的253.html文档，对页面进行修改，制作建站知识的动态详细页面。任务四、制作后台管理登录页面 任务目标：了解网站安全机制；掌握表单对象的应用；掌握用户身份验证操作任务描述制作网站后台管理的登录页面。任务分析网站后台管理登录页面是进入后台管理的入口，是判断合法用户进行管理的手段。本任务就是学习利用登录账号与密码来判断是否为合法用户。制作网站后台管理登录页面一般是通过制作登录页面及登录验证功能来完成的。一、操作体验步骤1制作静态登录页面步骤2设置登录页面的登录验证二、知识链接（1）用户身份验证用户身份验证是限制用户对网站相关数据的添加、修改和删除，一般是当浏览者要访问受限制的页面时，通常是先登录，验证用户名和密码是否合法，决定是否允许进入。用户身份验证包括：登录用户：用于制作登录页面，在登录页面中验证表单输入的用户名和密码是否为数据库中的数据相匹配。限制对页面的访问：用于设置没有经过登录验证时不能访问的页面。注销用户：与登录用户是一个相反的过程，主要用于注销登录用户。检查新用户名：用于验证在表单中新添加的内容是否在数据库中存在。（2）“登录用户”对话框参数说明从表单获取输入：选择接受哪一个表单的提交；用户名字段：选择用户名所对应的文本框架；密码字段：选择用户密码所对应的文本框；使用连接验证：确定使用哪一个数据库连接；表格：确定使用数据库中的哪一个数据表；用户名列：选择用户名对应的字段；密码列：选择用户密码对应的字段；如果登录成功：将用户引导到指定的页面；如果登录失败：将用户引导到指定的页面；基于以下项限制访问：选择验证级别。试一试:将光盘中“素材项目四试一试原始文件 04”文件夹中所提供的数据库和素材复制到硬盘上，然后根据所提供的素材，请试着自己做一个网站的后台登录页面，文件名为admin_login.asp。任务五、新闻列表管理页面制作 任务目标：了解新闻列表页面的组成；巩固“记录集”的应用；巩固“重复区域”的应用；巩固“转到详细页面”的应用巩固“表单”在页面中的应用掌握“限制对页的访问”实现方法及应用。任务描述制作网站后台的新闻列表管理页面。任务分析新闻列表页面，显示新闻编号、新闻栏目、新闻标题及发布时间等信息，制作新闻列表页面显示上述信息。本任务通过创建记录集、定义重复区域、绑定动态数据、转到详细页面和限制对页的访问等服务器行为来实现新闻列表管理页面的制作。一、操作体验步骤1制作新闻列表管理静态页面步骤2创建页面的记录集步骤3创建页面“重复区域”服务器行业步骤4添加“记录集导航条”链接步骤5添加“转到详细页面”步骤6添加“限制对页的访问”二、知识链接（1）限制对页的访问要求用户必须通过登录页面登录进行身份验证才能转到后台的管理页面，而用户不能直接通过地址访问网站后台的管理页面。如果未登录者直接在地址栏输入页面地址则跳转到登陆页限制对页的访问的两种方式：用户名和密码用户名、密码和访问级别（2）URL参数使您将用户提供的信息从浏览器传递到服务器。当服务器收到请求，而且参数被追加到请求的 URL 上时，服务器在将请求的页提供给浏览器之前，向参数提供对请求页的访问。URL 参数是追加到 URL 上的一个“名称-值”对。参数以问号“?”开始 并采用 name=value.如果存在多个 URL 参数，则参数之间用(&)符隔开。下例显示带有两个名称-值对的 URL 参数：http:/server/path/document?name1=value1&name2=value2试一试:使用Dreamweaver CS6打开“素材项目四示例原始文件 01-html JianZhanZhiShi”文件夹的253.html文档，对页面进行修改，请试着自己做一个网站的后台建 站 知 识 列 表 管 理 页 面，文 件 名 为jianzhanzhishi_list.asp。任务六、制作新闻添加页面 任务目标：了解添加新闻页面的组成；巩固“记录集”的应用；巩固“表单”在页面中的应用；巩固“限制页面访问”的应用；掌握spry验证文本域的验证；掌握“插入记录”的实现方法。任务描述制作网站后台添加新闻的管理页面。任务分析通过介绍“服务器行为”面板中“插入记录”的功能及用法，完成企业网站后台管理中“添加新闻”页面的制作，从而实现将表单中的数据添加到数据库表中的操作。一、操作体验步骤1 制作静态“添加新闻”页面步骤2 创建页面的记录集步骤3 创建页面的插入记录功能步骤4 为页面添加限制页面访问二、知识链接（1）插入记录对话框使用说明：连接：用于选择数据库的连接；插入到表格：用于选择向其插入数据的数据库表。插入后，转到：用于设置将数据插入到数据库表后要打开的页面文档。获取值自：用于设置表单元素所在的表单域的名称。如果一个文档页面中只有一个表单域，则此下拉列表中默认选择该表单；如果一个文档页面中有多个表单，则需要在下拉列表中选择需要的表单名称。表单元素、列：两个选项是对应关系。用于设置每个表单对象应该更新数据库表中的哪些字段。提交为：用于设置数据表接收的数据类型。通常使用默认的数据类型。（2）spry验证包括：spry验证文本域；spry验证文本区域；spry验证选择；spry验证复选框；spry验证密码；spry验证确认；spry验证单选按钮组。试一试:将光盘中“素材项目四试一试原始文件01-03”文件夹中所提供的数据库和素材复制到硬盘上，然后根据所提供的素材，请试着自己做一个网站的后台添加建站知识的管理页面，文件名为jianzhanzhishi_add.asp。任务七、制作修改新闻页面 任务目标：了解修改新闻页面的组成；巩固“记录集”的应用；巩固“表单”在页面中的应用；巩固“限制页面访问”的应用；掌握“更新记录”的实现方法。任务描述制作企业网站后台的新闻修改页面。任务分析通过介绍“服务器行为”面板中“更新记录”的功能及用法，完成企业网站后台管理中“新闻修改”页面的制作。新闻修改页面根据URL传递的新闻编号读取数据，然后显示在表单中，修改页面的制作过程包括创建记录集、添加表单对象，在表单对象中显示记录集中的各字段，使用“服务器行为”中的“更新记录”行为完成数据库表中记录的更新。一、操作体验步骤1 制作静态修改新闻页面步骤2 在页面中创建记录集并绑定步骤3 为页面创建更新记录功能步骤4 添加限制对页的访问二、知识链接（1）“更新记录”对话框连接：用于选择数据库的连接；要更新的表格：用于选择包含要更新的记录的数据库表。选取记录：用于设置显示在表单对象上的记录的记录集。唯一键列：选择一个键列（通常选择能唯一标识记录的字段）来标识数据库表中的记录。如果该值是一个数字，则选择“数据”复选框，键列通常接受数值，但有时也接受文本。更新后，转到：输入更新记录后将要打开的文档。获取值自：在下拉列表中选择一个表单域名称。表单元素：文本区域中选择一个表单对象名称，从“列”下拉列表中选择更新的数据库表中的字段，然后从“提交为”下拉列表中为该表单对象选择数据类型。试一试:将光盘中“素材项目四试一试原始文件01-03”文件夹中所提供的数据库和素材复制到硬盘上，然后根据所提供的素材，请试着自己做一个网站的后台修改建站知识的管理页面，文件名为jianzhanzhishi_modify.asp。任务八、制作删除新闻的页面 任务目标：了解删除新闻页面的组成；了解删除新闻页面的制作过程；巩固“记录集”的应用；巩固“表单”在页面中的应用；巩固“限制页面访问”的应用；掌握“删除记录”的实现方法。任务描述制作企业网站后台用于删除新闻的管理页面。任务分析通常实现删除新闻时，页面将显示要删除的数据库表中的记录，当用户单击表单按钮确认删除后，Web应用程序将从数据库表中删除记录。本任务通过“服务器行为”面板中的“删除记录”实现企业网站新闻删除功能。在使用“删除记录”行为前，应先创建一个记录集和一个表单。一、操作体验步骤1制作静态删除新闻页面步骤2在页面中创建记录集并绑定步骤3为页面创建删除记录功能步骤4添加限制对页的访问二、知识链接（1）“删除记录”对话框连接：用于选择数据库的连接；从表格中删除：用于选择包含要更新的记录的数据库表。指明从哪个数据库表中删除记录。选取记录自：用于设置显示在表单对象上的记录来自于哪个记录集。唯一键列：选择一个键列（通常选择能唯一标识记录的字段）来标识数据库表中的记录。如果该值是一个数字，则选择“数据”复选框，键列通常接受数值，但有时也接受文本。提交此表单以删除：在下拉列表中选择一个表单名称，即在该页面中创建的表单域的名称。删除后，转到：用于输入删除记录后转到的文档。试一试:将光盘中“素材项目四试一试原始文件01-03”文件夹中所提供的数据库和素材复制到硬盘上，然后根据所提供的素材，请试着自己做一个网站的后台删除新闻的管理页面，文件名为jianzhanzhishi_delete.asp。实训 创建企业新闻网站任务描述将光盘中“素材项目四实训原始文件”文件夹中所提供的数据库和素材复制到硬盘上，然后根据所提供的素材，创建一个完整的小型企业网站实现企业新闻的浏览与管理。任务分析一个新闻网站通常包前后用于浏览新闻的页面和后台用于管理新闻的页面。前台页面一般包括新闻列表页和新闻详细页；后台页面一般包括登录、新闻列表管理、新闻添加、新闻更新、新闻删除页。