vben admin 系列学习启航

616 阅读1分钟

目前,公司正在使用 vben admin 进行二次开发,这是一个深入体验 vben admin 的绝佳机会,同时也是提升技术水平和学习 vben admin 代码的好契机。

什么是 vben admin?

vben admin 是一个开源的企业级管理系统前端框架,基于 Vue3、Vite 和 TypeScript,适用于构建中后台管理系统。

为什么要学习 vben admin?

  1. 提升技术水平和收入。
  2. 项目优秀且开源,在 GitHub 上已获得 28.8k Star,我们可免费学习。
  3. 内容丰富,包括 Axios 请求封装、Schema 表单封装、多主题配置、权限校验、按钮级别权限控制等功能。
  4. 许多项目模板基于 vben admin 进行二次开发,如 lamp-web

需要学习的内容

  1. Axios 请求封装:新手常用,进阶时需要增加各种拦截器。
  2. Schema 表单封装:通过配置快速开发表单,提高开发效率。
  3. 多主题配置:提升网站展示和用户体验。
  4. 权限校验:实现精细化的权限管理。
  5. 按钮级别权限控制:细化权限到按钮层面。
  6. 优秀的 utils:借鉴其中优秀的方法。
  7. 工程化:示例中的工程化内容都非常优秀,包括 monorepo、代码提交检查、ESLint 代码检查和修复等。

除了上述内容,公司目前正使用基于 vben admin 二次开发的 lamp,涵盖前后端技术栈。我们将在使用过程中遇到的问题进行分享。未来的内容可能不仅限于前端开发,也可能涉及部分后端内容。

如果你对这个系列感兴趣,请记得关注!

链接汇总

  1. vben admin:doc.vben.pro/
  2. lamp-web: github.com/zuihou/lamp…
  3. lamp:tangyh.top/