spring 史上最全基於註解的整合jdbc和事務操作實現登錄註冊用戶信息的案例詳解

前言：

本人小徐，就讀南陽理工學院。寫這篇博客的目的在於學習和大家一起交流的機會本篇博客主要內容爲使用mysql數據庫，spring框架，對jdbc的操作，以及spring整合事務的操作完成登錄和註冊的小案例下面有詳細的代碼介紹和簡介，以及表的建立，爲了讓大家更加的清晰看懂代碼，在這片博客中如有錯誤，請大家指出和我聯繫，小編一定改正，越做越好，讓我們一起努力。點擊關注我們一起探討技術！

**座右銘：

**知識改變命運，拼搏創作未來，加油噢小徐！！！

DataSource數據源的實現方式

**一：**使用Spring提供的DataSource不提供連接池，執行效率低。
**二：**使用第三方數據源，如：dbcp,c3p0,druid(德魯伊)

本案例中使用到的註解介紹：

一：@Service 此註解表示Service(業務)層組件，在class類上添加表示是一個業務類執行一些業務邏輯等， 目的是將Service層的實現類添加到IOC容器中，是@Component註解的一種具體形式。
二：@Autowired 使用的是spring提供的 數據裝配，默認是ByType匹配 當存在多個同名Bean的時候是ByName匹配，
此註解用於其他bean的引用、setter方法以及構造方法上，顯式地聲明依賴。根據ByType匹配來自動注入。
當在其他Bean引用上使用此註解，並且使用屬性來傳遞值時，Spring會自動把值賦給此field。也可以將此註解用於私有屬性(不推薦)，如下。

@Component
public class User {
    @Autowired
    private Customer custoemr;
}

最經常的用法是將此註解用於settter上，這樣可以在setter方法中添加自定義代碼。如下：

@Component
public class User {
   private Customer customer;
    
   @AutoWired
   public setCustomer(Customer customer) {
      this.customer = customer;
   }
}

在構造方法上使用@Autowired註解的時候，需要注意的一點就是一個類中只允許有一個構造方法使用此註解。
此外，在Spring4.3後，如果一個類僅僅只有一個構造方法，即使不使用此註解，那麼Spring也會自動注入相關的bean在IOC容器中。如下：

@Component
public class User {
   private Customer customer;
   
   public setCustomer(Customer customer) {
      this.customer = customer;
   }
}
<!--在IOC容器中會自動的注入Bean-->
<bean id="user" class="com.aliwo.user"/>

三：@WebServlet 用於將一個類聲明爲 Servlet，該註解將會在部署時被容器處理，容器將根據具體的屬性配置將相應的類部署爲 Servlet。該註解具有下表給出的一些常用屬性（以下所有屬性均爲可選屬性，但是 vlaue 或者 urlPatterns 通常是必需的，且二者不能共存，如果同時指定，通常是忽略 value 的取值）。
下面是一個簡單的示例

@WebServlet("/login")
public class UserServlet extends HttpServlet {

    private UserService userService;

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        
    }
}

如此配置之後，就可以不必在 web.xml 中配置相應的 和 元素了，容器會在部署時根據指定的屬性將該類發佈爲 Servlet。它的等價的 web.xml 配置形式如下：

<servlet>
    <servlet-name>SimpleServlet</servlet-name>
    <servlet-class>com.mybatis.servlet.UserServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>SimpleServlet</servlet-name>
    <url-pattern>/login</url-pattern>
</servlet-mapping>

四：@Repositor 此註解表示Dao層組件 在Dao層實現類上面添加用於訪問數據庫，目的是將Dao的實現類添加到IOC容器中交給IOC容器管理。

項目準備工作：

項目結構如下：

一：使用到的表sql語句如下：

/*
Navicat MySQL Data Transfer

Source Server         : mysql
Source Server Version : 50727
Source Host           : localhost:3306
Source Database       : spring

Target Server Type    : MYSQL
Target Server Version : 50727
File Encoding         : 65001

Date: 2020-02-28 15:22:44
*/

SET FOREIGN_KEY_CHECKS=0;

-- ----------------------------
-- Table structure for user
-- ----------------------------
DROP TABLE IF EXISTS `user`;
CREATE TABLE `user` (
  `id` int(2) NOT NULL AUTO_INCREMENT,
  `username` varchar(255) DEFAULT NULL,
  `password` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=27 DEFAULT CHARSET=utf8;

-- ----------------------------
-- Records of user
-- ----------------------------
INSERT INTO `user` VALUES ('1', 'admin', 'admin');
INSERT INTO `user` VALUES ('2', 'root', 'root');

二：連接數據庫的配置文件jdbc.properties放在resource目錄下面

jdbc.driverClassName=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/spring?useUnicode=true&characterEncoding=utf-8
jdbc.username=root
jdbc.password=123456

三：引入maven依賴

  <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.11</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
        </dependency>
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>javax.servlet.jsp-api</artifactId>
        </dependency>
        <!-- https://mvnrepository.com/artifact/javax.servlet.jsp.jstl/jstl -->
        <dependency>
            <groupId>javax.servlet.jsp.jstl</groupId>
            <artifactId>jstl</artifactId>
        </dependency>
        <!--ioc01-core-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-core</artifactId>
        </dependency>
        <!--ioc01-bean-->
        <!-- https://mvnrepository.com/artifact/org.springframework/spring-beans -->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-beans</artifactId>
        </dependency>
        <!--ioc01-context-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-context</artifactId>
        </dependency>
        <!--ioc01-expression-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-expression</artifactId>
        </dependency>
        <!--Aop依賴-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-aop</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-aspects</artifactId>
        </dependency>
        <!--cglib技術-->
        <dependency>
            <groupId>cglib</groupId>
            <artifactId>cglib</artifactId>
        </dependency>
        <!--spring-web-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-web</artifactId>
        </dependency>
        <!--spring整合jdbc-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-jdbc</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-tx</artifactId>
        </dependency>
        <!--spring連接mysql-->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
        </dependency>
        <!--DataSource數據源-->
        <dependency>
            <groupId>commons-dbcp</groupId>
            <artifactId>commons-dbcp</artifactId>
        </dependency>
        <!--DataSource數據源 c3p0-->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid</artifactId>
        </dependency>
        <dependency>
            <groupId>log4j</groupId>
            <artifactId>log4j</artifactId>
        </dependency>

四：日誌配置log4J.properties文件

# Set root category priority to INFO and its only appender to CONSOLE.
#log4j.rootCategory=INFO, CONSOLE            debug   info   warn error fatal
log4j.rootCategory=debug, CONSOLE, LOGFILE

# Set the enterprise logger category to FATAL and its only appender to CONSOLE.
log4j.logger.org.apache.axis.enterprise=FATAL, CONSOLE

# CONSOLE is set to be a ConsoleAppender using a PatternLayout.
log4j.appender.CONSOLE=org.apache.log4j.ConsoleAppender
log4j.appender.CONSOLE.layout=org.apache.log4j.PatternLayout
log4j.appender.CONSOLE.layout.ConversionPattern=%d{ISO8601} %-6r [%15.15t] %-5p %30.30c %x - %m\n

# LOGFILE is set to be a File appender using a PatternLayout.
log4j.appender.LOGFILE=org.apache.log4j.FileAppender
log4j.appender.LOGFILE.File=d:\\springjdbc日誌\\mybatis黑馬.log
log4j.appender.LOGFILE.Append=true
log4j.appender.LOGFILE.layout=org.apache.log4j.PatternLayout
log4j.appender.LOGFILE.layout.ConversionPattern=%d{ISO8601} %-6r [%15.15t] %-5p %30.30c %x - %m\n

事務操作

JDBC默認是自動提交事務的，每執行完一條數據就插入到數據庫中。
定義事務管理器，相當於是事務的通知
兩種方式配置
方式一:基於命名空間

<!--配置事務管理器-->
<bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
    <property name="dataSource" ref="dataSource"/>
</bean>

<!--配置通知-->
<tx:advice id="txAdvice" transaction-manager="transactionManager">
    <tx:attributes>
        <!--配置事務屬性-->
        <tx:method name="login" propagation="SUPPORTS" read-only="true"/>
        <tx:method name="regist" propagation="REQUIRED" isolation="READ_COMMITTED"
                    rollback-for="java.lang.ArithmeticException" timeout="5000"/>
    </tx:attributes>
</tx:advice>
<!--配置切入點並織入-->
<aop:config>
    <!--配置切入點表達式-->
    <aop:pointcut id="pc" expression="execution(* com.aliwo.service.impl.*.*(..))"/>
    <!--織入通知-->
    <aop:advisor advice-ref="txAdvice" pointcut-ref="pc"/>
</aop:config>

方式二：使用註解（推薦使用

<!--方式二基於註解-->
<!--配置註解驅動-->
<tx:annotation-driven transaction-manager="transactionManager"/>

@Override
@Transactional(propagation = Propagation.REQUIRED,isolation = Isolation.READ_COMMITTED,rollbackFor = Exception
        .class,timeout = 5000)
public void regist(UserVo userVo) {
    //把傳遞過來的userVo,轉換爲entity可能涉及多張表
    User user = new User();
    user.setUsername(userVo.getUsername());
    user.setPassword(userVo.getPassword());
    Integer id = userDao.insert(user);
    int i = 9 / 0;
}

**** 事務屬性****

五種事務屬性

一：傳播屬性
propagation:定義事務的邊界，用來定義當前方法是否需要事務，
常用取值：REQUIRED 必須添加事務，如果當前沒有事務，則創建一個新的事務，一般用於增刪改會操作。
SUPPORTS 可以沒有事務，如果當前有事務則運行，沒有事務也可以運行，一般用於查詢操作。
二：隔離級別
isolation:用來解決併發時會出現的一些問題，四種隔離級別：
READ_COMMITTED ，已提交讀，避免髒讀，但可能發生不可重複讀或幻讀。

**`READ_UNCOMMITTED，未提交讀，可以發生髒讀不可重複讀 或幻讀。

**`EPEATABLE_READ ，指示不可以發生髒讀和不可重複讀的常量；虛讀可以發生。

**`SERIALIZABLE， 指示不可以發生髒讀、不可重複讀和虛讀的常量相當於單併發，沒有意義。

事務併發時可能出現的三種情況：

一:髒讀：

一個事務讀取到另一個事務沒有提交的數據，一般不會發生，如Mysql，Oracle底層默認都只讀提交的數據。

二:不可重複讀：一個事務已經讀取到數據，另一個事務在修改數據，可能導致使用的數據與數據庫不同步。

三:幻讀或虛讀：一個事務已經讀取到數據，另一個事務在添加或刪除數據，可能導致使用的數據量與數據庫不同步。

注意：不可能重複讀和幻讀是小概率事件，可以通過版本的檢查來解決，如Hibernate中悲觀鎖和樂觀鎖就是通過版本檢查來實現的但太麻煩且效率低。實際開發中一般不需要配置隔離級別，大多是通過定時任務人工審覈的。

三:回滾條件：

rollback,默認拋出RuntimeExecption時纔會回滾，
rollbackFor=" “表示發生該異常時回滾，
norollback=” "表示發生該異常時不會滾。

四:只讀優化

readOnly：在該事務中只能讀取，一般用於查詢。

五:超時處理:

timeout:配置事務超時時間，一般不配置。

事務特性

四個事務特性：ACID原子性，一致性，隔離性，永久性。

下面是代碼複製粘貼就可以使用：

實體類User代碼：

package com.mybatis.entity;

/**
 * package_name:com.mybatis.entity
 *
 * @author:徐亞遠 Date:2020/2/21 15:30
 * 項目名:springDemo01
 * Description:TODO
 * Version: 1.0
 **/

public class User {
    private Integer id;

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    private String username;
    private String password;


    public User() {
    }

    public User(Integer id, String username, String password) {

        this.id = id;
        this.username = username;
        this.password = password;
    }

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", username='" + username + '\'' +
                ", password='" + password + '\'' +
                '}';
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }
}

接口userDao代碼：

package com.mybatis.dao;

import com.mybatis.entity.User;

/**
 * package_name:com.mybatis.dao
 *
 * @author:徐亞遠 Date:2020/2/21 15:28
 * 項目名:springDemo01
 * Description:TODO
 * Version: 1.0
 **/
public interface UserDao {
    User login(String username, String password);

    Integer insert(User user);
}

持久層UserDaoImpl代碼於數據庫交互：

package com.mybatis.dao.impl;

import com.mybatis.dao.UserDao;
import com.mybatis.entity.User;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.jdbc.core.JdbcTemplate;
import org.springframework.jdbc.core.PreparedStatementCreator;
import org.springframework.jdbc.support.GeneratedKeyHolder;
import org.springframework.jdbc.support.KeyHolder;
import org.springframework.stereotype.Repository;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.SQLException;
import java.util.List;

/**
 * package_name:com.mybatis.dao.impl
 *
 * @author:徐亞遠 Date:2020/2/21 15:28
 * 項目名:springDemo01
 * Description:TODO
 * Version: 1.0
 **/
@Repository("userDao")
public class UserDaoImpl implements UserDao {
    @Autowired
    private JdbcTemplate jdbcTemplate;
    @Override
    public User login(String username, String password) {
         String sql = "select id,username,password from user where username=?";
        List<User> users = jdbcTemplate.query(sql, new Object[]{username},new UserMapper());
        if (users !=null && users.size()>0){
            return users.get(0);
        }
        return null;
    }

    @Override
    public Integer insert(final User user) {
        KeyHolder keyHolder = new GeneratedKeyHolder();
       jdbcTemplate.update(new PreparedStatementCreator() {
           @Override
           public PreparedStatement createPreparedStatement(Connection connection) throws SQLException {
               String sql = "insert into user(username,password)values(?,?)";
               PreparedStatement ps = connection.prepareStatement(sql,PreparedStatement.RETURN_GENERATED_KEYS );
               ps.setString(1,user.getUsername() );
               ps.setString(2,user.getPassword() );
               return ps;
           }
       }, keyHolder);
        return keyHolder.getKey().intValue();
    }
}

持久層UserMapper代碼於數據庫交互：

package com.mybatis.dao.impl;

import com.mybatis.entity.User;
import org.springframework.jdbc.core.RowMapper;

import java.sql.ResultSet;
import java.sql.SQLException;

/**
 * package_name:com.mybatis.dao.impl
 *
 * @author:徐亞遠 Date:2020/2/22 15:41
 * 項目名:springDemo01
 * Description:TODO
 * Version: 1.0
 **/

public class UserMapper implements RowMapper {
    @Override
    public Object mapRow(ResultSet resultSet, int i) throws SQLException {
        return new User(resultSet.getInt("id"),resultSet.getString("username"),resultSet.getString("password"));
    }
}

業務層接口UserService代碼：

package com.mybatis.service;

import com.mybatis.entity.User;
import com.mybatis.vo.UserVo;

/**
 * package_name:com.mybatis.service
 *
 * @author:徐亞遠 Date:2020/2/21 15:27
 * 項目名:springDemo01
 * Description:TODO
 * Version: 1.0
 **/
public interface UserService {

    User login(String username,String password);

    void regist(UserVo userVo);
}

業務層實現類UserServiceImpl

package com.mybatis.service.impl;

import com.mybatis.dao.UserDao;
import com.mybatis.entity.User;
import com.mybatis.service.UserService;
import com.mybatis.vo.UserVo;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Isolation;
import org.springframework.transaction.annotation.Propagation;
import org.springframework.transaction.annotation.Transactional;

/**
 * package_name:com.mybatis.service.impl
 *
 * @author:徐亞遠 Date:2020/2/21 15:33
 * 項目名:springDemo01
 * Description:TODO
 * Version: 1.0
 **/
@Service("userService")
public class UserServiceImpl implements UserService {
    @Autowired
    private UserDao userDao;

    /**
     * @Transactional基於註解的配置事務 也可以用於類上面
     */
    @Override
    @Transactional(propagation = Propagation.SUPPORTS, isolation = Isolation.READ_COMMITTED, readOnly = true)
    public User login(String username, String password) {
        User user = userDao.login(username, password);
        if (user != null && user.getUsername().equals(username) && user.getPassword().equals(password)) {
            return user;
        }
        return null;
    }

    @Override
    @Transactional(propagation = Propagation.REQUIRED,isolation = Isolation.READ_COMMITTED,rollbackFor = Exception
            .class,timeout = 5000)
    public void regist(UserVo userVo) {
        //把傳遞過來的userVo,轉換爲entity可能涉及多張表
        User user = new User();
        user.setUsername(userVo.getUsername());
        user.setPassword(userVo.getPassword());
        Integer id = userDao.insert(user);
        //int i = 9 / 0;
    }
}

配置工具類從IOC容器中初始化上下文讀取Bean

package com.mybatis.util;

import org.springframework.beans.BeansException;
import org.springframework.beans.factory.BeanInitializationException;
import org.springframework.beans.factory.InitializingBean;
import org.springframework.context.*;

/**
 * package_name:com.mybatis.util
 *
 * @author:徐亞遠 Date:2020/2/21 17:44
 * 項目名:springDemo01
 * Description:TODO
 * Version: 1.0
 **/

public class SpringBeanUtil implements ApplicationContextAware {
    private static ApplicationContext ac;
    /**
     * Set the ApplicationContext that this object runs in.
     * Normally this call will be used to initialize the object.
     * <p>Invoked after population of normal bean properties but before an init callback such
     * as {@link InitializingBean#afterPropertiesSet()}
     * or a custom init-method. Invoked after {@link ResourceLoaderAware#setResourceLoader},
     * {@link ApplicationEventPublisherAware#setApplicationEventPublisher} and
     * {@link MessageSourceAware}, if applicable.
     *
     * @param applicationContext the ApplicationContext object to be used by this object
     * @throws ApplicationContextException in case of context initialization errors
     * @throws BeansException              if thrown by application context methods
     * @see BeanInitializationException
     */
    @Override
    public void setApplicationContext(ApplicationContext applicationContext) throws BeansException {
         ac = applicationContext;
    }
    public static Object getBean(String beanName){
        return ac.getBean(beanName);
    }

    public static Class getBean(Class clazz){
        return (Class) ac.getBean(clazz);
    }

}

配置控制層servlet代碼

package com.mybatis.servlet;

import com.mybatis.entity.User;
import com.mybatis.service.UserService;
import com.mybatis.util.SpringBeanUtil;
import com.mybatis.vo.UserVo;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/**
 * package_name:com.mybatis.servlet
 *
 * @author:徐亞遠 Date:2020/2/21 15:39
 * 項目名:springDemo01
 * Description: servlet是web容器管理的,不能交友spring容器管理
 * Version: 1.0
 **/
@WebServlet("*.user")
public class UserServlet extends HttpServlet {

    private UserService userService;

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        String path = req.getServletPath();
        if ("/login.user".equals(path)){
            req.getRequestDispatcher("WEB-INF/login.jsp").forward(req, resp);
        } else if ("/regist.user".equals(path)){
            req.getRequestDispatcher("WEB-INF/regist.jsp").forward(req,resp );
        }

    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //req.setCharacterEncoding("utf-8");
        String path = req.getServletPath();
        if ("/login.user".equals(path)){
           login(req,resp );
        } else if ("/regist.user".equals(path)){
            regist(req,resp );
        }
    }
    public void login(HttpServletRequest req,HttpServletResponse resp) throws ServletException, IOException {
        String username = req.getParameter("username");
        String password = req.getParameter("password");
        System.out.println("username:"+username);
        System.out.println("password:"+password);
        userService = (UserService) SpringBeanUtil.getBean("userService");
        User user = userService.login(username,password );
        if (user !=null){
            req.getSession().setAttribute("username",user.getUsername() );
            req.getRequestDispatcher("/WEB-INF/success.jsp").forward(req,resp );
        } else {
            req.setAttribute("error","用戶名或密碼錯誤" );
            req.getRequestDispatcher("/WEB-INF/login.jsp").forward(req,resp );
        }
    }

    public void regist(HttpServletRequest req,HttpServletResponse resp) throws ServletException, IOException {
       String username = req.getParameter("username");
       String password = req.getParameter("password");
       String driving = req.getParameter("driving");
       //把數據封裝成userVo,因爲數據可能對應多張表
       UserVo userVo = new UserVo(username,password,driving);

      userService = (UserService) SpringBeanUtil.getBean("userService");
      userService.regist(userVo);
      req.getRequestDispatcher("WEB-INF/login.jsp").forward(req,resp );

    }
}

登錄頁面放在WEN-INF下面：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登陸頁面</title>
    <script src="${pageContext.request.contextPath}/js/jquery-1.11.2.min.js"></script>
<script>
    function check() {
        var username = $("#username").val();
        var password = $("#password").val();
        if (username == null || username == "") {
            $("#error").html("用戶名不能爲空！");
            return false;
        }
        if (password == null || password == "") {
            $("#error").html("密碼不能爲空！");
            return false;
        }
        return true;
    }
</script>
</head>
<body>
<form action="${pageContext.request.contextPath}/login.user" method="post" onsubmit="return check()" >
    用戶名:<input name="username"  id="username" type="text" placeholder="輸入用戶名"/><br>
    密 碼:<input id="password" name="password" type="password" placeholder="請輸入密碼"/><br>
    <span><font color="red" id="error">${error}</font></span>
         <input type="submit" value="登錄"/>
</form>
</body>
</html>

登錄成功頁面放在WEN-INF下面：

<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2020/2/21
  Time: 16:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
  <h2>登錄成功 歡迎您:${username}</h2>
</body>
</html>

註冊頁面放在WEN-INF下面：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登陸頁面</title>
    <script src="${pageContext.request.contextPath}/js/jquery-1.11.2.min.js"></script>
    <script>
        function check() {
            var password = $("#password").val();
            var confimPassword = $("#confimPassword").val();
            if (password==confimPassword){
                return true;
            }else {
                $("#error").html("兩次密碼不一致!");
                return false;
            }
            return true;
        }
    </script>
</head>
<body>
<form action="${pageContext.request.contextPath}/regist.user" method="post" onsubmit="return check()">
    用戶名:<input name="username" id="username" type="text" placeholder="輸入用戶名"/><br/>
    密 碼:<input id="password" name="password" type="password" placeholder="請輸入密碼"/><br/>
    確認密碼:<input id="confimPassword" name="confimPassword" type="password" placeholder="確認密碼"/><br/>
    駕駛證:<input id="driving" type="text" name="driving"><br>
    <span><font color="red" id="error">${error}</font></span>
    <input type="submit" value="註冊"/>
</form>
</body>
</html>

注意上面三個頁面使用到的js文件自己可以下載：

最後一步配置web.xml配置文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">

  <!--初始化spring容器-->
  <context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>classpath:spring.xml</param-value>
  </context-param>
  <listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>

  <!--解決中文亂碼-->
  <filter>
    <filter-name>encodingFilter</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <init-param>
      <param-name>encoding</param-name>
      <param-value>utf-8</param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>encodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>

</web-app>

啓動web容器登錄頁面如下：輸入:http://localhost:8080/login.user

登錄成功頁面如下:

註冊頁面如下：瀏覽器輸入:http://localhost:8080/regist.user