程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> JSP編程 >> 關於JSP >> jsp基礎語法 六 jsp+jdbc訪問數據庫

jsp基礎語法 六 jsp+jdbc訪問數據庫

編輯:關於JSP

學習過了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>密&nbsp;&nbsp;碼:</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>

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved