为什么选 LiteAPI + Vben Admin

• 工程化到位：基于 Vue 3 + Vite + TypeScript，内置 动态路由、权限校验、多环境配置、主题与国际化，拿来即用，减少脚手架搭建与配置成本。
• 颜值在线：布局清爽、交互一致，表格与表单组件齐全，支持 暗黑/明亮 主题切换，适合对外观与效率都有要求的团队。
• 权限灵活：支持 前端控制 / 后端控制 / 混合模式，路由守卫与菜单自动联动，按钮级权限也能轻松落地。
• 生态活跃：文档与示例丰富，社区更新快，遇到问题容易找到参考与解决方案。

开箱即用的对接要点

• 接口约定：统一用 RESTful，返回结构保持统一。
• 本地开发：Vite 代理到后端地址，环境变量设置 VITE_GLOB_API_URL=/api，联调无需改业务代码。
• 登录与会话：登录成功拿到 token，Axios 拦截器自动注入；支持 多标签页、KeepAlive、登录态过期自动跳转。
• 菜单模式：先用 静态路由 跑通，再平滑切换到 后端动态菜单，权限变更无需前端发版。
• 表格与表单：列表用 分页+搜索表单，新增/编辑用 弹窗表单，字段校验用 rules，统一错误与成功提示。

功能落地清单

• 组织与权限
  • 组织机构
  • 机构管理
  • 部门管理
  • 岗位管理
  • 用户管理
• 审计与运维
  • 日志管理
    • 登录日志
    • 操作日志
• 配置中心
  • 导航管理
  • 系统参数分类
  • 系统参数
  • 配置中心

🚀 快速体验

访问我们的在线演示地址立即体验全新版本的功能！

5 步跑通第一个模块

1. 建表与后端接口：以“用户管理”为例，准备 分页查询/新增/编辑/删除 接口，统一返回 { code, data, message }。
2. 页面骨架：复用 Vben 的 CRUD 模板，替换接口地址与字段，表单用 rules 做校验。
3. 列表与分页：接入 分页表格 与 搜索区，支持重置与导出。
4. 登录与权限：登录后保存 token，Axios 拦截器注入；菜单先用静态，后续切到后端动态。
5. 日志与配置：登录/操作日志列表展示与筛选；参数配置 键值对 管理。