Spring|Spring Boot开发简单网页（员工管理系统）（五）（登录功能实现） spring|boot|java|Boot

登陆功能实现

1、登录功能初步实现
2、登录失败提示
3、url映射

1、登录功能初步实现登录功能也就是当我们点击登录按钮的时候，会进入一个页面，这里进入dashboard.html页面
因此我们首先在index.html中的表单编写一个提交地址/user/login，并给名称和密码输入框添加name属性为了后面的传参

...... ......

然后需要编写相对应的controller·，我们在com.kuang.controller包下创建LoginController.java类，用来处理登录请求

package com.kuang.controller; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestParam; import org.thymeleaf.util.StringUtils; @Controller public class LoginController { @RequestMapping("/user/login") public String login(@RequestParam("username") String username, @RequestParam("password") String password, Model model){//具体的业务,先简单设置为用户名不为空且密码为123456就可以登录成功 if(!StringUtils.isEmpty(username) && "123456".equals(password)){ return "dashboard"; //跳转到dashboard页面 }else{ //告诉用户登录失败了 model.addAttribute("msg","用户名或者密码错误"); return "index"; //跳转到首页 } } }

启动主程序，访问http://localhost:8080/kuang/，输入任意用户名和密码123456，即可实现登录功能，并跳转到dashboard.html页面

Spring|Spring Boot开发简单网页（员工管理系统）（五）（登录功能实现）

文章图片

登录成功跳转到dashboard.html页面时，浏览器url为http://localhost:8080/kuang/user/login?username=admin&password=123456

文章图片

2、登录失败提示现在如果我们输入的用户名和密码不符合要求，只会重新跳转到index.html，但我们并没有在index.html中显示提示的消息

文章图片

修改index.html，在请登录下面加一个消息提示的标签，注意Thymeleaf模板引擎的语法

...... Please sign in ......

这时，如果我们输入的用户名和密码不符合要求的话，会重新跳转index.html，并给出错误提示

文章图片

3、url映射到此我们的登录功能实现完毕，但是有一个很大的问题，浏览器的url暴露了用户的用户名和密码。这在实际开发中是重大的漏洞，泄露了用户信息。

文章图片

因此我们需要编写一个映射，我们在config包下的自定义的配置类MyMvcConfig.java中，设置跳转到dashboard.html时映射到main.html

@Override public void addViewControllers(ViewControllerRegistry registry) { ...... registry.addViewController("/main.html").setViewName("dashboard"); }

然后我们在登录成功时，重定向到main.html即可，也就是修改LoginController.java，在登录成功时进行重定向