JAVA web簡單的登陸界面jsp實現

時間 2019-11-10

標籤 java web 簡單登陸界面 jsp 實現欄目 Java 简体版

原文原文鏈接

這次試驗所用到的軟件是myeclipse10,tomcat7,Dreamweaver,sqlserver2008數據庫。能夠實現用戶使用用戶名和密碼登陸。若是登陸成功，頁面會顯示登陸成功，若是密碼錯誤，則頁面會顯示登陸失敗。鏈接數據庫使用的事javabean方法，須要實現下載好sqlserver2008的驅動程序，在web project文件夾下的src文件夾下新建包「Bean」，並在此包下新建「DBBean.java」文件。html

DBBean.java文件代碼以下：java

package Bean; import java.sql.*; public class DBBean { private String driverStr = "com.microsoft.sqlserver.jdbc.SQLServerDriver"; private String connStr = "jdbc:sqlserver://localhost:1433; DatabaseName=JXP"; private String dbusername = "sa"; private String dbpassword = "123456"; private Connection conn = null; private Statement stmt = null; public DBBean() { try { Class.forName(driverStr); conn = DriverManager.getConnection(connStr, dbusername, dbpassword); stmt = conn.createStatement(); } catch (Exception ex) { System.out.println("數據鏈接失敗！"); } } public int executeUpdate(String s) { int result = 0; System.out.println("--更新語句:"+s+"\n"); try { result = stmt.executeUpdate(s); } catch (Exception ex) { System.out.println("執行更新錯誤！"); } return result; } public ResultSet executeQuery(String s) { ResultSet rs = null; System.out.print("--查詢語句:"+s+"\n"); try { rs = stmt.executeQuery(s); } catch (Exception ex) { System.out.println("ִ執行查詢錯誤！"); } return rs; } public void execQuery(String s){ try { stmt.executeUpdate(s); } catch (SQLException e) { // TODO Auto-generated catch block
            System.out.println("執行插入錯誤！"); } } public void close() { try { stmt.close(); conn.close(); } catch (Exception e) { } } }

在WEBROOT目錄下有三個jsp頁面文件：分別是login.jsp,logincheck.jsp,loginsuccess.jsp.在login.jsp頁面中，能夠經過輸入用戶名、密碼，點擊登陸按鈕，實現登陸成功loginsucccess.jsp頁面的跳轉，若是密碼錯誤，則頁面會跳轉到登陸失敗的頁面。（固然，在進行頁面跳轉以前，須要在sqlserver2008中新建一個數據庫，在數據庫目錄下新建一個表，並填入表的信息）web

文件夾結構截圖：sql

<%@ page import="java.sql.*" language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登陸界面</title>
</head>
<body>
    <center>
        <h1 style="color:red">登陸</h1>
            <form id="indexform" name="indexForm" action="logincheck.jsp" method="post">
                <table border="0">
                    <tr>
                        <td>帳號：</td>
                        <td><input type="text" name="username"></td>
                    </tr>
                    <tr>
                        <td>密碼：</td>
                        <td><input type="password" name="password">
                        </td>
                    </tr>
                </table>
            <br>
                <input type="submit" value="登陸" style="color:#BC8F8F">
            </form>
            <form action="zhuce.jsp">
                <input type="submit" value="註冊" style="color:#BC8F8F">
            </form>
    </center>
</body>
</html>

indexcheck.jsp代碼：tomcat

<%@ page import="java.sql.*" language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<jsp:useBean id="db" class="Bean.DBBean" scope="page" />
<% request.setCharacterEncoding("UTF-8"); String username=(String)request.getParameter("username"); String password=(String)request.getParameter("password");//取出login.jsp的值 //下面是數據庫操做
    String sql="select * from login where username="+"'"+username+"'";//定義一個查詢語句
    ResultSet rs=db.executeQuery(sql);//運行上面的語句
    if(rs.next()) { /* if(password.equals(rs.getString(2))) { } */
        if(password.equals(rs.getObject("password"))){ response.sendRedirect("loginsuccess.jsp"); } else{ out.print("<script language='javaScript'> alert('密碼錯誤');</script>"); response.setHeader("refresh", "0;url=login.jsp"); } } else { out.print("<script language='javaScript'> alert('帳號錯誤——else');</script>"); response.setHeader("refresh", "0;url=login.jsp"); } %>
</body>
</html>

indexsuccess.jsp代碼：eclipse

<%@ page import="java.sql.*" language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<h1>登錄成功</h1>
</body>
</html>

最終的頁面效果以下：jsp

若是密碼錯誤，則顯示以下頁面：sqlserver