jsp+servlet+mysql簡單實現用戶登陸註冊

来源:https://www.cnblogs.com/Anxc/archive/2019/08/24/11404403.html
-Advertisement-
Play Games

原碼，項目中遇到的錯誤，解決方法，文章最後有鏈接可以獲取 項目簡介 功能描述 登陸，註冊，用戶一覽表，修改，刪除，添加，模糊查詢和精確查詢 採用的技術及環境 JSP：前端的信息展示 Servlet：業務邏輯功能實現，及調用資料庫的實現數據處理和傳輸 MySQL：用來實現數據存儲 利用Eclipse來 ...


原碼，項目中遇到的錯誤，解決方法，文章最後有鏈接可以獲取

項目簡介

功能描述

登陸，註冊，用戶一覽表，修改，刪除，添加，模糊查詢和精確查詢

採用的技術及環境

JSP：前端的信息展示
Servlet：業務邏輯功能實現，及調用資料庫的實現數據處理和傳輸
MySQL：用來實現數據存儲
利用Eclipse來實現，MySQL資料庫版本：5.x

運行效果展示

資料庫數據


項目結構圖



*因屏幕小，截圖用了兩張圖片

登陸頁面

登陸成功用戶一覽表頁面

註冊頁面


*因我在數據設計表時，性別（sex）設置的大小為2長度，所以我這裡輸入一個字元，為了避免數據超出範圍

查詢可選項


模糊查詢班級中有“1”的用戶實現

修改用戶界面

刪除沒有界面提示，直接刪除

項目創建邏輯理解

整體理解

以jsp-業務邏輯代碼-資料庫為一條中心線
jsp:負責數據的展示和數據的收集
web.xml:負責當前頁面信息提交給誰，哪個servlet來處理當前頁面提交的數據
servlet:用來進行數據的處理和數據的傳輸（jsp<==>資料庫）

jsp

前端的頁面編寫

只要有一些html基礎，會編寫幾個常見的標簽就可以。
要會用js獲取它們的值，這樣就可以了

 文本框：<input type="text" id="username" />
 密碼框：<input type="password" id='"password">
單選按鈕：<input type="radio" name="sex" value="0" />男<input type="radio" name="sex" value="1">
……

form表單：

<form method="post"  action="loginServlet" >
這中間用來編寫用戶要提交的數據（要用input，button）
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>

EL表達式：

用來獲取servlet傳遞到頁面的數據
首先要在jsp頁面聲明文件頭，用來告訴jsp頁面，可以使用EL表達式
假如說你從servlet向jsp傳遞了一個User對象，你要在jsp頁面中輸出User對象的屬性，你要把這個User類在文件頭中聲明：

 <%@page import="cn.anxcyun.www.po.User" %>

import="包名.類名"
常見：
獲取值${name} name：你在servlet中定義的值（小寫字母，如果大寫的話，容易出錯）
我在這裡使用到了JSTL，JSP標準標簽庫（JSTL）是一個JSP標簽集合，它封裝了JSP應用的通用核心功能。（文章最後有鏈接，一看就懂）

web.xml相關配置編寫

文件位置：項目/WebContent/WEB-INF/web.xml
文件在創建時可以自動生成（須打對勾）,如果沒有按如下圖示：

文件截圖：


文件：

<? xml>
<web-app   加上文件的規範（自動生成）>
    <display-name>項目名</display-name>
<welcome-file-list>
   <welcome-file>index.jsp</welcome-file>項目運行時的第一個頁面（可自己更改）
</welcome-file-list>
<!-- 註冊 -->這是註釋不用管    ，一個servlet要如下兩個標簽（servlet和servlet-mappping）
  <servlet>
    <servlet-name>register</servlet-name>       定義一個servlet，jsp的form表單中的action
    <servlet-class>cn.anxcyun.www.servlet.RegisterServlet</servlet-class>     你jsp提交數據後要執行的servlet類
  </servlet>
  <servlet-mapping>
    <servlet-name>register</servlet-name>       兩個servlet的name必須相同
    <url-pattern>/register</url-pattern>      當你運行成功以後，下一個頁面的url欄顯示的內容：localhost:8080/項目名/你定義的url-pattern
  </servlet-mapping>
</web-app>

servlet的邏輯層編寫

思想

分模塊化思想：因為這一層涉及到了對數據的處理和頁面跳轉到哪個頁面，所以說，我利用了幾個包來實現它：

servlet: 獲取頁面提交的數據，交給下一層處理，根據處理的結果，指定要跳轉的頁面
control: 目前沒有實際的用途，就是servlet和dao層的介面傳遞
dao: 用來實現與資料庫的業務邏輯，包括表的增刪改查，（查詢：登陸查詢，一覽表查詢）
po: 基類（bean）主要是用來映射資料庫中的表，一個類對應一個表（表的列值對應類的變數屬性），這樣在查詢時數據傳遞時，可以用對象傳遞

細化：

servlet:

public class myServlet extends HttpServlet{
    
    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        // TODO Auto-generated method stub
        super.service(req, resp);
    }
}

首先要繼承於 HttpServlet類

（導入包：import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;）
Eclipse的快捷鍵：
    導入包：ctrl + shift + O  
    快速生成方法：alt + /

然後重寫預設方法：service + （alt + /）

@Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        // TODO Auto-generated method stub        可以刪除
        super.service(req, resp);                            可以刪除
    }

獲取值：

        String number = new String(req.getParameter("number").getBytes("iso-8859-1"), "utf-8");
其實 直接:String number = req.getParameter("number");就可以，但是我的值在傳遞時中文時亂碼，所以加上了

要跳轉的頁面：

            req.setAttribute("list", list); 

把一個數據保存到頁面（第一個是你在頁面要用的list ，第二個是你在servlet中的數據，可以是集合，對象和基本數據）

        req.getRequestDispatcher("hello.jsp").forward(req, resp);      跳轉頁面

資料庫：

JDBC連接資料庫

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

/**
 * 
    * @ClassName: JDBC
    * @Description: 測試與資料庫的連接
    * @author Anxc
    * @date 2019年8月7日
    *
 */
public class JDBC {
    
//  定義一些基礎變數
    String url = "jdbc:mysql://localhost:3306/資料庫名?useUnicode=true&characterEncoding=UTF-8";
    String username="root";
    String password="password";
    private static int id=0;
    
//  定義私有變數
    private PreparedStatement prepareStatement;
    private Connection conn;
    
    /**
     * 
        * @Title: getConnection
        * @Description: 資料庫連接
        * @param @return    參數
        * @return Connection    返回類型
        * @throws
     */
    public Connection getConnection() {
        
        try {
            
//          載入JDBC驅動
            Class.forName("com.mysql.jdbc.Driver");
            
//          獲取連接
            conn=DriverManager.getConnection(url, username, password);
            
            return conn;
            
        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
            return null;
        }
    }
    
    /**
     * 
        * @Title: addUser
        * @Description: 增加用戶到資料庫
        * @param     參數
        * @return void    返回類型
        * @throws
     */
    public void addUser() {
        
        String sql="insert into UserInfo values(?,?,?)";
        
//      定義添加的用戶信息
        id++;
        String name = "張三";
        String pwd = "12";
        
        Connection conn = getConnection();
        
        try {
            prepareStatement = conn.prepareStatement(sql);
            prepareStatement.setInt(1, id);
            prepareStatement.setString(2, name);
            prepareStatement.setString(3, pwd);
            
            prepareStatement.executeUpdate();
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }finally {
            try {
                prepareStatement.close();
                conn.close();
            } catch (SQLException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
        }
    }

    /**
     * 
        * @Title: deleteUser
        * @Description: 刪除一個用戶信息
        * @param     參數
        * @return void    返回類型
        * @throws
     */
    public void deleteUser() {
        
//      定義SQL語句
        String sql="delete from UserInfo where id =?";
        
        Connection conn = getConnection();
        
        try {
//          執行SQL語句
            prepareStatement = conn.prepareStatement(sql);
            
//          替換占位符？
            prepareStatement.setInt(1, 1);
            
//          獲取返回結果集
            prepareStatement.executeUpdate();
            
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }finally {
            try {
//              關閉資料庫連接
                prepareStatement.close();
                conn.close();
            } catch (SQLException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
        }
    }
    /**
     * 
        * @Title: insertUser
        * @Description: 修改User
        * @param     參數
        * @return void    返回類型
        * @throws
     */
    public void updateUser() {
        String sql="update UserInfo set username=? where id=?";
        
        Connection conn = getConnection();
        try {
            
            prepareStatement = conn.prepareStatement(sql);
            
            prepareStatement.setString(1, "lll");
            prepareStatement.setInt(2, 1);
            
            prepareStatement.executeUpdate();
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }finally {
            try {
                prepareStatement.close();
                conn.close();
            } catch (SQLException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
        }
    }
    
    /**
     * 
        * @Title: selectUser
        * @Description: 查詢數據
        * @param     參數
        * @return void    返回類型
        * @throws
     */
    public void selectUser() {
        String sql = "select * from UserInfo";
        
        Connection conn = getConnection();
        try {
            prepareStatement = conn.prepareStatement(sql);
            
            ResultSet res = prepareStatement.executeQuery();
            
//          遍歷輸出
            while(res.next()) {
//              int id = res.getInt(1);
                System.out.println("id："+res.getInt(1)+"|name:"+res.getString(2)+"|pwd:"+res.getString(3));
                
            }
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }finally {
            try {
                prepareStatement.close();
                conn.close();
            } catch (SQLException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
        }
    }
    
    /**
     * 
        * @Title: initTable
        * @Description: 刪除表的所有數據，使系統運行時id從0開始
        * @param     參數
        * @return void    返回類型
        * @throws
     */
    public void initTable() {
        String sql = "truncate userInfo";
        System.out.println("-----------init-----------");
        Connection conn = getConnection();
        try {
            prepareStatement = conn.prepareStatement(sql);
            
            prepareStatement.executeUpdate();
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }finally {
            try {
                prepareStatement.close();
                conn.close();
                System.out.println("-----------ok------------");
            } catch (SQLException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
        }
    }
}

這是我以前寫的一個，可以自己理解一下

附錄

導入jar包:

jsp文件頭報錯：

是因為沒有配置tomcat:




要導入的jar包：

第一個和第三個是JSTL的包（https://www.runoob.com/jsp/jsp-jstl.html 這教程，裡面有安裝信息）
第二個是JDBC需要的包（訪問資料庫） (https://www.runoob.com/java/java-mysql-connect.html 在這裡下載jar)
這幾個jar包複製到lib文件夾下，然後：

URL傳參中需要處理的特殊字元及方法：
https://blog.csdn.net/loongshawn/article/details/54613310 （還是沒解決實際問題）
url特殊字元轉義及解決方法（附有例子）
https://blog.csdn.net/u013412790/article/details/51441972 （完美解決關於“%”的問題）
executeQuery返回值如何判斷是否有內容：
https://blog.csdn.net/yw_1207/article/details/80832698
JSP傳遞參數給servlet的三種方法
https://blog.csdn.net/zeephom/article/details/79607173
EL表達式用法
https://www.cnblogs.com/xdp-gacl/p/3938361.html

資料庫代碼：

DROP TABLE IF EXISTS `user`;
CREATE TABLE `user`  (
  `u_username` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL,
  `u_class` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
  `u_number` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
  `u_sex` varchar(2) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
  `u_tel` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
  PRIMARY KEY (`u_username`) USING BTREE
) ;

原碼

Github 原碼項目:https://github.com/Anxc520/servletProject.git


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • HBase 系列（二）—— HBase 系統架構及數據結構
    一、基本概念 一個典型的 Hbase Table 表如下： 1.1 Row Key (行鍵) 是用來檢索記錄的主鍵。想要訪問 HBase Table 中的數據，只有以下三種方式： + 通過指定的 進行訪問； + 通過 Row Key 的 range 進行訪問，即訪問指定範圍內的行； + 進行全表掃描 ...
  • OPENGL 坐標軸轉換
    坐標軸 平移 旋轉 縮放 重置坐標軸 矩陣操作 示例 1、坐標軸 OpenGL 使用的右手坐標系，從正面看原點，逆時針旋轉被認為是正旋轉。 x軸：從左到右 y軸：從底部向上 z軸：從屏幕背向朝向前方 2、平移 public abstract void glTranslatef(float x ,fl ...
  • Android Studio修改Apk打包生成名稱
    版權聲明：本文為xing_star原創文章，轉載請註明出處！ 本文同步自http://javaexception.com/archives/201 Android Studio修改Apk打包生成名稱 Android studio預設生成的apk的名字實在是太沒有辨識度了，一般預設是app-debug ...
  • WEEX-EROS開發小筆記
    本文是作者之前剛接觸移動端跨平臺開發，使用weex-eros開發項目平日里記下來的一些筆記，分享出來方便為新手解惑，weex-eros是weex的一套解決方法，使用vue語法糖，對於前端開發者來說可以輕鬆上手，文檔如下： weex:https://weex.apache.org/zh/ weex-e ...
  • 數組Array的方法調用
    2019-08-2422:21:03 ...
  • link和@import的區別
    樣式的導入方式 link @import link @import 一、link 的使用 二、@import 的使用 三、link 和 @import 的區別 1、引入的內容不同 link 除了引用樣式文件，還可以引用圖片等資源文件，而 @import 只引用樣式文件 2、載入順序不同 link 引 ...
  • 黑客帝國背景
    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name= ...
  • 關於DOM事件流、DOM0級事件與DOM2級事件
    一、DOM 事件模型 DOM 事件模型包括捕獲和冒泡，捕獲是從上往下到達目標元素，冒泡是從當前元素，也就是目標元素往上到 window 二、流 流的概念，在現今的 JavaScript 中隨處可見。比如說 React 中的單向數據流，Node 中的流，還有 DOM 事件流，都是流的一種生動體現。至於 ...
一周排行
    -Advertisement-
    Play Games
  • GoF之工廠模式
    GoF之工廠模式 @目錄GoF之工廠模式每博一文案1. 簡單說明“23種設計模式”1.2 介紹工廠模式的三種形態1.3 簡單工廠模式（靜態工廠模式）1.3.1 簡單工廠模式的優缺點:1.4 工廠方法模式1.4.1 工廠方法模式的優缺點:1.5 抽象工廠模式1.6 抽象工廠模式的優缺點：2. 總結:3 ...
  • dotnet C# 簡單的追加文件夾到 ZipArchive 壓縮文件的方法
    新改進提供的Taurus Rpc 功能，可以簡化微服務間的調用，同時可以不用再手動輸出模塊名稱，或調用路徑，包括負載均衡，這一切，由框架實現並提供了。新的Taurus Rpc 功能，將使得服務間的調用，更加輕鬆、簡約、高效。 ...
  • Elasticsearch 系列（六）- ES數據同步和ES集群
    本章將和大家分享ES的數據同步方案和ES集群相關知識。廢話不多說，下麵我們直接進入主題。 一、ES數據同步 1、數據同步問題 Elasticsearch中的酒店數據來自於mysql資料庫，因此mysql數據發生改變時，Elasticsearch也必須跟著改變，這個就是Elasticsearch與my ...
  • 自動化測試數據生成：Asp.Net Core單元測試利器AutoFixture詳解
    引言 在我們之前的文章中介紹過使用Bogus生成模擬測試數據，今天來講解一下功能更加強大自動生成測試數據的工具的庫"AutoFixture"。 什麼是AutoFixture? AutoFixture 是一個針對 .NET 的開源庫，旨在最大程度地減少單元測試中的“安排（Arrange）”階段，以提高 ...
  • .NET Emit 入門教程：第七部分：實戰項目1：將 DbDataReader 轉實體
    經過前面幾個部分學習，相信學過的同學已經能夠掌握 .NET Emit 這種中間語言，並能使得它來編寫一些應用，以提高程式的性能。隨著 IL 指令篇的結束，本系列也已經接近尾聲，在這接近結束的最後，會提供幾個可供直接使用的示例，以供大伙分析或使用在項目中。 ...
  • Windows下綁定線程到指定的CPU核心
    當從不同來源導入Excel數據時，可能存在重覆的記錄。為了確保數據的準確性，通常需要刪除這些重覆的行。手動查找並刪除可能會非常耗費時間，而通過編程腳本則可以實現在短時間內處理大量數據。本文將提供一個使用C# 快速查找並刪除Excel重覆項的免費解決方案。 以下是實現步驟： 1. 首先安裝免費.NET ...
  • mORMot 1.18 第07章 簡單的讀寫操作
    C++ 異常處理 C++ 異常處理機制允許程式在運行時處理錯誤或意外情況。它提供了捕獲和處理錯誤的一種結構化方式，使程式更加健壯和可靠。 異常處理的基本概念： 異常: 程式在運行時發生的錯誤或意外情況。 拋出異常: 使用 throw 關鍵字將異常傳遞給調用堆棧。 捕獲異常: 使用 try-catch ...
  • mORMot 1.18 第06章 概念
    優秀且經驗豐富的Java開發人員的特征之一是對API的廣泛瞭解，包括JDK和第三方庫。 我花了很多時間來學習API，尤其是在閱讀了Effective Java 3rd Edition之後 ，Joshua Bloch建議在Java 3rd Edition中使用現有的API進行開發，而不是為常見的東西編 ...
  • php 開發規範
    框架 · 使用laravel框架，原因：tp的框架路由和orm沒有laravel好用 · 使用強制路由，方便介面多時，分多版本，分文件夾等操作 介面 · 介面開發註意欄位類型，欄位是int，查詢成功失敗都要返回int（對接java等強類型語言方便） · 查詢介面用GET、其他用POST 代碼 · 所 ...
  • 2024 年 4 月 28 日 周日 晴 熱（1253 字）
    正文 下午找企業的人去鎮上做貸後。 車上聽同事跟那個司機對罵，火星子都快出來了。司機跟那同事更熟一些，連我在內一共就三個人，同事那一手指桑罵槐給我都聽愣了。司機也是老社會人了，馬上聽出來了，為那個無辜的企業經辦人辯護，實際上是為自己辯護。 “這個事情你不能怪企業。”“但他們總不能讓銀行的人全權負責， ...
所有分類