README.zh-CN.md

Element Admin

一个简约而不简单的基于 Vue CLI 3 和 ElementUI 的中后台管理系统。

此项目由一个不可思议的 vue cli 插件构建 - @codetrial/vue-cli-plugin-element

🇨🇳 简体中文 | 🇺🇸 English

文档

⚡ 在线示例 | 📖 参考文档

截屏预览

快速开始

使用 Git

# 克隆这个仓库
yarn install
yarn run serve

使用 Vue CLI

vue create --preset codetrial/vue-cli-plugin-element your-project

核心功能

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

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

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

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

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

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

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

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

贡献

期待你的 pull requests。如果你觉得有帮助，还请多多反馈！

技术栈

• Vue.js
• ElementUI

许可

MIT

Copyright (c) 2018 - present, Felix Yang