sa-token/sa-token-doc/plugin/thymeleaf-extend.md

3.1 KiB
Raw Blame History

Thymeleaf 标签方言

本插件的作用是让我们可以在 Thymeleaf 页面中使用 Sa-Token 相关API俗称 —— 标签方言。


1、引入依赖

首先我们确保项目已经引入 Thymeleaf 依赖,然后在此基础上继续添加:

<!-- 在 thymeleaf 标签中使用 Sa-Token -->
<dependency>
	<groupId>cn.dev33</groupId>
	<artifactId>sa-token-dialect-thymeleaf</artifactId>
	<version>${sa.top.version}</version>
</dependency>
// 在 thymeleaf 标签中使用 Sa-Token
implementation 'cn.dev33:sa-token-dialect-thymeleaf:${sa.top.version}'

2、注册标签方言对象

在 SaTokenConfigure 配置类中注册 Bean

@Configuration
public class SaTokenConfigure {
	// Sa-Token 标签方言 (Thymeleaf版)
	@Bean
	public SaTokenDialect getSaTokenDialect() {
		return new SaTokenDialect();
	}
}

3、使用标签方言

然后我们就可以愉快的使用在 Thymeleaf 页面中使用标签方言了

3.1、登录判断
<h2>标签方言测试页面</h2>
<p>
	登录之后才能显示:
	<span sa:login>value</span>
</p>
<p>
	不登录才能显示:
	<span sa:notLogin>value</span>
</p>
3.2、角色判断
<p>
	具有角色 admin 才能显示:
	<span sa:hasRole="admin">value</span>
</p>
<p>
	同时具备多个角色才能显示:
	<span sa:hasRoleAnd="admin, ceo, cto">value</span>
</p>
<p>
	只要具有其中一个角色就能显示:
	<span sa:hasRoleOr="admin, ceo, cto">value</span>
</p>
<p>
	不具有角色 admin 才能显示:
	<span sa:lackRole="admin">value</span>
</p>
3.3、权限判断
<p>
	具有权限 user-add 才能显示:
	<span sa:hasPermission="user-add">value</span>
</p>
<p>
	同时具备多个权限才能显示:
	<span sa:hasPermissionAnd="user-add, user-delete, user-get">value</span>
</p>
<p>
	只要具有其中一个权限就能显示:
	<span sa:hasPermissionOr="user-add, user-delete, user-get">value</span>
</p>
<p>
	不具有权限 user-add 才能显示:
	<span sa:lackPermission="user-add">value</span>
</p>

4、调用 Sa-Token 相关API

以上的标签方言,可以满足我们大多数场景下的权限判断,然后有时候我们依然需要更加灵活的在页面中调用 Sa-Token 框架API

首先在 SaTokenConfigure 配置类中为 Thymeleaf 配置全局对象:

public class SaTokenConfigure{
	// ... 其它代码
	
	// 为 Thymeleaf 注入全局变量,以便在页面中调用 Sa-Token 的方法 
	@Autowired
	private void configureThymeleafStaticVars(ThymeleafViewResolver viewResolver) {
		viewResolver.addStaticVariable("stp", StpUtil.stpLogic);
	}
}

然后我们就可以在页面上调用 StpLogic 的 API 了,例如:

<p>调用 StpLogic 方法调用测试</p>
<p th:if="${stp.isLogin()}">
	从SaSession中取值
	<span th:text="${stp.getSession().get('name')}"></span>
</p>