spring boot+thymeleaf+ajax实现登录验证

pom依赖我就不列出来了，太长了

1. controller层

@RequestMapping("/checklogin")
	@ApiOperation("登录校验") // 注解：应用在 controller 里面的方法上，用于swagger
	@ResponseBody
	public Map<String, Object> checklogin(@Param("username") String username, @Param("password") String password,
			HttpSession session) throws Exception {
		Map<String,Object>map=new HashMap<String,Object>();
		if (userServiceImpl.checklogin(username, password) > 0) {
			User user = new User();
			user.setPassword(password);
			user.setUsername(username);
			session.setAttribute("USER_SESSION", user);
			session.setMaxInactiveInterval(180);// session失效时间为三分，即180s
			map.put("code",1);
			return map;// redirect
		} else {
			map.put("code", 0);
			return map;
		}

	};

一定要加上responsebody，不然会被thymeleaf引擎渲染为html页面
一定要加上responsebody，不然会被thymeleaf引擎渲染为html页面
一定要加上responsebody，不然会被thymeleaf引擎渲染为html页面

2. serviceimpl类：

	/**
	 * 登录校验
	 */
	public Integer checklogin(String username, String password){
		return userMapper.checklogin(username, password);
	}

3. mapper接口类：

import org.apache.ibatis.annotations.Param;
import org.apache.ibatis.annotations.Select;

public interface UserMapper {


	@Select("SELECT IFNULL( count( NAME ), 0 ) AS NAME FROM USER WHERE NAME = #{username} AND PASSWORD = #{password}")
	Integer checklogin(@Param("username") String username, @Param("password") String password);
}

4. application.properties：

#mysql 
spring.datasource.driverClassName=com.mysql.jdbc.Driver
spring.datasource.url=jdbc:mysql://localhost:3306/myblog?characterEncoding=utf-8&autoReconnect=true&zeroDateTimeBehavior=convertToNull&useSSL=false
spring.datasource.username=root
spring.datasource.password=root
##########Alibaba.Druid
spring.datasource.type=com.alibaba.druid.pool.DruidDataSource
spring.datasource.initialSize=2
spring.datasource.minIdle=2
spring.datasource.maxActive=3
spring.datasource.maxWait=6000
spring.datasource.timeBetweenEvictionRunsMillis=60000
spring.datasource.minEvictableIdleTimeMillis=300000
spring.datasource.validationQuery=SELECT 1 FROM DUAL
spring.datasource.testWhileIdle=true
spring.datasource.testOnBorrow=false
spring.datasource.testOnReturn=false
spring.datasource.poolPreparedStatements=true
spring.datasource.maxPoolPreparedStatementPerConnectionSize=20
spring.datasource.filters=stat,wall,log4j
spring.datasource.connectionProperties=druid.stat.mergeSql=true;druid.stat.slowSqlMillis=5000
spring.datasource.connectionInitSqls=set names utf8mb4
#####Port
server.port=8088
##XiangMuMing
server.servlet.context-path=/blog
PROJECT_NAME=/blog
#####DEBUG
logging.level.com.hxz.mapper.*=debug
#########################################
spring.banner.charset=UTF-8
spring.messages.encoding=UTF-8
spring.http.encoding.charset=UTF-8
spring.http.encoding.force=true
spring.http.encoding.enabled=true
server.tomcat.uri-encoding=UTF-8
###########Redisache
###Themleaf
spring.thymeleaf.prefix=classpath\:/templates/  
spring.thymeleaf.check-template-location=true  
spring.thymeleaf.suffix=.html  
spring.thymeleaf.encoding=UTF-8  
spring.thymeleaf.mode=HTML5
spring.thymeleaf.cache=true 
# set to false for hot refresh
spring.resources.chain.strategy.content.enabled=true
spring.resources.chain.strategy.content.paths=/**
#####redis
spring.redis.database=0  
spring.redis.host=localhost
spring.redis.port=6379  
spring.redis.password=
spring.redis.pool.max-active=8  
spring.redis.pool.max-wait=-1  
spring.redis.pool.max-idle=8  
spring.redis.pool.min-idle=0  
spring.redis.timeout=50000
# pagehelper properties
pagehelper.offsetAsPageNum=true
pagehelper.rowBoundsWithCount=true
pagehelper.pageSizeZero=true
pagehelper.reasonable=false
pagehelper.params=pageNum=pageHelperStart;pageSize=pageHelperRows;
pagehelper.supportMethodsArguments=false

5. ajax部分：

<script type="text/javascript">
	// onclick触发js
	function login() {
		var username = $.trim($("#username").val());
		var password = $.trim($("#password").val());
		if (username == "") {
			alert("请输入用户名");
			return false;
		} else if (password == "") {
			alert("请输入密码");
			return false;
		}
		//ajax去服务器端校验
		var data = {
			username : username,
			password : password
		};
		alert(data);
		$.ajax({
			type : 'POST',
			url : '/blog/admin/checklogin',
			data : data,
			dataType : 'json',
			success : function(data) {
				if (data == null) {
					alert("没有这个用户！")
				} else {
					window.location.href = "/blog/admin/index";

				}
			},
		});
	}
	;
</script>