全套课件·《ASP实用技术—网络数据库应用系统设计》

1、第1章 网络数据库应用系统概述 本章主要讲解：F/S、C/S、B/S三种网络数据库应用系统模式 CGI、API与PHP技术要点、ASP技术特征与工作原理 ODBC技术以及配置方法 DBMS概念、数据库设计方法 网上商店实例功能与数据库设计参数1.1 网络数据库应用系统模式 建立计算机网络的主要目的是实现资源共享和计算机之间的通信。资源共享包括硬件资源共享、软件资源共享、数据资源共享和通信信道资源共享。其中，如何有效实现数据资源共享是数据库应用系统的重要功能之一。 1.1.1 文件/服务器模式（F/S模式，File Server Model） 1文件服务器模型以 Novell Netware局域

2、网操作系统为代表是文件服务器模型的典型。它以一台或几台服务器作为共享资源的主体，在文件服务器中提供高速存取的大容量磁盘，用于存放网络中各个客户端共享的文件和目录，包括各种应用程序和数据库。工作站根据所拥有的权限使用程序、访问数据库。作为客户端的工作站上不安装应用程序，属于一种零客户端方案。 1.1.1 文件/服务器模式（F/S模式，File Server Model）2工作组模型 在工作组模型中，某个拥有特权的系统管理员创建一个用户工作组，并赋予组中的成员以对等（Pear to Pear）方式工作。工作组中的每一台计算机既可作为服务器，又可作为工作站。每台计算机具有自己的帐户，并管理着自己所属

3、的共享资源。 1.1.1 文件/服务器模式（F/S模式，File Server Model）3域模型 利用域模型可以实现对网络的集中管理。域模型是一种安全、高效的网络使用模型，能够构成性能良好的、基于局域网络的数据库应用系统。 1.1.2 客户/服务器模式（C/S模式，Client/Server Model） 客户/服务器模式提出了一种新的资源共享方式。即，将不同的应用程序安装在不同的工作站上，形成客户端。客户端运行本地程序，访问储存在服务器端的数据库，获取数据资源，完成相关处理后回写至数据库中。这就形成了客户/服务器模式的基本运行机理。根据客户/服务器构架方式，可以将其分为：二层C/S模式和

4、三层C/S模式。 1.1.2 客户/服务器模式（C/S模式，Client/Server Model）1二层C/S模式 二层C/S模式把数据处理任务分配给客户机（Client）和数据库服务器（Data Base Server）共同承担。数据库服务器安装数据库管理系统（DBMS，Data Base Management System），承担数据库数据管理、响应客户机请求并根据请求完成数据操作；客户机安装应用程序，承担客户程序运行、数据的处理和输入/输出操作。1.1.2 客户/服务器模式（C/S模式，Client/Server Model）2三层C/S模式 在三层C/S模式结构中，客户机驻留用户界面

5、层（也称为表示层）软件负责用户与应用层之间的对话任务。功能服务器存放业务逻辑层（也称为功能层）软件，响应客户机请求，完成业务处理或复杂计算。在出现数据库访问任务时，根据客户机的要求向数据库服务器发出SQL指令。数据库服务器存放数据库服务层（也称为数据层）软件，用来执行功能层送来的SQL指令，实现对数据库的读、写、删、改及查询等操作，操作完成后通过功能服务器向客户机返回操作结果。 1.1.3 浏览器/服务器模式（B/S模式，Browser/Server Model） 基于B/S模式的数据库应用系统通常采用三层结构：“浏览器Web服务器数据库服务器”。在B/S模式结构中，客户机驻留的用户界面层软件

6、为浏览器，用户通过浏览器的表单（Form）等形式向Web服务器发送HTTP协议方式的请求。 1.2 Web数据库技术 随着Internet/Intranet技术的普及和发展，客户/服务器结构的数据库应用系统正由2层向3层或多层发展。如果客户端仅需浏览器软件，中间层提供Web服务，后台提供数据库服务，即形成了Web数据库应用系统结构。 1.2.1 三层结构 Web数据库应用系统采用3层的客户/服务器结构：第一层为客户层，通常安装浏览器软件；第二层为中间层，需要配置相应的Web服务器以及相关技术支撑软件；第三层为数据库层，必须配备相应的数据库服务器和数据库管理系统。 从技术发展角度看，最经典的数据

7、库访问技术是CGI（Common Gateway Interface），随后出现了服务器API（Application Programming Interface）技术，近来流行的是ASP（Active Server Pages）技术和PHP（Hypertext Preprocessor）技术。 1.2.2 CGI技术 CGI是Web服务器与外部扩展程序交互的一个标准接口。按CGI标准编写的外部扩展程序可以处理客户端（一般是Web浏览器）输入的协同工作数据，完成客户端与服务器的交互操作。服务器并不关心外部扩展程序用什么语言（如C、 C、Perl、 Delphi 或Visual Basic等）编

8、写，它只是负责接收用户的输入信息，并把CGI程序所产生的结果（HTML文档或其他符合HTTP规定的文件）回传给用户。 1.2.3 API技术 API以动态链接库（DLL）的形式提供，是驻留在Web服务器上的本机代码，作用类似于CGI，可起到扩展Web服务器功能的作用。目前流行的服务器API有Microsoft的ISAPI（Internet Server API）、Netscape的NSAPI（Netscape Server API）和OReilly的WSAPI（WebSite API）。各种服务器API均与相应的Web服务器紧密联系在一起，程序员可利用服务器API来开发Web服务器与数据库服务

9、器的接口程序。 1.2.4 PHP技术 PHP是一个递归的首字母缩写词，代表PHP：Hypertext Preprocessor（PHP：超文本预处理器）。PHP是一种脚本编程语言，通常嵌入或结合HTML使用。对于开发三层结构的Web数据库应用系统，PHP是开发中间层中的应用逻辑一个理想的工具。 1.2.5 ASP技术 ASP属于ActiveX技术中的服务器端技术，与通常在客户端实现动态页面的技术（如Java Applet和ActiveX控件等）不同。ASP中的命令和脚本均在服务器端解释执行，执行后的结果产生HTML页面并送给浏览器。由于脚本在服务器端执行，因而开发者不必担心浏览器是否能够执行

10、脚本。同时，由于只是将HTML页面送到浏览器，在浏览器上看不到ASP源代码，系统安全的到了保证。 1.2.5 ASP技术ASP访问数据库通过ADO（ActiveX Data Object）实现， ADO是Microsoft推出的一项数据访问技术。使用ADO可以编写紧凑简明的脚本，以连接到与OLE DB兼容的数据源如数据库、电子表格、顺序数据文件或电子邮件目录等。另外，还可使用ADO访问与ODBC兼容的数据库。ASP的工作流程如图。1.3 网络数据库访问接口技术 JDBC是Java的开发者Sun的Javasoft公司制定的Java数据库连接(JavaDataBaseConnectivity)技术

11、的简称， ODBC（OpenDatabaseConnectivity，开放数据库互连）是微软公司开放服务结构（WOSA，WindowsOpenServicesArchitecture）中有关数据库的一个组成部分，它建立了一组规范，并提供了一组对数据库访问的标准API（应用程序编程接口）。 1.3.1 JDBC技术简介 1JDBC结构JDBC有一个非常独特的动态连接结构，它使得系统模块化。使用JDBC来完成对数据库的访问包括以下四个主要组件：Java的应用程序、JDBC驱动器管理器、驱动器和数据源。 1.3.2 ODBC技术基础 基于ODBC的应用程序对数据库的操作不依赖任何DBMS，不直接与D

12、BMS打交道，所有的数据库操作由对应的DBMS的ODBC驱动程序完成。也就是说，不论是FoxPro、Access还是Oracle、MS SQL Server数据库，均可用ODBCAPI进行访问。由此可见，ODBC的最大优点是能以统一的方式处理所有的数据库。一个完整的ODBC应用由下列几个部件组成： 1.3.3 ODBC配置方法 1针对Access数据库配置ODBC 假定网上商店数据库data.mdb存放与d:shoopingwhpuaudb目录下。可以单击【开始】-【程序】-【管理工具】-【数据源（ODBC）】进入ODBC数据源管理器，如图所示。 根据网上商店应用的需要，可以注册系统DSN。为

13、此，应该单击“系统DSN”选项卡，然后单击“添加”命令按钮进入创建新数据源对话框，如图所示。在创建新数据源对话框中，应该选择Microsoft Access Driver （*.mdb），然后单击“完成”命令按钮进入ODBC Microsoft Access安装对话框，如图所示。 1.3.3 ODBC配置方法2针对SQL Server数据库配置ODBC 设网上商店数据库名为shopping，为MS SQL Server数据库，可以通过以下步骤完成网上商店数据库的ODBC配置操作。进入ODBC数据源管理器后，选中“系统DSN”选项卡，然后单击“添加”命令按钮，进入创建新数据源对话框。然后，应该选

14、择SQL Server选项，如图所示。 2针对SQL Server数据库配置ODBC2针对SQL Server数据库配置ODBC完成在新数据源对话框中选择SQL Server选项后，单击“完成”命令按钮，即可进入“建立新的数据源到SQL Server”对话框1。在这个对话框中，需要为数据源命名，可以命名为“DBQ”。还需要指定服务器，本例可以选择“Local”。设定结果如图所示。 2针对SQL Server数据库配置ODBC在“建立新的数据源到SQL Server”对话框1中完成设置后，单击“下一步”命令按钮，即可进入“建立新的数据源到SQL Server”对话框2。在这个对话框中，可以设定“

15、使用用户输入登录ID和密码的SQL Server验证”、“连接SQL Server以获得其它配置选项的默认设置”，并键入登录ID和密码。设定结果如图所示。 2针对SQL Server数据库配置ODBC在“建立新的数据源到SQL Server”对话框2中完成设置后，单击“下一步”命令按钮，即可进入“建立新的数据源到SQL Server”对话框3。在这个对话框中，可以设定“改变默认的数据库为shooping”、“使用ANSI引用的标识符”和“使用ANSI的空值、填充和警告”。设定结果如图所示。 2针对SQL Server数据库配置ODBC在“建立新的数据源到SQL Server”对话框3中完成设置

16、后，单击“下一步”命令按钮，即可进入“建立新的数据源到SQL Server”对话框4。在这个对话框中，可以不做任何改变，直接单击“完成”命令按钮“”，进入“ODBC Microsoft SQL Server安装”对话框，如图所示。 1.4 数据库管理系统 在数据库技术领域，经典的数据模型有三种。它们分别是：层次数据模型，采用树型结构描述数据实体间的关联；网状数据模型，采用网状结构描述数据实体间的关联；关系数据模型，采用二维表结构描述数据实体间的关联。在这三种经典的数据模型中，关系数据模型具有较高的数据独立性和较严格的数学理论基础，并且具有结构简单和提供非过程性语言等优点，因而得到了广泛的应用。

17、采用关系数据模型构造的数据库系统，被称为关系数据库管理系统（RDBMS，Relation Data Base Management System）。 1.4.1 关系数据库管理系统概述 在关系型数据库中，数据元素是最基本的数据单元。可以将若干个数据元素组成数据元组，若干个相同的数据元组即组成一个数据表（即关系），而所有相互关联的数据表则可以组成一个数据库。这样的数据库集合即被称为基于关系模型的数据库系统。 1基本术语 （1）数据元素数据元素存放于字段（Field）中，一个数据表中的每一个字段均具有一个唯一的名字（称为字段名）。一个字段也就是数据表中的一列。根据面向对象的观点，字段是数据表容器对

18、象中的子对象，并具有一些相关的属性。可以为这些字段属性设定不同的取值，来实现应用中的不同需要。字段的基本属性有：字段名称，数据类型，字段大小，等等。 1基本术语（2）数据元组数据元组也称为记录（Record），一个记录构成数据表中的一行。一个数据表中的每一个记录均具有一个唯一的编号，被称为记录号。一个记录应该具有一个主关键字，主关键字是一个字段或若干字段的集合。 1基本术语（3）数据表具有相同字段的所有记录的集合称为数据表，也称为关系。一个数据库中的每一个数据表均具有一个唯一的名字，被称为数据表名。数据表是数据库中的子对象，也具有一系列的属性。同样可以为数据表属性设置不同的属性值，来满足实际应

19、用中的不同需要。 1基本术语（4）数据库数据库的传统定义是以一定的组织方式存储的一组相关数据项的集合，主要表现为数据表的集合。但是，随着数据库技术的发展，现代数据库已不再仅仅是数据的集合，而且还应包括针对数据进行各种基本操作的对象的集合。这些基本操作的对象包括，查询对象，存储过程，等等。 2关系运算 关系运算是针对关系数据库数据进行的操作运算，既可以针对关系中的记录实施，也可以针对关系中的字段实施，还可以针对若干个关系实施。基本的关系运算包括选择运算，投影运算和连接运算三种。 2关系运算（1）选择运算选择运算是从指定的关系中选取满足给定条件的若干元组以构成一个新关系的运算，其关系运算式为：SE

20、LECT 关系名 WHERE 条件其中，条件是由常数、字段名及其通过相应的比较运算符和逻辑运算符连接形成逻辑运算式组成的。 2关系运算（2）投影运算投影运算是从指定的关系中选取指定的若干字段从而构成一个新关系的运算，其关系运算式为：PROJECT 关系名（字段名1，字段名2，字段名n） 2关系运算 （3）连接运算连接运算是选取若干个指定关系中的字段满足给定条件的元组从左至右连接，从而构成一个新关系的运算，其关系运算式为：JION 关系名1 AND 关系名2 AND关系名n WHERE 条件其中，条件是由常数、字段名及其通过相应的比较运算符和逻辑运算符连接形成逻辑运算式组成的。 3结构化查询语言

21、SQL 根据ANSI SQL92标准，SQL语句按其功能的不同可以分为以下六大类： 数据定义语句（DDL，Data-Definition Language）； 数据操作语句（DML，Data-Manipulation Language）； 操作管理语句（TML，Transaction-Management Language）； 数据控制语句（DCL，Data-Control Language）； 数据查询语句（DQL，Data-Query Language）； 游标控制语句（CCL，Cursor-Control Language）。 1.4.2 Access数据库管理系统 1创建Access数

22、据库Access数据库采用特有的全环绕数据库文件结构组成数据库文件（MDB文件），以一个单独的MDB文件存储一个数据库应用系统中包含的所有对象。 首先，顺序单击【开始】|【程序】|【Microsoft Access】，启动Access运行。在对话框中，选定“空Access数据库”单选框，然后单击“确定” 命令按钮，即可进入“文件新建数据库”对话框，如图所示。 1创建Access数据库完成上述三项选择后，单击“创建”按钮，即出现空Access数据库的设计视图窗口。在这个窗口中显示的是上面指定名称的数据库容器对象，如图所示： 2设计Access数据表 在数据库设计视图中，选择“表”对象卡，然后单击

23、“新建”按钮，即出现“新建表”对话框，如图所示。在“新建表”对话框，Access提供五种创建新表的不同方法。此处，应该选择使用“设计视图”创建数据表。 2设计Access数据表 在数据表设计视图所提供的表格中，通过逐栏地填写数据表对象的各个字段对象及其子对象的相关属性值，来完成创建或者设计数据表对象结构的操作。请参见图示各项属性值。 3在Access数据表填写数据 数据表视图形式如图所示，请参见图中所示数据示意。 1.4.3 Ms SQL Server数据库管理系统 SQL Server使用客户机/服务器体系结构，将所有的工作负荷分解成在服务器上的任务和在客户机上的任务。客户机应用程序负责商业

24、逻辑和向用户提供数据，一般运行在一个或多个客户机上，但也可以运行在服务器上。服务器管理数据库和分配可用的服务器资源，如内存、网络带宽和磁盘操作。客户机应用程序界面允许应用程序在单独的客户机上运行，并且通过网络与服务器进行通信。 1创建SQL Server数据库 首先，顺序单击【开始】|【程序】|【Microsoft SQL Server】|【Enterprise Manager】，启动SQL Server的企业级管理器。在如图所示的SQL Server管理器中，选定“数据库（Databases）”选项。如图所示。 1创建SQL Server数据库接着，在“数据库（Databases）”选项上右

25、键单击后弹出的快捷菜单上，选择“New Database”菜单选项，即可进入“Database Properties”对话框，如图所示。 2设计SQL Server数据表 为了设计SQL Server数据表，需要在图所示的SQL Server管理器窗口展开新建的 “shopping”数据库图标。接着，在“数据表（tables）”选项上单击右键，即可弹出的快捷菜单。如图所示。 2设计SQL Server数据表接着，在“数据表（tables）”选项上单击右键，在弹出的快捷菜单上选择“New tables”菜单选项，即可进入SQL Server数据表设计视图。 1.5 网络数据库应用系统实例网上商店

26、 网上商店是一种典型的网络数据库应用系统，本书将以一个简要的网上商店功能实现作为实例，逐步地介绍构建网上商店所需要的基本ASP技术。 1.5.1 网上商店功能分析 网上商店是一种开设在Internet上的商店，它允许任何一个Internet用户浏览商品，也允许需要购买商品的Internet用户注册成为商店的顾客。同时，商店的顾客能够选购商品，并等待商店员工送货上门。对于商店经营者，他必须能够将商店所能提供的商品信息发布于网络上，并能够接受商店顾客的选购。对于商店管理者，他需要经常查阅商店的经营状况，包括各类商品库存与销售信息、商店顾客注册与购物行为信息、商店经营者行为信息。 1Internet

27、用户浏览功能 为了使得任意Internet用户能够进入商店，网上商店网站应该设置商店主页。这个商店主页不需注册或登录即可被访问。 2商店顾客注册与登录功能 注册功能是为了使Internet浏览者能够注册成为商店顾客。当一个Internet浏览者有兴趣成为本网上商店顾客时，他可以分别在“用户名”文本框“密码”文本框中输入自己设定的字符串，然后单击“注册”按钮进入顾客信息表填写个人信息。此时，将链接至填写个人信息页面，可以参考图所示。 2商店顾客注册与登录功能3顾客购物功能 网上商店前端的主要功能是允许顾客购物，为此，必须为顾客提供商品分类清晰、操作便利的Web页面。可以参考图所示页面进行设计。顾

28、客购物功能页面设计要点是，必须分类提供商品名称、编号与销售价格，允许顾客选中商品后提交。为此，在逐一标明各个商品的位置上，必须安置“购买”或“放入购物车”按钮。一旦顾客在点击这个按钮，即标明他购买了这个商品。此时，提交数据接受页面将在服务器端运行，将接受的数据写入数据库中。 3顾客购物功能4日常经营功能 网上商店的日常经营功能页面为后端页面，只有商店经营者方能登录进入。在图所示的网上商店主页面上，为经营者设置了登录进入的超级链接“进入管理”。日常经营主要包括：查看订单，搜索订单，确定送货地点，标注已送货订单，标注顾客退货订单，等等。所有这些操作，将都会修改数据库中的相应数据。4日常经营功能5商

29、店管理功能 网上商店管理功能页面也是后端页面，只有商店管理者才能登录进入。商店管理页面上，商店管理者可完成：商品分类查询、分类统计、增加商品、删除商品、定价等功能。 1.5.2 网上商店数据库设计 1管理员登录信息表admin管理员登录信息表admin记录网上商店经营者与管理者的登录信息，主要包括登录名、登录密码和权限等内容。由该数据表中记录的权限来区分登录者是经营者还是管理者，他们将拥有不同的操作权限。数据表结构可参考表所示。1.5.2 网上商店数据库设计2注册顾客信息表user注册顾客信息表user记录网上商店顾客的个人信息，主要包括顾客登录名与密码、顾客真实姓名与详细地址等内容。这些个人

30、信息是配送商品时所必需的信息。数据表结构可参考表所示。 1.5.2 网上商店数据库设计3商品信息表product商品信息表product记录网上商店的各类商品信息，主要包括商品名称、商品介绍与价格参数等内容。这些信息将显示在购物功能页面上，成为顾客选购商品的依据。除此以外，商品信息表product还记录访问次数、成交次数和数量信息，构成商店管理者盘点商品、分析销售状态的基本依据。 1.5.2 网上商店数据库设计4订单数据表orders订单数据表orders记录各类商品的订货信息，主要包括商品名称与数量、顾客的准确信息与商品送达信息等内容。用这些记录在案的信息保证订购商品的顾客能够及时得到送货，

31、货款能够及时收回。 1.5.3 网上商店功能模块设计 根据网上商店功能分析的结果，可以设定网上商店数据业务流程如图所示。 1.5.3 网上商店功能模块设计1注册注册功能模块为任意Internet浏览者提供注册成为本网上商店顾客的操作页面。浏览者进入注册功能模块后，可以填写个人信息，然后提交。注册功能模块在接受提交的个人信息之后，填写顾客信息表。从此，这个浏览者即可以商店顾客的身份登录，也可以进行购物操作。2登录Internet浏览者必须经过登录操作，由登录功能模块验明其顾客身份，方可进行购物操作。登录功能模块的主要功能即为验明顾客身份，调用购物功能模块。1.5.3 网上商店功能模块设计3购物购

32、物功能模块的主要功能为：提供商品信息，接受商品订单，提交商品订单数据。从而使得顾客可以浏览商品，查找商品，对满意的商品下订单。4规划权限规划权限功能模块只允许商店管理者使用，可以采用预先设定用户的方式设置，使得有一个用户初始时即拥有管理者权限。该管理者有权创建相关经营者登录规则与权限，有权针对顾客信息进行编辑，比如建立恶意顾客黑名单、取消顾客资格。5编辑数据编辑数据功能模块提供商品数据的增、删、改等操作页面，仅允许具有管理者权限的访问者有效。管理者可以调用编辑数据功能模块完成增加商品、删除商品、为销售商品定价等操作。 1.5.3 网上商店功能模块设计6经营分析经营分析功能模块为商店管理者所使用

33、，提供网上商店经营状况分析操作页面。商店管理者可以在这个页面上完成商店库存盘点、销售排行、利润计算等分类汇总操作。7配送商品网上商店在接受购物订单后，相关数据记录在定单信息表中。经营者可以调用配送商品功能模块查阅订单、汇总同类商品订单、安排送达商品。当商品送达且已经收回货款、或退回商品后，均可调用配送商品功能模块，为已完成配送的商品订单标注相关信息。第2章 超文本标记语言（HTML） 本章主要讲解：超文本标记语言HTML的概念 HTM文档结构特征，编写一般网页的HTM文档 HTML各类标记的使用方法 网上商店实例中的基本网页编写方法 2.1 HTML概述 HTML（超文本标记语言）是一种描述文

34、档结构的标注语言，它使用一些约定的标记对WWW上的各种信息进行标注。当用户通过网页浏览WWW上的信息时，浏览器会自动解释存在于网页源代码中的这些标记的含义，并按照这些标记约定的格式在屏幕上显示这些被标记的内容，从而形成网页。 2.1 HTML概述HTML文件内容实际上是由一系列的标记段相互嵌套、或者相互并列形成，在每一个标记段之中包含着网页显示时需要的文字、资源地址、脚本语言程序。因此，从文档结构上看，HTM文档由标记段组成，每一个标记段称为文档元素。2.1 HTML概述组成HTM文档的元素有许多种，用于组织文件的内容和指导文件的输出格式。绝大多数元素是“容器”， 即它有起始标记和结尾标记。元

35、素的起始标记叫做起始链接签（Start Tag），元素结束标记叫做结尾链接签（End Tag），在起始链接签和结尾链接签中间的部分是元素体。 每一个元素都有名称和可选择的属性，元素的名称和属性都在起始链接签内标明。以下是一个简单的HTM文档“p2-1.htm”内容，而将它在IE浏览器中打开显示的结果如图所示。 2.1 HTML概述 武汉工业学院 以此表示一份简单HTM文档的结构以及网页显示形式 2.1 HTML概述用于创建或者编辑HTM文档的软件工具很多，既可以选用具有简单文本文件编辑功能的文字处理软件，如Microsoft NotePad（记事本）、Microsoft WordPad（写字板

36、）、Microsoft Word等等；也可以选用具有网页文件编辑功能的专用软件，如Microsoft FrontPage、DreamWear等等。具有网页文件编辑功能的专用软件无疑是编辑HTM文档最方便的工具。书中所有HTM文档源代码均采用Microsoft NotePad（记事本）格式给出。 2.2 HTM文档结构 一个基本HTM文档的结构应该如图所示。 2.2.1 标记段 在标记段中，应该并列嵌套标记段和标记段，分别用以显示网页窗口标题及其网页正文。其最简单的常用形式为： 浏览器窗口标题写在这里 HTM 文档的正文写在这里 2.2.2 标记段 标记段用于标记标记段首，其间可以包含若干个标记

37、和一个标记段。 标记的典型用法为：分别表示本HTM文档使用中国语言、其文本字符集为“GB2312”。 2.2.3 标记段 标记段用于标记HTM文档正文，即，浏览器窗口中显示的所有内容均应该书写在标记段中。凡是涉及整个网页的属性设置，包括网页背景色彩或者背景图案、网页上的各类文本色彩等等，均可在标记中通过设置相关属性来设定。标记的常用文法格式为： 2.3 HTML的格式标记 HTML的格式标记分为文本格式标记与图像格式标记两类。其中，文本格式标记用于指定网页显示时，网页上文字的显示字体、字型、字号以及背景、前景色彩等特征；图像格式标记则用于指定网页显示时，网页上图像的显示位置、尺寸边框、以及当图

38、像无法显示时的代替文字等特征。2.3.1 文本格式标记符 在网页的文字显示中，如何指定标题文字，指定正文的显示格式，指定换行，指定关键文字的斜体、加粗、下划线，指定文字的字体、字型、字号和色彩，等等，就需要应用HTML的文本格式标记符号。 1标题文字标记 标题文字标记实例 第一级文字标题 第二级文字标题 第三级文字标题 第四级文字标题 第五级文字标题 第六级文字标题 2预格式化文本标记 预格式化文本标记实例 段首预置的空格被取消了，且行尾的 回车符也被忽略了。 段首预置的空格被保留着，且行尾的 回车符也被保留着。 3强制换行标记和段落标记 段落标记的作用是通知浏览器：位于标记之间的文本形成一个

39、段落，需要置于下一段落的开始处显示。常用的段落标记属性是align，一般语法格式为：其中，str的取值可以为：“left”、“center”或“right”分别指定本段落显示在页面窗口的居左、居中或居右。 4文本修饰标记 换行标记、段落标记与文本修饰标记实例 位于strong标记对之间的文字被加重了! 由于br的作用导致 换了一行。p标记导致此处自成一段且居中。 由于段落标记 又换行了。 请注意几种文字修饰 的效果。 5字体型号标记 字体型号标记实例 10号红色宋体文字 10号绿色黑体文字 10号蓝色隶书文字 6号橄榄色宋体文字 默认文字显示效果 2.3.2 图像格式标记符 图像格式标记实例

40、忽略其它属性赋值，图像显示无边框，以原始尺寸居左，同行文字居下。 指定图框、指定图像显示尺寸、指定同行文字居中。 指定替换文字、指定图框、指定图像居右显示，由于能够显示图像，替换文字不显示。 由于图像文件名拼写错误，不能显示图像，因而显示替换文字。 2.3.3 滚动对象标记符 网页上的滚动对象是指在网页上左右移动的文字或者图像，这些对象的存在增添了网页的生动性。设定滚动对象的方法是，应用标记段将需要滚动的对象括起来。 标记段的一般文法为： 2.4 HTML的超文本链接标记符 所谓包含超文本链接是指，在HTM文档中含有可直接转移至网络上任一指定资源的指针，而这个指针则称为超文本链接指针。使用标记

41、段即可在HTM文档中设置超文本链接指针。 2.4.1 统一资源定位器URL所有的网络资源均具有唯一标识，均可采用统一资源定位器（URL，Uniform Resource Locator）予以定位。在网络系统中，资源的唯一标识须以如下形式确定：protocol:/ :port/directory/filename 一个典型的URL为/，它表示武汉工业学院WWW服务器上的起始HTML文件。 2.4.2 在文本上设定超文本链接指针 超文本链接指针可以Web页上任一对象作为载体，使得操作者通过鼠标单击着一载体来实现指定网络资源的调用。在文本上设定超文本链接指针是指，将超文本链接指针的载体设定在Web页

42、中的文字上。 1链接到其他HTM文档 在HTML文档中设定超文本链接指针的标记为：。其基本文法格式为： text 其中，text可以是文字或其他媒体形式的信息，构成超文本链接指针的载体。当用户鼠标单击text时，浏览器就会调用由href属性值“URL”所定位的目标。因此，href称为标记的资源定位属性。标记中的target属性称为目标属性，用于指定新引用的资源显示在哪一个窗口中。 2链接到同一个文件中的其他文本处 设定一个本地链接需要两个步骤，首先为跳转目的地设定标识（Name），文法一般格式为：其中，str属性取值为一个字符串，为跳转目的地名称。跳转目的地可以是HTM文当中的任一位置，参见本

43、节HTM文档源代码第7行和第15行。在设定好跳转目的地后，即可在跳转起始处设定超文本链接指针，将标记中的href属性值设定为需要跳转的目的地址名称，参见本节HTM文档源代码第11行。 2.4.3 在图像上设定超文本链接指针 在HTM文档中，超文本链接指针还可以放置在图像对象上。操作者可以通过在图像上单击鼠标左键来实现网络资源的引用。其一般文法格式为： 其中，标记设置承放超文本链接指针的图像对象。关于各种常用超文本链接标记应用的实例，请阅读以下HTM文档源代码“p2-7.htm”，对照图所示的浏览器输出效果领会标记设置的意义。 超文本链接标记实例 跳转目的地1。 在本窗口中引用“文本修饰标记实例

44、”。 在新窗口中引用“文本修饰标记实例”。 向前跳转至目的地1。、向后跳转至目的地2。 跳转目的地2。 2.5 HTML的表格标记符 一般而言，表格总是成批具有相同结构数据的最佳显示形式。在网络数据库应用系统中，诸如商店管理中的商品清单、客户关系管理中的订货清单等等，都属于这种成批的、具有相同结构的数据集合，因此，适合于表格形式显示。另外，网络数据库应用系统常常采用关系数据库管理系统进行数据库管理，而关系数据库本身即以二维表作为组织数据的基本单元。因此，在网络数据库应用系统中采用表格形式提供数据的显示与操作界面，也就最为顺理成章了。 2.5.1 标记段 标记段必须完整地嵌套在标记段中。不同于关

45、系数据库中的二维表，HTM文档中的表格对象中可以包含表格。也就说，标记段可以嵌套着标记段。标记的一般文法格式为： 2.5.2 表格元素标记符 1表格行标记标记定义一个表格行的开始，标记结束一个表格行的定义。标记的一般文法格式为： 2表格单元标记和 （1）标记标记定义作为表格标题栏的表头单元，文法格式为： （2）标记标记定义表格中的数据单元，文法格式为： 2.5.3 表格标题标记 标记的一般文法格式为：标题文字align属性设定标题文字相对表格对象的水平对齐方式，可以取值为：“left”定义标题文字相对表格对象左对齐，“center”定义标题文字相对表格对象居中对齐，“right”定义标题文字相

46、对表格对象右对齐。valign属性设定标题文字相对表格对象的垂直位置，可以取值为：“top”定义标题文字位于表格对象之上，“bottom”定义标题文字位于表格对象之下。请察看下一节中的HTM文档源代码。 2.5.4 表格对象应用举例 2.6 HTML的框架标记符 HTML的框架标记符用于将一个Web页设定为若干个框架，允许每一个框架内显示一个HTM文档。 框架结构实例 此处为左部框架 此处为右上框架 此处为右下框架 “p2-10.htm”文档代码在浏览器窗口中的运行效果 2.6.1 标记段 定义框架必须首先定义框架集合，使用的标记符为：。标记段的一般结构形式为： 2.6.1 标记段 其中，标记

47、的一般文法格式有两种：（1）（2） 1Cols属性说明 文法格式（1）含有cols属性，用于将页面垂直划分为若干个框架，其框架个数由cols属性的参数个数确定，各个框架尺寸从左至右由cols属性的相关参数值确定。 2Rows属性说明 文法格式（2）含有rows属性，用于将页面水平划分为若干个框架，其框架个数由rows属性的参数个数确定，各个框架尺寸从上至下由rows属性的相关参数值确定。 3framespacing和bordercolor属性说明 在文法格式（1）和文法格式（2）中都含有framespacing和bordercolor属性，且其含义与作用都是相同的。framespacing属性

48、用于定义框架集中各个框架之间的间距。最小间距为0，若为framespacing属性赋值小于0，则相邻两个框架会产生部分重叠。bordercolor属性用于定义框架集中各框架间距的颜色。颜色值的设定，采用RGB方式完成。若框架间距0，则不会出现设定的颜色。 2.6.2 标记和标记段 1标记标记的一般文法格式为： 2标记段页面框架的概念出现在较晚一些时候，因此，至今仍有浏览器不予支持。于是，那些使用不支持页面框架浏览器的操作者在遇到带有框架的Web页面时，可能什么也看不到。 2.7 HTML的表单标记段 在HTML中，接受网页上传信息的主要对象是表单对象，网页上的表单对象采用标记段定义。 2.7.

49、1 表单标记段 表单标记段的一般结构形式为： . . 2.7.2 表单标记段中使用的标记 1标记HTML中的INPUT标记用于在表单中设置文本框、复选框、单选框、图像对象和命令按钮等控件。一般文法格式如下：标记具有五个属性： （1）type属性 为type属性设置不同的值，导致在表单中设置不同控件。对应input标记可以设置的5种控件，type属性值可以分别设置为如下7种：text, password, checkbox, radio, image, submit, reset （2）name属性 由于可以在一个表单中设置多个input控件，因此需要为每一个input控件设定一个在表单中唯一的

50、标识，称为input控件名称。如此，当表单信息提交给服务器以后，位于服务器端的对应程序方能通过指定的控件名称准确地获取对应的表单信息。在标记中设置name属性即为该input控件命名，从而使得接收表单信息的程序可以通过该名称准确处理对应的表单信息。 （3）value属性 value属性值具有两种不同的含义：在单行文本框控件中，用于为input控件设定最初显示的信息；在单选框控件和多选框控件中，用于设定被选项的上传信息。value属性值可以是任意字符组成的串。 （4）size属性和maxlength属性 size属性用于设定单行文本框控件的尺寸，以字符个数为单位。 maxlength属性仅用于设

51、定单行文本控件中所能接受的最大字符个数。该数值可以大于size属性值，也可以小于size属性值。也就是说，无论单行文本框尺寸有多大，其间所能接受的最大字符个数由maxlength属性值控制。 2标记段 标记仅能设置单行文本框控件，当需要接受较多的输入文字时，可能就需要在表单中设置一个能够接受多行文本的控件。标记段用于在表单上设置多行文本框控件，一般文法格式为： . 3标记段 标记段用于在表单中设置列表框控件，一般文法格式为：选项一选项二选项三 2.8 网上商店用户登录页面设计 第3章 客户端脚本语言 本章主要讲解：脚本语言的使用规则VBScript进行程序设计的方法VBScript函数和过程的

52、使用方法JavaScript 3.1 脚本语言概述 1. 什么是脚本语言 脚本指的是一个程序，它能被另一个程序（解释程序）而不是计算机的处理机来解释或执行。 3.1 脚本语言概述 1. 什么是脚本语言 目前比较流行的脚本语言有:网景公司（Netscope）的JavaScript微软公司（Microsoft）的VBScript。 3.1 脚本语言概述 2. JavaScript 的产生与发展 “Mocha”的语言 “LiveScript” “JavaScript” 3.1 脚本语言概述 3. VBScript简介 Microsoft Visual Basic Scripting Edition

53、VBScript 是程序开发语言 Visual Basic 家族的最新成员，它将灵活的脚本应用于更广泛的领域 3.2 脚本语言使用规则 3.2.1 脚本语言程序的嵌入规则 在脚本语言中，使用SCRIPT 元素用于将脚本语言（VBScript或JAVAScript） 代码添加到 HTML 页面中。 3.2.1 脚本语言程序的嵌入规则VBScript 代码写在成对的 标记之间。 function disphello()dim hours,str1 hours= hour(now() if cint(hours)12 then str1=上午好! elsestr1=下午好! end if msgbo

54、x str1 end function3.2.1 脚本语言程序的嵌入规则代码的开始和结束部分都有 标记。 LANGUAGE 属性用于指定所使用的脚本语言。 3.2.1 脚本语言程序的嵌入规则完整示例: 例3-1 function disphello()dim hours,str1 hours= hour(now() if cint(hours)12 then str1=上午好! elsestr1=下午好! end if msgbox str1 end function3.2.1 脚本语言程序的嵌入规则 响应窗体中按钮的单击事件 例3-2 MsgBox 按钮被单击！ 3.2.2 脚本语言程序的执

55、行规则 3.2.2 脚本语言程序的执行规则 一个简单首页 3.2.1 脚本语言程序的嵌入规则 标记中的 Sub 过程是一个事件过程。过程名包含两部分：一部分为按钮名，即 Button1 另一部分为事件名，即 OnClick 3.3 VBScript语法 每一种语言都有特定的书写规则，用户在编写某一种语言程序代码时，必须要遵守该语言的语法规定，如果书写的语言程序代码不符合其语法规则时，计算机将不能识别这些代码，而且会产生一些错误。 3.3.1 注释与分行 1. 注释 注释是指在编写代码时，编写者在代码中添加的一些说明性语句。注释是非可执行语句，只是对相关的内容加以说明。 3.3.1 注释与分行

56、1. 注释Rem 这是另一句注释formula = 10 撇号之后的任何文本都是注释formula = 20 : Rem 这也是一句注释注释可以出现在公式文本之后 3.3.1 注释与分行 2. 分行与续行一条语句可能很长，可采用续行符将一条语句写在多行上 .续行符，即由一个空格和一条下划线组成（如“ _”）。 3.3.1 注释与分行 2. 分行与续行Data1.RecordSource = _SELECT * FROM Titles, Publishers _& WHERE Publishers.PubId = Titles.PubID _& AND Publishers.State = CA

57、 3.3.2 常量与变量 常量是具有一定含义的名称，用于代替数字或字符串，它的值定义之后不能修改。在VBScript中，常量又被分为内部常量和用户自定义常量两种。 1.内部常量 表3-1颜色常量常数值描述vbBlack&h00黑色vbRed&hFF红色vbGreen&hFF00绿色vbYellow&hFFFF黄色vbBlue&hFF0000蓝色vbMagenta&hFF00FF紫色vbCyan&hFFFF00青色vbWhite&hFFFFFF白色1.内部常量 表3-2 日期和时间常数常数值描述vbSunday1星期日vbMonday2星期一vbTuesday3星期二vbWednesday4星期

58、三vbThursday5星期四vbFriday6星期五vbSaturday7星期六vbUseSystem0使用计算机区域设置中的日期格式。vbUseSystemDayOfWeek0由系统设置定义每周的第一天是星期几。1.内部常量 表3-3 字符串常数常数值描述vbCrChr(13)回车符。vbCrLfChr(13) & Chr(10)回车符与换行符。vbFormFeedChr(12)换页符；在 Microsoft Windows 中不适用。vbLfChr(10)换行符。vbNewLineChr(13) & Chr(10) 或 Chr(10)平台指定的新行字符；适用于任何平台。vbNullCha

59、rChr(0)值为 0 的字符。vbNullString值为 0 的字符串与零长度字符串 () 不同；用于调用外部过程。vbTabChr(9)水平附签。vbVerticalTabChr(11)垂直附签；在 Microsoft Windows 中不适用。1.内部常量 表3-4 日期格式常数常数值描述vbGeneralDate0显示日期和/或时间。对于实数，显示日期和时间。如果没有小数部分，仅显示日期。如果没有整数部分，则仅显示时间。由系统设置决定日期和时间的显示。vbLongDate1按计算机中区域设置指定的长日期格式显示日期。vbShortDate2按计算机中区域设置指定的短日期格式显示日期。

60、vbLongTime3按计算机中区域设置指定的长时间格式显示时间。vbShortTime4按计算机中区域设置指定的短时间格式显示时间。3.3.2 常量与变量 2. 自定义常量可以使用 Const 语句在 VBScript 中创建用户自定义常量。例如： Const MyString = 这是一个字符串。Const MyAge = 35Const CutoffDate = #2004-5-31# 3.3.2 常量与变量 3. 变量 （1）变量的数据类型 子类型描述Empty未初始化的 Variant。对于数值变量，值为 0；对于字符串变量，值为零长度字符串 ()。Null不包含任何有效数据的 Va