spring+springMVC+mybatis的整合 part6

简介: 登录注册首先,我们webapp要实现用户登录,必须得能新建用户。所以先把注册用户放在前面。预期功能:打开注册页面填写注册信息点击注册显示注册后的提示信息一个web注册页面web页面能进行基本的数据效验服务器能存储用户的注册信息注册动作完成后,返回提示页面。

登录注册

首先,我们webapp要实现用户登录,必须得能新建用户。所以先把注册用户放在前面。
预期功能:打开注册页面
填写注册信息
点击注册
显示注册后的提示信息

一个web注册页面
web页面能进行基本的数据效验
服务器能存储用户的注册信息
注册动作完成后,返回提示页面。

一般在开发中,有了大概样子的功能模块,需要整理一下业务流程和程序执行流程
大概的流程图如下所示:


上图说明:
web页面完成注册信息的填写后,需要在web页面做一些基本的数据效验。
注册信息通过基本的验证后,直接提交到服务器,tomact → servelt → spring 。后端程序一切都被spring接管了,所以,需要在spring中完成这些功能。
spring和外界通信,我们都是在Controller中完成。所以我们在Controller中处理数据。
当数据通过了Controller中的校验后,需要在Controller中来查找数据库是否存在同样的用户名,通用的数据操作流程如:Controller → Service → Dao
Service是为我们的程序提供服务的,尽量每个Service对应一个Dao,只需要提供单一的数据驱动,在外层进行业务组装,这样就能达到目的,同样也能将程序解耦,以后的维护也就相对简单了。

在实际项目中主要是使用JSON数据,所以要写一个返回json数据的实体
在domain包中新建一个ResponseObj类

public class ResponseObj <T>{
    public final static int OK = 1, FAILED = 0, EMPUTY = -1;
    public final static String OK_STR = "成功", FAILED_STR = "失败", EMPUTY_STR = "数据为空";

    private int code; // 状态码,0成功;1空数据;-1请求失败
    private String msg;
    private Object data;
   省略code,msg,data的set,get方法
}

要写登录注册的接口,我们先创建一个mvc目录,目录下controller包
controller包中创建一个MainController的类。

@Controller
@RequestMapping("/mvc")
public class MainController {
    /**
     * 登陆页面
     * @return
     */
    @GetMapping("/login")
    public String login(){
        return "login";
    }
}

在实际项目中主要是使用JSON数据,所以不使用ModelAndView
JSON数据解析我用的是阿里巴巴的Fastjson

具体使用:http://www.jianshu.com/p/3c45f4be2c90
MainController主要是用于跳转到登录页面
我们在Controller目录下创建一个UserController

@Controller
@RequestMapping("/userAction")
public class UserController {
    @Autowired
    private UserServiceImpl userService;    //自动载入Service对象
    private ResponseObj responseObj;    //返回json数据的实体

    /**
     * @param req   http请求
     * @param user  发起请求后,spring接收到请求,然后封装的bean数据
     * @throws Exception
     */
    @PostMapping("/reg")
    @ResponseBody
    public Object reg(HttpServletRequest request, User user, HttpSession session) throws Exception {
        JSONObject jsonObject=new JSONObject();
        responseObj = new ResponseObj<User>();
        if (null == user) {
            responseObj.setCode(ResponseObj.FAILED);
            responseObj.setMsg("用户信息不能为空!");
            jsonObject= (JSONObject) JSON.toJSON(responseObj);
            return jsonObject;
        }
        if (StringUtils.isEmpty(user.getLoginId()) || StringUtils.isEmpty(user.getPwd())) {
            responseObj.setCode(ResponseObj.FAILED);
            responseObj.setMsg("用户名或密码不能为空!");
            jsonObject= (JSONObject) JSON.toJSON(responseObj);
            return jsonObject;
        }
        if (null != userService.findUser(user)) {
            responseObj.setCode(ResponseObj.FAILED);
            responseObj.setMsg("用户已经存在!");
            jsonObject= (JSONObject) JSON.toJSON(responseObj);
            return jsonObject;
        }
        try {
            userService.add(user);
        } catch (Exception e) {
            e.printStackTrace();
            responseObj.setCode(ResponseObj.FAILED);
            responseObj.setMsg("其他错误!");
            jsonObject= (JSONObject) JSON.toJSON(responseObj);
            return jsonObject;
        }
        userService.updateLoginSession(request.getSession().getId(), user.getLoginId());
        responseObj.setCode(ResponseObj.OK);
        responseObj.setMsg("注册成功");
        user.setPwd(session.getId());   //单独设置密码为sessionId 误导黑客,前端访问服务器的时候必须有这个信息才能操作
        user.setNextUrl(request.getContextPath() + "/mvc/home");    //单独控制地址
        responseObj.setData(user);
        session.setAttribute("userInfo", user);
        jsonObject= (JSONObject) JSON.toJSON(responseObj);
        return jsonObject;
    }
    /**
     * 登录接口
     * @param req
     * @param user
     * @return
     */
    @PostMapping("/login")
    @ResponseBody
    public Object login(HttpServletRequest request, User user,HttpSession session) throws Exception{
        JSONObject jsonObject=new JSONObject();
        responseObj = new ResponseObj<User>();
        if (PublicUtil.isJsonRequest(request)) {    //确认是否json提交
            user = new GsonUtils().jsonRequest2Bean(request.getInputStream(), User.class);  //转换为指定类型的对象
            return user.toString();
        }
        if (null == user) {
            responseObj.setCode(ResponseObj.EMPUTY);
            responseObj.setMsg("登录信息不能为空");
            jsonObject= (JSONObject) JSON.toJSON(responseObj);
            return jsonObject;
        }
        if (StringUtils.isEmpty(user.getLoginId()) || StringUtils.isEmpty(user.getPwd())) {
            responseObj.setCode(ResponseObj.FAILED);
            responseObj.setMsg("用户名或密码不能为空");
            jsonObject= (JSONObject) JSON.toJSON(responseObj);
            return jsonObject;
        }
        //查找用户
        User user1 = userService.findUser(user);
        if (null == user1) {
            responseObj.setCode(ResponseObj.EMPUTY);
            responseObj.setMsg("未找到该用户");
            jsonObject= (JSONObject) JSON.toJSON(responseObj);
            return jsonObject;
        } else {
            if (user.getPwd().equals(user1.getPwd())) {
                user1.setPwd(session.getId());
                user1.setNextUrl(request.getContextPath() + "/mvc/home");
                responseObj.setCode(ResponseObj.OK);    //登录成功,状态为1
                responseObj.setMsg(ResponseObj.OK_STR);
                responseObj.setData(user1); //登陆成功后返回用户信息
                userService.updateLoginSession(request.getSession().getId(), user.getLoginId());
                session.setAttribute("userInfo", user1);
                jsonObject= (JSONObject) JSON.toJSON(responseObj);
                return jsonObject;
            } else {
                responseObj.setCode(ResponseObj.FAILED);
                responseObj.setMsg("用户密码错误");
                jsonObject= (JSONObject) JSON.toJSON(responseObj);
                return jsonObject;
            }
        }
    }
}

相关的登录注册页面我就放在github上吧,还有相关的js css image资源

我在使用过程中发现js,css资源不生效,
提示Absolute paths not recommended in JSP也就是
在JSP中不推荐使用绝对路径

解决方法
在相对路径前加上${pageContext.request.contextPath}这样JSP取得资源的绝对路径了

<script type="text/javascript" 
src="${pageContext.request.contextPath}/static/js/jquery-3.1.1.min.js"></script>

这里可以做前后端分离,用纯粹的html+js来调用Api接口实现前后端分离。下一个part写

action="<%=request.getContextPath()%>/userAction/reg" method="post"

<%=request.getContextPath()%>这是指向应用的根路径

mothod是说明我们请求的方式

Paste_Image.png

如果使用form表单提交时:
form表单中,每个input的name我们需要和后端的接口那边的字段对应。
当我们的字段对应后,spring可以自动把请求的内容转换为适应的对象。

存入数据库的信息有乱码

也就是说Form表单提交的时候出现乱码
spring框架提供的字符集过滤器
**spring Web MVC框架提供了org.springframework.web.filter.CharacterEncodingFilter用于解决POST方式造成的中文乱码问题 **
可以使用过滤器处理乱码问题
需要在web.xml中加入

<filter>
    <filter-name>Set Character Encoding</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <init-param>
      <param-name>encoding</param-name>
      <param-value>utf8</param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>Set Character Encoding</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>

这些是登录注册的页面

Paste_Image.png
Paste_Image.png

主要参考于大牛Clone丶记忆的SSM集成之路

目录
相关文章
|
26天前
|
前端开发 Java Apache
Springboot整合shiro,带你学会shiro,入门级别教程,由浅入深,完整代码案例,各位项目想加这个模块的人也可以看这个,又或者不会mybatis-plus的也可以看这个
本文详细讲解了如何整合Apache Shiro与Spring Boot项目,包括数据库准备、项目配置、实体类、Mapper、Service、Controller的创建和配置,以及Shiro的配置和使用。
183 1
Springboot整合shiro,带你学会shiro,入门级别教程,由浅入深,完整代码案例,各位项目想加这个模块的人也可以看这个,又或者不会mybatis-plus的也可以看这个
|
18天前
|
JSON 前端开发 Java
SSM:SpringMVC
本文介绍了SpringMVC的依赖配置、请求参数处理、注解开发、JSON处理、拦截器、文件上传下载以及相关注意事项。首先,需要在`pom.xml`中添加必要的依赖,包括Servlet、JSTL、Spring Web MVC等。接着,在`web.xml`中配置DispatcherServlet,并设置Spring MVC的相关配置,如组件扫描、默认Servlet处理器等。然后,通过`@RequestMapping`等注解处理请求参数,使用`@ResponseBody`返回JSON数据。此外,还介绍了如何创建和配置拦截器、文件上传下载的功能,并强调了JSP文件的放置位置,避免404错误。
|
18天前
|
Java 关系型数据库 MySQL
springboot学习五:springboot整合Mybatis 连接 mysql数据库
这篇文章是关于如何使用Spring Boot整合MyBatis来连接MySQL数据库,并进行基本的增删改查操作的教程。
29 0
springboot学习五:springboot整合Mybatis 连接 mysql数据库
|
20天前
|
Java 数据库连接 API
springBoot:后端解决跨域&Mybatis-Plus&SwaggerUI&代码生成器 (四)
本文介绍了后端解决跨域问题的方法及Mybatis-Plus的配置与使用。首先通过创建`CorsConfig`类并设置相关参数来实现跨域请求处理。接着,详细描述了如何引入Mybatis-Plus插件,包括配置`MybatisPlusConfig`类、定义Mapper接口以及Service层。此外,还展示了如何配置分页查询功能,并引入SwaggerUI进行API文档生成。最后,提供了代码生成器的配置示例,帮助快速生成项目所需的基础代码。
|
25天前
|
前端开发 Java 应用服务中间件
【Spring】Spring MVC的项目准备和连接建立
【Spring】Spring MVC的项目准备和连接建立
48 2
|
27天前
|
前端开发 Java 数据库连接
表白墙/留言墙 —— 中级SpringBoot项目,MyBatis技术栈MySQL数据库开发,练手项目前后端开发(带完整源码) 全方位全步骤手把手教学
本文是一份全面的表白墙/留言墙项目教程,使用SpringBoot + MyBatis技术栈和MySQL数据库开发,涵盖了项目前后端开发、数据库配置、代码实现和运行的详细步骤。
33 0
表白墙/留言墙 —— 中级SpringBoot项目,MyBatis技术栈MySQL数据库开发,练手项目前后端开发(带完整源码) 全方位全步骤手把手教学
|
22天前
|
Java 数据库连接 Maven
Spring整合Mybatis
Spring整合Mybatis
|
19天前
|
Java 数据库连接 Maven
mybatis使用一:springboot整合mybatis、mybatis generator,使用逆向工程生成java代码。
这篇文章介绍了如何在Spring Boot项目中整合MyBatis和MyBatis Generator,使用逆向工程来自动生成Java代码,包括实体类、Mapper文件和Example文件,以提高开发效率。
56 2
mybatis使用一:springboot整合mybatis、mybatis generator,使用逆向工程生成java代码。
|
19天前
|
SQL JSON Java
mybatis使用三:springboot整合mybatis,使用PageHelper 进行分页操作,并整合swagger2。使用正规的开发模式:定义统一的数据返回格式和请求模块
这篇文章介绍了如何在Spring Boot项目中整合MyBatis和PageHelper进行分页操作,并且集成Swagger2来生成API文档,同时定义了统一的数据返回格式和请求模块。
36 1
mybatis使用三:springboot整合mybatis,使用PageHelper 进行分页操作,并整合swagger2。使用正规的开发模式:定义统一的数据返回格式和请求模块
|
19天前
|
SQL Java 数据库连接
mybatis使用二:springboot 整合 mybatis,创建开发环境
这篇文章介绍了如何在SpringBoot项目中整合Mybatis和MybatisGenerator,包括添加依赖、配置数据源、修改启动主类、编写Java代码,以及使用Postman进行接口测试。
12 0
mybatis使用二:springboot 整合 mybatis,创建开发环境