上面两篇博客已经详细的介绍了在IntelliJ IDEA 搭建SSM框架的整个过程，下面我们就要在搭建好的环境里实现我们想要的功能了。本文完成用户的登录功能，主要包括：用户注册，登录，编辑，退出，注销。

第一步：设计user表，并用mybatis-geneator生成user表对应的数据文件

        首先，我们在test数据库里加一张user表，代码如下

use test;

CREATE TABLE `user` (

    `id` int(10) unsigned NOT NULL AUTO_INCREMENT,

    `name` varchar(40) NOT NULL,

    `password` varchar(255) NOT NULL,

    `age` int(4) NOT NULL,

    `description` varchar(255) NOT NULL,

    PRIMARY KEY (`id`)

)ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;

select * from user;

      然后，用mybatis-geneator生成user表对应的数据文件。打开generator.properties文件，table=message改为table=user，点击IntelliJ IDEA右侧边栏的Maven Projects，双击 mybatis-generator:generate，运行成功以后会多user表的相关数据文件，如下图：

注意：如果需要一次生成所有表的数据文件，先把dao,entity,sqlmap里面的文件都清空，然后打开generatorConfig.xml，把table标签替换为下面的代码即可

<table schema="" tableName="%"  enableCountByExample="false"
       enableUpdateByExample="false" enableDeleteByExample="false"
       enableSelectByExample="false" selectByExampleQueryId="false"/>
现在,user数据表已经绑定成功。下面按照上一篇中测试message的方法，用junit测试工具，测一下数据能不能正常写入数据库。

第二步：新建文件
在controller文件夹下添加userController.java和homeController.java文件
userController.java:跟用户有关的路由都会写在这个文件里
homeController.java：写登录成功以后的路由
在service文件夹下，添加UserService.java文件和impl文件夹，在impl文件夹下，添加UserServiceImpl.java


UserService.java：存放业务层接口
UserServiceImpl.java：实现业务层接口


在js文件夹下添加jQuery文件引用，我这里加的是jquery-3.3.1.js



在views文件夹下添加：login.jsp,home.jsp,detail.jsp,register.jsp

login.jsp:登录页面

home.jsp:登录以后的页面

detail.jsp:编辑用户信息页面

register.jsp:用户注册页面



第三步：首页

index.jsp代码如下：








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

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>

<body>

<h2>欢迎来到首页，请先登录</h2>

<div>

    <a href="/user/login">登录</a>

    <a href="/user/register">注册</a>

</div>

    </body>

</html>






第四步：注册功能



1，写注册页面，在register.jsp中添加代码如下：






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

<html>

<head>

    <title>Title</title>

</head>

<body>

<h2>用户注册</h2>

<form action="/user/register" method="post">

    用户名：<input type="text" name="name">

    密码：<input type="password" name="password">

    年龄：<input type="text" name="age">

    描述：<input type="text" name="description">

    <input type="submit"  value="保存">

</form>

</body>

<script>

        if(${status} == 0){

            alert("注册成功")

            location.href="/";

    }

</script>

</html>






2，dao中实现数据库操作


dao文件夹中的UserMapper已经有insert接口，sqlmap中的UserMapper.xml中已经实现insert，所以只需在


dao文件夹中的UserMapper中添加selectUserByName接口，在sqlmap中的UserMapper.xml中添加selectUserByName实现。代码如下：




 List<User> selectUserByName(User record);






<select id="selectUserByName" resultMap="BaseResultMap" parameterType="cn.only.entity.User" >

    select *

    from user

    where name = #{name,jdbcType=VARCHAR}

  </select>






3，service层实现业务逻辑


在UserService.java中写注册接口insert，和根据用户名查找用户接口selectUserByName，代码如下：






package cn.only.service;

import cn.only.entity.User;

import java.util.List;

public interface UserService {

    int insert(User record);

    List<User> selectUserByName(User record);

}








4，在UserServiceImpl.java中实现以上接口，代码如下：






package cn.only.service.impl;

import cn.only.dao.UserMapper;

import cn.only.entity.User;

import cn.only.service.UserService;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Service;

import java.util.List;

@Service

public class  UserServiceImpl implements  UserService{

    @Autowired

    private UserMapper mapper;

    public  int insert(User record){return mapper.insert(record);}

    public List<User> selectUserByName(User record){return mapper.selectUserByName(record);}

}






5，在userController.java中写路由，代码如下：






package cn.only.controller;

import cn.only.entity.User;

import cn.only.service.UserService;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.ModelAttribute;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestMethod;

import org.springframework.web.bind.annotation.ResponseBody;

import javax.annotation.Resource;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpSession;

import java.util.List;

@Controller

@RequestMapping("/user")

public class userController {

    @Resource

    private UserService userService;

    @RequestMapping(value="/register")

    public String register(HttpServletRequest request, Model model){

        return "register";

    }

    @RequestMapping(value="/register",method= RequestMethod.POST)

    public String addUser(@ModelAttribute User user, Model model){

        List<User> list=userService.selectUserByName(user);

        if(list.size()==0){

            if(userService.insert(user)==1){

                model.addAttribute("status",0);

            }else{

                model.addAttribute("status",1);

            }

        }else{

            model.addAttribute("status",2);

        }

        return "register";

    }

}






第五步：登录功能




1，写登录页面，在login.jsp文件，代码如下：








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

<html>

<head>

    <title>登录</title>

</head>

<h2>登录</h2>

<form action="/user/login" method="post">

    用户名：<input type="text" name="name">

    密码：<input type="password" name="password">

    <input type="submit"  value="登录">

    <a href="/user/register">注册</a>

</form>

</body>

<script>

    if(${status} == 0){

        alert("登录成功");

        location.href="/home";

    }else{

        alert("登录失败，用户名或密码错误");

    }

</script>

</html>






2，dao中实现数据库操作


dao文件夹中的UserMapper中添加login接口，在sqlmap中的UserMapper.xml中添加login实现。代码如下：




 User login(User record);






<select id="login" resultMap="BaseResultMap" parameterType="cn.only.entity.User" >

    select *

    from user

    where name = #{name,jdbcType=VARCHAR} AND password=#{password,jdbcType=VARCHAR}

  </select>




3，service层实现业务逻辑

在UserService.java中写登录接口login，代码如下：




 User login(User record);




4，在UserServiceImpl.java中实现以上接口，代码如下：






 public User login(User record){return mapper.login(record);}






5，在userController.java中写路由，添加代码如下：






 @RequestMapping(value="/login")

    public String loginPage(@ModelAttribute User user, Model model){

        return "login";

    }

    @RequestMapping(value="/login",method= RequestMethod.POST)

    public String login(@ModelAttribute User user, Model model, HttpSession session){

        User u=userService.login(user);

        if(u!=null){

            u.setPassword("");

            session.setAttribute("user", u);

            model.addAttribute("status",0);

            model.addAttribute("user",user);

        }else{

            model.addAttribute("status",1);

        }

        return "login";

    }








第六步：登录成功以后的页面home

home.jsp代码如下：






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

<html>

<head>

    <title>主页</title>

    <script src="/js/jquery-3.3.1.js"></script>

</head>

<body>

<script>

    function deleteUser() {

        if(confirm("用户一旦删除需要重新注册，确定删除用户？")){

            jQuery.ajax({url:"/user/delete",async:false,type:"DELETE",

            success:function (restult) {

                if(restult == 1){

                    alert("用户注销成功");

                    location.href="/user/login";

                }else{

                    alert("用户注销失败");

                }

            }

            });

        }

    }

</script>

<p style="margin-top:100px;text-align: center">欢迎<span style="font-weight: bolder">${user.name}</span>登录</p>

<a href="/user/detail">修改个人信息</a>

<a href="/user/logout">退出</a>

<a href="JavaScript:void(0)" onclick="deleteUser()">注销</a>

</body>

<script>

</script>

</html>








在homeController.java中写路由，添加代码如下：






package cn.only.controller;

import cn.only.entity.User;

import cn.only.service.UserService;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.RequestMapping;

import javax.annotation.Resource;

import javax.servlet.http.HttpSession;

@Controller

public class homeController {

    @Resource

    private UserService userService;

    @RequestMapping(value="/home")

    public String home(HttpSession session, Model model){

        User u = (User) session.getAttribute("user");

        if(u != null){

            model.addAttribute("user", u);

        }

        return "home";

    }

}








第七步：编辑用户



1，编辑页面，在detail.jsp文件，代码如下：






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

<html>

<head>

    <title>用户信息</title>

</head>

<h2>用户信息修改</h2>

<form action="/user/detail" method="post">

    用户名：<input type="text" name="name" value="${user.name}" disabled>

    年龄：<input type="text" name="age" value="${user.age}">

    描述：<input type="text" name="description" value="${user.description}">

    <input type="submit"  value="保存">

</form>

</body>

<script>

    if(${status} == 0){

        alert("修改成功")

        location.href="/home";

    }

</script>

</html>






2，dao中实现数据库操作


dao文件夹中的UserMapper中默认已经添加了selectByPrimaryKey和updateByPrimaryKey两个接口


在sqlmap中的UserMapper.xml中也已经实现上面的接口。updateByPrimaryKey修改代码如下：




<update id="updateByPrimaryKey" parameterType="cn.only.entity.User" >
  update user
  set name = #{name,jdbcType=VARCHAR},
    age = #{age,jdbcType=INTEGER},
    description = #{description,jdbcType=VARCHAR}
  where id = #{id,jdbcType=INTEGER}
</update>




3，service层实现业务逻辑


在UserService.java中添加根据id查找用户接口selectByPrimaryKey和更新用户接口updateByPrimaryKey，代码如下：




  User selectByPrimaryKey(Integer id);
  int updateByPrimaryKey(User record);





4，在UserServiceImpl.java中实现以上接口，代码如下：






public User selectByPrimaryKey(Integer id){return  mapper.selectByPrimaryKey(id);}
public int updateByPrimaryKey(User record){return mapper.updateByPrimaryKey(record);}






5，在userController.java中写路由，添加代码如下：






 @RequestMapping(value="/detail")

    public String detail(HttpSession session, Model model){

        int id=((User)session.getAttribute("user")).getId();

        User u =userService.selectByPrimaryKey(id);

        model.addAttribute("user",u);

        return "detail";

    }

    @RequestMapping(value="/detail",method= RequestMethod.POST)

    public String editUser(@ModelAttribute User user, Model model,HttpSession session){

        User un = (User) session.getAttribute("user");

        User u=(User)userService.selectByPrimaryKey(un.getId());

        if(u!=null){

            user.setId(un.getId());

            user.setName(un.getName());

            if(userService.updateByPrimaryKey(user)==1){

                model.addAttribute("status",0);

            }else{

                model.addAttribute("status",1);

            }

        }else{

            model.addAttribute("status",2);

        }

        return "detail";

    }







第八步：退出


在userController.java中写退出路由，添加代码如下：




    @RequestMapping(value="/logout",method= RequestMethod.GET)

    public String logout(HttpSession session){

        session.invalidate();

        return "redirect:/user/login";

    }




第九步：注销

注销用户：删除用户


home.jsp中发送的ajax请求如下




 function deleteUser() {

        if(confirm("用户一旦删除需要重新注册，确定删除用户？")){

            jQuery.ajax({url:"/user/delete",async:false,type:"DELETE",

            success:function (restult) {

                if(restult == 1){

                    alert("用户注销成功");

                    location.href="/user/login";

                }else{

                    alert("用户注销失败");

                }

            }

            });

        }

    }




dao文件夹中的UserMapper中默认已经添加了deleteByPrimaryKey接口


在sqlmap中的UserMapper.xml中的实现代码如下：






<delete id="deleteByPrimaryKey" parameterType="java.lang.Integer" >

    delete from user

    where id = #{id,jdbcType=INTEGER}

</delete>






在userController.java中写路由，添加代码如下：






    @ResponseBody

    @RequestMapping(value="/delete",method= RequestMethod.DELETE)

    public Integer delete(HttpSession session, Model model){

        User u = (User) session.getAttribute("user");

       int result=0;

        if(u != null){

            result=   userService.deleteByPrimaryKey(u.getId());

            session.setAttribute("user",null);

            System.out.println("Result:"+result);

        }

        return result;

    }






到此已经完：用户注册，登录，编辑，退出，注销。


 


代码下载地址：https://github.com/greenteaone/helloworld

												


											
一步一步教你用IntelliJ IDEA 搭建SSM框架（3）——实现用户登录功能的更多相关文章
	

    
								
  1. 一步一步教你用IntelliJ IDEA 搭建SSM框架（1）
		
    1.基本概念 SSM框架指:Spring MVC + Spring + MyBatis Spring MVC是一种web层mvc框架,用于替代servlet,处理|响应请求,获取表单参数,表单校验等  ...
    
		
    2. 
						
  2. 一步一步教你用IntelliJ IDEA 搭建SSM框架（2）——配置mybatis-geneator
		
    我们要搭建整个SSM框架,所以要继续上篇文章没有完成的工作,下面配置mybatis-geneator,自动生成mybatis代码. 在上篇文章中的pom.xml的配置文件中已经加了mybatis-ge ...
    
		
    3. 
						
  3. 基于IntelliJ IDEA开发工具搭建SSM框架并实现页面登录功能详细讲解二
		
    接: 接下来配置类 UserController package com.chatRotbot.controller; import com.chatRotbot.model.User; import ...
    
		
    4. 
						
  4. 详解intellij idea搭建SSM框架(spring+maven+mybatis+mysql+junit)(上)
		
    SSM(Spring+SpringMVC+MyBatis)框架集由Spring.SpringMVC.MyBatis三个开源框架整合而成,常作为数据源较简单的web项目的框架. 其中spring是一个轻 ...
    
		
    5. 
						
  5. 详解intellij idea搭建SSM框架(spring+maven+mybatis+mysql+junit)(下)
		
    在上一篇(详解intellij idea 搭建SSM框架(spring+maven+mybatis+mysql+junit)(上))博文中已经介绍了关于SSM框架的各种基础配置,(对于SSM配置不熟悉 ...
    
		
    6. 
						
  6. 手把手教你 基础 整合最优雅SSM框架：SpringMVC + Spring
		
    我们看招聘信息的时候,经常会看到这一点,需要具备SSH框架的技能:而且在大部分教学课堂中,也会把SSH作为最核心的教学内容. 但是,我们在实际应用中发现,SpringMVC可以完全替代Struts,配 ...
    
		
    7. 
						
  7. Intellij IDEA 构建Spring Web项目 — 用户登录功能
		
    相关软件: 1.Intellij IDEA14:http://pan.baidu.com/s/1nu16VyD 2.JDK7:http://pan.baidu.com/s/1dEstJ5f 3.Tom ...
    
		
    8. 
						
  8. maven(二)基于intellij idea搭建ssm的maven项目结构
		
    项目配置文件整合步骤 1.这里使用maven来引入项目所需要的jar包,所以也就不需要手动来管理jar包了. pom.xml 配置模板如下: <project xmlns="http: ...
    
		
    9. 
						
  9. 手把手教你搭建SSH框架（Eclipse版）
		
    原文来自公众号[C you again],若需下载完整源码,请在公众号后台回复"ssh". 本期文章详细讲解了SSH(Spring+SpringMVC+Hibernate)框架的搭 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. BCGControlBar介绍
			
    第一次翻译有诸多不正确的地方,还忘各位指正,谢谢! 英文原文:http://www.bcgsoft.com/bcgcontrolbarpro.htm BCGControlBar是MFC的一个扩展库其英 ...
    
			
    2. 
						
  2. TCP协议是如何保证可靠传输的【经典】
			
    参考:http://blog.csdn.net/cmm0401/article/details/77878998 从特点上我们已经知道,TCP 是可靠的但传输速度慢 ,UDP 是不可靠的但传输速度快. ...
    
			
    3. 
						
  3. C#常用多线程方法
			
    1.  Thread类 C#多线程编程中Thread类需要包含名称空间System.Threading. class Program { static void Main(string[] args) ...
    
			
    4. 
						
  4. 一个Java工程师的入门级Linux命令集
			
    0.前言    网上介绍linux的命令的文章一大堆,但是大部分都是流于命令介绍,把命令的所有参数都介绍一遍,但是其实在真正的工作中,很多参数都不会用到.本文总结了我自己常用的一些命令,这些命令都比较 ...
    
			
    5. 
						
  5. crossplatform---Nodejs in Visual Studio Code 03.学习Express
			
    1.开始 下载源码:https://github.com/sayar/NodeMVA Express组件:npm install express -g(全局安装) 2.ExpressRest 打开目录 ...
    
			
    6. 
						
  6. scipy —— 丰富的子包（io、cluster）
			
    io,顾名思义,input/output,输入输出接口: 1. io Input and output (scipy.io) - SciPy v0.18.1 Reference Guide wavfi ...
    
			
    7. 
						
  7. jquery腾讯微博
			
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
    
			
    8. 
						
  8. Medical Image Report论文合辑
			
    Learning to Read Chest X-Rays:Recurrent Neural Cascade Model for Automated Image Annotation (CVPR 20 ...
    
			
    9. 
						
  9. Android基础开发入门（一）
			
    前言:我学了一年多的C#(从学编程算起,也没有两年,我现在大二下),中间也一直在学WP开发,虽然技术不咋地,很渣渣,但微软在Build大会上宣布的策略让我觉得有必要学习一下安卓开发了.关于微软的策略, ...
    
			
    10. 
						
  10. Java HashMap实现原理 源码剖析
			
    HashMap是基于哈希表的Map接口实现,提供了所有可选的映射操作,并允许使用null值和null建,不同步且不保证映射顺序.下面记录一下研究HashMap实现原理. HashMap内部存储 在Ha ...
    
			
    11.