本內存涉及: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連接數據庫
第五步: