JBuilder 2005 實戰 JSP：視覺化設計登入頁面 login.jsp

建立 JSP 步驟

1. File → New → JSP，Web Module 選 webModule，檔名 login。
2. 不勾選 Generate sample bean、Generate error page。

視覺化編輯器操作

• 左側面板拖拉 HTML 表單、下拉選單、密碼欄、送出鈕至編輯區。
• 右側屬性編輯器設定 form.action=switch.jsp、method=post。

login.jsp 完整程式碼

<%@ page contentType="text/html; charset=GBK" %>
<html><head><title>login</title></head>
<body bgcolor="#ffffff">
  <form name="form1" method="post" action="switch.jsp">
    用戶名：<select name="userId">
      <option value="" selected>--登錄用戶--</option>
      <option value="100000">姜子牙</option>
      <option value="100001">鮑叔牙</option>
      <option value="100002">豎牙</option>
    </select>
    密碼：<input name="password" type="password">
    <input type="submit" name="Submit" value="登錄">
  </form>
</body></html>

工具選擇建議

JBuilder 動態程式碼支援強 (CodeInsight、TagInsight、除錯)；Dreamweaver 靜態 HTML 視覺化設計優勢明顯。建議雙工具協作：Dreamweaver 做版面，JBuilder 做邏輯，優勢互補。

畫面效果