ASP實用技術(shù)課件

第1章

網(wǎng)路資料庫應(yīng)用系統(tǒng)概述

本章主要講解：

F/S、C/S、B/S三種網(wǎng)路資料庫應(yīng)用系統(tǒng)模式

CGI、API與PHP技術(shù)要點、ASP技術(shù)特徵與工作原理

ODBC技術(shù)以及配置方法

DBMS概念、資料庫設(shè)計方法

網(wǎng)上商店實例功能與資料庫設(shè)計參數(shù)1.1網(wǎng)路資料庫應(yīng)用系統(tǒng)模式

建立電腦網(wǎng)絡(luò)的主要目的是實現(xiàn)資源共用和電腦之間的通信。資源共用包括硬體資源共用、軟體資源共用、數(shù)據(jù)資源共用和通信通道資源共用。其中，如何有效實現(xiàn)數(shù)據(jù)資源共用是資料庫應(yīng)用系統(tǒng)的重要功能之一。

1.1.1檔/伺服器模式（F/S模式，F(xiàn)ileServerModel）

1．檔伺服器模型以

NovellNetware局域網(wǎng)操作系統(tǒng)為代表是檔伺服器模型的典型。它以一臺或幾臺伺服器作為共用資源的主體，在檔伺服器中提供高速存取的大容量磁片，用於存放網(wǎng)路中各個客戶端共用的檔和目錄，包括各種應(yīng)用程式和數(shù)據(jù)庫。工作站根據(jù)所擁有的許可權(quán)使用程式、訪問資料庫。作為客戶端的工作站上不安裝應(yīng)用程式，屬於一種零客戶端方案。

1.1.1檔/伺服器模式（F/S模式，F(xiàn)ileServerModel）2．工作組模型

在工作組模型中，某個擁有特權(quán)的系統(tǒng)管理員創(chuàng)建一個用戶工作組，並賦予組中的成員以對等（PeartoPear）方式工作。工作組中的每一臺電腦既可作為伺服器，又可作為工作站。每臺電腦具有自己的帳戶，並管理著自己所屬的共用資源。

1.1.1檔/伺服器模式（F/S模式，F(xiàn)ileServerModel）3．域模型

利用域模型可以實現(xiàn)對網(wǎng)路的集中管理。域模型是一種安全、高效的網(wǎng)路使用模型，能夠構(gòu)成性能良好的、基於局域網(wǎng)絡(luò)的資料庫應(yīng)用系統(tǒng)。

1.1.2客戶/伺服器模式（C/S模式，Client/ServerModel）

客戶/伺服器模式提出了一種新的資源共用方式。即，將不同的應(yīng)用程式安裝在不同的工作站上，形成客戶端。客戶端運(yùn)行本地程式，訪問儲存在伺服器端的資料庫，獲取數(shù)據(jù)資源，完成相關(guān)處理後回寫至資料庫中。這就形成了客戶/伺服器模式的基本運(yùn)行機(jī)理。根據(jù)客戶/伺服器構(gòu)架方式，可以將其分為：二層C/S模式和三層C/S模式。

1.1.2客戶/伺服器模式（C/S模式，Client/ServerModel）1．二層C/S模式二層C/S模式把數(shù)據(jù)處理任務(wù)分配給客戶機(jī)（Client）和數(shù)據(jù)庫伺服器（DataBaseServer）共同承擔(dān)。資料庫伺服器安裝資料庫管理系統(tǒng)（DBMS，DataBaseManagementSystem），承擔(dān)資料庫數(shù)據(jù)管理、回應(yīng)客戶機(jī)請求並根據(jù)請求完成數(shù)據(jù)操作；客戶機(jī)安裝應(yīng)用程式，承擔(dān)客戶程式運(yùn)行、數(shù)據(jù)的處理和輸入/輸出操作。1.1.2客戶/伺服器模式（C/S模式，Client/ServerModel）2．三層C/S模式在三層C/S模式結(jié)構(gòu)中，客戶機(jī)駐留用戶介面層（也稱為表示層）軟體負(fù)責(zé)用戶與應(yīng)用層之間的對話任務(wù)。功能伺服器存放業(yè)務(wù)邏輯層（也稱為功能層）軟體，回應(yīng)客戶機(jī)請求，完成業(yè)務(wù)處理或複雜計算。在出現(xiàn)資料庫訪問任務(wù)時，根據(jù)客戶機(jī)的要求向資料庫伺服器發(fā)出SQL指令。資料庫伺服器存放資料庫服務(wù)層（也稱為數(shù)據(jù)層）軟體，用來執(zhí)行功能層送來的SQL指令，實現(xiàn)對數(shù)據(jù)庫的讀、寫、刪、改及查詢等操作，操作完成後通過功能伺服器向客戶機(jī)返回操作結(jié)果。1.1.3流覽器/伺服器模式（B/S模式，Browser/ServerModel）基於B/S模式的資料庫應(yīng)用系統(tǒng)通常採用三層結(jié)構(gòu)：“流覽器——Web伺服器——資料庫伺服器”。在B/S模式結(jié)構(gòu)中，客戶機(jī)駐留的用戶介面層軟體為流覽器，用戶通過流覽器的表單（Form）等形式向Web伺服器發(fā)送HTTP協(xié)議方式的請求。1.2Web資料庫技術(shù)隨著Internet/Intranet技術(shù)的普及和發(fā)展，客戶/伺服器結(jié)構(gòu)的資料庫應(yīng)用系統(tǒng)正由2層向3層或多層發(fā)展。如果客戶端僅需流覽器軟體，中間層提供Web服務(wù)，後臺提供資料庫服務(wù)，即形成了Web資料庫應(yīng)用系統(tǒng)結(jié)構(gòu)。1.2.1三層結(jié)構(gòu)

Web資料庫應(yīng)用系統(tǒng)採用3層的客戶/伺服器結(jié)構(gòu)：第一層為客戶層，通常安裝流覽器軟體；第二層為中間層，需要配置相應(yīng)的Web伺服器以及相關(guān)技術(shù)支撐軟體；第三層為數(shù)據(jù)庫層，必須配備相應(yīng)的資料庫伺服器和數(shù)據(jù)庫管理系統(tǒng)。從技術(shù)發(fā)展角度看，最經(jīng)典的資料庫訪問技術(shù)是CGI（CommonGatewayInterface），隨後出現(xiàn)了伺服器API（ApplicationProgrammingInterface）技術(shù)，近來流行的是ASP（ActiveServerPages）技術(shù)和PHP（HypertextPreprocessor）技術(shù)。。1.2.2CGI技術(shù)

CGI是Web伺服器與外部擴(kuò)展程式交互的一個標(biāo)準(zhǔn)介面。按CGI標(biāo)準(zhǔn)編寫的外部擴(kuò)展程式可以處理客戶端（一般是Web流覽器）輸入的協(xié)同工作數(shù)據(jù)，完成客戶端與伺服器的交互操作。伺服器並不關(guān)心外部擴(kuò)展程式用什麼語言（如C、C＋、Perl、Delphi或VisualBasic等）編寫，它只是負(fù)責(zé)接收用戶的輸入資訊，並把CGI程式所產(chǎn)生的結(jié)果（HTML文檔或其他符合HTTP規(guī)定的檔）回傳給用戶。1.2.3API技術(shù)API以動態(tài)鏈接庫（DLL）的形式提供，是駐留在Web伺服器上的本機(jī)代碼，作用類似於CGI，可起到擴(kuò)展Web伺服器功能的作用。目前流行的伺服器API有Microsoft的ISAPI（InternetServerAPI）、Netscape的NSAPI（NetscapeServerAPI）和O’Reilly的WSAPI（WebSiteAPI）。各種伺服器API均與相應(yīng)的Web伺服器緊密聯(lián)繫在一起，程式員可利用伺服器API來開發(fā)Web伺服器與資料庫伺服器的介面程式。

1.2.4PHP技術(shù)

PHP是一個遞歸的首字母縮寫詞，代表PHP：HypertextPreprocessor（PHP：超文本預(yù)處理器）。PHP是一種腳本編程語言，通常嵌入或結(jié)合HTML使用。對於開發(fā)三層結(jié)構(gòu)的Web資料庫應(yīng)用系統(tǒng)，PHP是開發(fā)中間層中的應(yīng)用邏輯一個理想的工具。1.2.5ASP技術(shù)ASP屬於ActiveX技術(shù)中的伺服器端技術(shù)，與通常在客戶端實現(xiàn)動態(tài)頁面的技術(shù)（如JavaApplet和ActiveX控件等）不同。ASP中的命令和腳本均在伺服器端解釋執(zhí)行，執(zhí)行後的結(jié)果產(chǎn)生HTML頁面並送給流覽器。由於腳本在伺服器端執(zhí)行，因而開發(fā)者不必?fù)?dān)心流覽器是否能夠執(zhí)行腳本。同時，由於只是將HTML頁面送到流覽器，在流覽器上看不到ASP源代碼，系統(tǒng)安全的到了保證。

1.2.5ASP技術(shù)ASP訪問資料庫通過ADO（ActiveXDataObject）實現(xiàn)，

ADO是Microsoft推出的一項數(shù)據(jù)訪問技術(shù)。使用ADO可以編寫緊湊簡明的腳本，以連接到與OLEDB相容的數(shù)據(jù)源．如數(shù)據(jù)庫、電子錶格、順序數(shù)據(jù)檔或電子郵件目錄等。另外，還可使用ADO訪問與ODBC相容的資料庫。ASP的工作流程如圖。1.3網(wǎng)路資料庫訪問介面技術(shù)

JDBC是Java的開發(fā)者——Sun的Javasoft公司制定的Java資料庫連接(Java

Data

Base

Connectivity)技術(shù)的簡稱，ODBC（Open

Database

Connectivity，開放資料庫互連）是微軟公司開放服務(wù)結(jié)構(gòu)（WOSA，Windows

Open

Services

Architecture）中有關(guān)資料庫的一個組成部分，它建立了一組規(guī)範(fàn)，並提供了一組對數(shù)據(jù)庫訪問的標(biāo)準(zhǔn)API（應(yīng)用程式編程介面）。1.3.1JDBC技術(shù)簡介1．JDBC結(jié)構(gòu)JDBC有一個非常獨特的動態(tài)連接結(jié)構(gòu)，它使得系統(tǒng)模組化。使用JDBC來完成對數(shù)據(jù)庫的訪問包括以下四個主要組件：Java的應(yīng)用程式、JDBC驅(qū)動器管理器、驅(qū)動器和數(shù)據(jù)源。

1.3.2ODBC技術(shù)基礎(chǔ)

基於ODBC的應(yīng)用程式對數(shù)據(jù)庫的操作不依賴任何DBMS，不直接與DBMS打交道，所有的資料庫操作由對應(yīng)的DBMS的ODBC驅(qū)動程式完成。也就是說，不論是FoxPro、Access還是Oracle、MSSQLServer資料庫，均可用ODBC

API進(jìn)行訪問。由此可見，ODBC的最大優(yōu)點是能以統(tǒng)一的方式處理所有的資料庫。一個完整的ODBC應(yīng)用由下列幾個部件組成：

1.3.3ODBC配置方法1．針對Access資料庫配置ODBC

假定網(wǎng)上商店資料庫data.mdb存放與d:\shooping\whpuau\db目錄下。可以單擊【開始】-【程式】-【管理工具】-【數(shù)據(jù)源（ODBC）】進(jìn)入ODBC數(shù)據(jù)源管理器，如圖所示。

根據(jù)網(wǎng)上商店應(yīng)用的需要，可以註冊系統(tǒng)DSN。為此，應(yīng)該單擊“系統(tǒng)DSN”選項卡，然後單擊“添加”命令按鈕進(jìn)入創(chuàng)建新數(shù)據(jù)源對話框，如圖所示。在創(chuàng)建新數(shù)據(jù)源對話框中，應(yīng)該選擇MicrosoftAccessDriver（*.mdb），然後單擊“完成”命令按鈕進(jìn)入ODBCMicrosoftAccess安裝對話框，如圖所示。

1.3.3ODBC配置方法2．針對SQLServer資料庫配置ODBC

設(shè)網(wǎng)上商店資料庫名為shopping，為MSSQLServer資料庫，可以通過以下步驟完成網(wǎng)上商店資料庫的ODBC配置操作。進(jìn)入ODBC數(shù)據(jù)源管理器後，選中“系統(tǒng)DSN”選項卡，然後單擊“添加”命令按鈕，進(jìn)入創(chuàng)建新數(shù)據(jù)源對話框。然後，應(yīng)該選擇SQLServer選項，如圖所示。

2．針對SQLServer資料庫配置ODBC2．針對SQLServer資料庫配置ODBC完成在新數(shù)據(jù)源對話框中選擇SQLServer選項後，單擊“完成”命令按鈕，即可進(jìn)入“建立新的數(shù)據(jù)源到SQLServer”對話框1。在這個對話框中，需要為數(shù)據(jù)源命名，可以命名為“DBQ”。還需要指定伺服器，本例可以選擇“Local”。設(shè)定結(jié)果如圖所示。

2．針對SQLServer資料庫配置ODBC在“建立新的數(shù)據(jù)源到SQLServer”對話框1中完成設(shè)置後，單擊“下一步”命令按鈕，即可進(jìn)入“建立新的數(shù)據(jù)源到SQLServer”對話框2。在這個對話框中，可以設(shè)定“使用用戶輸入登錄ID和密碼的SQLServer驗證”、“連接SQLServer以獲得其他配置選項的默認(rèn)設(shè)置”，並鍵入登錄ID和密碼。設(shè)定結(jié)果如圖所示。2．針對SQLServer資料庫配置ODBC在“建立新的數(shù)據(jù)源到SQLServer”對話框2中完成設(shè)置後，單擊“下一步”命令按鈕，即可進(jìn)入“建立新的數(shù)據(jù)源到SQLServer”對話框3。在這個對話框中，可以設(shè)定“改變默認(rèn)的資料庫為shooping”、“使用ANSI引用的識別字”和“使用ANSI的空值、填充和警告”。設(shè)定結(jié)果如圖所示。2．針對SQLServer資料庫配置ODBC在“建立新的數(shù)據(jù)源到SQLServer”對話框3中完成設(shè)置後，單擊“下一步”命令按鈕，即可進(jìn)入“建立新的數(shù)據(jù)源到SQLServer”對話框4。在這個對話框中，可以不做任何改變，直接單擊“完成”命令按鈕“”，進(jìn)入“ODBCMicrosoftSQLServer安裝”對話框，如圖所示。

1.4資料庫管理系統(tǒng)在資料庫技術(shù)領(lǐng)域，經(jīng)典的數(shù)據(jù)模型有三種。它們分別是：層次數(shù)據(jù)模型，採用樹型結(jié)構(gòu)描述數(shù)據(jù)實體間的關(guān)聯(lián)；網(wǎng)狀數(shù)據(jù)模型，採用網(wǎng)狀結(jié)構(gòu)描述數(shù)據(jù)實體間的關(guān)聯(lián)；關(guān)係數(shù)據(jù)模型，採用二維表結(jié)構(gòu)描述數(shù)據(jù)實體間的關(guān)聯(lián)。在這三種經(jīng)典的數(shù)據(jù)模型中，關(guān)係數(shù)據(jù)模型具有較高的數(shù)據(jù)獨立性和較嚴(yán)格的數(shù)學(xué)理論基礎(chǔ)，並且具有結(jié)構(gòu)簡單和提供非過程性語言等優(yōu)點，因而得到了廣泛的應(yīng)用。採用關(guān)係數(shù)據(jù)模型構(gòu)造的資料庫系統(tǒng)，被稱為關(guān)係資料庫管理系統(tǒng)（RDBMS，RelationDataBaseManagementSystem）。1.4.1關(guān)係資料庫管理系統(tǒng)概述在關(guān)係型資料庫中，數(shù)據(jù)元素是最基本的數(shù)據(jù)單元?？梢詫⑷舾蓚€數(shù)據(jù)元素組成數(shù)據(jù)元組，若干個相同的數(shù)據(jù)元組即組成一個數(shù)據(jù)表（即關(guān)係），而所有相互關(guān)聯(lián)的數(shù)據(jù)表則可以組成一個資料庫。這樣的資料庫集合即被稱為基於關(guān)係模型的資料庫系統(tǒng)。

1．基本術(shù)語（1）數(shù)據(jù)元素數(shù)據(jù)元素存放於字段（Field）中，一個數(shù)據(jù)表中的每一個字段均具有一個唯一的名字（稱為字段名）。一個字段也就是數(shù)據(jù)表中的一列。根據(jù)面向?qū)ο蟮挠^點，字段是數(shù)據(jù)表容器對象中的子對象，並具有一些相關(guān)的屬性?？梢詾檫@些字段屬性設(shè)定不同的取值，來實現(xiàn)應(yīng)用中的不同需要。字段的基本屬性有：字段名稱，數(shù)據(jù)類型，字段大小，等等。

1．基本術(shù)語（2）數(shù)據(jù)元組數(shù)據(jù)元組也稱為記錄（Record），一個記錄構(gòu)成數(shù)據(jù)表中的一行。一個數(shù)據(jù)表中的每一個記錄均具有一個唯一的編號，被稱為記錄號。一個記錄應(yīng)該具有一個主關(guān)鍵字，主關(guān)鍵字是一個字段或若干字段的集合。

1．基本術(shù)語

（3）數(shù)據(jù)表具有相同字段的所有記錄的集合稱為數(shù)據(jù)表，也稱為關(guān)係。一個資料庫中的每一個數(shù)據(jù)表均具有一個唯一的名字，被稱為數(shù)據(jù)表名。數(shù)據(jù)表是資料庫中的子對象，也具有一系列的屬性。同樣可以為數(shù)據(jù)表屬性設(shè)置不同的屬性值，來滿足實際應(yīng)用中的不同需要。1．基本術(shù)語

（4）資料庫資料庫的傳統(tǒng)定義是以一定的組織方式存儲的一組相關(guān)資料項目的集合，主要表現(xiàn)為數(shù)據(jù)表的集合。但是，隨著資料庫技術(shù)的發(fā)展，現(xiàn)代資料庫已不再僅僅是數(shù)據(jù)的集合，而且還應(yīng)包括針對數(shù)據(jù)進(jìn)行各種基本操作的對象的集合。這些基本操作的對象包括，查詢對象，存儲過程，等等。

2．關(guān)係運(yùn)算 關(guān)係運(yùn)算是針對關(guān)係資料庫數(shù)據(jù)進(jìn)行的操作運(yùn)算，既可以針對關(guān)係中的記錄實施，也可以針對關(guān)係中的字段實施，還可以針對若干個關(guān)係實施?；镜年P(guān)係運(yùn)算包括選擇運(yùn)算，投影運(yùn)算和連接運(yùn)算三種。

2．關(guān)係運(yùn)算

（1）選擇運(yùn)算選擇運(yùn)算是從指定的關(guān)係中選取滿足給定條件的若干元組以構(gòu)成一個新關(guān)係的運(yùn)算，其關(guān)係運(yùn)算式為：SELECT關(guān)係名

WHERE條件其中，條件是由常數(shù)、字段名及其通過相應(yīng)的比較運(yùn)算符和邏輯運(yùn)算符連接形成邏輯運(yùn)算式組成的。

2．關(guān)係運(yùn)算（2）投影運(yùn)算投影運(yùn)算是從指定的關(guān)係中選取指定的若干字段從而構(gòu)成一個新關(guān)係的運(yùn)算，其關(guān)係運(yùn)算式為：PROJECT關(guān)係名（字段名1，字段名2，……，字段名n）

2．關(guān)係運(yùn)算

（3）連接運(yùn)算連接運(yùn)算是選取若干個指定關(guān)係中的字段滿足給定條件的元組從左至右連接，從而構(gòu)成一個新關(guān)係的運(yùn)算，其關(guān)係運(yùn)算式為：JION關(guān)係名1AND關(guān)係名2……

AND關(guān)係名nWHERE條件其中，條件是由常數(shù)、字段名及其通過相應(yīng)的比較運(yùn)算符和邏輯運(yùn)算符連接形成邏輯運(yùn)算式組成的。

3．結(jié)構(gòu)化查詢語言SQL 根據(jù)ANSISQL92標(biāo)準(zhǔn)，SQL語句按其功能的不同可以分為以下六大類：①數(shù)據(jù)定義語句（DDL，Data-DefinitionLanguage）；②數(shù)據(jù)操作語句（DML，Data-ManipulationLanguage）；③操作管理語句（TML，Transaction-ManagementLanguage）；④數(shù)據(jù)控制語句（DCL，Data-ControlLanguage）；⑤數(shù)據(jù)查詢語句（DQL，Data-QueryLanguage）；⑥游標(biāo)控制語句（CCL，Cursor-ControlLanguage）。

1.4.2Access資料庫管理系統(tǒng)1．創(chuàng)建Access資料庫Access資料庫採用特有的全環(huán)繞資料庫檔結(jié)構(gòu)組成資料庫檔（MDB檔），以一個單獨的MDB檔存儲一個資料庫應(yīng)用系統(tǒng)中包含的所有對象。

首先，順序單擊【開始】|【程式】|【MicrosoftAccess】，啟動Access運(yùn)行。在對話框中，選定“空Access資料庫”單選框，然後單擊“確定”

命令按鈕，即可進(jìn)入“檔新建資料庫”對話框，如圖所示。

1．創(chuàng)建Access資料庫完成上述三項選擇後，單擊“創(chuàng)建”按鈕，即出現(xiàn)空Access資料庫的設(shè)計視圖窗口。在這個窗口中顯示的是上面指定名稱的資料庫容器對象，如圖所示：

2．設(shè)計Access數(shù)據(jù)表在資料庫設(shè)計視圖中，選擇“表”對象卡，然後單擊“新建”按鈕，即出現(xiàn)“新建表”對話框，如圖所示。在“新建表”對話框，Access提供五種創(chuàng)建新表的不同方法。此處，應(yīng)該選擇使用“設(shè)計視圖”創(chuàng)建數(shù)據(jù)表。

2．設(shè)計Access數(shù)據(jù)表在數(shù)據(jù)表設(shè)計視圖所提供的表格中，通過逐欄地填寫數(shù)據(jù)表對象的各個字段對象及其子對象的相關(guān)屬性值，來完成創(chuàng)建或者設(shè)計數(shù)據(jù)表對象結(jié)構(gòu)的操作。請參見圖示各項屬性值。

3．在Access數(shù)據(jù)表填寫數(shù)據(jù)數(shù)據(jù)表視圖形式如圖所示，請參見圖中所示數(shù)據(jù)示意。

1.4.3MsSQLServer資料庫管理系統(tǒng)SQLServer使用客戶機(jī)/伺服器體系結(jié)構(gòu)，將所有的工作負(fù)荷分解成在伺服器上的任務(wù)和在客戶機(jī)上的任務(wù)?？蛻魴C(jī)應(yīng)用程式負(fù)責(zé)商業(yè)邏輯和向用戶提供數(shù)據(jù)，一般運(yùn)行在一個或多個客戶機(jī)上，但也可以運(yùn)行在伺服器上。伺服器管理資料庫和分配可用的伺服器資源，如記憶體、網(wǎng)路帶寬和磁片操作?？蛻魴C(jī)應(yīng)用程式介面允許應(yīng)用程式在單獨的客戶機(jī)上運(yùn)行，並且通過網(wǎng)路與伺服器進(jìn)行通信。

1．創(chuàng)建SQLServer資料庫首先，順序單擊【開始】|【程式】|【MicrosoftSQLServer】|【EnterpriseManager】，啟動SQLServer的企業(yè)級管理器。在如圖所示的SQLServer管理器中，選定“資料庫（Databases）”選項。如圖所示。

1．創(chuàng)建SQLServer資料庫接著，在“資料庫（Databases）”選項上右鍵單擊後彈出的快捷菜單上，選擇“NewDatabase”菜單選項，即可進(jìn)入“DatabaseProperties”對話框，如圖所示。

2．設(shè)計SQLServer數(shù)據(jù)表為了設(shè)計SQLServer數(shù)據(jù)表，需要在圖所示的SQLServer管理器窗口展開新建的“shopping”資料庫圖示。接著，在“數(shù)據(jù)表（tables）”選項上單擊右鍵，即可彈出的快捷菜單。如圖所示。

2．設(shè)計SQLServer數(shù)據(jù)表接著，在“數(shù)據(jù)表（tables）”選項上單擊右鍵，在彈出的快捷菜單上選擇“Newtables”菜單選項，即可進(jìn)入SQLServer數(shù)據(jù)表設(shè)計視圖。

1.5網(wǎng)路資料庫應(yīng)用系統(tǒng)實例——網(wǎng)上商店

網(wǎng)上商店是一種典型的網(wǎng)路資料庫應(yīng)用系統(tǒng)，本書將以一個簡要的網(wǎng)上商店功能實現(xiàn)作為實例，逐步地介紹構(gòu)建網(wǎng)上商店所需要的基本ASP技術(shù)。

1.5.1網(wǎng)上商店功能分析

網(wǎng)上商店是一種開設(shè)在Internet上的商店，它允許任何一個Internet用戶流覽商品，也允許需要購買商品的Internet用戶註冊成為商店的顧客。同時，商店的顧客能夠選購商品，並等待商店員工送貨上門。對於商店經(jīng)營者，他必須能夠?qū)⑸痰晁芴峁┑纳唐焚Y訊發(fā)佈於網(wǎng)路上，並能夠接受商店顧客的選購。對於商店管理者，他需要經(jīng)常查閱商店的經(jīng)營狀況，包括各類商品庫存與銷售資訊、商店顧客註冊與購物行為資訊、商店經(jīng)營者行為資訊。

1．Internet用戶流覽功能

為了使得任意Internet用戶能夠進(jìn)入商店，網(wǎng)上商店網(wǎng)站應(yīng)該設(shè)置商店主頁。這個商店主頁不需註冊或登錄即可被訪問。

2．商店顧客註冊與登錄功能

註冊功能是為了使Internet流覽者能夠註冊成為商店顧客。當(dāng)一個Internet流覽者有興趣成為本網(wǎng)上商店顧客時，他可以分別在“用戶名”文本框“密碼”文本框中輸入自己設(shè)定的字串，然後單擊“註冊”按鈕進(jìn)入顧客資訊表填寫個人資訊。此時，將鏈接至填寫個人資訊頁面，可以參考圖所示。

2．商店顧客註冊與登錄功能3．顧客購物功能

網(wǎng)上商店前端的主要功能是允許顧客購物，為此，必須為顧客提供商品分類清晰、操作便利的Web頁面。可以參考圖所示頁面進(jìn)行設(shè)計。顧客購物功能頁面設(shè)計要點是，必須分類提供商品名稱、編號與銷售價格，允許顧客選中商品後提交。為此，在逐一標(biāo)明各個商品的位置上，必須安置“購買”或“放入購物車”按鈕。一旦顧客在點擊這個按鈕，即標(biāo)明他購買了這個商品。此時，提交數(shù)據(jù)接受頁面將在伺服器端運(yùn)行，將接受的數(shù)據(jù)寫入資料庫中。

3．顧客購物功能4．日常經(jīng)營功能

網(wǎng)上商店的日常經(jīng)營功能頁面為後端頁面，只有商店經(jīng)營者方能登錄進(jìn)入。在圖所示的網(wǎng)上商店主頁面上，為經(jīng)營者設(shè)置了登錄進(jìn)入的超級鏈接“進(jìn)入管理”。日常經(jīng)營主要包括：查看訂單，搜索訂單，確定送貨地點，標(biāo)注已送貨訂單，標(biāo)注顧客退貨訂單，等等。所有這些操作，將都會修改資料庫中的相應(yīng)數(shù)據(jù)。4．日常經(jīng)營功能5．商店管理功能

網(wǎng)上商店管理功能頁面也是後端頁面，只有商店管理者才能登錄進(jìn)入。商店管理頁面上，商店管理者可完成：商品分類查詢、分類統(tǒng)計、增加商品、刪除商品、定價等功能。

1.5.2網(wǎng)上商店資料庫設(shè)計

1．管理員登錄資訊表admin管理員登錄資訊表admin記錄網(wǎng)上商店經(jīng)營者與管理者的登錄資訊，主要包括登錄名、登錄密碼和許可權(quán)等內(nèi)容。由該數(shù)據(jù)表中記錄的許可權(quán)來區(qū)分登錄者是經(jīng)營者還是管理者，他們將擁有不同的操作許可權(quán)。數(shù)據(jù)表結(jié)構(gòu)可參考表所示。1.5.2網(wǎng)上商店資料庫設(shè)計2．註冊顧客資訊表user註冊顧客資訊表user記錄網(wǎng)上商店顧客的個人資訊，主要包括顧客登錄名與密碼、顧客真實姓名與詳細(xì)地址等內(nèi)容。這些個人資訊是配送商品時所必需的資訊。數(shù)據(jù)表結(jié)構(gòu)可參考表所示。

1.5.2網(wǎng)上商店資料庫設(shè)計3．商品資訊表product商品資訊表product記錄網(wǎng)上商店的各類商品資訊，主要包括商品名稱、商品介紹與價格參數(shù)等內(nèi)容。這些資訊將顯示在購物功能頁面上，成為顧客選購商品的依據(jù)。除此以外，商品資訊表product還記錄訪問次數(shù)、成交次數(shù)和數(shù)量資訊，構(gòu)成商店管理者盤點商品、分析銷售狀態(tài)的基本依據(jù)。

1.5.2網(wǎng)上商店資料庫設(shè)計4．訂單數(shù)據(jù)表orders訂單數(shù)據(jù)表orders記錄各類商品的訂貨資訊，主要包括商品名稱與數(shù)量、顧客的準(zhǔn)確資訊與商品送達(dá)資訊等內(nèi)容。用這些記錄在案的資訊保證訂購商品的顧客能夠及時得到送貨，貨款能夠及時收回。

1.5.3網(wǎng)上商店功能模組設(shè)計

根據(jù)網(wǎng)上商店功能分析的結(jié)果，可以設(shè)定網(wǎng)上商店數(shù)據(jù)業(yè)務(wù)流程如圖所示。

1.5.3網(wǎng)上商店功能模組設(shè)計1．註冊註冊功能模組為任意Internet流覽者提供註冊成為本網(wǎng)上商店顧客的操作頁面。流覽者進(jìn)入註冊功能模組後，可以填寫個人資訊，然後提交。註冊功能模組在接受提交的個人資訊之後，填寫顧客資訊表。從此，這個流覽者即可以商店顧客的身份登錄，也可以進(jìn)行購物操作。2．登錄Internet流覽者必須經(jīng)過登錄操作，由登錄功能模組驗明其顧客身份，方可進(jìn)行購物操作。登錄功能模組的主要功能即為驗明顧客身份，調(diào)用購物功能模組。1.5.3網(wǎng)上商店功能模組設(shè)計3．購物購物功能模組的主要功能為：提供商品資訊，接受商品訂單，提交商品訂單數(shù)據(jù)。從而使得顧客可以流覽商品，查找商品，對滿意的商品下訂單。4．規(guī)劃許可權(quán)規(guī)劃許可權(quán)功能模組只允許商店管理者使用，可以採用預(yù)先設(shè)定用戶的方式設(shè)置，使得有一個用戶初始時即擁有管理者許可權(quán)。該管理者有權(quán)創(chuàng)建相關(guān)經(jīng)營者登錄規(guī)則與許可權(quán)，有權(quán)針對顧客資訊進(jìn)行編輯，比如建立惡意顧客黑名單、取消顧客資格。5．編輯數(shù)據(jù)編輯數(shù)據(jù)功能模組提供商品數(shù)據(jù)的增、刪、改等操作頁面，僅允許具有管理者許可權(quán)的訪問者有效。管理者可以調(diào)用編輯數(shù)據(jù)功能模組完成增加商品、刪除商品、為銷售商品定價等操作。

2.1HTML概述

HTML（超文本標(biāo)記語言）是一種描述文檔結(jié)構(gòu)的標(biāo)注語言，它使用一些約定的標(biāo)記對WWW上的各種資訊進(jìn)行標(biāo)注。當(dāng)用戶通過網(wǎng)頁流覽WWW上的資訊時，流覽器會自動解釋存在於網(wǎng)頁源代碼中的這些標(biāo)記的含義，並按照這些標(biāo)記約定的格式在螢?zāi)簧巷@示這些被標(biāo)記的內(nèi)容，從而形成網(wǎng)頁。

2.1HTML概述HTML檔內(nèi)容實際上是由一系列的標(biāo)記段相互嵌套、或者相互並列形成，在每一個標(biāo)記段之中包含著網(wǎng)頁顯示時需要的文字、資源地址、腳本語言程式。因此，從文檔結(jié)構(gòu)上看，HTM文檔由標(biāo)記段組成，每一個標(biāo)記段稱為文檔元素。2.1HTML概述組成HTM文檔的元素有許多種，用於組織檔的內(nèi)容和指導(dǎo)檔的輸出格式。絕大多數(shù)元素是“容器”，

即它有起始標(biāo)記和結(jié)尾標(biāo)記。元素的起始標(biāo)記叫做起始鏈接簽（StartTag），元素結(jié)束標(biāo)記叫做結(jié)尾鏈接簽（EndTag），在起始鏈接簽和結(jié)尾鏈接簽中間的部分是元素體。

每一個元素都有名稱和可選擇的屬性，元素的名稱和屬性都在起始鏈接簽內(nèi)標(biāo)明。以下是一個簡單的HTM文檔“p2-1.htm”內(nèi)容，而將它在IE流覽器中打開顯示的結(jié)果如圖所示。

2.1HTML概述<HTML><HEAD><TITLE>武漢工業(yè)學(xué)院</TITLE></HEAD><BODYbgcolor=yellow><P>以此表示一份簡單HTM文檔的結(jié)構(gòu)以及網(wǎng)頁顯示形式</P></BODY></HTML>2.1HTML概述用於創(chuàng)建或者編輯HTM文檔的軟體工具很多，既可以選用具有簡單文本檔編輯功能的文字處理軟體，如MicrosoftNotePad（記事本）、MicrosoftWordPad（寫字板）、MicrosoftWord等等；也可以選用具有網(wǎng)頁檔編輯功能的專用軟體，如MicrosoftFrontPage、DreamWear等等。具有網(wǎng)頁檔編輯功能的專用軟體無疑是編輯HTM文檔最方便的工具。書中所有HTM文檔源代碼均採用MicrosoftNotePad（記事本）格式給出。

2.2HTM文檔結(jié)構(gòu)一個基本HTM文檔的結(jié)構(gòu)應(yīng)該如圖所示。2.2.1<HTML>標(biāo)記段在<HTML>…</HTML>標(biāo)記段中，應(yīng)該並列嵌套<HEAD>…</HEAD>標(biāo)記段和<BODY>…</BODY>標(biāo)記段，分別用以顯示網(wǎng)頁窗口標(biāo)題及其網(wǎng)頁正文。其最簡單的常用形式為：<HTML><HEAD><TITLE>

流覽器窗口標(biāo)題寫在這裏</TITLE></HEAD><BODY>HTM文檔的正文寫在這裏</BODY></HTML>2.2.2<HEAD>標(biāo)記段<HEAD>…</HEAD>標(biāo)記段用於標(biāo)記<HTML>…</HTML>標(biāo)記段首，其間可以包含若干個<META>標(biāo)記和一個<TITLE>…</TITLE>標(biāo)記段。<META>標(biāo)記的典型用法為：<METAhttp-equiv="Content-Language"content="zh-cn"><METAhttp-equiv="Content-Type"content="text/html;charset=gb2312">分別表示本HTM文檔使用中國語言、其文本字元集為“GB2312”。2.2.3<BODY>標(biāo)記段<BODY>…</BODY>標(biāo)記段用於標(biāo)記HTM文檔正文，即，流覽器窗口中顯示的所有內(nèi)容均應(yīng)該書寫在<BODY>…</BODY>標(biāo)記段中。凡是涉及整個網(wǎng)頁的屬性設(shè)置，包括網(wǎng)頁背景色彩或者背景圖案、網(wǎng)頁上的各類文本色彩等等，均可在<BODY>標(biāo)記中通過設(shè)置相關(guān)屬性來設(shè)定。<BODY>標(biāo)記的常用文法格式為：<BODYbgcolor=#text=#link=#alink=#vlink=#background=“imageURL”>2.3HTML的格式標(biāo)記

HTML的格式標(biāo)記分為文本格式標(biāo)記與圖像格式標(biāo)記兩類。其中，文本格式標(biāo)記用於指定網(wǎng)頁顯示時，網(wǎng)頁上文字的顯示字體、字型、字型大小以及背景、前景色彩等特徵；圖像格式標(biāo)記則用於指定網(wǎng)頁顯示時，網(wǎng)頁上圖像的顯示位置、尺寸邊框、以及當(dāng)圖像無法顯示時的代替文字等特徵。2.3.1文本格式標(biāo)記符

在網(wǎng)頁的文字顯示中，如何指定標(biāo)題文字，指定正文的顯示格式，指定換行，指定關(guān)鍵文字的斜體、加粗、下劃線，指定文字的字體、字型、字型大小和色彩，等等，就需要應(yīng)用HTML的文本格式標(biāo)記符號。1．標(biāo)題文字標(biāo)記<Hn>…</Hn><HTML><HEAD><TITLE>標(biāo)題文字標(biāo)記實例

</TITLE></HEAD><BODY><h1>第一級文字標(biāo)題</h1><h2>第二級文字標(biāo)題</h2><h3>第三級文字標(biāo)題</h3><h4>第四級文字標(biāo)題</h4><h5>第五級文字標(biāo)題</h5><h6>第六級文字標(biāo)題</h6></BODY></HTML>2．預(yù)格式化文本標(biāo)記<pre>…</pre><HTML><HEAD><TITLE>預(yù)格式化文本標(biāo)記實例</TITLE></HEAD><BODY>

段首預(yù)置的空格被取消了，且行尾的

回車符也被忽略了。<pre>段首預(yù)置的空格被保留著，且行尾的

回車符也被保留著。</pre></BODY></HTML>3．強(qiáng)制換行標(biāo)記<br>和段落標(biāo)記<p>…</p>段落標(biāo)記<p>…</p>的作用是通知流覽器：位於<p>…</p>標(biāo)記之間的文本形成一個段落，需要置於下一段落的開始處顯示。常用的段落標(biāo)記屬性是align，一般語法格式為：<palign=str>…</p>其中，str的取值可以為：“l(fā)eft”、“center”或“right”分別指定本段落顯示在頁面窗口的居左、居中或居右。

4．文本修飾標(biāo)記<HTML><HEAD><TITLE>換行標(biāo)記、段落標(biāo)記與文本修飾標(biāo)記實例</TITLE></HEAD><BODY><strong>位於strong標(biāo)記對之間的文字</strong>被<br>加重了!<u>由於br的作用</u>導(dǎo)致<palign="center">換了一行。p標(biāo)記導(dǎo)致此處自成一段且居中。</p><b>由於段落標(biāo)記</b><s>又換行了。</s><br><i>請注意幾種文字修飾</i>的效果。</BODY></HTML>

5．字體型號標(biāo)記<font>…</font>

<HTML><HEAD><TITLE>字體型號標(biāo)記實例</TITLE></HEAD><BODY><fontface="宋體"size=10color=#ff0000>10號紅色宋體文字</font><br><fontface="黑體"size=10color=#00ff00>10號綠色黑體文字</font><br><fontface="隸書"size=10color=#0000ff>10號藍(lán)色隸書文字</font><br><fontface="宋體"size=6color=#808000>6號橄欖色宋體文字</font><br>

默認(rèn)文字顯示效果</BODY></HTML>2.3.2圖像格式標(biāo)記符<HTML><HEAD><TITLE>圖像格式標(biāo)記實例</TITLE></HEAD><BODY><imagesrc="fh.gif">

忽略其他屬性賦值，圖像顯示無邊框，以原始尺寸居左，同行文字居下。<br><imagesrc="fh.gif"border=5height=60width=110align=middle>

指定圖框、指定圖像顯示尺寸、指定同行文字居中。<br><imagealt="圖像無法顯示"src="fh.gif"border=5align=right>

指定替換文字、指定圖框、指定圖像居右顯示，由於能夠顯示圖像，替換文字不顯示。<br><imagealt="圖像無法顯示"src="fh.gtf"border=5>

由於圖像檔案名拼寫錯誤，不能顯示圖像，因而顯示替換文字。<br></BODY></HTML>

2.3.3滾動對象標(biāo)記符

網(wǎng)頁上的滾動對象是指在網(wǎng)頁上左右移動的文字或者圖像，這些對象的存在增添了網(wǎng)頁的生動性。設(shè)定滾動對象的方法是，應(yīng)用<marquee>…</marquee>標(biāo)記段將需要滾動的對象括起來。

<marquee>…</marquee>標(biāo)記段的一般文法為：<marqueedirection=#bihavior=#loop=#scrollamount=#scrolldelay=#align=#bgcolor=#>…</marquee>

2.4HTML的超文本鏈接標(biāo)記符

所謂包含超文本鏈接是指，在HTM文檔中含有可直接轉(zhuǎn)移至網(wǎng)路上任一指定資源的指針，而這個指針則稱為超文本鏈接指針。使用<a>…</a>標(biāo)記段即可在HTM文檔中設(shè)置超文本鏈接指針。

2.4.1統(tǒng)一資源定位器URL所有的網(wǎng)路資源均具有唯一標(biāo)識，均可採用統(tǒng)一資源定位器（URL，UniformResourceLocator）予以定位。在網(wǎng)路系統(tǒng)中，資源的唯一標(biāo)識須以如下形式確定：protocol://[:port]/directory/filename一個典型的URL為/，它表示武漢工業(yè)學(xué)院WWW伺服器上的起始HTML檔。2.4.2在文本上設(shè)定超文本鏈接指針

超文本鏈接指針可以Web頁上任一對象作為載體，使得操作者通過滑鼠單擊著一載體來實現(xiàn)指定網(wǎng)路資源的調(diào)用。在文本上設(shè)定超文本鏈接指針是指，將超文本鏈接指針的載體設(shè)定在Web頁中的文字上。

1．鏈接到其他HTM文檔在HTML文檔中設(shè)定超文本鏈接指針的標(biāo)記為：<a>…</a>。其基本文法格式為：<ahref=URLtarget=locate>text</a>其中，text可以是文字或其他媒體形式的資訊，構(gòu)成超文本鏈接指針的載體。當(dāng)用戶滑鼠單擊text時，流覽器就會調(diào)用由href屬性值“URL”所定位的目標(biāo)。因此，href稱為<a>…</a>標(biāo)記的資源定位屬性。<a>…</a>標(biāo)記中的target屬性稱為目標(biāo)屬性，用於指定新引用的資源顯示在哪一個窗口中。2．鏈接到同一個檔中的其他文本處設(shè)定一個本地鏈接需要兩個步驟，首先為跳轉(zhuǎn)目的地設(shè)定標(biāo)識（Name），文法一般格式為：<aname=str>…</a>其中，str屬性取值為一個字串，為跳轉(zhuǎn)目的地名稱。跳轉(zhuǎn)目的地可以是HTM文當(dāng)中的任一位置，參見本節(jié)HTM文檔源代碼第7行和第15行。在設(shè)定好跳轉(zhuǎn)目的地後，即可在跳轉(zhuǎn)起始處設(shè)定超文本鏈接指針，將<a>標(biāo)記中的href屬性值設(shè)定為需要跳轉(zhuǎn)的目的地址名稱，參見本節(jié)HTM文檔源代碼第11行。2.4.3在圖像上設(shè)定超文本鏈接指針在HTM文檔中，超文本鏈接指針還可以放置在圖像對象上。操作者可以通過在圖像上單擊滑鼠左鍵來實現(xiàn)網(wǎng)路資源的引用。其一般文法格式為：<ahref=URL><imagesrc=imageURL></a>其中，<image>標(biāo)記設(shè)置承放超文本鏈接指針的圖像對象。關(guān)於各種常用超文本鏈接標(biāo)記應(yīng)用的實例，請閱讀以下HTM文檔源代碼“p2-7.htm”，對照圖所示的流覽器輸出效果領(lǐng)會<a>…</a>標(biāo)記設(shè)置的意義。

<HTML><HEAD><TITLE>超文本鏈接標(biāo)記實例</TITLE></HEAD><BODY><imagesrc="fh.gif"><aname="A1">跳轉(zhuǎn)目的地1。</a><br><br><br><br><br><br><br><imagesrc="fh.gif"border=2height=60width=110align=middle><ahref="p2-4.htm">在本窗口中引用“文本修飾標(biāo)記實例”。</a><br><ahref="p2-4.htm"target="_blank">在新窗口中引用“文本修飾標(biāo)記實例”。</a><br><ahref="#A1">向前跳轉(zhuǎn)至目的地1。</a>、<ahref="#A2">向後跳轉(zhuǎn)至目的地2。</a><ahref="p2-4.htm"target="_blank"><imagesrc="fh.gif"></a><br><br><br><br><br><br><imagealt="圖像無法顯示"src="fh.gtf"border=5><aname="A2">跳轉(zhuǎn)目的地2。</a><br></BODY></HTML>

2.5HTML的表格標(biāo)記符一般而言，表格總是成批具有相同結(jié)構(gòu)數(shù)據(jù)的最佳顯示形式。在網(wǎng)路資料庫應(yīng)用系統(tǒng)中，諸如商店管理中的商品清單、客戶關(guān)係管理中的訂貨清單等等，都屬於這種成批的、具有相同結(jié)構(gòu)的數(shù)據(jù)集合，因此，適合於表格形式顯示。另外，網(wǎng)路資料庫應(yīng)用系統(tǒng)常常採用關(guān)係資料庫管理系統(tǒng)進(jìn)行資料庫管理，而關(guān)係資料庫本身即以二維表作為組織數(shù)據(jù)的基本單元。因此，在網(wǎng)路資料庫應(yīng)用系統(tǒng)中採用表格形式提供數(shù)據(jù)的顯示與操作介面，也就最為順理成章了。

2.5.1<TABLE>標(biāo)記段<TABLE>…</TABLE>標(biāo)記段必須完整地嵌套在<BODY>…</BODY>標(biāo)記段中。不同於關(guān)係資料庫中的二維表，HTM文檔中的表格對象中可以包含表格。也就說，<TABLE>…</TABLE>標(biāo)記段可以嵌套著<TABLE>…</TABLE>標(biāo)記段。<TABLE>標(biāo)記的一般文法格式為：<TABLEborder=#cellpadding=#cellspacing=#align=#width=#height=#vspace=#hspace=#>

2.5.2表格元素標(biāo)記符1．表格行標(biāo)記<tr>…</tr><tr>標(biāo)記定義一個表格行的開始，</tr>標(biāo)記結(jié)束一個表格行的定義。<tr>標(biāo)記的一般文法格式為：<tralign=#valign=#>

2．表格單元標(biāo)記<th>…</th>和<td>…</td>（1）<th>…</th>標(biāo)記<th>…</th>標(biāo)記定義作為表格標(biāo)題欄的表頭單元，文法格式為：<thbgcolor=#width=#height=#align=#valign=#colspan=#rowspan=#>…</th>

（2）<td>…</td>標(biāo)記<td>…</td>標(biāo)記定義表格中的數(shù)據(jù)單元，文法格式為：<tdbgcolor=#width=#height=#align=#valign=#colspan=#rowspan=#>…</td>

2.5.3表格標(biāo)題標(biāo)記<caption>…</caption><caption>…</caption>標(biāo)記的一般文法格式為：<captionalign=#valign=#>標(biāo)題文字</caption>align屬性設(shè)定標(biāo)題文字相對表格對象的水準(zhǔn)對齊方式，可以取值為：“l(fā)eft”定義標(biāo)題文字相對表格對象左對齊，“center”定義標(biāo)題文字相對表格對象居中對齊，“right”定義標(biāo)題文字相對表格對象右對齊。valign屬性設(shè)定標(biāo)題文字相對表格對象的垂直位置，可以取值為：“top”定義標(biāo)題文字位於表格對象之上，“bottom”定義標(biāo)題文字位於表格對象之下。請察看下一節(jié)中的HTM文檔源代碼。

2.5.4表格對象應(yīng)用舉例2.6HTML的框架標(biāo)記符

HTML的框架標(biāo)記符用於將一個Web頁設(shè)定為若干個框架，允許每一個框架內(nèi)顯示一個HTM文檔。

<HTML>

<HEAD><TITLE>框架結(jié)構(gòu)實例</TITLE></HEAD><FRAMESETcols=280,*><noframes>此處為左部框架</noframes><framesrc=p2-7.htm><FRAMESETrows=40%,*><noframes>此處為右上框架</noframes><framesrc=p2-9.htm><noframes>此處為右下框架</noframes><framesrc=p2-5.htmname=right_down></FRMASET></FRAMESET></HTML>“p2-10.htm”文檔代碼在流覽器窗口中的運(yùn)行效果2.6.1<FRAMESET>標(biāo)記段定義框架必須首先定義框架集合，使用的標(biāo)記符為：<FRAMESET>…</FRAMESET>。<FRAMESET>…</FRAMESET>標(biāo)記段的一般結(jié)構(gòu)形式為：<FRAMESET><noframes>…</noframes><framesrc=“URL”>…</FRAMESET>

2.6.1<FRAMESET>標(biāo)記段

其中，<FRAMESET>標(biāo)記的一般文法格式有兩種：（1）<FRAMESETcols=#framespacing=#bordercolor=#>…</FRAMESET>（2）<FRAMESETrows=#framespacing=#bordercolor=#>…</FRAMESET>

1．Cols屬性說明

文法格式（1）含有cols屬性，用於將頁面垂直劃分為若干個框架，其框架個數(shù)由cols屬性的參數(shù)個數(shù)確定，各個框架尺寸從左至右由cols屬性的相關(guān)參數(shù)值確定。

2．Rows屬性說明文法格式（2）含有rows屬性，用於將頁面水準(zhǔn)劃分為若干個框架，其框架個數(shù)由rows屬性的參數(shù)個數(shù)確定，各個框架尺寸從上至下由rows屬性的相關(guān)參數(shù)值確定。

3．framespacing和bordercolor屬性說明

在文法格式（1）和文法格式（2）中都含有framespacing和bordercolor屬性，且其含義與作用都是相同的。framespacing屬性用於定義框架集中各個框架之間的間距。最小間距為0，若為framespacing屬性賦值小於0，則相鄰兩個框架會產(chǎn)生部分重疊。bordercolor屬性用於定義框架集中各框架間距的顏色。顏色值的設(shè)定，採用RGB方式完成。若框架間距≤0，則不會出現(xiàn)設(shè)定的顏色。

2.6.2<frame>標(biāo)記和<noframes>…</noframes>標(biāo)記段1．<frame>標(biāo)記<frame>標(biāo)記的一般文法格式為：<framesrc=#name=#noresizeframeborder=#marginwidth=#marginheight=#scrolling=#>

2．<noframes>…</noframes>標(biāo)記段頁面框架的概念出現(xiàn)在較晚一些時候，因此，至今仍有流覽器不予支持。於是，那些使用不支持頁面框架流覽器的操作者在遇到帶有框架的Web頁面時，可能什麼也看不到。

2.7HTML的表單標(biāo)記段在HTML中，接受網(wǎng)頁上傳資訊的主要對象是表單對象，網(wǎng)頁上的表單對象採用<FORM>…</FORM>標(biāo)記段定義。

2.7.1表單標(biāo)記段<FORM>…</FORM>表單標(biāo)記段的一般結(jié)構(gòu)形式為：<FORMaction="url"method=*><selectname=*><option>...</select><textarea>...</textarea><inputtype=*></FORM>

2.7.2表單標(biāo)記段中使用的標(biāo)記1．<input>標(biāo)記HTML中的INPUT標(biāo)記用於在表單中設(shè)置文本框、複選框、單選框、圖像對象和命令按鈕等控件。一般文法格式如下：<inputtype=#name=#value=#size=#maxlength=#><input>標(biāo)記具有五個屬性：

（1）type屬性為type屬性設(shè)置不同的值，導(dǎo)致在表單中設(shè)置不同控件。對應(yīng)input標(biāo)記可以設(shè)置的5種控件，type屬性值可以分別設(shè)置為如下7種：text,password,checkbox,radio,image,submit,reset

（2）name屬性由於可以在一個表單中設(shè)置多個input控件，因此需要為每一個input控件設(shè)定一個在表單中唯一的標(biāo)識，稱為input控件名稱。如此，當(dāng)表單資訊提交給伺服器以後，位於伺服器端的對應(yīng)程式方能通過指定的控件名稱準(zhǔn)確地獲取對應(yīng)的表單資訊。在<input>標(biāo)記中設(shè)置name屬性即為該input控件命名，從而使得接收表單資訊的程式可以通過該名稱準(zhǔn)確處理對應(yīng)的表單資訊。

（3）value屬性value屬性值具有兩種不同的含義：在單行文本框控件中，用於為input控件設(shè)定最初顯示的資訊；在單選框控件和多選框控件中，用於設(shè)定被選項的上傳資訊。value屬性值可以是任意字元組成的串。

（4）size屬性和maxlength屬性

size屬性用於設(shè)定單行文本框控件的尺寸，以字元個數(shù)為單位。

maxlength屬性僅用於設(shè)定單行文本控件中所能接受的最大字符個數(shù)。該數(shù)值可以大於size屬性值，也可以小於size屬性值。也就是說，無論單行文本框尺寸有多大，其間所能接受的最大字符個數(shù)由maxlength屬性值控制。

2．<textarea>…</textarea>標(biāo)記段

<input>標(biāo)記僅能設(shè)置單行文本框控件，當(dāng)需要接受較多的輸入文字時，可能就需要在表單中設(shè)置一個能夠接受多行文本的控件。<textarea>…</textarea>標(biāo)記段用於在表單上設(shè)置多行文本框控件，一般文法格式為：<textareaname=#rows=#cols=#wrap=#>...<textarea>3．<select>…</select>標(biāo)記段

<select>…</select>標(biāo)記段用於在表單中設(shè)置列表框控件，一般文法格式為：<selectname=#size=#multiple><option>選項一<option>選項二<option>選項三

……</select>3.1腳本語言概述

1.什麼是腳本語言

腳本指的是一個程式，它能被另一個程式（解釋程式）而不是電腦的處理機(jī)來解釋或執(zhí)行。

3.1腳本語言概述

1.什麼是腳本語言

目前比較流行的腳本語言有: 網(wǎng)景公司（Netscope）的JavaScript 微軟公司（Microsoft）的VBScript。

3.1腳本語言概述

2.JavaScript的產(chǎn)生與發(fā)展

“Mocha”的語言

“LiveScript”

“JavaScript”

3.1腳本語言概述

3.VBScript簡介

MicrosoftVisualBasicScriptingEdition

VBScript是程式開發(fā)語言VisualBasic家族的最新成員，它將靈活的腳本應(yīng)用於更廣泛的領(lǐng)域3.2腳本語言使用規(guī)則

3.2.1腳本語言程式的嵌入規(guī)則

在腳本語言中，使用SCRIPT元素用於將腳本語言（VBScript或JAVAScript）代碼添加到HTML頁面中。3.2.1腳本語言程式的嵌入規(guī)則VBScript代碼寫在成對的<SCRIPT>標(biāo)記之間。

<SCRIPTLANGUAGE="VBScript">functiondisphello()dimhours,str1hours=hour(now())ifcint(hours)<12then str1="上午好!"

else str1="下午好!"

endif msgboxstr1 endfunction</SCRIPT>3.2.1腳本語言程式的嵌入規(guī)則代碼的開始和結(jié)束部分都有<SCRIPT>標(biāo)記。LANGUAGE屬性用於指定所使用的腳本語言。3.2.1腳本語言程式的嵌入規(guī)則完整示例:<HTML><HEAD><TITLE>例3-1</TITLE><SCRIPTLANGUAGE="VBScript">functiondisphello()dimhours,str1hours=hour(now())ifcint(hours)<12then str1="上午好!"

else str1="下午好!"

endif msgboxstr1 endfunction</SCRIPT></HEAD><BODY>……3.2.1腳本語言程式的嵌入規(guī)則回應(yīng)窗體中按鈕的單擊事件

<HTML><HEAD><TITLE>例3-2</TITLE></HEAD><BODY><FORMNAME="Form1"><INPUTTYPE="Button"NAME="Button1"VALUE="單擊"><SCRIPTFOR="Button1"EVENT="onClick"LANGUAGE="VBScript"> MsgBox"按鈕被單擊！"</SCRIPT></FORM></BODY></HTML>3.2.2腳本語言程式的執(zhí)行規(guī)則

<SCRIPTLANGUAGE="VBScript"><!--SubButton1_OnClickMsgBox"Hello,Webworld!"EndSub--></SCRIPT></HEAD>3.2.2腳本語言程式的執(zhí)行規(guī)則

<BODY><H3>一個簡單首頁</H3><HR><FORM> <INPUTNAME="Button1"TYPE="BUTTON"VALUE="單擊此處"></FORM></BODY></HTML>

3.2.1腳本語言程式的嵌入規(guī)則<SCRIPT>標(biāo)記中的Sub過程是一個事件過程。過程名包含兩部分： 一部分為按鈕名，即Button1 另一部分為事件名，即OnClick3.3VBScript語法 每一種語言都有特定的書寫規(guī)則，用戶在編寫某一種語言程式代碼時，必須要遵守該語言的語法規(guī)定，如果書寫的語言程式代碼不符合其語法規(guī)則時，電腦將不能識別這些代碼，而且會產(chǎn)生一些錯誤。3.3.1注釋與分行1.注釋 注釋是指在編寫代碼時，編寫者在代碼中添加的一些說明性語句。注釋是非可執(zhí)行語句，只是對相關(guān)的內(nèi)容加以說明。3.3.1注釋與分行1.注釋Rem這是另一句注釋formula=10'撇號之後的任何文本都是注釋formula=20:Rem這也是一句注釋'注釋可以出現(xiàn)在公式文本之後3.3.1注釋與分行2.分行與續(xù)行 一條語句可能很長，可採用續(xù)行符將一條語句寫在多行上.

續(xù)行符，即由一個空格和一條下劃線組成（如“_”）。

3.3.1注釋與分行2.分行與續(xù)行

Data1.RecordSource=_"SELECT*FROMTitles,Publishers"_&"WHEREPublishers.PubId=Titles.PubID"_&"ANDPublishers.State='CA'"

3.3.2常量與變數(shù) 常量是具有一定含義的名稱，用於代替數(shù)字或字串，它的值定義之後不能修改。在VBScript中，常量又被分為內(nèi)部常量和用戶自定義常量兩種。1.內(nèi)部常量表3-1顏色常量常數(shù)值描述vbBlack&h00黑色vbRed&hFF紅色vbGreen&hFF00綠色vbYellow&hFFFF黃色vbBlue&hFF0000藍(lán)色vbMagenta&hFF00FF紫色vbCyan&hFFFF00青色vbWhite&hFFFFFF白色1.內(nèi)部常量表3-2日期和時間常數(shù)常數(shù)值描述vbSunday1星期日vbMonday2星期一vbTuesday3星期二vbWednesday4星期三vbThursday5星期四vbFriday6星期五vbSaturday7星期六vbUseSystem0使用電腦區(qū)域設(shè)置中的日期格式。vbUseSystemDayOfWeek0由系統(tǒng)設(shè)置定義每週的第一天是星期幾。1.內(nèi)部常量表3-3字串常數(shù)常數(shù)值描述vbCrChr(13)回車符。vbCrLfChr(13)&Chr(10)回車符與換行符。vbFormFeedChr(12)換頁符；在

MicrosoftWindows中不適用。vbLfChr(10)換行符。vbNewLineChr(13)&Chr(10)或

Chr(10)平臺指定的新行字元；適用於任何平臺。vbNullCharChr(0)值為0的字元。vbNullString值為0的字串與零長度字串("")不同；用於調(diào)用外部過程。vbTabChr(9)水準(zhǔn)附簽。vbVerticalTabChr(11)垂直附簽；在

MicrosoftWindows中不適用。1.內(nèi)部常量表3-4日期格式常數(shù)常數(shù)值描述vbGeneralDate0顯示日期和/或時間。對於實數(shù)，顯示日期和時間。如果沒有小數(shù)部分，僅顯示日期。如果沒有整數(shù)部分，則僅顯示時間。由系統(tǒng)設(shè)置決定日期和時間的顯示。vbLongDate1按電腦中區(qū)域設(shè)置指定的長日期格式顯示日期。vbShortDate2按電腦中區(qū)域設(shè)置指定的短日期格式顯示日期。vbLongTime3按電腦中區(qū)域設(shè)置指定的長時間格式顯示時間。vbShortTime4按電腦中區(qū)域設(shè)置指定的短時間格式顯示時間。3.3.2常量與變數(shù)2.自定義常量可以使用

Const語句在

VBScript中創(chuàng)建用戶自定義常量。例如：

ConstMyString="這是一個字串。"ConstMyAge=35ConstCutoffDate=#2004-5-31#3.3.2常量與變數(shù)3.變數(shù)

（1）變數(shù)的數(shù)據(jù)類型

子類型描述Empty未初始化的

Variant。對於數(shù)值變數(shù)，值為0；對於字串變數(shù)，值為零長度字串("")。Null不包含任何有效數(shù)據(jù)的

Variant。Boolean包含

True或

False。Byte包含0到255之間的整數(shù)。Integer包含-32,768到32,767之間的整數(shù)。Currency-922,337,203,685,477.5808到922,337,203,685,477.5807。Long包含-2,147,483,648到2,147,483,647之間的整數(shù)。Single包含單精確度浮點數(shù)，負(fù)數(shù)範(fàn)圍從-3.402823E38到-1.401298E-45，正數(shù)範(fàn)圍從1.401298E-45到3.402823E38。Double包含雙精度浮點數(shù)，負(fù)數(shù)範(fàn)圍從-1.79769313486232E308到-4.94065645841247E-324，正數(shù)範(fàn)圍從4.94065645841247E-324到1.79769313486232E308。Date(Time)包含表示日期的數(shù)字，日期範(fàn)圍從西元100年1月1日到西元9999年12月31日。String包含變長字串，最大長度可為20億個字元。Object包含對象。3.3.2常量與變數(shù)3.變數(shù)（2）聲明變數(shù) 聲明變數(shù)的方式是使用

Dim語句、Public語句和

Private

語句在腳本中顯式聲明變數(shù)。例如：

DimHome_Address

3.3.2常量與變數(shù)（3）命名規(guī)則變數(shù)命名必須遵循

VBScript的標(biāo)準(zhǔn)命名規(guī)則。變數(shù)命名必須遵循：

?

第一個字元必須是字母。

?

不能包含嵌入的句點。

?

長度不能超過255個字元。

在被聲明的作用域內(nèi)必須唯一。

3.3.2常量與變數(shù)（4）變數(shù)的作用域與存活期變數(shù)的作用域由聲明它的位置決定。分為:

過程級變數(shù)

Script級變數(shù)

3.3.2常量與變數(shù)（4）變數(shù)的作用域與存活期 變數(shù)存在的時間稱為存活期。Script級變數(shù)的存活期從被聲明的一刻起，直到腳本運(yùn)行結(jié)束。

3.3.3運(yùn)算符與運(yùn)算式 VBScript有一套完整的運(yùn)算符，包括

算術(shù)運(yùn)算符

比較運(yùn)算符

連接運(yùn)算符

邏輯運(yùn)算符表3-6比較運(yùn)算符。算術(shù)運(yùn)算符和邏輯運(yùn)算符的優(yōu)先順序算術(shù)運(yùn)算符比較運(yùn)算符邏輯運(yùn)算符描述符號描述符號描述符號求冪^等於=邏輯非Not負(fù)號-不等於<>邏輯與And乘*小於<邏輯或Or除/大於>邏輯異或Xor整除\小於等於<=邏輯等價Eqv求餘Mod大於等於>=邏輯隱含Imp加+對象引用比較Is

減-

字串連接&

3.3.4數(shù)組

將多個相關(guān)值賦給一個變數(shù)更為方便，因此可以創(chuàng)建包含一系列值的變數(shù)，稱為數(shù)組變數(shù)。 下例聲明了一個包含11個元素的一維數(shù)組：

DimA(10)

3.4VBScript程式設(shè)計3.4.1順序結(jié)構(gòu)程式設(shè)計 順序結(jié)構(gòu)的程式一般只有一個起始點、一個終止點以及一些處理語句