登录
1、构建登录页面和后台管理首页
2、UserService和UserRepository
3、LoginController实现登录
4、MD5加密
5、登录拦截器
一、新建管理后台登录页面blog.html.
编写页面内容
<!DOCTYPE html><html lang="en" xmlns:th="/1999/xhtml"><head th:replace="admin/_fragments :: head(~{::title})"><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>博客管理登录</title><link rel="stylesheet" href="/semantic-ui/2.2.4/semantic.min.css"><link rel="stylesheet" href="../../static/css/me.css"></head><body><br><br><br><div class="m-container-small m-padded-tb-massive" style="max-width: 30em !important;"><div class="ur container"><div class="ui middle aligned center aligned grid"><div class="column"><h2 class="ui teal image header"><div class="content">管理后台登录</div></h2><form class="ui large form" method="post" action="#" th:action="@{/admin/login}"><div class="ui segment"><div class="field"><div class="ui left icon input"><i class="user icon"></i><input type="text" name="username" placeholder="用户名"></div></div><div class="field"><div class="ui left icon input"><i class="lock icon"></i><input type="password" name="password" placeholder="密码"></div></div><button class="ui fluid large teal submit button">登 录</button></div><div class="ui error mini message"></div><div class="ui mini negative message" th:unless="${#strings.isEmpty(message)}" th:text="${message}">用户名和密码错误</div></form></div></div></div></div><!--/*/<th:block th:replace="_fragments :: script">/*/--><script src="/npm/jquery@3.2/dist/jquery.min.js"></script><script src="/semantic-ui/2.2.4/semantic.min.js"></script><!--/*/</th:block>/*/--><script>$('.ui.form').form({fields : {username : {identifier: 'username',rules: [{type : 'empty',prompt: '请输入用户名'}]},password : {identifier: 'password',rules: [{type : 'empty',prompt: '请输入密码'}]}}});</script></body></html>
二、在net.tjl.blog中新建一个包名service,在里面建一个接口类UserService.
编写页面代码
在service包名中,新建一个user实体类。
编写页面代码
新建实体类UserServiceImpl。
编写页面代码
在net.tjl.blog中,新建一个包名为dao,新建一个实体类UserRepository。
编写页面代码
在net.tjl.blog.wed中,新建一个包名admin,在里面建一个实体类LoginController。
编写页面代码
在改写index.html页面
访问127.0.0.1:8080/admin
登录成功后跳转到博客管理后台
对密码进行加密
添加拦截器
必须登录以后才能访问博客页面