登录
我们的数据库是虚假的,这里就先不通过数据库判断了,直接定死,后期在聊我会对应的去修改代码
步骤
- 我们把登录页面的表单提交地址传到controller里面!
<form class="form-signin" th:action="@{user/login}">
- 里面的input标签肯定是也需要添加name属性的
<input type="text" class="form-control" name="username" th:placeholder="#{login.username}" required="" autofocus="">
<input type="password" class="form-control" name="password" th:placeholder="#{login.password}" required="">
- 编写首页对应的controller页面
@Controller
public class loginController {
@RequestMapping("/user/login")
public String LoginController(@RequestParam("username")String username,
@RequestParam("password") String password ,
Model model){//接收前端传值,name
//具体的业务:方法判断username是否为空,并且密码必须是123456
if (!StringUtils.isEmpty(username) && "123456".equals(password)){
return "redirect:/main.html";
}else{
//告诉用户,你登陆失败了!
model.addAttribute("msg","用户名或者密码错误");
return "index";
}
}
}
- 在首页的
h1
标签下面加个p标签,里面$链接msg
,这样当我们登陆失败的时候会提示我们 用户名密码错误!
- 测试
测试成功!
优化代码
登录成功后,由于是转发,所以,浏览器链接看起来很丑,我们可以结合springMVC给它编写为重定向,通过路径main.html,重定向到dashboard.html页面。
我们再添加一个视图控制映射,在我们的自己的MyMvcConfig中:
registry.addViewController("/main.html").setViewName("dashboard.html");
将 Controller 的代码改为重定向;
return "redirect:/main.html";
测试,结果完全ok!
拦截器
但是又发现新的问题,我们可以直接通过路径登录到后台主页,不用登录也可以实现!我们直接在地址栏填写 http://localhost:8080/main.html 也可以进入后台主页。
这就需要写一个登录拦截器了!
首先在刚才的controller中引入session,并且登录成功会像浏览器中存入一个session。
然后将拦截器注册到我们的SpringMVC配置类当中!
//注册拦截器
@Override
public void addInterceptors(InterceptorRegistry registry) {
//注册拦截器,及拦截请求和要剔除哪些请求!
//我们还需要剔除静态资源文件,否则可能样式显示不出来
registry.addInterceptor(new LoginHandlerInterceptor())
.addPathPatterns("/**").excludePathPatterns("/index.html","/","/user/login","/css/**","/js/**","/img/**");
}
拓展
我们可以通过存入的session,取到用户名,并把用户名显示到页面上
运行测试!答案毋庸置疑,成功!
这样我们无论输入什么用户名,该页面都会显示出来了!
我们的首页登录和拦截就做好了,下面实现我们把模拟的数据库内容显示在页面中