學習過了jsp基礎文法以及HTML和javascript的用法之後,jsp+jdbc串連資料庫開發動態WEB網頁就可以實現了。
對於學過java SE的同學來說,資料庫的操作並不陌生,如果有忘記的或者不會的可以到http://zhaoyuqiang.blog.51cto.com/6328846/1127658 學習。
jsp中的資料庫連接又是如何呢? 怎樣才能利用上我們學過的HTML和javascript的知識呢? 這就是我們這一篇文章的學習內容----jsp+jdbc訪問資料庫。
我們就以一個執行個體來說明jsp+jdbc訪問資料庫 ---使用者登入執行個體。 就像登入郵箱一樣,使用者輸入帳號和密碼,如果正確的話就跳轉到首頁上,如果錯誤的話就提示或者跳轉到錯誤頁上。如下圖所示:
首先先建立資料庫,在MySQL中建立資料庫test,建立表 users.如下圖所示
資料庫建完後在MyEclipse中建立項目,將MySQL的驅動包導進lib中。
建立第一個jsp頁面----登陸頁面 login.jsp
<%@ page language="java" contentType="text/html" pageEncoding="utf-8"%> <html> <head> <title>登入頁面</title> <script type="text/javascript"> // 驗證 如果使用者名稱和密碼為空白的話會出現提示框 function chkData() { if(frmLogin.username.value=="") { alert("請輸入使用者名稱。"); return false; } else if(frmLogin.userpassword.value=="") { alert("請輸入密碼。"); return false; } else { return true; } } </script> </head> <body> <center><h4>使用者登入</h4></center> <form name="frmLogin" action="doLogin.jsp" method="post"> <table align="center" border="1"> <tr> <td>使用者名稱:</td> <td><input type="text" name="username"/></td> </tr> <tr> <td>密 碼:</td> <td><input type="password" name="userpassword"/></td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" value="登入" onClick="return chkData();"/> <input type="reset" value="重設"/> </td> </tr> </table> </form> </body> </html>