JSP +MySQL實現網站的登錄與註冊小案例

阿新 • • 發佈：2019-01-26

為了練手，我就自己試著做了一個網站的登錄與註冊的小案例。由於沒有做美化處理，所以界面並不是很好看。

網站實現的功能如下：

用戶首次註冊功能
用戶登錄功能

項目目錄展示：
技術分享圖片

下面我將會分模塊展示

註冊模塊

首先需要一個註冊界面，如下register.jsp：

<%@ page 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>User to Register Page!</title>
</head>
<body>
<hr><br>Welcome to this <font color="green">Enroll(Register) Page</font>!<br>
<form action="do_register.jsp" 
 method="get">
<br>
<h1>Please input your message:</h1><br>
Name:<input type="text" name="register_name"><br>
Pswd:<input type="password" name="register_password"><br>
<br><br><br>
<input type="submit">&nbsp;&nbsp;&nbsp;&nbsp;<input 
 type="reset"><br>
</body>
</html>

然後就是action對應的註冊處理頁，如下do_register.jsp：

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ page import="java.sql.*" %>
<!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>Server to do the register page!</title>
</head>
<body>
<%
    String Register_name=request.getParameter("register_name");
    String Register_password=request.getParameter("register_password");
%>

<%
try{
    Class.forName("com.mysql.jdbc.Driver");
    Connection conn=DriverManager.getConnection("jdbc:mysql://localhost:3306/summer", "root", "mysql");
    Statement stmt=conn.createStatement();
    //desogn the sql statement
    String InsertSQL="INSERT INTO User(Name,Password) values(‘"+Register_name+"‘,‘"+Register_password+"‘)";
    System.out.println(Register_name+"\t"+Register_password);


    //do the query operation,and here is the most important sql statement. 
    int FLAG=stmt.executeUpdate(InsertSQL);

    if(FLAG>0){
        response.getWriter().write("Congratulation! REgister Success!");
    }else{
        response.getWriter().write("Sorry!Register Failed!\nPlease Retry it!");
    }
}catch(SQLException e){

}
%>


</body>
</html>

小總結：
不足之處：

對於數據庫的操作做得不夠好，沒有及時的將不用的資源關閉，應該及時的對那些不用的打開的資源進行關閉操作，釋放資源。
界面效果做的不夠好，response輸出是先於out的輸出的。
數據庫操作顯得過於繁瑣，應該集成一下，做一個專門處理數據庫操作的工具包，以實現代碼的良好的復用性！

登錄模塊

首先是登錄界面，login.jsp，鄙人加進去一個超鏈接（用意是讓login.jsp作為門戶頁面，實現登錄註冊合二為一的效果，雖然二者並沒有合二為一，而且註冊界面過於簡單了），大家就先湊活看吧。

<%@ page 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>User Login Page</title>
</head>
<body>

<hr><br>Welcome to this <font color="green">Login Page</font>!<br>
<form action="do_login.jsp" method="get">
<br>
<h1>Please input your message:</h1><br>
Name:<input type="text" name="name"><br>
Pswd:<input type="password" name="password"><br>
<br><br><br>
<input type="submit">&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset"><br>
Click me to <font color="green"><a href="register.jsp">Register</a>!</font><br>


</form>

</body>
</html>

然後是對登錄信息的處理頁，do_login.jsp:

<%@page import="java.sql.DriverManager"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ page import="java.sql.*" %>
<!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>Server Page Depend !</title>
</head>
<body>
<h3>Which Pae will be depend by the user‘s message!</h3>

<%
    String name=request.getParameter("name");
    String password=request.getParameter("password");
%>


<%
    Class.forName("com.mysql.jdbc.Driver");
    Connection conn=DriverManager.getConnection("jdbc:mysql://localhost:3306/summer", "root", "mysql");
    Statement stmt=conn.createStatement();
    //desogn the sql statement
    String queryNumberSQL="SELECT Name from User where Name=‘"+name+"‘ and Password=‘"+password+"‘";
    //do the query operation
    ResultSet rs=stmt.executeQuery(queryNumberSQL);
    boolean flag=false;
    if(rs.next()){
        flag=true;
        session.setAttribute("UserName", name);
    }else{
        flag=false;
    }

%>
<%
    if(flag){
%>
<jsp:forward page="login_success.jsp"></jsp:forward>
<%
    }else{

%>
<jsp:forward page="login_failed.jsp"></jsp:forward>
<%
    }
%>




</body>
</html>

對於登陸成功的用戶，跳轉到登陸成功界面login_success.jsp:

<%@ page 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>User Login Success Page!</title>
</head>
<body>
<hr><br>
<h1>Login Success!</h1><br>
<font color="green">Welcome <%=session.getAttribute("UserName") %>!</font>

<h3 align="center">your persional Message is:</h3>
<%
    out.println("Name:"+session.getAttribute("UserName"));
%>
<font color="red"><a href="login.jsp">Click me</a> to log out!</font>

</body>
</html>

對於登錄失敗的用戶，進行溫馨的頁面提示，login.failed.jsp:

<%@ page 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>Login Failed Page!</title>
</head>
<body>
<hr>
<br>
<h1><font color="red">Sorry,Login Failed</font></h1><br>
<font color="red"><a href="login.jsp">Click me</a> to login!</font>
</body>
</html>

大總結：

進步之處：

使用到了session對象來存儲用戶登錄的姓名信息，實現了頁面間的信息的交互
配合了MySQL，在一定程度上體驗了JEE的模式

不足之處：

代碼過於繁冗，復用性不好
資源利用率不高，使用過的不再使用的資源要及時的進行關閉。雖然java虛擬機有自動的垃圾回收機制，但最好還是養成好的習慣！
界面控制做的不夠好，體驗性差，欠缺思考

待改進之處：

加上復雜一點的用戶註冊，使用bean的方式做處理比較好
模塊化，使用MVC的概念
改善界面的權限，防止盜鏈
加上其他的諸如上傳文件，下載文件功能，豐富網站的功能。

再分享一下我老師大神的人工智能教程吧。零基礎！通俗易懂！風趣幽默！還帶黃段子！希望你也加入到我們人工智能的隊伍中來！https://blog.csdn.net/jiangjunshow

JSP +MySQL實現網站的登錄與註冊小案例

register 養成 sub man put gin print 鏈接 ces 為了練手，我就自己試著做了一個網站的登錄與註冊的小案例。由於沒有做美化處理，所以界面並不是很好看。網站實現的功能如下：用戶首次註冊功能用戶登錄功能項目目錄展示：下面我

jsp實現賬戶登錄、註冊！

type com mage 連接失敗 ext etc rac gets dir jsp連接mysql數據庫進行賬戶登錄驗證和賬戶註冊 ~jsp: Login.jsp 、LoginCl.jsp、Welcome.jsp、Register.jsp、login.css

jsp+postgresql學習筆記（1）用戶登錄與註冊

drive erp attr 重新註冊 rom bstr udig 不存在 postgresq 前期準備： tomcat的安裝與配置（略） eclipse軟件安裝與配置（略） webstrom軟件的安裝與配置（略） postgresql+QGIS+uDig+Ge

利用DataSet部分功能實現網站登錄

自己 response comm user script ace xtu lin pts using System; using System.Collections.Generic; using System.Linq; using System.Web; using S

完成登錄與註冊頁面的前端

com innerhtml function () body inner col charset alt 登陸 <!doctype html> <html lang="em"> <head> <meta charset="

作業18-完成登錄與註冊頁面的前端

++ ica sans box bsp html 1-1 val adding #html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8

完成登錄與註冊頁面的前端0

ner osi rip orm har flow bsp ots 微軟雅黑完成登錄與註冊頁面的HTML+CSS+JS，其中的輸入項檢查包括：用戶名6-12位首字母不能是數字只能包含字母和數字密碼6-12位註冊頁兩次密碼是否一致 <!DOCTYPE htm

mysql 遠程登錄與表名大小寫問題

idt res 通配符 csdn sel 代碼遠程登陸 art 解決　　好久沒寫博客了，這段時間在學習一個開源的項目，裏面使用到了mysql，好久沒使用mysql了。在使用過程中遇到了一個問題，遠程登陸。報錯信息很明顯，連接失敗。解決思路如下：　　　　1. 首先檢查到

BBS登錄與註冊功能

request python static ear login alert exti locals ria 登錄功能視圖函數 def my_login(request): if request.method == 'GET': re

Django實戰(一)-----用戶登錄與註冊系統4（表單）

表數據 containe 組織字段類型 wid 所有 redirect 用戶輸入發送我們前面都是手工在HTML文件中編寫表單form元素，然後在views.py的視圖函數中接收表單中的用戶數據，再編寫驗證代碼進行驗證，最後使用ORM進行數據庫的增刪改查。這樣費時費力，

jQuery+ajax實現網站登錄登出

logout attr 參考 rip index time cli dex .get function logout() { $(‘#LoadingStatus‘).show(); $.ajax({

登錄、註冊案例集合實現

登錄註冊登陸註冊案例分析：我們現在寫代碼需要面向對象，我們必須先找到能完成某個功能的類，接著調用裏面的方法完成它登陸註冊案例中的類：用戶類成員變量：用戶名，密碼成員方法：登陸，註冊功能

Ajax異步方式實現登錄與參數的校驗

hasclass prim ann idcard lock stc item code repl 登錄代碼這個是使用Bootstrap3的組件功能實現的 <div class="login_con_R"> <

python編程：函數式編程實現登錄和註冊

name def 函數式編程數據 txt main函數 else if判斷 ima 不知道大家有沒有一種感覺，我明明學會了，為什麽一寫代碼就不知道從何下筆了。初學函數編程的小夥伴通常需要檢測一下自己的學習成果，我們現在就寫一道通過函數來實現登錄和註冊的小程序 def

網站登錄界面(div+css實現)

網站登錄界面(div+css實現)<!DOCTYPE html><html><head><meta charset="UTF-8"><title>叮咚網登錄</title><style type="te

清除@SessionAttributes 網站實現退出登錄

步驟 req attribute 但是用戶名查看 sta rec type 在網站實現登錄時，我認識了@SessionAttributes，對我來說是真的好用，@SessionAttributes註解可以使得模型中的數據存儲一份到session域中。這樣在頁面跳轉時可

ORACLE+Myeclipse+jsp實現簡單登錄功能

public man drivers asus style 編寫 ole 建立 rom Oracle數據庫表的建立： create table Log( 　　 un char(20), pd char(25) ) ta

【解決】php實現頁面登錄註冊功能並實現跳轉

apple osi posit cti 轉化 put glob log lin 目錄如下：思路是不通過數據庫等操作實現頁面（頁面比較簡陋，請笑納）關於register功能 html頁面必要的表單功能在頭部寫上寫上條件判斷 if ($_SERVER[‘REQU

selenium+python實現自動化登錄

imp word odi [] close span 自動登錄 col 是否工作需要實現一個微博自動登錄的操作，在網上差了一些資料，決定使用selenium+python實現 selenium 是一個web的自動化測試工具，主流一般配合java或者python使用，我這裏

Spring Security4.1.3實現攔截登錄後向登錄頁面跳轉方式（redirect或forward）返回被攔截界面

response href tools 當前錯誤界面 sets view 鏈接一、看下內部原理簡化後的認證過程分為7步: 用戶訪問網站，打開了一個鏈接(origin url)。請求發送給服務器，服務器判斷用戶請求了受保護的資源。

JSP +MySQL實現網站的登錄與註冊小案例

註冊模塊

登錄模塊

相關推薦