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

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

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

在线预览

Element Admin

仓库地址

• Plugin - codetrial/vue-cli-plugin-element
• Demo - Element Admin

核心功能

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

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

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

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

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

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

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

错误页面：内置简单的（其实是偷懒） 403、404 及 500 错误页。

转载于:https://juejin.im/post/5cc041ee5188250ab56da00d