1、17.1 課前導讀 17.2 課堂教學 17.3 上機練習 17.4 課后作業,第17課 網 上 購 物,17.1 課前導讀 本課的“網上超市”網頁正是為實現用戶在網上購物而設計的。“網上超市”網頁通過ADO技術，以及SQL語句的靈活運用，來實現對數據庫的操作。最簡單的“網上超市”需要有一個數據庫文件store.mdb和4個asp文件，改進的“網上超市”則需要更多一些文件。 上機練習則給出一個網上書店的實例，與“網上超市”有所不同的是，網上書店采用“框架”和“分頁”技術，使用更為方便。,17.2 課堂教學 17.2.1 最簡單的“網上超市” 17.2.2 改進的“網上超市”,17.2.1 最簡

2、單的“網上超市” 1. 數據庫文件 2. 網頁文件 3. 創建主頁面 4. 購物處理文件 5. 創建購物車頁面 6. 刪除處理文件,最簡單的“網上超市”需要的數據庫文件和asp文件如下。 1. 數據庫文件 數據庫文件store.mdb包括兩個表：“商品”表和“購物單”表，分別用來存放“網上超市”的庫存商品和顧客所選商品的數據，它們的結構見表17-1和表17-2。 表17-1 “商品”表,表17-2 “購物單”表,2. 網頁文件 “網上超市”包括的4個asp文件分別是：Shop.asp、AddToCar.asp、ShoppingCar.asp、Delete.asp。, 主頁面文件Shop.asp

3、顯示商品列表，具有將購買商品放到“購物車”中的提交功能以及查看“購物車”頁面的連接功能。 購物處理文件AddToCar.asp將購買商品的數據添加到數據表“購物單”中。 “購物車”頁面文件ShoppingCar.asp顯示顧客所購買的商品，具有刪除和返回主頁面的連接功能。 刪除處理文件Delete.asp將不想購買的商品從“購物車”（“購物單”表）中刪除。 在瀏覽器中執行Shop.asp將可以實現網上購物。,3. 創建主頁面 主頁面文件使用ADO技術將“商品”表中的數據顯示在網頁的表格中。編寫代碼，并將文件以Shop.asp為名存盤。 說明：該程序包含四部分程序模塊。 數據庫連接模塊；建立一個

4、數據庫連接對象objConn和一個記錄集對象objRS，然后通過SQL語句實現商品信息的查詢。 通過For循環讀取數據表的字段名稱作為表格的標題。 通過Do循環讀取數據并顯示在表格內。進行訂購所對應的提交按鈕為FORM所包含的內容（f1f5），它將選中的商品提交給AddToCar.asp頁面。 關閉數據庫。,4. 購物處理文件 購物處理文件將顧客訂購的商品添加到購物車（“購物單”表）中。編寫代碼，并將文件以AddToCar.asp為名存盤。 說明：該程序包含4個模塊： 數據提取模塊，首先將商品信息頁面提交的信息變量進行賦值。提取uid（商品編號）、name（商品名稱）、company（生產商）

5、、Price（定價）和Quantity（數量）等變量值，并計算出subTotal（金額）值。 數據庫連接模塊；建立一個數據庫連接對象objConn和一個記錄集對象objRS。 添加商品到“購物單”表中模塊，使用記錄集對象AddNew方法添加記錄。,5. 創建購物車頁面 購物車頁面顯示顧客所訂購的商品信息。編寫代碼，并將文件以shoppingcar.asp為名存盤。 說明：該程序包含4個程序模塊： 數據庫連接模塊；建立一個objconn數據庫連接對象和一個objRS記錄集對象，然后通過SQL語句實現已經訂購的商品信息的查詢。 顯示訂購信息模塊，如果沒有購買商品，給出提示；如果有商品則通過For循

6、環讀取訂購單數據庫的記錄，并顯示在表格中。 表格中包括一個記錄刪除鏈接選項：如果刪除該商品，將執行刪除處理文件Delete.asp. 統計總金額模塊，顯示訂購信息的同時，統計總金額Total，并且作為表格的標題顯示。,6. 刪除處理文件 刪除處理文件將顧客從購物車中刪除的商品從“購物單”表中刪除。編寫代碼，并將文件以Delete.asp為名存盤。 說明：該程序包含3個模塊： 數據提取模塊，首先將購物車頁面提交的刪除信息變量進行賦值。提取No（編號）作為刪除記錄的依據。 數據庫連接模塊；建立一個數據庫連接對象objConn。 刪除記錄模塊，建立SQL刪除語句，使用連接對象的Execute方法執行

7、SQL語句，并給出提示信息。,17.2.2 改進的“網上超市” 1. 修改數據表 2. 創建登錄頁面 3. 修改主頁面 4. 修改購物處理文件 5. 修改購物車頁面,17.2.2 改進的“網上超市” 使用上面的“網上超市”，如果在網上同時有其他顧客購物，則訂購的商品將存放在同一個數據表中，無法辨認。為此，改進上述程序，增加登錄頁面，提供顧客的姓名，以便區別。 1. 修改數據表 為“購物單”表增加兩個字段：顧客名和時間。其中顧客名字段存放登錄時提供的顧客名；時間字段存放該顧客本次登錄的時間。兩者結合確定本次網上購物的商品。,2. 創建登錄頁面 登錄頁面Login.htm提供顧客的名稱信息，其代碼

8、如下： 請輸入您的名字： 登錄頁面的執行。,3. 修改主頁面 在主頁面Shop.asp中需要對登錄頁面提交的顧客名稱進行保存，還要保存登錄的時間。修改代碼。 說明：標記前面用括起來代碼和最后一行代碼都是新添加的，判斷本網頁是否首次進入。如果是首次進入則讀取顧客名稱和登錄時間，存放于Session變量中。,4. 修改購物處理文件 只需在購物處理文件AddToCar.asp中將增加記錄的命令語句： objRS.AddNew Array( 商品編號,名稱,生產商,定價,數量,金額), Array(uid,name,company,Price,Quantity,subTotal) 改為： gukena

9、me = Session(gukename) time0 = Session(time0) objRS.AddNew Array( 商品編號,名稱,生產商,定價,數量,金額,顧客名,時間), Array(uid,name,company,Price,Quantity,subTotal,gukename,time0),5. 修改購物車頁面 只需在購物車頁面文件shoppingcar.asp中將SQL“無條件”查詢語句： strSQL = SELECT * FROM 購物單 改為SQL“條件”查詢語句： time0 = session(time0) gukename = session(guken

10、ame) strSQL = SELECT * FROM 購物單 where (時間=# & TimeValue(time0) & #) strSQL = strSQL & and (顧客名= & gukename & ) 說明：符號#.#表示日期時間型的數據。,17.3 上機練習 1. 數據庫 2. 登錄網頁 3. 框架網頁 4. 菜單網頁 5. 網上書店網頁 6. 購書處理 7. 購書籃網頁 8. 刪除處理,17.3 上機練習 【練習17-1】設計一個網上書店，如圖所示。 與“網上超市”類似，“網上書店”需要有顯示圖書目錄的“門店”網頁、顯示顧客訂購圖書的“購書籃”網頁、以及相應的數據處理網

11、頁。在“門店”網頁中使用分頁技術，將數據分成數頁顯示，避免了大量數據無法顯示在同一頁上，以及向客戶端瀏覽器傳輸過多的數據。另外，使用框架技術使網上購書更加方便。,1. 數據庫 “網上書店”使用一個數據庫文件Store.mdb，其中包含兩個表：“網上書店”和“訂購單”。其表結構見表17-3與表17-4。 表17-3 “網上書店”表,表17-4 “訂購單”表,“網上書店”包括Login.asp、Main.asp、Menu.asp、Catalog.asp、ShoppinCar.asp、AddToCar.asp、Remove.asp等7個asp文件。,2. 登錄網頁 登錄網頁Login.asp的代碼如

12、下： 請輸入您的名字： ,3. 框架網頁 框架網頁Main.asp首先接受來自登錄網頁提交的顧客名稱，并且將顧客名稱和登錄時間保存在Session變量中。網頁設置兩個框架，上方框架顯示操作菜單，來源網頁為Menu.asp；下方網頁則顯示圖書目錄，來源網頁為Catalog.asp。其代碼如下： ,4. 菜單網頁 菜單網頁Menu.asp用來顯示“網上書店”和“查看購書籃”兩個超級鏈接，分別鏈接到Catalog.asp和ShoppinCar.asp上。其代碼如下： 網上書店 查看購書籃 說明：鏈接標記中的TARGET=Bottom參數表示連接文件顯示框架的名稱。,5. 網上書店網頁 網上書店網頁Catalog.asp是框架網頁默認的下方框架網頁，用來顯示書店的圖書目錄。其功能包括：打開數據庫、讀取圖書記錄、在表格中分頁顯示記錄；顧客可以在網頁中輸入定購圖書的數量，并提交給AddToCar.asp進行處理。Catalog.asp的代碼。,6. 購書處理 當顧客在“網上書店”中輸入訂購數量并單擊“放入購書籃”按鈕后，將調用購書處理程序AddToCar.asp，該程序實現將所