一、提纲

1、Previously前情提要

已经把Thymeleaf部署到项目中；

把前端开发的静态资源成功引入到项目中；

完成登录验证功能，登录成功跳转到success.html页面，登录失败跳转到failed.html页面

2、本节内容

从数据库获取用户信息；

从Controller中把用户信息传递到页面，让模板引擎加载合成后的html页面。

二、实现过程

1.数据库中用户表增加密码字段

(略)

2.Model层：实体类User追加pwd属性

与数据库t_user表对应，增加pwd属性

package com.zhbit.demo.domain;

​

import org.springframework.stereotype.Component;

import org.springframework.stereotype.Service;

​

@Component

public class User {

private Long id;

private String name;

private String pwd;

​

public Long getId() {

return id;

}

public String getName() {

return name;

}

public String getPwd() {

return pwd;

}

​

public void setId(Long id) {

this.id = id;

}

public void setName(String name) {

this.name = name;

}

public void setPwd(String pwd) {

this.pwd = pwd;

}

​

public User() {

super();

}

public User(String name) {

this.name = name;

}

​

@Override

public String toString() {

return "User{" +

"id=" + id +

", name='" + name + '\'' +

'}';

}

}

３.数据访问层：增加通过用户名检索用户的方法

package com.zhbit.demo.dao;

​

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

import org.springframework.jdbc.core.BeanPropertyRowMapper;

import org.springframework.jdbc.core.JdbcTemplate;

import org.springframework.jdbc.core.RowMapper;

import org.springframework.stereotype.Repository;

​

import com.zhbit.demo.domain.User;

​

@Repository

public class UserDao {

@Autowired

private JdbcTemplate jdbcTemplate;

​

public User getByName(String name){

RowMapper rowMapper = new BeanPropertyRowMapper(User.class);

User user = jdbcTemplate.queryForObject("select * from t_user where name like ?", rowMapper,name);

return user;

}

}

4.业务接口层：增加验证用户登录的接口

接口名称：login

输入参数：用户名(字符串)，密码(字符串)

输出类型：User对象实例

package com.zhbit.demo.IService;

​

import com.zhbit.demo.domain.User;

​

import java.util.List;

​

public interface IUserService {

​

/**

* 用户登录验证

*/

User login(String name,String password);

}

5.业务逻辑层：实现接口

package com.zhbit.demo.service;

​

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

import org.springframework.stereotype.Service;

​

import com.zhbit.demo.domain.User;

import com.zhbit.demo.IService.IUserService;

import com.zhbit.demo.dao.UserDao;

​

import java.util.List;

​

@Service

public class UserServiceImpl implements IUserService {

@Autowired

private UserDao dao;

​

@Override

public void save(User user)

{

dao.insert(user);

}

​

@Override

public User get(Long id){

return dao.get(id);

}

​

@Override

public User login(String name, String password){

return dao.getByName(name);

}

​

}

6.Web层：控制器中增加用于验证用户信息的功能

常用的Spring MVC注解包括：

@Controller：修饰class，用来创建处理http请求的对象，返回html页面。

(需引入import org.springframework.stereotype.Controller;)

@RestController：Spring4之后加入的注解，表示返回json格式的内容。

(需引入import org.springframework.web.bind.annotation.RestController;)

@RequestMapping：配置url访问映射。

(需引入import org.springframework.web.bind.annotation.RequestMapping;)

package com.zhbit.demo.controller;

​

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

import org.springframework.ui.Model;

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

import org.springframework.stereotype.Controller;

​

import com.zhbit.demo.domain.User;

import com.zhbit.demo.IService.IUserService;

​

@Controller

public class UserController {

​

@Autowired

private IUserService userService;

private User user;

​

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

public String login(Model model,

@RequestParam("username") String username,

@RequestParam("password") String password){

user = userService.login(username,password);

if (user != null) {

model.addAttribute("user",user);

return "loginSucess";

} else {

return "loginFailed";

}

}

​

@RequestMapping("/user/loginSucess")

public String login_sucess(){

return "loginSucess";

}

}

值得注意：使用@Controller注解控制器时，该控制器的所有方法都以页面内容形式返回；因为模板引擎实现把数据和页面模板进行融合，渲染成一个html文件，因此，此处需要使用@Controller注解修饰。

7.View层：用户登录页面以静态资源形式存在

7.1.让IDEA加载thymeleaf的语法提示

为了让IDEA加载thymeleaf的语法提示，需要在所有的html文件头部都加入xmlns:th="http://www.thymeleaf.org".

7.2.把css、js等静态资源库的引用修改为本地的路径

由于项目此前通过pom.xml的形式把Bootstrap框架以webjars包的形式引入进来，因此在项目的外部库中就会自动下载有bootstrap相应的资源文件。

使用thymeleaf标签的形式引入：th:href="@{/webjars/bootstrap/4.1.3/css/bootstrap.css}"

同理，js和images都以同样的方式进行设置

org.webjars

bootstrap

4.1.3

以webjars的形式引入bootstrap框架.png

7.3.把处理Request的action设置为指定的控制器

login.html完整代码如下：

​

​

​

登录页

​

​

8.用户登录成功页面loginSuccess.html

页面中使用Thymeleaf的语法要求，获取控制器传过来的用户信息

Sucess Page

恭喜，您登录成功！

---

---

9.用户登录失败页面loginFailed.html

Error Page

您输入的信息有误，请重新登录！

10.测试

输入用户名admin和密码123，点击提交登录。

若登录成功，跳转到loginSuccess.html，并显示当前用户信息；

若登录失败，跳转到loginFailed.html，并提示用户重新登录。