1. 程式人生 > >Java WEB 簡單 de 登入註冊

Java WEB 簡單 de 登入註冊

登入註冊功能實現圖文教程

一、前言

    近期寫了一個簡單地登入註冊,是基於 java web 的;涉及知識較簡單,主要是資料庫的連線,jsp 與 servlet 的使用等;實現效果在第二部分展示。

    所用開發工具為Myeclipse(Eclipse),資料庫此處使用Mysql5.6,伺服器使用Tomcat6。其他開發工具亦可。

二、效果展示

2.1 登入與註冊介面

         

2.2 登陸成功與註冊成功介面

    目前註冊成功後也是進入登入介面

      

   

三、功能實現

3.1 總述

    登入與註冊是兩個最基本的功能,可以以此為基礎進行拓展,基於資料的處理,可進一步學習更多的知識,深入瞭解認識 java web 。此處MyEclipse 已整合Tomcat 所以不必配置伺服器,如果你的開發工具沒有,去

Tomcat 官網下載解壓到本地,將Tomcat 本地路徑配置到開發工具Tomcat Path 路徑配置即可。此處Java 開發連線MySQL 資料庫使用JDBC 技術,需要MySQL 驅動包mysql-connector-java-5.1.37-bin.jar 下載此jar 包後放在建立的專案的lib 下,引入專案即可使用。

    登入註冊的實現,使用的基礎技術包含下面的部分:

Java 基礎interface 介面與class 類

JDBC 連線MySQL 資料庫

JSP 頁面與Servlet 服務互動

3.2 實現

3.2.1 首先是資料庫與資料表的建立

    登入與註冊都要提交資料給伺服器,伺服器拿其與資料庫資料進行互動,以執行CRUD 增刪改查等操作。

    以我的程式為例

        首先在資料庫中建立一個學生資訊表,資料庫名為Mysql3,表名為 student。表很簡單隻包含三個屬性id 表主鍵設定自增,name 賬戶名稱,password 賬戶密碼。初始化一些資料即可。

     

   

3.2.2 WEB Project 專案開發與資料庫連線開發

    資料庫及相關表處理好後,在MyEclipse(Eclipse) 建立web project 專案test,專案名自定義即可。新建package 包,名字自定義此處為 cn.edu.hpu.model (以下新建  servlet、jsp、class、interfence 等檔名字自定義)。

    1> model 包下用來編寫實體類,此處即學生類Student.java,對應建的表student。

建立學生類 Student.java

        

    2> 然後建立資料庫的連線,使用者互動MySQL 資料庫。

JDBC 資料庫連線分為三步:

        一是載入驅動

        二是建立連線物件,及其他相關物件  

        三是關閉所開啟的資料流

    在 /test/WebRoot/WEB-INF/lib  匯入資料庫連線的 mysql-connector-java-5.1.37-bin.jar 檔案。改jar 包是連線MySQL 資料庫所需的包,將jar 包複製到lib 下,右鍵選擇build path,將jar 新增到專案中。

    建立工具包cn.edu.hpu.util,建立連線資料庫的工具類 DataConner.java

    

    

    3> 新建package 包cn.edu.hpu.test  寫測試連線的程式碼,測試資料庫連線是否成功

    

    4> 新建package 包  cn.edu.hpu.service,在包裡寫一個interface 介面包含兩個方法註冊方法add(),登入方法ckeckLogin()。

    新建一個介面StudentManage.java

    實現介面的實現類StudentManageImpl.java

此處checkLogin() 方法中的SQL 語句沒有使用佔位符,直接拼寫的SQL 語句,建議新增單引號。

String sql ="select * from user where username = '"+username+"'";

String sql ="select * from user where username = "+username;//不新增單引號會因username 的資料型別不同可能會引起SQL 查詢出錯而丟擲異常。一般整型資料不新增不會報錯。

3.2.3 方法測試

    建立測試類,呼叫介面的註冊、登入方法,測試以上介面中註冊與登入方法是否可用。

    

    

    相關驗證,直接開啟資料庫,直觀的看到資料記錄是否變化,剛才的測試操作是否成功

    

3.2.4 最後建立JSP 及對應的Servlet

JSP建立,作為前端頁面展示。

    程式碼如下:注意將  pageEncoding  改為  utf-8  支援中文防止亂碼;jsp 檔案都要在此處設定編碼方式為 utf-8 以便防止不支援中文而導致亂碼

    

    1>index.jsp

    登入頁面程式碼

    這裡直接用了預設的index.jsp檔案,你可以將檔案重新命名為success.jsp之類的,或者新建一個登陸頁面的jsp檔案。 

    2>LoginFailed.jsp

    失敗提示介面程式碼

    3>register.jsp

    註冊介面檔案 jsp 程式碼

     

    4>LoginSucceed.jsp

     成功介面程式碼

Servlet 建立,作為服務響應前臺頁面請求。

    1>註冊功能:資料處理檔案 servlet

    2>登入 servlet 檔案

四、配置檔案 XML簡單說明

  xml  檔案 在Myeclipse 自動生成,其他平臺可能要自己寫

程式碼如下:

    

  友情提示:

  由於路徑問題、大小寫問題等書寫不規範可能導致一系列錯誤,異常;

  以上程式碼可用無錯誤;

  請注意程式碼書寫規範;

  養成良好風格。