商品信息維護(hù)系統(tǒng)(全)

1、第8章 商品信息維護(hù)系統(tǒng)8.1 系統(tǒng)功能與組成商品信息管理系統(tǒng)，包含供管理員輸入和維護(hù)商品信息的功能，以及公用的商品信息查詢功能。管理員通過(guò)商品信息輸入功能來(lái)加入新的商品信息，通過(guò)商品信息修改功能來(lái)維護(hù)已有商品信息的變化； 顧客和管理員都可以通過(guò)商品信息查詢功能來(lái)得到商品的相關(guān)信息，比如管理員可以用它來(lái)檢查數(shù)據(jù)輸入是否有誤，顧客可以用它來(lái)了解商品的詳細(xì)信息，以便決定是否選擇該商品。8.2 數(shù)據(jù)庫(kù)設(shè)計(jì)與本章密切相關(guān)的是catalog表，該表用來(lái)存儲(chǔ)商品代碼、商品名稱、商品描述、商品庫(kù)存數(shù)、商品類別、商品單價(jià)和圖片。圖-網(wǎng)上書店數(shù)據(jù)庫(kù)與本章相關(guān)的是catalog表，在purchasesys數(shù)據(jù)庫(kù)中

2、新建catalog表，表中字段如下：productID： 字段類型為“文本型”，長(zhǎng)度為20，存放內(nèi)容為“商品代碼”。name： 字段類型為“文本型”，長(zhǎng)度為60，存放內(nèi)容為“商品名稱”。description： 字段類型為“文本型”，長(zhǎng)度為80，存放內(nèi)容為“商品描述、允許空”。image： 字段類型為“文本型”，長(zhǎng)度為30，存放內(nèi)容為“商品的圖片的路徑、允許空”。listprice： 字段類型為“貨幣型”，小數(shù)為2，存放內(nèi)容為“商品的單價(jià)”。numinstock： 字段類型為“整數(shù)型”，存放內(nèi)容為“商品的庫(kù)存數(shù)”。category： 字段類型為“文本型”，長(zhǎng)度為20，存放內(nèi)容為“商品的種類”。

3、catalog表以productID為主鍵。8.3 實(shí)現(xiàn)商品信息輸入功能一個(gè)電子商務(wù)網(wǎng)站必須具備商業(yè)數(shù)據(jù)輸入、維護(hù)的功能。電子商務(wù)網(wǎng)站銷售商品的品名、數(shù)量、規(guī)格等信息的輸入，實(shí)際上是對(duì)商品數(shù)據(jù)庫(kù)添加數(shù)據(jù)記錄，8.3.1 插入記錄服務(wù)器行為的進(jìn)一步應(yīng)用在本節(jié)中將重點(diǎn)介紹如何組織應(yīng)用程序的各種功能和加深對(duì)【插入記錄】服務(wù)器行為的理解。(一)豐富main.asp頁(yè)面從本節(jié)開(kāi)始將給網(wǎng)上書店添加各種功能，在開(kāi)始實(shí)現(xiàn)第一個(gè)功能之前，先把main.asp改造成網(wǎng)上書店的功能目錄，其操作方法如下。（1） 打開(kāi)main.asp文件。（2） 選擇主菜單中的【插入】|【HTML】|【框架】|【上方及左側(cè)嵌套】命令，

4、Dreamweaver 8在生成框架的同時(shí)，自動(dòng)把main.asp置為框架的主頁(yè)面。（3） 在上方框架中輸入標(biāo)題信息，如“歡迎光臨網(wǎng)上書店”，當(dāng)然大家可以自由發(fā)揮，用前面章節(jié)學(xué)過(guò)的內(nèi)容生成一個(gè)漂亮的標(biāo)題頁(yè)面。（4） 將上方框架頁(yè)面保存為purchasesystitle.asp，左側(cè)框架頁(yè)面保存為purchasesysmenu.asp，將整個(gè)框架頁(yè)面保存為purchasesysmainmenu.asp。（5） 在左側(cè)框中輸入到目前為止的菜單內(nèi)容。（用插入flash按鈕） （6） 修改purchasesysindex.asp用戶登錄頁(yè)面，把其中的“登錄用戶”的服務(wù)器行為中登錄成功后轉(zhuǎn)向的頁(yè)面指向p

5、urchasesysmainmenu.asp。注意： 本例選用了框架來(lái)實(shí)現(xiàn)網(wǎng)上書店的主菜單，也完全可以選擇自己的方法。頁(yè)面保存為.asp還是.htm，取決于是否希望在該頁(yè)面利用或處理動(dòng)態(tài)信息。建議對(duì)于Web應(yīng)用程序的所有頁(yè)面，統(tǒng)一采用.asp動(dòng)態(tài)頁(yè)面格式，以便隨時(shí)增加動(dòng)態(tài)內(nèi)容和傳遞應(yīng)用數(shù)據(jù)。圖8-2顯示了修改后的網(wǎng)上書店功能選擇界面。圖8-2網(wǎng)上書店功能選擇頁(yè)面（二）插入記錄的服務(wù)器行為現(xiàn)在創(chuàng)建商品信息輸入頁(yè)面，其操作方法如下。1. 創(chuàng)建一個(gè)商品信息輸入頁(yè)面創(chuàng)建一個(gè)采用VBScript語(yǔ)言的ASP新頁(yè)面。保存為purchasesys/insertcatalog.asp2. 定義購(gòu)書系統(tǒng)的數(shù)據(jù)庫(kù)

6、連接可以直接使用數(shù)據(jù)庫(kù)連接purchasesys，不需要再創(chuàng)建。3. 創(chuàng)建頁(yè)面布局和頁(yè)面元素(1) 在新頁(yè)面中，加入如圖8-3所示的基本元素； 其中標(biāo)題和其他靜態(tài)部分都可以根據(jù)自己的喜好用前面各章節(jié)描述的創(chuàng)作靜態(tài)頁(yè)面的方法來(lái)設(shè)計(jì)，使頁(yè)面美觀，可以自由發(fā)揮。表單部分是必須有的，將用它來(lái)生成動(dòng)態(tài)行為。圖8-3商品信息輸入頁(yè)面4. 創(chuàng)建信息提示頁(yè)面接下來(lái)需要?jiǎng)?chuàng)建一個(gè)頁(yè)面，這個(gè)頁(yè)面是添加新商品信息成功后進(jìn)入的成功信息提示頁(yè)面，這個(gè)頁(yè)面必須在創(chuàng)建輸入功能之前就創(chuàng)建并保存在站點(diǎn)中。為此，創(chuàng)建一個(gè)如圖8-4所示的成功信息頁(yè)面，將其以insertsuccess.asp為名保存在文件夾purchasesys中。

7、5.實(shí)現(xiàn)商品信息輸入的功能(1) 回到商品信息輸入頁(yè)面的編輯窗口，如果已經(jīng)關(guān)閉該窗口，那么請(qǐng)重新打開(kāi)文件insertcatalog.asp。(2) 在【應(yīng)用程序】浮動(dòng)面板中，選擇【服務(wù)器行為】選項(xiàng)卡，單擊按鈕，選擇【插入記錄】命令。 圖8-4添加新商品成功信息(3) 會(huì)彈出如圖8-5所示的【插入記錄】對(duì)話框，其參數(shù)設(shè)置方法如下：圖8-5【插入記錄】對(duì)話框在【連接】下拉列表框中，選擇purchasesys數(shù)據(jù)庫(kù)連接。在【插入到表格】下拉列表框中選擇catalog表，表示輸入的數(shù)據(jù)將插入該表中去。在【插入后，轉(zhuǎn)到】文本框中輸入信息輸入成功頁(yè)面的路徑purchasesysinsertsuccess.

8、asp，也可以單擊【瀏覽】按鈕直接從本地站點(diǎn)選擇。 (4) 接下來(lái)的對(duì)話框部分指定了表單元素值與數(shù)據(jù)庫(kù)記錄字段的對(duì)應(yīng)關(guān)系。 在【獲取值自】下拉列表框中選擇frminsertcatalog表單，表示新記錄的值來(lái)自該表單中的元素值； 在【表單元素】中選擇txtproductID； 在下面的【列】下拉列表框中選擇catalog表中的productID字段； 然后在【提交為】下拉列表框中選擇【文本】，表示插入catalog表的新記錄，其productID字段的值來(lái)自frminsertcatalog表單中的txtproductID的輸入值，并且將該值確定為文本類型； 用同樣的方法將【表單元素】列表框中的

9、所有的表單元素對(duì)應(yīng)到其對(duì)應(yīng)的字段上。 (5) 單擊【確定】按鈕，完成對(duì)話框的設(shè)置，回到Dreamweaver 主畫面后，可以看到【應(yīng)用程序】浮動(dòng)面板的【服務(wù)器行為】選項(xiàng)卡中多了【插入記錄】這一行為，如圖8-6所示。圖8-6【插入記錄】行為商品信息輸入頁(yè)面的基本功能已經(jīng)完成，保存后還要在menu.asp頁(yè)面中創(chuàng)建指向商品信息輸入頁(yè)面的超鏈接（別忘了插入鏈接時(shí)把目標(biāo)指定為mainFrame，以使頁(yè)面在主框架中顯示）。同步站點(diǎn)之后，就可以測(cè)試功能了。在功能頁(yè)面中左側(cè)選擇【輸入商品信息】選項(xiàng)，在主框架中應(yīng)該出現(xiàn)如圖8-7所示的商品信息輸入的頁(yè)面。在如圖8-7所示的頁(yè)面中填入信息后，單擊【保存輸入】按鈕

10、，系統(tǒng)將輸入的信息保存到數(shù)據(jù)庫(kù)后，顯示如圖8-8所示的信息輸入成功頁(yè)面。圖8-7商品信息輸入頁(yè)面在本地站點(diǎn)下新建一個(gè)images的目錄，用于存放商品圖片，這樣在同步站點(diǎn)時(shí)，會(huì)自動(dòng)將新的圖片上傳到服務(wù)器上。在輸入新商品信息時(shí)，在圖片欄輸入類似于“./images/P0001.JPG”的圖片文件路徑。由于images目錄是purchasesys目錄的子目錄，因此相對(duì)路徑中使用了“./”。注意： URL中使用的目錄分級(jí)符是“/”，而不是“”。圖8-8 提示新輸入的信息已保存8.3.2 阻止未經(jīng)授權(quán)的用戶的訪問(wèn)前面介紹的內(nèi)容使網(wǎng)上書店已經(jīng)具備了一些基本功能，接下來(lái)便要使網(wǎng)站的這些功能更加完善。首先，對(duì)

11、于輸入頁(yè)面還沒(méi)有做用戶權(quán)限的限定。任何一個(gè)正確登錄的用戶都可以輸入和保存商品信息，這是商務(wù)網(wǎng)站所不允許的。下面完成用戶權(quán)限限定這一功能，也借此復(fù)習(xí)一下在第4章中已經(jīng)講過(guò)的用戶權(quán)限限制的實(shí)現(xiàn)方法。在本節(jié)中將討論以下3個(gè)問(wèn)題： 加深對(duì)【用戶身份驗(yàn)證】功能中【限制對(duì)頁(yè)的訪問(wèn)】的服務(wù)器行為的理解； 如何定義和設(shè)置授權(quán)級(jí)別； 避免常見(jiàn)的多余空格的取值錯(cuò)誤。用戶權(quán)限限制的操作方法如下。（1） 打開(kāi)purchasesys目錄下的insertcatalog.asp商品信息輸入頁(yè)面，在【應(yīng)用程序】浮動(dòng)面板的【服務(wù)器行為】選項(xiàng)卡中，選擇【添加】菜單的【用戶身份驗(yàn)證】|【限制對(duì)頁(yè)的訪問(wèn)】命令。（2） 將看到如圖8-

12、9所示的【限制對(duì)頁(yè)的訪問(wèn)】對(duì)話框。在【基于以下內(nèi)容進(jìn)行限制】單選按鈕組中，應(yīng)該選擇【用戶名、密碼和訪問(wèn)級(jí)別】單選按鈕。因?yàn)閷?duì)這個(gè)頁(yè)面，只有訪問(wèn)級(jí)別是管理員的用戶才能夠訪問(wèn)。在【如果訪問(wèn)被拒絕，則轉(zhuǎn)到】文本框中輸入訪問(wèn)拒絕時(shí)，進(jìn)入哪個(gè)頁(yè)面，可以單擊【瀏覽】按鈕直接在本地站點(diǎn)選取頁(yè)面，這里選擇的是登錄失敗信息頁(yè)面。單擊【定義】按鈕，進(jìn)入訪問(wèn)級(jí)別設(shè)置。圖8-9【限制對(duì)頁(yè)的訪問(wèn)】對(duì)話框（3） 這時(shí)將看到如圖8-10所示的【定義訪問(wèn)級(jí)別】對(duì)話框，在【名稱】文本框中輸入訪問(wèn)級(jí)別的名稱，這個(gè)名稱應(yīng)該與數(shù)據(jù)庫(kù)purchasesys中賬戶表account中使用的訪問(wèn)級(jí)別一致，單擊按鈕，把該訪問(wèn)級(jí)別加入限制列表中

13、。注意： 這里定義的訪問(wèn)級(jí)別，在別的頁(yè)面上也可以引用，不必重復(fù)定義。圖8-10【定義訪問(wèn)級(jí)別】對(duì)話框（4） 單擊【確定】按鈕會(huì)發(fā)現(xiàn)【選取級(jí)別】列表中出現(xiàn)了剛才定義的訪問(wèn)級(jí)別限制列表。選擇admin，但不要選中user，因?yàn)檫@個(gè)頁(yè)面只有管理員才有權(quán)訪問(wèn)，如圖8-11所示。圖8-11【限制對(duì)頁(yè)的訪問(wèn)】對(duì)話框（5） 單擊【確定】按鈕完成行為定義。這時(shí)，【服務(wù)器行為】選項(xiàng)卡變成如圖8-12所示的樣子。同步站點(diǎn)之后，測(cè)試一下，會(huì)發(fā)現(xiàn)這一次用顧客賬戶登錄后，當(dāng)試圖訪問(wèn)商品信息輸入頁(yè)面時(shí)，將出現(xiàn)如圖8-13所示的頁(yè)面。圖8-12【服務(wù)器行為】選項(xiàng)卡圖8-13非法用戶提示頁(yè)面 此時(shí)再想訪問(wèn)修改商品信息頁(yè)面，就

14、必須是authlevel等級(jí)為admin的管理員。注冊(cè)管理員需要將register.asp 頁(yè)面中的隱藏域的值改成admin，再注冊(cè)用戶。注冊(cè)完記得將隱藏域的值admin再改回user，否從以后注冊(cè)的都是管理員。8.4 實(shí)現(xiàn)商品信息修改功能商品信息修改功能包含兩個(gè)主要頁(yè)面，在第一個(gè)頁(yè)面modifycatalog.asp中讓用戶選擇要修改的商品號(hào)，并單擊【下一步】按鈕然后進(jìn)入第二個(gè)頁(yè)面。在第二個(gè)頁(yè)面modifycatalog1.asp中，讓用戶修改該商品的信息并保存。創(chuàng)建第一個(gè)頁(yè)面的操作步驟如下。1.創(chuàng)建需要修改的商品信息選擇頁(yè)面創(chuàng)建一個(gè)新的支持ASP VBScript的動(dòng)態(tài)頁(yè)面。2.定義購(gòu)書系

15、統(tǒng)的數(shù)據(jù)庫(kù)連接由于同一應(yīng)用可以共享數(shù)據(jù)庫(kù)連接，因此這個(gè)頁(yè)面仍然可以使用purchasesys數(shù)據(jù)庫(kù)連接，不需要另外定義數(shù)據(jù)庫(kù)連接。3. 定義記錄集定義一個(gè)記錄集rstcatalog，如圖8-14所示。4. 創(chuàng)建頁(yè)面布局和頁(yè)面元素(1) 在新頁(yè)面中，加入如圖8-15所示的基本元素，其中標(biāo)題和其他靜態(tài)部分，都可以根據(jù)自己的喜好用前面各章節(jié)描述的創(chuàng)作靜態(tài)頁(yè)面的方法來(lái)設(shè)計(jì)，使頁(yè)面美觀，可以自由發(fā)揮。與前一個(gè)例子一樣，表單部分是必須有的，將用它來(lái)生成動(dòng)態(tài)行為。在新頁(yè)面中，加入如圖8-15所示的基本元素，表單包含的元素如表8-2所示。圖8-14【記錄集】對(duì)話框圖8-15選擇要修改商品的頁(yè)面表8-2元素類型

16、屬性值說(shuō)明表單名字：frmmodifycatalog類型：?jiǎn)涡?本表單列表/菜單名字：selproductID；類型：菜單；列表值：動(dòng)態(tài)來(lái)自：rstcatalog值字段：productID標(biāo)簽字段：productID初始化時(shí)選定：rstcatalog的“第一個(gè)記錄索引”接受商品號(hào)輸入的菜單按鈕名字：btnnext；標(biāo)簽：下一步；動(dòng)作：提交表單提交商品信息的按鈕(2) 對(duì)商品信息修改頁(yè)面先創(chuàng)建到這里，其功能暫緩實(shí)現(xiàn)，選擇主菜單中的【文件】|【保存】命令，把這個(gè)頁(yè)面保存到purchasesys子目錄下，取名為modifycatalog.asp。創(chuàng)建第二個(gè)頁(yè)面的操作步驟如下。1. 創(chuàng)建一個(gè)商品信息修

17、改頁(yè)面創(chuàng)建一個(gè)新的支持ASP VBScript的動(dòng)態(tài)頁(yè)面。2.定義購(gòu)書系統(tǒng)的數(shù)據(jù)庫(kù)連接由于同一應(yīng)用可以共享數(shù)據(jù)庫(kù)連接，因此這個(gè)頁(yè)面仍然可以使用purchasesys數(shù)據(jù)庫(kù)連接，不需要另外定義數(shù)據(jù)庫(kù)連接。3. 定義參數(shù)傳遞定義從第一頁(yè)傳過(guò)來(lái)的參數(shù)，在【應(yīng)用程序】浮動(dòng)面板中，選擇【綁定】選項(xiàng)卡，單擊按鈕，選擇【請(qǐng)求變量】命令，此時(shí)會(huì)出現(xiàn)如圖8-16所示的【請(qǐng)求變量】對(duì)話框，其參數(shù)設(shè)置方法如下：在【類型】下拉列表框中選擇Request.Form，表示該請(qǐng)求變量來(lái)自調(diào)用本頁(yè)的那個(gè)頁(yè)中提交的表單； 在【名稱】文本框中輸入表單元素名，這里輸入的是前面創(chuàng)建的網(wǎng)頁(yè)中frmmodifycatalog表單的sel

18、productID菜單，表示該【請(qǐng)求變量】的值來(lái)自這個(gè)表單元素。圖8-16【請(qǐng)求變量】對(duì)話框4.選定要修改的記錄定義一個(gè)記錄集rstcatalog，這個(gè)記錄集代表要修改的那條商品記錄，因此必須限定條件，定義時(shí)的選項(xiàng)如圖8-17所示。與以前不同的是，這一次定義了篩選條件，其參數(shù)設(shè)置的方法如下。在【篩選】下拉列表框中，選擇productID，這是條件表達(dá)式的左半部，在右邊的條件運(yùn)算符下拉列表框中選擇=； 在左下方的值來(lái)源下拉列表框中選擇【表單變量】，表示條件表達(dá)式的右半部來(lái)自表單變量，也就是類型為Request.Form的請(qǐng)求變量，在該下拉列表框右邊的文本框中輸入剛定義好的那個(gè)請(qǐng)求變量selpro

19、ductID； 圖8-17【記錄集】對(duì)話框 圖8-18【綁定】選項(xiàng)卡中的內(nèi)容單擊【確定】按鈕，完成記錄集定義，【綁定】選項(xiàng)卡中的內(nèi)容如圖13-18所示。 5. 創(chuàng)建頁(yè)面布局和頁(yè)面元素在頁(yè)面中，加入如圖8-19所示的基本元素； 其中標(biāo)題和其他靜態(tài)部分，都可以根據(jù)自己的喜好用前面各章節(jié)描述的創(chuàng)作靜態(tài)頁(yè)面的方法來(lái)設(shè)計(jì)，使頁(yè)面美觀，可以自由發(fā)揮。表單部分是必須有的，將用它來(lái)生成商品記錄更新的數(shù)據(jù)庫(kù)動(dòng)作，如圖8-19所示，添加一個(gè)表單，表單包含的元素如表8-3所示。 圖8-19修改商品信息表8-3元素類型屬性值說(shuō)明表單名字：frmmodifycatalog類型：?jiǎn)涡?本表單文本域名字：txtname字符

20、寬度：60；類型：?jiǎn)涡谐跏贾担簛?lái)自接受商品名稱輸入的文本框文本域名字：txtdescription字符寬度：80；類型：多行初始值：來(lái)自rstcatalog.description接受商品描述輸入的文本框文本域名字：txtimage類型：?jiǎn)涡谐跏贾担簛?lái)自rstcatalog.image接受圖片文件在服務(wù)器上的路徑輸入的文本框文本域名字：txtlistprice類型：?jiǎn)涡谐跏贾担簛?lái)自rstcatalog.listprice接受商品單價(jià)輸入的文本框文本域名字：txtnuminstock類型：?jiǎn)涡谐跏贾担簛?lái)自rstcatalog.numinstock接受商品庫(kù)存輸入的文

21、本框列表/菜單名字：selcategory；列表值：電子商務(wù)、計(jì)算機(jī)（以下略）；類型：菜單；來(lái)自記錄集：無(wú)；初始值：來(lái)自rstcatalog.category接受商品種類輸入的菜單按鈕名字：btnsave；標(biāo)簽：保存輸入；動(dòng)作：提交表單提交商品信息的按鈕按鈕名字：btnreset；標(biāo)簽：還原重改；動(dòng)作：重置表單把表單內(nèi)容清除到未填狀態(tài)的按鈕6) 動(dòng)態(tài)元素的設(shè)置方法這個(gè)表單中的動(dòng)態(tài)元素較多，因此，下面將詳細(xì)敘述這些動(dòng)態(tài)元素的設(shè)置方法。(1) 對(duì)于文本域，通過(guò)選中文本域，有兩種方法：第一種方法是在【屬性】面板中單擊【初始值】文本邊框上的閃電符號(hào)，可以選擇已經(jīng)定義好的記錄集中的動(dòng)態(tài)值作為初始值；在【

22、動(dòng)態(tài)數(shù)據(jù)】對(duì)話框中設(shè)置如下參數(shù)：直接在【域】選擇框中選擇動(dòng)態(tài)數(shù)據(jù)項(xiàng)，可以選擇【記錄集】的字段值、階段變量、應(yīng)用變量、請(qǐng)求變量等，只要已經(jīng)在【綁定】選項(xiàng)卡里定義好，就可以在此處選擇；在【格式】下拉列表框中可以選擇動(dòng)態(tài)數(shù)據(jù)的顯示格式，如按日期顯示、按貨幣顯示等。若不選，就按數(shù)據(jù)本身的格式顯示； 在【代碼】文本框中不必輸入，在【域】選擇框中選定數(shù)據(jù)項(xiàng)后，會(huì)在【代碼】框中自動(dòng)生成相應(yīng)的代碼。 例如txtdescription的初始值設(shè)置對(duì)話框，如圖8-20所示。第二種方法是在【應(yīng)用程序】浮動(dòng)面板中的【綁定】選項(xiàng)卡里，選擇記錄集中的動(dòng)態(tài)值，直接拖拽到頁(yè)面想要顯示的位置。(2)對(duì)于【動(dòng)態(tài)列表/菜單】元素，

23、可以通過(guò)選中該元素，在【屬性】面板中單擊帶閃電符號(hào)的，來(lái)設(shè)置動(dòng)態(tài)數(shù)據(jù)。 selcategory的動(dòng)態(tài)數(shù)據(jù)設(shè)置如圖8-21所示?！静藛巍康倪x項(xiàng)取自兩種選擇： 【靜態(tài)選項(xiàng)】和【來(lái)自記錄集的選項(xiàng)】。可以從靜態(tài)選項(xiàng)中選，也可以從記錄集中選，或者從兩者中選； selcategory的菜單選項(xiàng)來(lái)自靜態(tài)定義的選項(xiàng)； 在【選取值等于】文本框中輸入初始時(shí)選擇的那個(gè)菜單的值，實(shí)際上可以單擊右邊的閃電符號(hào)進(jìn)入如圖8-22所示的對(duì)話框，直接選擇初始值來(lái)自哪個(gè)動(dòng)態(tài)數(shù)據(jù)； 圖8-20【動(dòng)態(tài)數(shù)據(jù)】對(duì)話框圖8-21【動(dòng)態(tài)列表/菜單】對(duì)話框圖8-22【動(dòng)態(tài)數(shù)據(jù)】對(duì)話框所有的動(dòng)態(tài)表單元素都對(duì)應(yīng)一個(gè)服務(wù)器行為，可以在【服務(wù)器行為】

24、選項(xiàng)卡中找到，如圖8-23所示。 圖8-23動(dòng)態(tài)表單元素的服務(wù)器行為7) 更新數(shù)據(jù)庫(kù)modifycatalog1.asp的頁(yè)面已經(jīng)布局好了，接下來(lái)將實(shí)現(xiàn)商品記錄更新的數(shù)據(jù)庫(kù)動(dòng)作。(1) 生成如圖8-24所示的【商品信息修改成功】頁(yè)面，將其以modifycatalogok.asp為名保存在purchasesys文件夾中。(2)打開(kāi) modifycatalog1.asp，在【應(yīng)用程序】浮動(dòng)面板中，選擇【服務(wù)器行為】選項(xiàng)卡，單擊按鈕，選擇【更新記錄】。圖8-24商品信息修改成功頁(yè)面(3) 【更新記錄】服務(wù)器行為的設(shè)置對(duì)話框如圖8-25所示。 在【連接】下拉列表框中，選擇purchasesys數(shù)據(jù)庫(kù)連

25、接； 在【要更新的表格】下拉列表框中選擇catalog表，表示輸入的數(shù)據(jù)將用于更新該表的數(shù)據(jù)； 在【選取記錄自】下拉列表框中選擇rstcatalog記錄集，由該記錄集來(lái)限定要更新的記錄的范圍； 在【惟一鍵列】下拉列表框中選擇productID，來(lái)標(biāo)識(shí)數(shù)據(jù)庫(kù)表格中的記錄； 在【在更新后，轉(zhuǎn)到】文本框中輸入信息成功輸入頁(yè)面的路徑，也可以單擊【瀏覽】按鈕直接從本地站點(diǎn)選擇。(4) 接下來(lái)的對(duì)話框部分指定了表單元素值與數(shù)據(jù)庫(kù)記錄字段的對(duì)應(yīng)關(guān)系。在【獲取值自】下拉列表框中選擇frmmodifycatalog表單，表示記錄的新值來(lái)自該表單中的元素值。建立表單元素和記錄字段的對(duì)應(yīng)關(guān)系的方法，已在8.3節(jié)中介

26、紹過(guò)了。用同樣的方法將【表單元素】列表框中的所有的表單元素對(duì)應(yīng)到其對(duì)應(yīng)的字段上。(5) 單擊【確定】按鈕完成設(shè)置，并保存頁(yè)面。圖8-25【更新記錄】對(duì)話框8. 銜接兩個(gè)頁(yè)面要把兩個(gè)頁(yè)面的功能銜接起來(lái)，這是通過(guò)設(shè)置表單的動(dòng)作參數(shù)來(lái)實(shí)現(xiàn)的。 (1) 回到modifycatalog.asp頁(yè)面的編輯窗口，如果已經(jīng)關(guān)閉該窗口，那么請(qǐng)重新打開(kāi)該文件。(2) 選擇表單，在【屬性】面板中的【動(dòng)作】文本框中輸入modifycatalog1.asp，使得提交表單時(shí)，自動(dòng)調(diào)用該頁(yè)，并傳遞表單元素值。表單的提交方式推薦使用POST方式，這種方式?jīng)]有傳遞數(shù)據(jù)量的限制。當(dāng)用POST方式提交時(shí)，目的頁(yè)面用Request.

27、Form類型的請(qǐng)求變量來(lái)接收參數(shù)，當(dāng)用GET方式提交時(shí)，目的頁(yè)面用Request.QueryString類型的請(qǐng)求變量來(lái)接收參數(shù)。不管用哪種方式提交，請(qǐng)求變量的變量名，要與表單元素的名字一致。(3) 保存頁(yè)面。同步站點(diǎn)以后，測(cè)試一下。調(diào)用商品信息修改功能后，如圖8-26所示。圖8-26商品信息修改選擇頁(yè)面選擇P0003后，單擊【下一步】按鈕，可見(jiàn)如圖8-27所示的畫面。修改過(guò)程中，可以試一試還原重改按鈕的效果。修改完成后，單擊【保存修改】按鈕，會(huì)看到商品信息修改成功的信息。在商品信息修改的幾個(gè)頁(yè)面中，也要限制用戶訪問(wèn)級(jí)別。關(guān)于其他的改進(jìn)將在后面的章節(jié)中介紹。圖8-27商品信息修改頁(yè)面8.5 實(shí)

28、現(xiàn)商品信息查詢功能商品信息查詢功能是電子商務(wù)網(wǎng)站的重要功能，方便、快捷的查詢方法是吸引顧客的有效手段之一，查詢功能的好壞將直接影響到網(wǎng)站的質(zhì)量。8.5.1 重復(fù)區(qū)域的服務(wù)器行為在本節(jié)中將討論以下實(shí)現(xiàn)商品信息查詢功能的兩個(gè)問(wèn)題： 【重復(fù)區(qū)域】服務(wù)器行為的應(yīng)用； 如何引用動(dòng)態(tài)數(shù)據(jù)。在這一節(jié)，要為用戶介紹一個(gè)簡(jiǎn)單的商品查詢功能，把現(xiàn)有的所有商品以列表的形式顯示給用戶。當(dāng)然，一頁(yè)顯示不完，可以翻頁(yè)。操作方法如下。1. 創(chuàng)建商品查詢頁(yè)面創(chuàng)建一個(gè)新的支持ASP VBScript的動(dòng)態(tài)頁(yè)面。2. 定義購(gòu)書系統(tǒng)的數(shù)據(jù)庫(kù)連接由于同一應(yīng)用可以共享數(shù)據(jù)庫(kù)連接，因此這個(gè)頁(yè)面仍然可以使用purchasesys數(shù)據(jù)庫(kù)連接

29、，不需要另外定義數(shù)據(jù)庫(kù)連接。 3. 定義記錄集定義一個(gè)記錄集rstcatalog，如圖8-28所示。圖8-28【記錄集】對(duì)話框4. 創(chuàng)建頁(yè)面布局和頁(yè)面元素并實(shí)現(xiàn)記錄列表功能 (1) 按如圖8-29所示的布局新建頁(yè)面，對(duì)于其中的動(dòng)態(tài)文本在【應(yīng)用程序】浮動(dòng)面板的【綁定】選項(xiàng)卡中直接拖曳rstcatalog的字段到希望出現(xiàn)的位置上。 (2) 將光標(biāo)定位在圖8-29左邊的單元格中，單擊【插入】浮動(dòng)面板的【常用】選項(xiàng)卡中的【圖像占位符】按鈕，打開(kāi)【圖像占位符】對(duì)話框，如圖8-30所示。按照?qǐng)D8-30輸入各項(xiàng)參數(shù)后單擊【確定】按鈕，完成設(shè)定。圖8-29商品信息列表頁(yè)面圖8-30【圖像占位符】對(duì)話框(3)

30、選中網(wǎng)頁(yè)上的【圖像占位符】，在【屬性】浮動(dòng)面板的【源文件】文本框中輸入以下參數(shù)： (4) 上一步給出了單個(gè)記錄的布局，接下來(lái)將把它擴(kuò)展到多條記錄的布局，這是通過(guò)【重復(fù)區(qū)域】服務(wù)器行為來(lái)實(shí)現(xiàn)的。選擇頁(yè)面中的表格部分，在【應(yīng)用程序】浮動(dòng)面板的【服務(wù)器行為】選項(xiàng)卡中，單擊按鈕，選擇【重復(fù)區(qū)域】命令。 (5) 在如圖8-31所示的【重復(fù)區(qū)域】對(duì)話框中，在【顯示】單選區(qū)域中，可選擇若干條記錄或顯示所有的記錄，這里選擇的是后者。圖8-31【重復(fù)區(qū)域】對(duì)話框(6) 單擊【確定】按鈕，完成設(shè)定，將頁(yè)面以catalog.asp為名保存在purchasesys文件夾中。不要忘了更新網(wǎng)上書店的功能選擇頁(yè)面，將【瀏覽

31、商品信息】的超鏈接指向新頁(yè)面。同步站點(diǎn)后，測(cè)試一下。單擊網(wǎng)上書店功能頁(yè)面中的【瀏覽商品信息】按鈕后，主框架中會(huì)出現(xiàn)如圖8-32所示的畫面。圖8-32瀏覽商品信息頁(yè)面8.5.2 記錄集分頁(yè)與重復(fù)區(qū)域服務(wù)器行為的綜合應(yīng)用剛才完成的商品信息瀏覽頁(yè)面catalog.asp顯示了所有的記錄。如果商品信息很多，這一頁(yè)將會(huì)很長(zhǎng)，通過(guò)網(wǎng)絡(luò)傳送這一頁(yè)的時(shí)間會(huì)較長(zhǎng)，用戶瀏覽起來(lái)也會(huì)比較吃力。下面將把商品信息瀏覽頁(yè)面改造成分頁(yè)顯示的形式。本節(jié)將討論以下有關(guān)實(shí)現(xiàn)記錄列表分頁(yè)的兩個(gè)問(wèn)題： 【重復(fù)區(qū)域】服務(wù)器行為的應(yīng)用； 【記錄集分頁(yè)】服務(wù)器行為如何與【重復(fù)區(qū)域】服務(wù)器行為配合。實(shí)現(xiàn)分頁(yè)功能的操作方法如下： （1） 在【

32、應(yīng)用程序】浮動(dòng)面板的【服務(wù)器行為】選項(xiàng)卡中，雙擊【重復(fù)區(qū)域（rstcatalog）】，來(lái)編輯【重復(fù)區(qū)域】的屬性，將【顯示】改為每頁(yè)只顯示4條記錄，如圖8-33所示。圖8-33【重復(fù)區(qū)域】對(duì)話框（2） 保存頁(yè)面后測(cè)試，會(huì)發(fā)現(xiàn)只能看到第一頁(yè)，無(wú)法看到后續(xù)的頁(yè)。要想看到后續(xù)的頁(yè)，須給重復(fù)區(qū)域加上導(dǎo)航機(jī)制。在頁(yè)面上定位光標(biāo)到希望插入導(dǎo)航鏈接的位置，在【應(yīng)用程序】浮動(dòng)面板的【服務(wù)器行為】選項(xiàng)卡中，單擊按鈕，選擇【記錄集分頁(yè)】|【移至第一條記錄】命令，可以看到如圖8-34所示的【移至第一條記錄】對(duì)話框。如圖設(shè)置參數(shù)后，單擊【確定】按鈕，就生成了轉(zhuǎn)到第一個(gè)頁(yè)面的超鏈接。圖8-34【移至第一條記錄】對(duì)話框（3） 在【應(yīng)用程序】浮動(dòng)面板的【服務(wù)器行為】選項(xiàng)卡中，單擊按鈕，選擇【記錄集分頁(yè)】 | 【移至前一條記錄】命令，可以看到如圖8-35所示的【移至前一條記錄】對(duì)話框。如圖設(shè)置【鏈接】參數(shù)為： 【創(chuàng)建新鏈接： “前一頁(yè)”】后，單擊【確定】按鈕，就生成了轉(zhuǎn)到前一個(gè)頁(yè)面的超鏈接。（4） 在【應(yīng)用程序】浮動(dòng)面板的【服務(wù)器行為】選項(xiàng)卡中，單擊按鈕，選擇【記