以下是几个基于 TypeScript 的开源管理后台项目推荐:
Geeker-Admin该项目基于 Vue3.4、TypeScript、Vite5、Pinia 和 Element-Plus 开发,属于较新的技术栈组合。其核心功能包括:
- 组件封装:提供大量常用组件(如表格、表单、弹窗等),减少重复开发;
- 状态管理:采用 Pinia 作为状态管理库,支持响应式数据和模块化设计;
- 权限控制:实现动态路由和按钮级别的权限管理,适合多角色系统;
- 开发效率:集成 Vite5 的快速构建能力,支持 TypeScript 类型推导,提升代码可维护性。项目适用于需要快速搭建中后台系统的场景,尤其适合对权限控制要求较高的企业应用。
Geeker Admin基于 Vue3.2、TypeScript、Vite2、Pinia 和 Element-Plus 的另一版本,功能侧重于:
- 持久化存储:通过 Pinia 插件实现状态持久化(如用户登录信息);
- 网络请求封装:对 Axios 进行二次封装,统一处理错误和请求拦截;
- 自定义指令:提供防抖、节流、权限校验等常用指令,简化开发流程;
- 兼容性:技术栈稍旧但稳定,适合对 Vue3.2 和 Vite2 有依赖的项目。该版本更适合需要稳定技术栈且对持久化存储有明确需求的中后台系统。
RuoYi-Vue3-ts基于 Vue3、Element-Plus 和 TypeScript 的企业级框架,特点包括:
- 认证机制:集成 JWT 认证,支持前后端分离架构;
- API 支持:原生支持 GraphQL,适合复杂数据查询场景;
- 模块化设计:代码结构清晰,支持按需引入功能模块;
- 定制能力:提供高度可配置的界面和逻辑,满足企业个性化需求。项目适合需要企业级功能(如多租户、审计日志)或复杂数据交互的中后台系统,尤其对 GraphQL 有需求的开发者。
选择建议:
- 若需最新技术栈和权限控制,优先选择 Geeker-Admin;
- 若需持久化存储或稳定技术栈,选择 Geeker Admin;
- 若需企业级功能和 GraphQL 支持,选择 RuoYi-Vue3-ts。所有项目均开源免费,可根据项目需求和技术偏好进一步评估。