第7章 构建动态网页

7.1 数据库技术基础

  所有动态网页技术都是以数据库为基础的。数据库是一种特殊的软件,其由指定结构的数据组成,并通过程序对这些数据进行组织、存储和管理。对数据进行分类、检索、筛选、提取、存储和维护等操作的软件系统被称作数据库管理系统。数据库和数据库管理系统合称数据库系统。

7.1.1 常用数据库简介

  数据库系统的稳定性和运转效率直接影响到网站系统对外服务的性能。因此,在动态网页的开发之前,首先应根据网站的运营平台、用户群体数量等依据,为网页程序选择一个数据库系统。常用的数据库系统主要包括3种,如下所示。

    1Microsoft Access

    2Microsoft SQL Server

    3MySQL

7.1.2 使用Access数据库

  Access数据库具有界面友好、易学易用、开发简单、接口灵活等特点,是中小型商务网站等最适用的数据库管理系统。在本书中就将使用这一数据库的最新版本Access 2010实现网页的动态开发。

7.1.3 创建数据表

  数据表是管理同类或同级数据的工具,其作用是对数据进行总结和分列整理,供用户索引。典型的数据表应包括行和列,并提供一个索引列,为每行数据编目。在Access 2010的【表】窗格,用户可以双击数据表名称,查看相应的数据表。

  • 创建网络数据库 -- 数据表 -- 计数表字段 -- 输入记录。

 1、创建网络数据库 Network Database,如 NwDbase.mdb

 2、新建数据表,如 计数表。

 3、 设计计数表字段名,如计数字段。

数据类型:数字,字段大小:整型,格式:常规数字,小数位:0。

 4输入记录,如计数字段值 0。

 5、新建用户资料表 -- 字段名,如用户名称、登录密码、电子邮箱 -- 输入新记录

7.2 表单技术基础

  在设计动态网页时,除了需要获取用户鼠标触发的事件外,还需要获取用户键盘输入的各种信息,以及用户选择的内容等复杂的交互项目。此时,就需要使用表单。表单可以将交互的网页对象编组,通过特定的对象提交用户输入的各种信息。

7.2.1 表单概述

  表单是一种特殊的网页容器标签。用户可以插入各种普通的网页标签,也可以插入各种表单交互组件,从而获取用户输入的文本,或者选择某些特殊项目等信息。

  表单支持客户端/服务器关系中的客户端。用户在Web浏览器(客户端)的表单中输入信息后,单击【提交】按钮,这些信息将被发送到服务器。然后,服务器中的服务器端脚本或应用程序会对这些信息进行处理。

7.2.2 使用表单容器

   表单容器是最基础的表单对象,因此也被直接称作表单。在使用表单对象时,需要先创建表单容器,然后才能将其他的表单对象嵌入到表单容器中,实现整体的提交和表单对象的分组。

7.3 添加表单对象

   除表单容器外,在XHTML中还包含多种类型的表单,例如输入域、单选按钮、复选框、下拉列表等。在Dreamweaver CS5中,允许用户使用可视化的方式为网页文档插入这些表单对象,并定义其属性。

7.3.1 插入文本表单

  文本表单是所有可输入文本内容的表单总称。在Dreamweaver中,文本表单包括文本字段、密码域和文本区域等三种。在插入其中任意一种表单后,即可在【属性】检查器中对其进行转换操作。

7.3.2 插入选择表单

  选择表单的作用是显示若干种选项,允许用户用鼠标单击选择其中的一种或若干种选项,在提交表单时,可将这些选项提交到数据库中,或实现其他的选择功能等。选择表单主要包括5种,即复选框、单选按钮、菜单、列表和跳转菜单等。

7.3.3 插入其他表单

   除了之前介绍的8种表单外,使用Dreamweaver,用户还可以插入另外一些表单,例如文件域、按钮等。下面就将介绍这些表单。

    1.文件域

    2.按钮

7.4 Spry表单验证技术

  Spry表单验证技术与Spry菜单栏等技术相同,都是由Adobe编写好的JavaScriptCSS代码构成,该技术可根据用户对表单进行的操作显示各种提示信息。由于Spry表单验证技术不需要提交数据,因此可在页面不刷新的情况下快速对用户的操作进行响应。

7.4.1 Spry验证文本

  Spry验证文本技术用于验证文本字段表单、文本区域表单等表单内输入的内容,可对这两种表单中的数据进行匹配,验证字符类型、字符长度等多种条件,并显示相应的结果。

7.4.2 Spry验证选择

  Spry验证选择的功能是验证用户在各种选择类表单的选择内容,并根据这些内容显示各种提示信息。Spry验证选择可验证单选按钮组、复选框,以及菜单/列表等多种类型的选择表单。

7.4.3 Spry验证密码与确认

  在网页的表单设计中,如需要用户填入密码和二次填入密码,则可以使用Spry验证密码和Spry验证确认等两种技术,验证密码的复杂程度和确认密码与密码是否保持一致。

7.5 联接动态数据