【爆肝推荐】手摸手带你做Springboot + mybatis plus + shiro + redis 后台管理项目（第三章）整合shiro 设置用户密码加密

本文链接：https://blog.csdn.net/qq_25974401/article/details/120596027

本文档详细介绍了如何在SpringBoot项目中整合Shiro、Mybatis Plus和Redis，涉及用户密码加密、登录流程及权限控制。在整合过程中，特别提醒注意不要使用Shiro自带的加密方式，以免导致后续认证信息异常。通过改造，实现了用户登录后的头像和名称显示，并提供了相关源码。

摘要由CSDN通过智能技术生成

前情提要

这篇是大体就是做整合shiro，在登陆的时候加入一些校验和拦截，
顺便把信息设置做出来，上篇篇幅太长就没把info.html写出来，
上篇中有部分使用Element UI ，下拉是select，之前使用Layui,
但是展示有问题，无奈采用Element的el-select,还有新增和修改的详情窗口，也是采用Element ui

大体流程图

只是大概的描述了一下其中的流程，一些细节没有画出来，如果刚学shiro,
或者没学shiro，可以看一下这篇潮汐先生的一篇适合小白的Shiro教程
在这里插入图片描述

正文开始

添加基本资料

templates文件夹下新增info.html文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="css/layui-admin.css"/>
		<link rel="stylesheet" href="https://unpkg.com/layui@2.6.8/dist/css/layui.css">
		<script src="https://unpkg.com/layui@2.6.8/dist/layui.js"></script>
		<link rel="stylesheet" type="text/css" href="css/layui-admin.css"/>
		<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
		 <script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<script src="https://unpkg.com/axios@0.21.1/dist/axios.min.js"></script>
	</head>
	<body>
		<div id="app">
			<div class="layui-bg-gray panel"  >
				<div class="layui-card panel-height" >
					<div class="layui-card-header " >
						我的资料 
					</div>
					<div class="layui-card-body">
						<div class="layui-form" style="margin-top: 15px;" >
						  <div class="layui-form-item">
						    <label class="layui-form-label">昵称</label>
						    <div class="layui-input-inline">
						      <input type="text" name="title" required  lay-verify="required" placeholder="请输入昵称" v-model="user.niceName" autocomplete="off" class="layui-input">
						    </div>
						  </div>
						    <div class="layui-form-item">
						      <label class="layui-form-label">账号</label>
						      <div class="layui-input-inline">
						        <input type="text" name="title" required  lay-verify="required" placeholder="请输入账号"  v-model="user.username" autocomplete="off" class="layui-input">
						      </div>
						    </div>
						  <div class="layui-form-item">
						    <label class="layui-form-label">密码</label>
						    <div class="layui-input-inline">
						      <input type="password" name="password" required lay-verify="required" placeholder="请输入密码"  v-model="user.password" autocomplete="off" class="layui-input">
						    </div>
						  </div>
							<div class="layui-form-item">
								<label class="layui-form-label">性别 </label>
								<div class="layui-input-inline">
									<el-select  v-mode