通過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="登錄">