Solon + EasyQuery + ElementPlus 实现后台管理系统之 04-Axios 优化与路由守卫

文章聚焦 Solon + EasyQuery + ElementPlus 后台管理系统的体验优化:通过 Axios 请求/响应拦截器统一注入 Token、集中处理 401 及错误提示,消除冗余代码;借助 Vue-Router 全局前置守卫,按 Token 有无精准拦截或放行路由,杜绝未登录越权访问;利用嵌套路由抽取 Layout,将侧边栏、顶栏、底栏固化为父组件,子页仅渲染核心内容,并引入 ElementPlus ICON 与统一样式,显著精简组件、提升可维护性与视觉一致性。

Solon + EasyQuery + ElementPlus 实现后台管理系统之 03-登录、注销认证与异常处理

文章基于 Solon + EasyQuery + ElementPlus 实现后台管理系统的登录、注销与异常处理。后端通过 SaToken 完成认证、Token 生成与 Redis 存储,支持统一异常与参数校验;前端用 ElementPlus 构建登录页与嵌套路由后台首页,Axios 携带 Token 获取用户信息并持久化至 Pinia,实现前后端完整认证闭环。

Solon + EasyQuery + ElementPlus 实现后台管理系统之 02-数据库设计与项目结构搭建

本文首先设计 dept、role、perms、users、actionlog 五张核心业务表并给出完整 MySQL 脚本;随后用 Solon 构建轻量后端,集成 HikariCP、Redisx、SaToken、HuTool、ip2region 等组件,完成 ORM、权限、缓存、IP 定位、密码加盐、统一响应等基础设施;前端以 Vue 3 脚手架新建工程,引入 ElementPlus、Axios、QS,配置跨域与拦截器;最后将前后端分别推送到 GitHub,实现可协作的版本管理,为后续业务开发奠定...

Solon + EasyQuery + ElementPlus 实现后台管理系统之 01-Solon 与 EasyQuery 入门

文章示范如何基于 Solon 与 EasyQuery 快速实现 CRUD。先介绍 Solon 的轻量高并发特性及与 Spring 的差异,再讲解 EasyQuery 的隐式 JOIN、强类型链式查询等能力;随后通过 IntelliJ 插件一键生成实体与 DTO,完成数据源配置,实现用户部门关联的列表、分页、单条、新增、修改、删除接口,并给出 SQL 日志与测试截图,帮助开发者零 XML 完成全栈 CRUD。

目录