2. 程式人生 > >JavaWeb使用者登入功能的實現

JavaWeb使用者登入功能的實現

阿新 • • 發佈：2018-11-19

大四快畢業了，3年多的時間中，亂七八糟得學了一大堆，想趁找工作之前把所學的東西整理一遍，所以就嘗試著做一個完整的javaWeb系統，這幾天試著做了一個使用者登入的功能，分享給大家，肯定有很多不完善的地方，希望大家提提寶貴的意見，必將努力完善它。
我貼出此篇部落格的目的是，將一些以後有可能用到的重複性的程式碼儲存下來，用於以後需要時直接複製貼上，所以，此篇部落格大部分都是程式碼，講解性的語句並不多，如果大家看得頭疼，不如不看，以後萬一用到的話再拿過來修修改改即可。
有可能用得到的部分：生成驗證碼的Java類、操作資料庫的Java類
使用者登入模組採用了多種語言：
HTML、css、query：頁面
Servlet、java：後臺
執行效果圖：
在這裡插入圖片描述


Login.html程式碼：

登入介面 登入 JQuery程式碼：login.js

$(function(){
$(".loginform_submit").click(function(){
if(checkInput()) {
$(“form”).action("/loginServlet");
}else{
return false;
}
});
$(".validationCode_img").click(function(){
KaTeX parse error: Expected 'EOF', got '}' at position 93: …random()); }̲); functio…

(“input[name=username]”).val() == null || $(“input[name=username]”).val() == “”){
alert(“使用者名稱不能為空”);
KaTeX parse error: Expected 'EOF', got '}' at position 71: …alse; }̲ //判斷密…(“input[name=password]”).val() == null || $(“input[name=password]”).val() == “”){
alert(“密碼不能為空”);
KaTeX parse error: Expected 'EOF', got '}' at position 71: …alse; }̲ //判斷驗…
(“input[name=validationCode]”).val() == null || $(“input[name=validationCode]”).val() == “”){
alert(“驗證碼不能為空”);
$(“input[name=validationCode]”).focus();
return false;
}
return true;
}
});
生成驗證碼的Servlet：ValidationCode.java
package zh.userlogin.sample;
import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;
/**

  • Created by zhang on 2014/9/13.
    /
    public class ValidationCode extends HttpServlet{
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    //獲得驗證碼集合的長度
    int charsLength = codeChars.length();
    //下面3條記錄是關閉客戶端瀏覽器的緩衝區
    //這3條語句都可以關閉瀏覽器的緩衝區，但是由於瀏覽器的版本不同，對這3條語句的支援也不同
    //因此，為了保險起見，同時使用這3條語句來關閉瀏覽器的緩衝區
    resp.setHeader(“ragma”, “No-cache”);
    resp.setHeader(“Cache-Control”, “no-cache”);
    resp.setDateHeader(“Expires”, 0);
    //設定圖形驗證碼的長和寬
    int width = 90, height = 30;
    BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
    Graphics g = image.getGraphics(); //獲得用於輸出文字的Graphics物件
    Random random = new Random();
    g.setColor(getRandomColor(180, 250));
    g.fillRect(0, 0, width, height);
    g.setFont(new Font(“Times New Roman”,Font.ITALIC,height));
    g.setColor(getRandomColor(120, 180));
    //使用者儲存最後隨機生成的驗證碼
    StringBuilder validationCode = new StringBuilder();
    //驗證碼的隨機字型
    String[] fontNames = {“Times New Roman”,“Book antiqua”,“Arial”};
    //隨機生成4個驗證碼
    for(int i = 0; i < 4; i++){
    //隨機設定當前驗證碼的字元的字型
    g.setFont(new Font(fontNames[random.nextInt(3)],Font.ITALIC,height));
    //隨機獲得當前驗證碼的字元
    char codeChar = codeChars.charAt(random.nextInt(charsLength));
    validationCode.append(codeChar);
    //隨機設定當前驗證碼字元的顏色
    g.setColor(getRandomColor(10, 100));
    //在圖形上輸出驗證碼字元，x和y都是隨機生成的
    g.drawString(String.valueOf(codeChar), 16    i + random.nextInt(7), height-random.nextInt(6));
    }
    //獲得HttpSession物件
    HttpSession session = req.getSession();
    //設定session物件5分鐘失效
    session.setMaxInactiveInterval(560);
    //將驗證碼儲存在session物件中,key為validation_code
    session.setAttribute(“validation_code”, validationCode.toString());
    //關閉Graphics物件
    g.dispose();
    OutputStream outS = resp.getOutputStream();
    ImageIO.write(image, “JPEG”, outS);
    }
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    doGet(req,resp);
    }
    //圖形驗證碼的字符集，系統將隨機從這個字串中選擇一些字元作為驗證碼
    private static String codeChars = “0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ”;
    //返回一個隨機顏色
    private static Color getRandomColor(int minColor, int maxColor){
    Random random = new Random();
    if(minColor > 255){
    minColor = 255;
    }
    if(maxColor > 255){
    maxColor = 255;
    }
    //獲得r的隨機顏色值
    int red = minColor + random.nextInt(maxColor-minColor);
    //g
    int green = minColor + random.nextInt(maxColor-minColor);
    //b
    int blue = minColor + random.nextInt(maxColor-minColor);
    return new Color(red,green,blue);
    }
    }
    操作資料庫的程式碼:ManageSQLServer2008.java(本人使用的資料庫為SQLServer 2008)
    package zh.userlogin.sample.dbmanager;
    import java.beans.Statement;
    import java.sql.    ;
    public class ManageSQLServer2008 {
    //資料庫的驅動名
    private final String dbDriver = “com.microsoft.sqlserver.jdbc.SQLServerDriver”;
    //資料庫的url地址
    private final String url = “jdbc:sqlserver://localhost:1433;databaseName=zhDemo”;
    private final String userName = “sa”;
    private final String password = “123”;
    private Connection conn = null;
    public ManageSQLServer2008(){
    //載入資料庫驅動
    try {
    Class.forName(dbDriver).newInstance();
    //System.out.println(“載入驅動成功”);
    } catch (Exception e) {
    e.printStackTrace();
    System.err.println(“資料庫驅動載入失敗”);
    }
    //獲取資料庫連結
    try {
    conn = DriverManager.getConnection(url,userName,password);
    } catch (SQLException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
    System.err.println(“獲取資料庫連結失敗”);
    }
    }
    //執行各種SQL語句的方法
    private ResultSet execSQL(String sql,Object… args) throws SQLException{
    //建立PreparedStatement物件
    PreparedStatement pStmt = conn.prepareStatement(sql);
    //為pStmt物件設定SQL引數值
    for(int i = 0; i < args.length; i++){
    pStmt.setObject(i+1, args);
    }
    //執行SQL語句
    pStmt.execute();
    //返回結果集,如果執行的SQL語句不返回結果集，則返回null
    return pStmt.getResultSet();
    }
    private void closeSQLConn(){
    //關閉資料庫連結
    if(conn != null){
    try {
    conn.close();
    } catch (SQLException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
    }
    }
    }
    public String checkUser(String username,String password){
    boolean has_username = false;
    boolean password_correct = false;
    ResultSet rs = null;
    try {
    rs = execSQL(“select * from zh_users”);
    } catch (SQLException e) {
    System.err.println(“查詢資料庫出錯”);
    e.printStackTrace();
    return null;
    }
    try {
    while(rs.next()){
    String temp_username = rs.getString(“user_name”).trim();
    String temp_password = rs.getString(“password_md5”).trim();
    if(username.equals(temp_username)){
    has_username = true;
    if(password.equals(temp_password)){
    password_correct = true;
    return “hasUserNameAndPasswordCorrect”;
    }
    return “hasUserNameButPasswordInCorrect”;
    }
    }
    } catch (SQLException e) {
    System.err.println(“操作ResultSet出錯”);
    e.printStackTrace();
    }
    return “hasNoUserName”;
    }
    }
    用於處理使用者登入的Servlet:LoginServlet.java
    package zh.userlogin.sample;
    import zh.userlogin.sample.dbmanager.ManageSQLServer2008;
    import javax.servlet.RequestDispatcher;
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import javax.servlet.http.HttpSession;
    import java.io.IOException;
    import java.io.OutputStream;
    /**
  • Created by zhang on 2014/9/13.
    */
    public class LoginServlet extends HttpServlet{
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    OutputStream out = resp.getOutputStream();
    String username = req.getParameter(“username”);
    String password = req.getParameter(“password”);
    String validationCode = req.getParameter(“validationCode”);
    HttpSession session = req.getSession();
    String validation_code = (String)session.getAttribute(“validation_code”);
    if(validationCode.equalsIgnoreCase(validation_code)){
    System.out.println(“驗證碼正確”);
    }else{
    System.out.println(“驗證碼錯誤”);
    }
    ManageSQLServer2008 mss = new ManageSQLServer2008();
    String result = mss.checkUser(username,password);
    if (result.equals(“hasUserNameAndPasswordCorrect”)) {
    System.out.println(“使用者名稱和密碼均正確”);
    } else if (result.equals(“hasUserNameButPasswordInCorrect”)) {
    System.out.println(“使用者名稱正確,密碼不正確”);
    } else if (result.equals(“hasNoUserName”)) {
    System.out.println(“沒有此使用者”);
    }
    //轉發到result.jsp
    RequestDispatcher rd = req.getRequestDispatcher(“Login.html”);
    rd.forward(req, resp);
    }
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    doGet(req,resp);
    }
    }
    web.xml檔案的配置:

    loginServlet
    zh.userlogin.sample.LoginServlet


    loginServlet
    /loginServlet


    validationCode
    zh.userlogin.sample.ValidationCode


    validationCode
    /validationCode

    最後的style.css程式碼，太多了，而且有點亂，所以就沒有貼出來，至於CSS程式碼，大家可以去網上下載：http://sc.chinaz.com/tag_moban/htmlMoBan.html這個上面就有好多，大家根據喜好選擇一個，然後稍加即可。

相關推薦

JavaWeb使用者登入功能的實現

大四快畢業了，3年多的時間中，亂七八糟得學了一大堆，想趁找工作之前把所學的東西整理一遍，所以就嘗試著做一個完整的javaWeb系統，這幾天試著做了一個使用者登入的功能，分享給大家，肯定有很多不完善的地方，希望大家提提寶貴的意見，必將努力完善它。 我貼出此篇部落格的目的是，將一些以後有可能用到

S2SH簡單例項註解版——登入功能實現

第一步：Spring4 整合 Hibernate4 Spring4 接管 Hibernate4 所有 Bean 例項，以及 SessionFactory，事務管理器； 泛型注入； Entity  package com.java1234.entity; import j

ionic學習（七）：問答社群03：登入功能實現 總結篇

登入功能整整搞了一天，期間各種錯誤不斷，剛接觸ionic，對Angular也不太熟悉，沒正規的學過html,css，js等前端知識。 整理一下流程： 1.製作登入頁面 2.構造登入等待遮罩層和登入錯誤遮罩層 3.通過storge儲存登入的資訊 4.通過判斷是否登入，並顯示相應頁面 備

Maven web 專案 簡單的登入功能實現

用IDEA構建一個空的Maven web專案 下一步 直到建立完畢 搭建環境 pom.xm 檔案新增依賴 pom.xml 檔案如下： <?xml version="1.0" encoding="UTF-8"?> <project xmlns=

uni-app 第一講登入功能實現

最近看了一下HBuilderX(一款支援HTML5的Web開發IDE),簡單來說就是支援一套程式碼可以跑android、ios和微信小程式的編寫工具。看了一下他官網的案例，整體來說還算不錯。就是官方文件比較簡陋。很多坑需要自己一步一步填。網上唯一一個視訊教程還是在騰訊課堂（8

登入功能實現程式碼

簡單的登入程式碼實現 第一步，頁面提交登入請求 //form表單提交請求 <form id="loginFrom"> <div>

網站記住賬號和自動登入功能實現

剛開始做這個功能的時候一頭霧水，本來打算直接用cookie實現，但發現在控制檯用document.cookie，就會完全暴露出使用者名稱和密碼，於是在網上找了各種辦法，但沒有找到一個很好的解決方案，最後想到在服務端設定cookie，並且經過加密來實現。因為公司後端是php，所

Spring框架下的管理員登入功能實現

首頁管理員登陸介面如下： 在view——login——Form.js下，寫出登陸頁UI Ext.define('yucen.view.login.Form' ,{ extend: 'Ext.form.Panel',layout:"vbox",url:ctx+'/j_sec

Android Studio 登入功能實現

LoginActivity.java 包 com.hyx.example.mymap; import java.text.SimpleDateFormat; import java.util.Date; import android.app.Activity; imp

javaweb簡單的登入註冊功能實現

下面是使用者登入註冊流程圖 登陸介面 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPat

javaweb基礎第七課：登入功能的實現

  這節課我們來做個登入功能   login.jsp: <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> &nb

利用MYSQL的函式實現使用者登入功能，進出都是JSON(第二版)

利用MYSQL的函式實現使用者登入功能，進出都是JSON(第二版) CREATE DEFINER=`root`@`%` FUNCTION `uc_session_login`( `reqjson` JSON, `srvjson` JSON ) RETURNS json LANGUAGE

struts2實現登入功能

工程結構 web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www

Android 快速實現掃描識別二維碼（即掃碼登入功能）

IG牛逼l 零封G2！給RNG報仇了！ 掃碼登入現在很流行，淘寶，京東，熊貓直播各大網站都有掃碼登入功能，其實呢對於客戶端來說掃碼登入很簡單，因為難點都集中在了前端身上，我簡單講下掃碼登入的流程： 1 客戶端掃碼然後開啟掃碼確認頁面（H5頁面，這個時候要把使用者的

【SSH網上商城專案實戰18】過濾器實現購物登入功能的判斷

    轉自：https://blog.csdn.net/eson_15/article/details/51425010     上一節我們做完了購物車的基本操作，但是有個問題是：當用戶點選結算

cocos creator利用ShareSDK實現微信登入功能

首先在ShareSDK官網下載SDK或者在android studio中配置build.gradle. ShareSDK Maven整合文件 注：使用ShareSDK maven整合方式，不需要在AndroidMainfest.xml下面配置任何許可權和Activity 注意：需要先申請M

cocos creator android studio 實現遊戲微信登入功能（官方接入方式）

一：cocos creator端js呼叫java程式碼實現微信登入功能：JS部分  廢話不多說直接上程式碼： wechatLogin : function(){ jsb.reflection.callStaticMethod("org/cocos2dx/javascri

javaweb專案上傳下載功能實現

最近把java_web專案的放在了linux伺服器上，我是在windows下開發的。 本機測試的時候沒問題，但上線後發現下載檔案這個功能出了問題，獲取不到輸入流，下載下的檔案是空的。 一番排查之後，發現了問題 原來的程式碼是： FileInputStream in = new FileInp

如何實現MetaMask簽名授權後DAPP一鍵登入功能？

1 摘要 網站太多，各種使用者名稱/密碼實在記不住。所以我們逐漸接受了BAT賬號的授權登入功能。在以太坊DAPP應用中，也可以使用MetaMask實現授權後一鍵登入功能。MetaMask是去中心化錢包，授權資訊不會如BAT中心一樣存在被收集利用的問題。 本文從技術層面講清楚

javaEE之jsp+JavaBean實現登入功能

javaEE之jsp+JavaBean實現登入功能（不加資料庫） 實現效果 JavaBean檔案： #UserBean.java package nmx; public class UserBean { private String username; p