JBuilder2005實戰JSP之登入頁面（1）

通過File-＞New...-＞Web-＞雙擊JSP表徵圖，彈出建立JSP嚮導的對話方塊，如下圖所示：
圖 3 通過嚮導建立login.jsp
　　·Web module：如果一個工程下有多個Web模組，你可以通過這兒指定JSP所要加入到的Web模組，因為我們的工程中只有一個webModule，所以是嚮導將預設設定為webModule。
　　·Name ：鍵入JSP檔案名稱，你可以鍵入.jsp尾碼，也可以不寫尾碼，直接鍵入login就可以了。
　　Generate sample bean選項勾選後JBuilder將產生一個樣本的Bean並在JSP中引入這個Bean。對於初學者來說，可以通過該選項查看JSP如何引用一個Bean，而Generate error page選項將自動為JSP建立一個配套的錯誤處理JSP檔案，這裡，我們不勾選它們。
　　直接點擊Finish建立login.jsp，login.jsp檔案出現在內容窗格的編譯器中，如下圖所示：
圖 4 嚮導建立的JSP檔案
　　JSP編譯視窗的左右兩邊都有一個可以通過 和 按鈕控制的豎欄，左側邊欄為放置JSP標籤和HTML標籤的面板，可以像可視化UI設計器中一樣用拖拽方式往JSP檔案中放置各種標籤，如上圖中，我們從面板中選擇表單的HTML標籤放置到login.jsp檔案中。
　　而右邊豎欄中是JSP檔案中當前游標所在標籤的屬性編譯器，如下圖所示：
圖 5 設定JSP標籤屬性編輯器
　　屬性編輯器是動態，游標移到不同的標籤上，屬性編輯器就顯示這個標籤所有可設定的屬性。如上圖中對應的是HTML 表單標籤的屬性編輯器，我們將其action屬性設定為switch.jsp，指定用POST方式發送請求資料。
　　我們在login.jsp中提供一個使用者名稱下拉框、一個密碼輸入框以及一個登入提交按鈕，其代碼如下：
　　代碼清單 4 login.jsp
1. ＜%@page contentType="text/html; charset=GBK" %＞
2. ＜html＞
3. ＜head＞
4. ＜title＞login＜/title＞
5. ＜/head＞
6. ＜body bgcolor="#ffffff"＞
7. ＜表單 name="表單1" method="post" action="switch.jsp"＞
8. 使用者名稱： ＜select name="userId"＞
9. ＜option value="" selected＞--登入使用者--＜/option＞
10. ＜option value="100000"＞薑子牙＜/option＞
11. ＜option value="100001"＞鮑叔牙＜/option＞
12. ＜option value="100002"＞豎牙＜/option＞
13. ＜/select＞
14. 密 碼：＜input name="password" type="password"＞
15. ＜input type="submit" name="Submit" value="登入"＞