记录在 yin-yang 后台系统中给字典项增加 Tag 样式配置，并封装 DictTag、DictSelect、DictTableColumn，让字典颜色从后端配置一路贯通到表格、表单和下拉选项。

本文基于 yin 后端和 yang 前端项目，整理一套后台管理系统常用的 RBAC 权限方案。目标是让菜单、动态路由、按钮权限、接口权限和角色分配保持同一套数据来源，避免出现“页面能看到但接口 403”或“分配了权限但菜单不显示”的问题。

一、整体目标

后台权限通常要解决四件事：

1. 用户登录后拿到 token、用户信息、角色、权限和菜单树。
2. 前端根据菜单树动态注册 Vue Router 路由。
3. 前端根据权限标识控制按钮、操作列、页面访问。
4. 后端用 Spring Security 对接口做最终鉴权。

以 Spring Boot 3 + Vue 3 + Element Plus 项目为例，比较国际化方案，并按步骤完成前端语言切换、Element Plus 语言包、接口 Accept-Language、后端 MessageSource 和菜单标题国际化。

以 Vue 3 + Element Plus 后台项目为例，从需求拆解、方案选择、主题状态、CSS 变量、右上角切换按钮、布局改造到构建验证，完整实现白天/黑夜模式。