Java Spring+Mysql+Mybatis 实现用户登录注册功能

前言：

最近在学习Java的编程，前辈让我写一个包含数据库和前端的用户登录功能，通过看博客等我先是写了一个最基础的servlet+jsp，再到后来开始用maven进行编程，最终的完成版是一个 Spring+Mysql+Mybatis 的用户登录注册功能。最近被这件事搞得简直脑壳疼，网上的资料总是跟自己想要的有一些差距，或者说由于年代久远导致了版本的很多问题，所以我决定自己写一篇博客，如果说这篇博客能对其他人起到一点帮助，也是极好的。想要直接看代码的同志们直接看正片部分就好，前面我会先放一些资料。

 

一.环境搭建：

我使用的编译器是idea，这个可以通过学生邮箱进行免费申请，功能也挺好用，只不过由于之前使用的是eclipse，所以我花了一些时间来熟悉。

jkd使用的是1.8版本，Tomcat是9.0。网上的环境搭建的教程比较全，我就不多说了。maven搭建的话这里上一些自己觉得比较有用的博客连接吧。https://blog.csdn.net/qq_32588349/article/details/51461182 这个连接是maven的搭建，但是还需要注意的是，maven需要使用阿里云的镜像才能下载的快，建议去网上寻找相关资料。

 

二.学习资料：

学习过程中我的顺序是从servlet到MySQL再到maven然后是spring框架和最后的mybatis。这里简单的放一些连接吧，是我学习的一些网站。

servlet： http://www.runoob.com/servlet/servlet-tutorial.html

Mysql：http://www.runoob.com/mysql/mysql-tutorial.html    注意下载一个可视化的软件，我使用的是navicat破解版

Mybatis：http://www.yihaomen.com/article/java/302.htm

编写实例的框架，顺序（重点）：https://www.cnblogs.com/xdp-gacl/p/3902537.html

 

至此准备工作就基本上做完了，开始我们的正片部分。

 

正片：

先把整个项目的结构打开

 

Pom.xml:

在写代码之前，先把pom.xml文件放出来，这里我的版本可能和大家的不一样，请大家注意一下

  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  4.0.0

  com.youshu.wuhao
  Test_829
  1.0-SNAPSHOT
  war

  Test_829 Maven Webapp
  
  http://www.example.com

  
    UTF-8
    1.8
    1.8
      5.0.8.RELEASE
  

  
      
      
          mysql
          mysql-connector-java
          8.0.11
      
      
      
          org.mybatis
          mybatis
          3.2.8
      

      
      
          org.mybatis
          mybatis-spring
          1.2.2
      
    
      junit
      junit
      4.12
      test
    
      
          org.springframework
          spring-core
          ${spring.version}
      
      
          com.mchange
          c3p0
          0.9.5-pre8
      

      
          org.aspectj
          aspectjweaver
          1.8.4
      
      
          org.springframework
          spring-web
          ${spring.version}
      

      
          org.springframework
          spring-oxm
          ${spring.version}
      

      
          org.springframework
          spring-tx
          ${spring.version}
      

      
          org.springframework
          spring-jdbc
          ${spring.version}
      

      
          org.springframework
          spring-webmvc
          ${spring.version}
      

      
          org.springframework
          spring-aop
          ${spring.version}
      

      
          org.springframework
          spring-context-support
          ${spring.version}
      

      
          org.springframework
          spring-test
          ${spring.version}
      
      


      
      
          junit
          junit
          4.12
      
      
      
          org.aspectj
          aspectjweaver
          1.8.9
      
      
      
          javax.servlet
          jstl
          1.2
      
      
          org.springframework
          spring-webmvc
          5.0.8.RELEASE
      
  

  
      
          
              src/main/java
              
                  **/*.properties
                  **/*.xml
              
              false
          
          
              src/main/resources
              
                  **/*.properties
                  **/*.xml
              
              false
          
      
    Test_829
    
      
        
          maven-clean-plugin
          3.0.0
        
        
        
          maven-resources-plugin
          3.0.2
        
        
          maven-compiler-plugin
          3.7.0
        
        
          maven-surefire-plugin
          2.20.1
        
        
          maven-war-plugin
          3.2.0
        
        
          maven-install-plugin
          2.5.2
        
        
          maven-deploy-plugin
          2.8.2
        
      
    
  

View Code

一.实体层(domain)：

首先明确自己的目标是什么，需要让一个用户（User）能够登录或者注册，他的属性有用户名，密码，真名，电话号，性别等。所以第一步是编写domain层，User类就是你所需要实现的用户的各个属性。

package com.wuhao.domain;

public class User {
    private String realName;
    private String sex;
    private String phoneNum;
    private String password;
    private int age;
    private String  userName;

    public int getAge(){
        return this.age;
    }

    public String getPassword() {
        return password;
    }

    public String getPhoneNum() {
        return phoneNum;
    }

    public String getRealName() {
        return realName;
    }

    public String getSex() {
        return sex;
    }

    public String getUserName() {
        return userName;
    }

    public void setAge(int age) {
        this.age = age;
    }

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

    public void setPhoneNum(String phoneNum) {
        this.phoneNum = phoneNum;
    }

    public void setRealName(String realName) {
        this.realName = realName;
    }

    public void setSex(String sex) {
        this.sex = sex;
    }

    public void setUserName(String userName) {
        this.userName = userName;
    }
}

View Code

 

二.数据访问层(Dao)：

这个层次下主要是提供了Mysql中查询和插入等方法。首先写一个接口UserDao。记得把注释写上，这样会方便自己查看各个方法的实际功能。

package com.wuhao.dao;

import com.wuhao.domain.User;

import java.util.List;

public interface UserDao {

    /**
     *  select all users whose realName is same with the realName provided
     * @param realName
     * @return
     */
    public List selectByRealName(String realName);

    /**
     *  select user by userName provided
     * @param userName
     * @return
     */
    public User selectByUserName(String userName);

    /**
     *  select user by the phoneNum provided
     * @param phoneNum
     * @return
     */
    public User selectByPhoneNum(String phoneNum);

    /**
     *
     * @param age
     * @return how many users whose age is parameter "age";
     */
    public int ageUsersNum(int age);

    /**
     *
     * @param ageLow
     * @param ageHigh
     * @return how many users whose age is between "ageLow" and "ageHigh"
     */
    public int ageUsersNums(int ageLow, int ageHigh);


    /**
     *
     * @param sex
     * @return how many users whose sex is the same with parameter "sex";
     */
    public int sexUsersNum(String sex);


    /**
     * insert a new user who was registered successfully
     * @param user
     */
    public void insertUser(User user);

}

View Code

在写完接口之后，你需要实现这个接口的方法。也就是Impl实现类，你可以使用一个class  UserDaoImpl，也可以使用mybatis中的接口式编程，这里我选择了第二种。

 

三.Mapper层：

在com.wuhao之后再建一个mapper包，这个包下会放置mapper文件，实现接口功能，命名没有限制，但最好有意义，比如说接口名加上Mapper，文件类型为xml。这里的namespace指向了UserDao接口，这里的标签中的id必须与接口中的方法名对应。而 resultType 中的 “User” 实际是不规范的，它应该具体到哪个类，但这里其实是可以的，因为我会在 config.xml 中为它配置别名。

select * from users where userName = #{userName} select * from users where realName = #{realName} select * from users where phoneNum = #{phoneNum} insert into users (sex, phoneNum, password, age, userName, realName) values (#{sex}, #{phoneNum}, #{password}, #{age}, #{userName}, #{realName})

View Code

 

四.服务层：

在com.wuhao 之后再建一个service包，这个包下的文件会实现具体需要的功能，比如说注册和登录。创建接口UserService。

package com.wuhao.service;

import com.wuhao.domain.User;

public interface UserService {

    /**
     *  注册用户
     * @param user
     * @return page
     */
    public String  registerUser(User user);

    /**
     *  用户登录
     * @param user
     * @return page
     */
    public String loginUser(User user);

}

View Code

创建实现类UserServiceImpl，这个类和UserDaoImpl不同，我并没有使用mapper.xml文件来代替，我觉得这些功能还是用Java语句好写一些。

package com.wuhao.service;

import com.wuhao.domain.User;

public interface UserService {

    /**
     *  注册用户
     * @param user
     * @return page
     */
    public String  registerUser(User user);

    /**
     *  用户登录
     * @param user
     * @return page
     */
    public String loginUser(User user);

}

View Code

这个类中的@controller和其他注解需要读者自己了解哦。@RequestMapping 和方法的返回值将在之后的jsp文件中解释。

 

五：Mysql创建表

至此Java部分基本上实现了，那么接下来就需要在MySQL中创建一张表啦。代码如下：

　　

use myusers;
drop table if EXISTS users;
create table users(
    userName varchar(32) PRIMARY key,
    realName varchar(32),
    sex varchar(32),
    phoneNum varchar(32),
    password varchar(32),
    age int(4)
)ENGINE=InnoDB DEFAULT CHARSET=utf8;

View Code

效果图：

 

 六：web.xml 配置：

光有上面的代码肯定是不够的，从哪连接数据库，从哪设置登录界面什么的都没有定。这里我们先来配置最主要的web.xml文件！

         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">
  
    
        index.jsp
    


    
        characterEncodingFilter
        class>org.springframework.web.filter.CharacterEncodingFilterclass>
        
            encoding
            UTF-8
        
        
            forceEncoding
            true
        
    
    
        characterEncodingFilter
        /*
    

    
    contextConfigLocation
    
      classpath:applicationContext.xml
    
  
  
  
    org.springframework.web.context.ContextLoaderListener
  
  
  
    wuhao
    org.springframework.web.servlet.DispatcherServlet
    
      contextConfigLocation
      classpath:wuhao-servlet.xml
    
    2
  
  
  
    wuhao
    *.html
       

View Code

web.xml 文件内容太多了，我来一点一点的讲吧，是指tomcat启动之后默认的启动界面，这之中的index.jsp是指webapp下的初始的index.jsp。标签中的一长串代码是为了支持中文不乱码而添加的，虽然我在每个文件中都设置了编码格式为UTF-8，但还是会有乱码，百度之后的解决方法就是添加这个。指向了resources目录下的applicationContext.xml文件，至于为什么 classpath 指向那里，需要自己了解。其他的照搬就好了~

解决中文乱码问题的博客：https://blog.csdn.net/kalision/article/details/46441081/

七：applicationContext.xml配置：

 刚才的web.xml提到了applicationContext.xml文件，这里就先把它给写出来，代码的注释比较全。

       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
      http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
      http://www.springframework.org/schema/context
      http://www.springframework.org/schema/context/spring-context.xsd">

    
    
    
    package="com.wuhao.service"/>
    
    class="com.mchange.v2.c3p0.ComboPooledDataSource">
        
        
        
        
        
        
        
        
        
        
        
        
        
        
    

    
    class="org.mybatis.spring.SqlSessionFactoryBean">
        
        
        
        
        
        
    
    
    class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        

    
    
    class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        
    

View Code

这里提到了jdbc配置，那么jdbc是什么呢？Java DataBase Connectivity，Java的数据库连接，顾名思义，这个 jdbc.properties 应该包含了我们需要的数据库配置，代码如下。

jdbc_driverClassName=com.mysql.cj.jdbc.Driver
jdbc_url=jdbc:mysql://localhost:3306/myusers?useUnicode = true&characterEncoding = UTF-8&useSSL = false&serverTimezone = GMT
jdbc_username=root
jdbc_password=root

View Code

里面的四个参数和 applicationContext.xml 的 database 中的四个参数对应，值得注意的是，由于我使用的 mysql-connector.jar 的版本比其他博客中的要高一些（不高有的地方会报错，我也很无奈啊）所以 jdbc.properties 的配置会有不同，解释原因在 https://blog.csdn.net/weixin_40916641/article/details/80546040 

还记得我们之前在 UserDaoMapper.xml 提到的为 “User” 配置别名的事情吗？在 application.xml 中的  提到了config.xml，而它的代码如下。

View Code

 

八.wuhao-servlet.xml 配置：

这个文件也是在web.xml中提到过，它的代码如下。

       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context
        http://www.springframework.org/schema/context/spring-context.xsd">

    
    package="com.wuhao.service" />

    
    <bean
            class="org.springframework.web.servlet.view.InternalResourceViewResolver"
            p:viewClass="org.springframework.web.servlet.view.JstlView" p:prefix="/jsp/"
            p:suffix=".jsp" />

View Code

代表了实现功能的位置。

 
   
        class="org.springframework.web.servlet.view.InternalResourceViewResolver"
        p:viewClass="org.springframework.web.servlet.view.JstlView" p:prefix="/jsp/"
        p:suffix=".jsp" />
 
   
中的 prefix 代表前置，suffix 代表后置，综合起来它们代表了webapp下的jsp文件夹的jsp文件。这里与我借鉴的博客所不同的是，我没有将jsp文件夹放在WEB-INF下，因为这个文件夹的内容是受保护的，无法直接查看。


 
   
九.各个jsp文件：
 
   
最后我们要开始配置我们的jsp文件了，首先配置作为 welcome-file 的 index.jsp。
 
   
 
     
     
    
 
     
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>


    



    用户名：  

    密码：  

     



    


 
    
 
    View Code 
   
 
   
head 的 title 表示页面上面的框的内容，form 表单则是重点。
 
   
首先可以看到在 body 中有两个 form 表单，它们的 action 是不同的，一个指向 "/loginCheck.html"， 这个可以看见在 com.wuhao.service 下的 UserServiceImpl 中的 loginUser 方法的 @requestMapping 中有同样的内容，很明显，当第一个form表单提交之后，会由 loginUser 方法来处理表单内容。同样的在第二个表单中，会跳转到 jsp 文件夹下的 register.jsp 页面。其内容为：
 
   
 
     
     
    
 
     
<%--
  Created by IntelliJ IDEA.
  User: youshu
  Date: 2018/8/30
  Time: 10:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    






    用户名：  

    密码： 

    真实姓名：

    年龄：

    性别： 男
    女






 
    
 
    View Code 
   
 
   
最后回到UserServiceImpl 中的两个方法，我们会发现它们实际上只会返回两串字符串，“success” 和 “error”，这两串字符串代表什么意思呢，代表了跳转的页面，结合刚才 wuhao-servlet.xml 中的 prefix 和 suffix，它们的意义就是跳转到 webapp 下的 jsp 文件夹中的 success.jsp 和 error.jsp 文件。附上两个页面的代码。
 
   
 
     
     
    
 
     
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    


    success!!!

 
    
 
    View Code 
   
 
   
 
     
     
    
 
     
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    


    error!
    

    
    
    

 
    
 
    View Code 
   
 
   
 
 
   
十.实际功能：
 
   
至此，基本功能已经实现的差不多了，让我们实际操作一番。
 
   
 
   
一开始由于我们的库中并没有用户，所以怎么登录都是 error 界面。
 
   
 
   
于是我们选择register进行注册。
 
   
 
 
   
查看数据库中的内容
 
   
 
   
 
 
   
 晕，我们忘了在register页面中添加phoneNum这个参数，但是用户还是成功添加了，这是因为MySQL中没有设定参数 not null，所以默认为 null 也没有关系。
 
   
当我们再次尝试用 wuhao 用户名注册就会失败了，这就是UserServiceImpl中的功能限定了，一个用户名只能用注册一个用户。至此整个功能基本上实现了，在后续的学习中我还要学习 JavaScript 来优化界面，实现密码检查，密码明文查看等功能，希望我的博客对大家能有帮助。
 
  

转载于:https://www.cnblogs.com/535812068wh/p/9565078.html