简约而不简单 —— 一个极简的 Vue Admin 脚手架

2,123 阅读1分钟

使用 Vue CLI 3 及 Element UI 闪电般构建一个企业级后台管理系统。

麻雀虽小,五脏俱全,是一个用于学习和批判的绝佳项目。感兴趣的同学可以试用一下,欢迎提出任何建议!

在线预览

Element Admin

Screen Capture

仓库地址

核心功能

最小依赖:仅依赖 Vue 官方库及 ElementUI 组件库,未额外引入其它第三方库,为你提供自由发挥的空间。

目录结构:根据项目实战经验,设计了合理、清晰的目录结构。

页面布局:使用 Vue Router 嵌套路由及 ElementUI 内置组件进行布局。

数据处理:添加独立的 api 及 service 层,将业务逻辑从组件中抽离。

权限控制:为路由添加配置式拦截器,默认支持用户登录鉴权及角色鉴权。

列表示例:一个相对比较完整的列表页示例,包含字段查询(过滤),字段排序,页码跳转,批量操作等等。

表单示例:一个相对比较完整的表单页示例,包含表单校验、提交等操作。

错误页面:内置简单的(其实是偷懒) 403、404 及 500 错误页。