《网页设计综合应用技术》模块六.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,模块六 后台管理功能设计,网页设计综合应用技术,学习目标,1,了解网站后台管理系统的基本功能。,2,掌握,Dreamweaver,各种服务器行为的应用。,3.,能利用,Dreamweaver,开发一个基本的网站后台管理系统，实现管理员登录后对网站资讯的添加、修改和删除的管理。,学习内容,工作任务一 管理员登录页面的制作,工作任务二 资讯管理列表页面的制作,工作任务三 资讯添加页面的制作,工作任务四 资讯修改页面的制作,工作任务五 资讯删除页面的制作,工作任务一 管理员登录页面的制作,【,任务概述,】,本工作任务要求制作一个管理员用户登录的表单页面,。,图,6-1,管理员登录页面,工作任务一 管理员登录页面的制作,【,核心知识,】,登录页由以下构造块组成：,注册用户的数据库表,使用注册用户的数据库表格来验证在登录页中输入的,用户名和密码是否有效。,使用户可以输入用户名和密码的,HTML,表单,确保输入的用户名和密码有效的“登录用户”服务器行为,图,6-2,【,登录用户,】,对话框,工作任务二 资讯管理列表页面的制作,【,任务概述,】,本工作任务要求制作一个管理员用户登录后显示的页面，在该页面中可以对资讯进行修改、删除等操作，并且还可以添加新的资讯。,图,6-9,资讯管理列表页面,工作任务三 资讯添加页面的制作,【,任务概述,】,本工作任务要求制作一个页面，通过表单添加资讯标题、来源、详细内容,。,图,6-23,资讯添加页面,工作任务三 资讯添加页面的制作,【,核心知识,】,插入页由两个构造块组成：一个允许用户输入数据的,HTML,表单、一个更新数据库的“插入记录”服务器行为。当用户在单击表单上的“提交”时，服务器行为会在数据库表中插入记录。,插入页的制作有两种方法。,工作任务三 资讯添加页面的制作,1,、一次操作生成插入页。,使用“插入数据插入记录表单”对象在一次操作中添加表单和服务器行为“插入记录”这两个构造块。,在“设计”视图中打开页，然后选择“插入”,“,数据对象”,“,插入记录插入记录表单向导”，打开插入记录表单对话框。,图,6-24,【,插入记录表单,】,对话框,工作任务三 资讯添加页面的制作,2,、使用,Dreamweaver,表单工具和“服务器行为”面板分别添加制作。,图,6-25,【,插入记录,】,对话框,（,1,）将,HTML,表单添加到插入页。,（,2,）添加服务器行为以在数据库表格中插入记录。,工作任务四 资讯修改页面的制作,【,任务概述,】,本工作任务要求当页面上添加的资讯需要更改时，通过表单反馈并可以进行修改。,图,6-33,资讯修改页面,工作任务四 资讯修改页面的制作,【,核心知识,】,数据更新的功能通常由结果页和更新页组成。,用户可以使用结果页检索记录，通过“转到详细页”转到更新页，,再使用更新页修改记录。,更新页具有三个构造块：,一个用于从数据库表中检索记录的过滤记录集、,一个允许用户修改记录数据的,HTML,表单、,一个用于更新数据库表的“更新记录”服务器行为。,工作任务四 资讯修改页面的制作,更新页的制作有两种方法。,（,1,）逐块完成更新页,将,HTML,表单添加到更新页,在表单中显示记录,添加服务器行为来更新数据库表,（,2,）在一个操作中完成更新页,可以使用“插入数据更新记录表单”对象,在一次操作中添加允许用户修改记录数据的,HTML,表单,和服务器行为“更新记录”这两个构造块。,工作任务五 资讯删除页面的制作,任务概述,】,本工作任务要求制作一个能删除资讯信息的页面，删除功能由表单中的按钮来完成。,图,6-42,资讯删除页面,工作任务五 资讯删除页面的制作,【,核心知识,】,删除页通常是一个与结果页一同使用的详细页。,用户创建结果页检索记录，在结果页上添加链接“转到详细页”服务器行为来打开删除页。,生成删除页的步骤有四步：,1,、,创建,HTML,表单；,2,、检索要在表单中显示删除的记录；,3,、在表单中显示要删除的记录；,4,、添加服务器行为以从数据库中删除记录。,小结,删除资讯信息的页面主要利用创建记录集和,【,删除记录,】,服务器行为来实现。,本模块讲解了网站后台管理系统功能的实现，该系统由管理员用户登录页面、,资讯管理列表页面、资讯添加页面、资讯修改页面、资讯删除页面组成。,制作管理员用户登录页面，主要利用插入用户名和密码两个文本域及通过创建,【,登录用户,】,服务器行为来实现。,添加资讯的页面和修改资讯的页面有两种方法制作，一是主要利用插入表单对象和,【,插入记录,】/【,更新记录,】,服务器行为来分块构造实现，二是利用,【,插入记录表单,】/【,更新记录表单,】,一次性实现。,为了禁止没有权限的人员进入资讯管理列表页面、资讯添加页面、资讯修改页面、,资讯删除页面，在制作这些页面时创建了,【,限制对页的访问,】,服务器行为，从而,增加了网页的安全性。,Thank You!,网页设计综合应用技术,