（五）springboot整合thymeleaf模板，实现简单的登陆

　　　　1、修改上一节笔记中的user表，新增一个password字段，同时要求username为UNIQUE，以实现登陆校验，表结构如下。

CREATE TABLE `user` (

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

  `name` varchar(128) NOT NULL COMMENT '名称',

  `phone` varchar(16) DEFAULT NULL COMMENT '用户手机号',

  `create_time` datetime DEFAULT NULL COMMENT '创建时间',

  `age` int(4) DEFAULT NULL COMMENT '年龄',

  `password` varchar(45) NOT NULL COMMENT '密码',

  PRIMARY KEY (`id`),

  UNIQUE KEY `name_UNIQUE` (`name`)

) ENGINE=InnoDB AUTO_INCREMENT=26 DEFAULT CHARSET=utf8

　　　　2、新增一个通过name查询user的方法，具体代码就不写了

　　　　3、pom文件中增加thymeleaf依赖

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-thymeleaf</artifactId>

        </dependency>

　　　　    4、index.html页面放在templates文件夹下，为了页面美化，我使用了一个模板，css文件和image文件放在了static目录下的新建文件夹中，代码就不上传了。

<!DOCTYPE html>

<html>

<head>

    <title>Login</title>

        <meta charset="utf-8">

        <link href="/css/style.css" rel='stylesheet' type='text/css' />

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

</head>

<body>

     <div class="main">

        <div class="login-form">

            <h1>用户登陆</h1>

                    <div class="head">

                        <img src="/images/user.png" alt=""/>

                    </div>

                <form enctype="multipart/form-data" method="post" action="/user/login">

                        <input type="text" class="text" name="username" value="用户名"  >

                        <input type="password" name="password" value="password" >

                        <div class="submit">

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

                         </div>

                    <p><a href="#">忘记密码 ?</a></p>

                </form>

            </div>

        </div>

</body>

</html>

　　　　    5、为了保证静态文件加载，需要在application.properties进行配置

#加载静态文件，否则css、image等文件加载可能出现问题

spring.mvc.static-path-pattern=/**

#开发过程中建议关闭cache，方便调试

spring.thymeleaf.cache=false

　　　　　6、写一个Controller来实现登陆及用户校验

/**

 *

 */

package com.zc.mybatis.controller;

import java.util.Date;

import javax.servlet.http.HttpServletRequest;

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

import org.springframework.stereotype.Controller;

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

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

import com.zc.mybatis.domain.User;

import com.zc.mybatis.service.UserService;

/**

 * @author zhangchao

 *

 */

@Controller

public class LoginController {

    //登陆页面

    @RequestMapping(value = "/")

    public Object hello() {

        return "index";

    }

    @Autowired

    private UserService userService;

    //增加测试用户

    @RequestMapping(value="/user/add")

    @ResponseBody

    public Object addUsers() {

        User user = new User();

        for(int i = 1;i<6;i++) {

            user.setName("用户"+i);

            user.setPassword("123456");

            user.setPhone("124514144411");

            user.setAge(19);

            user.setCreateTime(new Date());

            userService.add(user);

        }

        return "新增测试用户";

    }

    //用户校验

    @RequestMapping(value = "/user/login")

    @ResponseBody

    public Object login(HttpServletRequest request) {

        String username = request.getParameter("username");

        String password = request.getParameter("password");

        password = password.trim();

        User user = userService.getUserByName(username);

        if (null != user && password.equals(user.getPassword())) {

            return "登陆成功";

        } else {

            return "登陆失败";

        }

    }

}

　　　　  7、先运行localhost:8080/user/add来新增测试用户，然后通过localhost:8080访问登陆页面，输入用户名：用户1，密码：123456，页面返回 登陆成功。

 

springboot 学习笔记（五）的更多相关文章

  1. SpringBoot学习笔记五之管理员后台维护

    注:图片如果损坏,点击文章链接:https://www.toutiao.com/i6803544440112677379/ 首先完成分页 引入PageHelper(之前已经添加过了) 在spring- ...

  2. Springboot学习笔记（六）-配置化注入

    前言 前面写过一个Springboot学习笔记(一)-线程池的简化及使用,发现有个缺陷,打个比方,我这个线程池写在一个公用服务中,各项参数都定死了,现在有两个服务要调用它,一个服务的线程数通常很多,而 ...

  3. SpringBoot学习笔记（十一：使用MongoDB存储文件 ）

    @ 目录 一.MongoDB存储文件 1.MongoDB存储小文件 2.MongoDB存储大文件 2.1.GridFS存储原理 2.2.GridFS使用 2.2.1.使用shell命令 2.2.2.使 ...

  4. C#可扩展编程之MEF学习笔记(五)：MEF高级进阶

    好久没有写博客了,今天抽空继续写MEF系列的文章.有园友提出这种系列的文章要做个目录,看起来方便,所以就抽空做了一个,放到每篇文章的最后. 前面四篇讲了MEF的基础知识,学完了前四篇,MEF中比较常用 ...

  5. （转）Qt Model/View 学习笔记 (五)——View 类

    Qt Model/View 学习笔记 (五) View 类 概念 在model/view架构中,view从model中获得数据项然后显示给用户.数据显示的方式不必与model提供的表示方式相同,可以与 ...

  6. java之jvm学习笔记五(实践写自己的类装载器)

    java之jvm学习笔记五(实践写自己的类装载器) 课程源码:http://download.csdn.net/detail/yfqnihao/4866501 前面第三和第四节我们一直在强调一句话,类 ...

  7. SpringBoot学习笔记

    SpringBoot个人感觉比SpringMVC还要好用的一个框架,很多注解配置可以非常灵活的在代码中运用起来: springBoot学习笔记: .一.aop: 新建一个类HttpAspect,类上添 ...

  8. Learning ROS for Robotics Programming Second Edition学习笔记(五) indigo computer vision

    中文译著已经出版,详情请参考:http://blog.csdn.net/ZhangRelay/article/category/6506865 Learning ROS for Robotics Pr ...

  9. Typescript 学习笔记五：类

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

  10. ES6学习笔记<五> Module的操作——import、export、as

    import export 这两个家伙对应的就是es6自己的 module功能. 我们之前写的Javascript一直都没有模块化的体系,无法将一个庞大的js工程拆分成一个个功能相对独立但相互依赖的小 ...

随机推荐

  1. angularJS中自定义指令

    学习了angularJS一周,但是大部分时间被自定义指令占用了.博主表示自学互联网好心塞的,发现问题的视觉很狭窄,这比解决问题要更难.这篇文章首先介绍了自定义,然后介绍了在使用自定义指令遇到的问题. ...

  2. Pycharm的远程代码编辑

    作为一个从java转到python的程序猿,一直觉得python的远程代码调试能力不如java,远程调试一把需要各种改代码,牵扯到eventlet库的时候,问题就更严重,需要调整eventlet的各种 ...

  3. java 终端输入小结，输入到数组、文件等（持续更新）

    一:将键盘输入的数存到数组中,数组长度未知 public class Test{ public static void main(String[] args){ Scanner sc = new Sc ...

  4. [tyvj1860]后缀数组

    题目链接:http://www.tyvj.cn/p/1860 解题关键:模板题.贴一个代码详解 http://www.cnblogs.com/staginner/archive/2012/02/02/ ...

  5. VMware安装Ubuntu时出现Intel VT-X处于禁用状态的情况的处理办法

    VMware安装Ubuntu时出现Intel VT-X处于禁用状态的情况的处理办法   VMware安装Ubuntu的出现Intel VT-X处于禁用状态的情况会使已经安装好的Ubuntu虚拟机打不开 ...

  6. Entity Framework Code-First（16）：Move Configurations

    Move Configurations to Separate Class in Code-First: By now, we have configured all the domain class ...

  7. java多态和强制类型转换

    子类可以赋值给超类,称之为向上转型,这个是自动的. 超类不可以赋值给子类,这个是向下转型,需要我们手动实现. 赋值给超类的子类引用在运行期间将表现出不同的特性,这就是多态. 小类型    可转换为   ...

  8. 图解Laravel的生命周期

    先来张图大致理解下laravel的生命周期. 下面对应相应的代码,解释上图. //文件路径:laravel/public/index.php /** * laravel的启动时间 */ define( ...

  9. jeecms v8 网站访问量配置

    <script src="${resSys}/jquery.js" type="text/javascript"></script> & ...

  10. SQL Server 查询分析器提供的所有快捷方式（快捷键）

    SQL Server程序员经常要在SSMS(SQL Server Management Studio)或查询分析器(2000以前)中编写T-SQL代码.以下几个技巧,可以提升工作效率. 以下说明以SS ...