合集 Solon + EasyQuery + ElementPlus 实现后台管理系统 下的文章
文章聚焦 Solon + EasyQuery + ElementPlus 后台管理系统的按钮级权限优化:前端用 Pinia 仓库存储用户权限标识,封装 hasPerms 方法,在模板中 v-if 控制按钮显隐;后端基于 Sa-Token 实现 StpInterface 返回权限集合,并用 @SaCheckPermission 注解做 API 级校验,实现前后端一致的细粒度权限闭环,防止越权并提升体验。
文章基于 Solon + EasyQuery + ElementPlus 实现后台管理系统的动态菜单与动态路由。后端根据角色返回启用且排序的权限列表,前端将其转为树形菜单并渲染侧边栏;同时把菜单数据转换为路由规则,登录或刷新时通过路由守卫动态 addRoute,解决刷新失效问题,并把权限数据存入 Pinia 仓库,避免重复请求。
本文基于 Solon + EasyQuery + ElementPlus 实现后台管理系统的权限菜单与角色授权功能。后端提供权限的增删改查接口,支持模糊查询、非必填字段、子权限校验等逻辑;前端通过扁平数据转树形工具渲染 ElementPlus 树表,并在角色列表中集成授权弹窗,支持回显与批量更新角色权限,默认角色禁止操作。
本文基于 Solon + EasyQuery + ElementPlus 实现后台管理系统的部门、角色、用户三大模块。后端提供分页、模糊查询、关联校验、密码加密、强制下线等完整 API;前端采用 ElementPlus 构建搜索、表格、模态框,支持数据回显、表单校验、下拉选项动态加载,并处理默认数据与当前用户禁用逻辑。通过配置 EasyQuery 更新策略及替换 Snack3 序列化,解决空值更新与敏感字段泄露问题,实现安全高效的后台运营能力。
文章聚焦 Solon + EasyQuery + ElementPlus 后台管理系统的体验优化:通过 Axios 请求/响应拦截器统一注入 Token、集中处理 401 及错误提示,消除冗余代码;借助 Vue-Router 全局前置守卫,按 Token 有无精准拦截或放行路由,杜绝未登录越权访问;利用嵌套路由抽取 Layout,将侧边栏、顶栏、底栏固化为父组件,子页仅渲染核心内容,并引入 ElementPlus ICON 与统一样式,显著精简组件、提升可维护性与视觉一致性。
文章基于 Solon + EasyQuery + ElementPlus 实现后台管理系统的登录、注销与异常处理。后端通过 SaToken 完成认证、Token 生成与 Redis 存储,支持统一异常与参数校验;前端用 ElementPlus 构建登录页与嵌套路由后台首页,Axios 携带 Token 获取用户信息并持久化至 Pinia,实现前后端完整认证闭环。
本文首先设计 dept、role、perms、users、actionlog 五张核心业务表并给出完整 MySQL 脚本;随后用 Solon 构建轻量后端,集成 HikariCP、Redisx、SaToken、HuTool、ip2region 等组件,完成 ORM、权限、缓存、IP 定位、密码加盐、统一响应等基础设施;前端以 Vue 3 脚手架新建工程,引入 ElementPlus、Axios、QS,配置跨域与拦截器;最后将前后端分别推送到 GitHub,实现可协作的版本管理,为后续业务开发奠定...
- 1
- 2
- 后一页 »