JavaEE (一)登入界面(最終目標:我的網站)

本內存涉及:JSP、CSS、JSweb

先上圖:數據庫

 

這是咱們的主界面效果:登入成功與失敗都會彈出對話框提示↓↓↓↓jsp

 

咱們如今看看功能的實現方法。因爲本人入行比較淺,對一些專業術語不太瞭解的胡謅你們能夠自行理解。表達有誤純屬抱歉。spa

1. 登入頁面有兩個輸入框,用戶能夠提交信息(login.jsp)code

2. 登入頁面提交的信息傳給覈對頁面(check.jsp)orm

3. 覈對頁面首先要接受來自登入頁面的信息,收到後與數據庫內容匹配。(JDBC in check.jsp)blog

4. 不管匹配的哪一步失敗了,頁面都須要傳輸正確的信息給用戶顯示,這裏採用js來表現。(JS in check.jsp)內存

 

 

正文:input

第一步:建立一個工程:命名mywebtestit

第二步:新建兩個jsp:login.jsp、check.jsp。

第三步:login.jsp添加表格代碼(注意提交給check.jsp)

 

 1 <body>
 2     <center>               //center包住讓表格居中
 3         <form action="check.jsp">           //使用form來提交數據
 4         <h2 class="pos_abs">Kxia.cn</h2>
 5             姓名: <input type="text" name="username" /><br />
 6             密碼: <input type="password" name="password" /><br /><br />
 7           <input type="submit" value="用戶登陸" />
8     </form>
9
  </center>
10 </body>

 

第四步:check.jsp連接數據庫

第五步:

相關文章
相關標籤/搜索