c_6.2.11 頁(yè)面11——訂單輸入

1、6.2.11 頁(yè)面11訂單輸入從圖6-140可以看出，頁(yè)面11由兩個(gè)區(qū)域組成。左邊是“Order Progress”列表區(qū)域，右邊是“Select a Customer”HTML 區(qū)域。圖6-140 頁(yè)面111“Select a Customer”HTML區(qū)域“Select a Customer”HTML 區(qū)域中包含了3個(gè)按鈕和1個(gè)項(xiàng)P11_CUSTOMER_ID。3個(gè)按鈕顯示為Cancel、Create New Customer、Next。本區(qū)域?qū)崿F(xiàn)輸入新訂單的第一步，即選擇一個(gè)客戶（Select a Customer）。然后，通過(guò)Next 按鈕進(jìn)入下一個(gè)步驟“選擇訂單項(xiàng)”。項(xiàng)P11_CUS

2、TOMER_ID顯示為“彈出式關(guān)鍵字LOV（顯示說(shuō)明，返回關(guān)鍵字值）”。和下拉列表、單選按鈕組的定義方式一樣，只是顯示方式不同，如圖6-141所示。圖6-141 設(shè)置顯示方式項(xiàng)P11_CUSTOMER_ID也需要定義LOV，如圖6-142所示。圖6-142 定義LOV這是一個(gè)動(dòng)態(tài)LOV，根據(jù)下面的查詢來(lái)定義：select cust_last_name | , | cust_first_name d, customer_id r from demo_customers order by cust_last_name第一列定義了顯示值，這里是客戶姓名，第二列定義了返回值，這里是客戶ID。2“Ord

3、er Progress”列表區(qū)域“Order Progress”是列表區(qū)域，但為什么與頁(yè)面1中的列表區(qū)域看起來(lái)不同呢？原因是顯示類型不同。本頁(yè)列表區(qū)域的類型是“列表: Order Wizard”。頁(yè)面1中的列表區(qū)域類型是“列表: Tasks”，如圖6-143所示。圖6-143 設(shè)置列表區(qū)域的類型Order Wizard 列表主要作為多步驟操作中的提示信息使用。在使用APEX向?qū)r(shí)，會(huì)經(jīng)常見(jiàn)到這種區(qū)域。Start是默認(rèn)就有的，列表中有3個(gè)條目：Select a Customer、Select Items、Place Order，代表輸入一個(gè)新訂單的3個(gè)步驟。但Order Wizard 列表中的條

4、目沒(méi)有超鏈接可用，Order Wizard 列表只起提示作用。當(dāng)前步驟對(duì)應(yīng)的列表?xiàng)l目會(huì)顯示為選中狀態(tài)，如圖6-144所示。圖6-1443按鈕3個(gè)按鈕的作用均為提交頁(yè)面。并作為后面介紹的3個(gè)分支的條件，使頁(yè)面轉(zhuǎn)到不同頁(yè)面，如圖6-145所示。圖6-145 按鈕4頁(yè)項(xiàng)P11_CUSTOMER_ID頁(yè)面項(xiàng)是帶有關(guān)聯(lián)會(huì)話狀態(tài)的HTML元素?？梢允褂枚喾N方式呈現(xiàn)頁(yè)面項(xiàng), 例如, 呈現(xiàn)為文本字段，復(fù)選框或選擇列表。頁(yè)項(xiàng)P11_CUSTOMER_ID用于使用戶可以選擇輸入下訂單的客戶。從圖6-146可知，該項(xiàng)顯示為彈出式列表。彈出式列表或下拉列表項(xiàng)都需要定義值列表（LOV：List of Values）。值

5、列表是類型和意義同屬一類的一組值，彈出式列表或下拉列表項(xiàng)會(huì)顯示這組值，用戶會(huì)在這組值中選擇一個(gè)作為輸入。圖6-146 頁(yè)項(xiàng)P11_CUSTOMER_IDLOV分為靜態(tài)和動(dòng)態(tài)兩類。靜態(tài)LOV預(yù)先定義好一組值，這組值在應(yīng)用程序運(yùn)行期間不會(huì)變化。動(dòng)態(tài)LOV基于SQL查詢，每次頁(yè)面刷新時(shí)，SQL查詢都會(huì)重新運(yùn)行，返回最新數(shù)據(jù)，并用最新數(shù)據(jù)構(gòu)建彈出式列表或下拉列表。LOV定義的方式也有兩種：一種是定義為共享組件，一旦定義后，就可以在多個(gè)頁(yè)面中反復(fù)、多次使用。一種是在頁(yè)面需要的地方定義，一般是在彈出式列表或下拉列表項(xiàng)的LOV屬性部分。圖6-147顯示了頁(yè)項(xiàng)P11_CUSTOMER_ID的LOV定義，屬于動(dòng)

6、態(tài)LOV（基于了對(duì)demo_customers表的查詢），在頁(yè)面臨時(shí)定義，不能夠重用。如果定義了共享組件中的LOV，可以在“命名的LOV”中選擇，就不需要再給出SQL查詢了。圖6-147 頁(yè)項(xiàng)：P11_CUSTOMER_ID的LOV定義單擊“創(chuàng)建或編輯靜態(tài)值列表”和“創(chuàng)建動(dòng)態(tài)值列表”鏈接，可打開向?qū)?，引?dǎo)用戶創(chuàng)建靜態(tài)值列表或動(dòng)態(tài)值列表。LOV中的每一個(gè)選項(xiàng)實(shí)際需要兩個(gè)值，顯示值和返回值。顯示值是用戶看到的選項(xiàng)。返回值是可以唯一標(biāo)識(shí)此選項(xiàng)的一個(gè)值（一般是數(shù)字），通過(guò)返回值，程序易于判斷用戶究竟做出了何種選擇。圖6-147的SQL查詢返回了兩列，客戶姓名：cust_last_name | , |

7、cust_first_name d和客戶ID：customer_id。其中客戶姓名是顯示值，客戶ID是返回值。假如一個(gè)客戶ID為1，姓名為 Smith，那么當(dāng)用戶選擇了Smith客戶后，項(xiàng)P11_CUSTOMER_ID的值就會(huì)變?yōu)?，這就是返回值的意義。圖6-148 靜態(tài)值列表構(gòu)建向?qū)Ы缑鎴D6-148顯示了靜態(tài)值列表構(gòu)建向?qū)У慕缑?。?yè)面項(xiàng)還可以定義自己的在線幫助。圖6-149顯示了頁(yè)面項(xiàng)在線幫助的定義方法。圖6-149 頁(yè)面項(xiàng)在線幫助的定義方法頁(yè)面項(xiàng)一旦定義了在線幫助，當(dāng)用戶把鼠標(biāo)定位于該項(xiàng)的標(biāo)簽上時(shí)，鼠標(biāo)的圖標(biāo)就會(huì)多出一個(gè)問(wèn)號(hào)。點(diǎn)擊該項(xiàng)的標(biāo)簽，會(huì)看到在線幫助的內(nèi)容。5顯示用處理處理（Proc

8、ess）是在發(fā)生特定事件時(shí) (如加載或提交頁(yè), 重置會(huì)話狀態(tài), 自動(dòng)行處理或調(diào)用定制SQL或PL/SQL代碼) 運(yùn)行的邏輯單元。處理可能會(huì)出現(xiàn)在兩個(gè)位置：頁(yè)呈現(xiàn)或頁(yè)處理中。頁(yè)呈現(xiàn)中的處理代碼用于為頁(yè)面的顯示提供數(shù)據(jù)，控制頁(yè)面的顯示效果，在用戶請(qǐng)求頁(yè)面，頁(yè)面顯示之前運(yùn)行。而頁(yè)處理中的處理代碼用于根據(jù)用戶提交頁(yè)面中輸入的數(shù)據(jù)，向用戶做出適當(dāng)?shù)姆磻?yīng)，比如將用戶輸入的數(shù)據(jù)保存到數(shù)據(jù)庫(kù)，或根據(jù)用戶輸入的數(shù)據(jù)進(jìn)行計(jì)算、判斷，做出決定等，此種處理代碼在用戶提交頁(yè)面后運(yùn)行。一定要區(qū)分開這兩種處理的用途，如圖6-150所示。圖6-150 兩種不同的處理（Process）從上圖可以看出，本頁(yè)中只有頁(yè)呈現(xiàn)中有處理代

9、碼。圖6-151 處理代碼從上圖可以看出，本頁(yè)中的處理代碼調(diào)用了APEX的API，創(chuàng)建或清空了名為ORDER的集合（Collection）。集合可以臨時(shí)存儲(chǔ)一個(gè)或多個(gè)非標(biāo)量值（比如一條記錄）?？梢允褂眉媳４娑嘈校ǘ嗔校?shù)據(jù)，并在用戶的會(huì)話中使用。此處，集合用于存放訂單信息。集合也可用于實(shí)現(xiàn)購(gòu)物網(wǎng)站中常見(jiàn)的購(gòu)物車功能。6驗(yàn)證驗(yàn)證是一項(xiàng)在頁(yè)面級(jí)別上進(jìn)行的“編輯檢查”操作?？梢允褂抿?yàn)證在處理（Process）之前來(lái)檢查用戶輸入的數(shù)據(jù)是否符合要求（預(yù)定的條件，比如：性別只能為男或女，年齡必須在1120，E-mail地址必須包含符號(hào)等）。如果定義的條件通過(guò)了檢查，將通過(guò)驗(yàn)證，程序繼續(xù)向下執(zhí)行。如果條件

10、失敗，則顯示錯(cuò)誤消息，提示用戶重新輸入符合要求的數(shù)據(jù)。從圖6-152可知，本頁(yè)面只有一個(gè)條件執(zhí)行的驗(yàn)證P11_CUSTOMER_ID。圖6-152 驗(yàn)證從圖6-153可知，驗(yàn)證P11_CUSTOMER_ID的目的是確保P11_CUSTOMER_ID項(xiàng)的值不能為空，也就是說(shuō)在進(jìn)行下一步操作之前，用戶必須要先選擇客戶（CUSTOMER）。圖6-153 驗(yàn)證P11_CUSTOMER_ID從圖6-154可知，驗(yàn)證沒(méi)有通過(guò)時(shí)，將會(huì)在P11_CUSTOMER_ID項(xiàng)旁邊顯示錯(cuò)誤消息“Please select a customer.”。圖6-154 顯示錯(cuò)誤消息如果沒(méi)有選擇客戶，直接單擊“Next”按鈕，會(huì)看到此錯(cuò)誤消息，如圖6-155所示。圖6-155 錯(cuò)誤消息仔細(xì)觀察，定義了驗(yàn)證的項(xiàng)的標(biāo)簽前面有一個(gè)橙色的星號(hào)“*”。從圖6-156可知，驗(yàn)證生效的條件