（五）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. 17_点击事件第四种写法_布局文件添加onclick属性

    尽量不要用第四种点击事件的写法.在一万多行代码中发现了一个没被调用的代码 public void call(View v){//第四种写法参数一定是View v //public void call( ...

  2. hadoop集群监控工具Apache Ambari安装配置教程

    ambari 1.2.4 下载地址:http://www.apache.org/dist/incubator/ambari/ambari-1.2.4/ambari-1.2.4-incubating.t ...

  3. 【机器学习】聚类算法——K均值算法（k-means）

    一.聚类 1.基于划分的聚类:k-means.k-medoids(每个类别找一个样本来代表).Clarans 2.基于层次的聚类:(1)自底向上的凝聚方法,比如Agnes (2)自上而下的分裂方法,比 ...

  4. vue.js基础学习（1）

    一:v-cloak:解决浏览器闪烁,编译过程中不会显示,直到编译结束才显示. 用法:[v-cloak] { display: none;} <div v-cloak> {{ message ...

  5. 6.6 chmod的使用

    从公司拷贝了白天整理的笔记,拿回家整理,结果发现有锁,无法对其解压.解决方案如上: ll 命令,查看其权限. sudo chmod 777 Picture.tar-1修改权限. 然后,可以正常打开Pc ...

  6. byte和int转换

    byte b1=1,b2=2,b3,b6; final byte b4=4,b5=6; b6=b4+b5; b3=(b1+b2); System.out.println(b3+b6); b3=b1+b ...

  7. 10. CTF综合靶机渗透(三)

    靶机说明 斗牛犬工业公司最近将其网站污损,并由恶意德国牧羊犬黑客团队拥有.这是否意味着有更多的漏洞可以利用?你为什么不知道?:) 这是标准的Boot-to-Root.你唯一的目标是进入根目录并看到祝贺 ...

  8. jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值

    —.获取dropdownlist的text(ddlList为服务器端dropdownlist的ID,生成name属性等于ddlList的select标签) $("#ddlList optio ...

  9. iphone5 A1429国行IOS8.4.1 越狱 完美使用电信3G

    国航 8.4.1,越狱,使用电信3G,能打电话,能发短信,正常上网使.(越狱降级方式,请参照本文末端连接) 有好多人说不管怎么试都是无服务,请查看 设置-蜂窝移动网络-漫游里面,必须只有 语音漫游 这 ...

  10. 反射实现增删改查（DAO层）——插入数据

    先贴出代码,后续补充自己的思路.配置文件.使用方式: /** * 插入数据 */ @Override public void addObject(Object object, String table ...