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
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類