使用 Vue CLI 3 及 Element UI 闪电般构建一个企业级后台管理系统。
麻雀虽小,五脏俱全,是一个用于学习和批判的绝佳项目。感兴趣的同学可以试用一下,欢迎提出任何建议!
在线预览
仓库地址
- Plugin - codetrial/vue-cli-plugin-element
- Demo - Element Admin
核心功能
最小依赖:仅依赖 Vue 官方库及 ElementUI 组件库,未额外引入其它第三方库,为你提供自由发挥的空间。
目录结构:根据项目实战经验,设计了合理、清晰的目录结构。
页面布局:使用 Vue Router 嵌套路由及 ElementUI 内置组件进行布局。
数据处理:添加独立的 api 及 service 层,将业务逻辑从组件中抽离。
权限控制:为路由添加配置式拦截器,默认支持用户登录鉴权及角色鉴权。
列表示例:一个相对比较完整的列表页示例,包含字段查询(过滤),字段排序,页码跳转,批量操作等等。
表单示例:一个相对比较完整的表单页示例,包含表单校验、提交等操作。
错误页面:内置简单的(其实是偷懒) 403、404 及 500 错误页。