《第8章 设计开发动态数据库网页》由会员分享，可在线阅读，更多相关《第8章 设计开发动态数据库网页（35页珍藏版）》请在金锄头文库上搜索。
1、第8章设计开发动态数据库网页,教学内容：动态网页能够根据不同的时间、不同的访问者而显示不同的内容，如常见的BBS、留言板和聊天室等就是用动态网页来实现的。动态网页技术的出现使得网站从展示平台变成了网络交互平台。Dreamweaver CS6在集成了动态网页的开发功能后，就由网页设计工具变成了网站开发工具。本章就来介绍利用Dreamweaver CS6创建动态网页的基础知识。,学习目标掌握表单对象的使用了解创建ASP应用程序开发环境掌握定义记录集掌握动态数据的绑定掌握服务器行为的添加,教学目标和基本要求_教学时间：本章共分_课时教学方法案例教学多媒体教学理论面授教学素材课程范例文件：sample
2、第8章练习文件：exercise第8章,8.1 插入交互式表单对象,表单在网页中用来给访问者填写信息，从而能收集客户端信息，使网页具有交互的功能。一般是将表单设计在一个html文档中，当用户填写完信息后提交，于是表单的内容就从客户端的浏览器传送到服务器上，经过处理后，再将用户所需信息传送回客户端的浏览器上 。,8.1.1 小案例插入表单域一个完整的表单设计应该很明确地分为两个部分：表单对象部分和应用程序部分，它们分别由网页设计师和程序设计师来设计完成。其过程是这样的，首先由网页设计师制作出一个可以让浏览者输入各项资料的表单页面，这部分属于在显示器上可以看得到的内容，此时的表单只是一个外壳而已，
3、不具有真正工作的能力，需要后台程序的支持 。,8.1.2小案例插入文本域 文本域接受任何类型的字母数字输入内容。文本域可以是单行或多行显示，也可以是密码域的方式显示，在这种情况下，输入文本将被替换为星号或项目符号，以避免旁观者看到 。,8.1.3小案例插入单选按钮和复选框 使用表单时经常遇到有多项选择的问题，这就需要复选框和单选按钮。其中复选框允许用户从一组选项中选择多个选项，在单选按钮组中，一次只能选择一个。,8.1.4小案例插入列表和菜单 表单中有两种类型的菜单：一种是单击时下拉的菜单，称为下拉菜单；另一种则显示为一个列有项目的可滚动列表，可从该列表中选择项目，称为列表。一个列表可以包括一
4、个或多个项目。当页面空间有限但又需要显示许多菜单项时，该表单对象非常有用 。,8.1.5小案例插入文件域、图像域和按钮 在网络上上传图像或相关的文件时，需要用到文件域，将文件上传到相应的服务器 。,8.2 搭建动态应用程序开发环境,对于静态网页，直接用浏览器打开它就可以完成测试，但是对于动态网页无法直接用浏览器打开，因为它属于应用程序，必须有一个执行Web应用程序的开发环境才能进行测试 。,8.2.1 安装因特网信息服务器IIS是网页服务组件，它包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送 。,8.2.2 设置因特网信息服务器（
5、IIS）设置IIS的目的是为了发布和测试动态网页 。,8.3 小案例设计数据库 创建数据库时，应该根据数据的类型和特性，将它们分别保存在各自独立的存储空间中，这些空间称为表。表是数据库的核心，一个数据库可包含多个表，每个表具有惟一的名称，这些表可以是相关的，也可以是彼此独立的 。,8.4 建立数据库连接,数据库的连接就是对需要连接的数据库的一些参数进行设置，否则应用程序将不知道数据库在哪里和如何与数据库建立连接 。,8.4.1 小案例定义系统DSN在使用数据库绑定将动态内容添加到网页之前，必须建立一个数据库连接，否则Dreamweaver CS6将无法使用数据库作为动态页面的数据源，而在建立数
6、据库连接之前必须定义系统DSN 。,8.4.2 小案例建立系统DSN连接数据源建立以后，接下来要定义这个网站使用的数据库连接，只有如此，这个网站才能通过数据库连接来存取数据库里的信息。上一节已经设置好了系统DSN，下面就来建立系统DSN连接。,8.5 编辑数据库表记录动态网页最主要的特点就是结合后台数据库自动更新网页，离开了数据库也就谈不上动态网页了。数据是通过创建记录集来实现它在网页上的绑定的，而不是直接使用数据库 。,8.5.1 小案例查询并显示记录动态网页在使用后台数据库时，必须创建一个储存检索数据的记录集。记录集在存储内容的数据库和生成页面的应用程序服务器之间起一种桥梁作用。记录集由数
7、据库查询返回的数据组成，并且临时储存在应用程序服务器的内存中，以便进行快速数据检索，当服务器不再需要记录集时，就会将其丢弃 。,8.5.2 小案例插入记录一般来说，要通过ASP页面向数据库中添加记录，需要提供用户输入数据的页面，利用Dreamweaver CS6的【插入记录】服务器行为，就可以添加记录 。,8.5.3 小案例更新记录动态网站中可能包含更新记录的页面，更新记录的页面执行两种不同的操作：首先，它显示已存在的数据，这些数据可以被修改；其次，它更新数据库以反映所做的修改。,8.5.4 小案例删除记录利用【删除记录】服务器行为，可以在页面中实现删除记录的操作。删除记录的页面执行两种不同的
8、操作，首先显示已存在的数据，可以选择将要被删除的数据；其次从数据库中删除此记录以反映选择记录删除的结果 。,8.6 添加服务器行为如果想显示从数据库中取得的多条或者所有记录，则必须添加一条服务器行为，这样就会按要求连续地显示多条或者所有的记录 。,8.6.1小案例插入重复区域,8.6.2小案例插入显示区域需要显示某个区域时，Dreamweaver CS6可以根据条件动态显示。选择【窗口】|【服务器行为】命令，打开【服务器行为】面板，在面板中单击按钮，在弹出的菜单中选择【显示区域】选项，在弹出的子菜单中根据需要选择 。,8.6.3 记录集分页在应用重复区域服务器时，指定在一页中可以显示的最大记录
9、条数。当记录的总数大于页面中显示的记录条数时，可以通过记录集导航条显示在多个页面中 。,8.6.4 转到详细页面在Dreamweaver CS6中，参数是以HTML表单的形式进行收集并且以某种方式传递的。如果表单用POST方式把信息传递到服务器，那么参数作为传递体的一部分也被传递。如果表单用GET方式传递，参数则被附加到URL上，在表单的Action属性中指定 。,8.6.5 小案例转到相关页面可以建立一个链接打开另一个页面而不是它的子页面，并且传递信息到该页面，这种页面与页面之间进行参数传递的两个页面，称之为相关页 。,8.6.6 用户身份验证为了能更有效地管理共享资源的用户，需要规范化访问
10、共享资源的行为。通常采用注册（新用户取得访问权）登录（验证用户是否合法并分配资源）访问授权的资源退出（释放资源）这一行为模式来实施管理 。,8.7综合案例创建留言系统,留言系统分为发表留言、留言显示列表和留言详细信息等几个模块。用户首先看到的页面是留言列表页面，然后可以选择查看留言的详细信息，留言者还可以自己发表留言。留言和其他Web应用程序一样，都是对数据库进行相关操作。如发表留言就是插入记录，显示留言就是提取记录，回复留言就是更新记录，删除留言就是删除记录 。,综合案例1创建数据库为了能更有效地管理共享资源的用户，需要规范化访问共享资源的行为。通常采用注册（新用户取得访问权）登录（验证用户
11、是否合法并分配资源）访问授权的资源退出（释放资源）这一行为模式来实施管理 。,综合案例2创建数据库连接要在Dreamweaver CS6中使用数据库，必须先为站点建立数据库连接 。,综合案例3制作留言发表页面添加留言页面主要利用插入表单对象和【插入记录】服务器行为来实现 。,综合案例4制作留言列表页面留言列表页面主要是利用创建记录集，定义重复区域、绑定动态数据和转到详细页等服务器行为来实现 。,综合案例5制作留言显示页面留言显示页面中的数据是从留言表liuyan中读取的，利用Dreamweaver创建记录集，然后绑定相关数据字段。,本 章 小 结,Dreamweaver CS6将Web应用程序的开发环境同可视化创作环境结合起来，能够帮助用户快速进行Web应用程序的开发。它具有最优秀的可视化操作环境，又整合了最常见的服务器端数据库操作能力，能够快速生成专业的“动态”页面。无论您是Web设计师、是数据库开发者，还是Web程序员，都可以在Dreamweaver CS6的强大操作环境下设计出功能完善的动态网页。让那些不懂动态开发语言的读者，也能利用Dreamweaver在不需要或者只需要修改少量代码的情况下就能制作出动态网页。在网站中，表单是实现网页上数据传输的基础，其作用就是实现访问者与网站之间的交互功能。本章最后通过一个完整的留言系统讲述了动态网页的开发过程。,
