Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Rven01
vue-element-admin
提交
39d26068
V
vue-element-admin
项目概览
Rven01
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
4
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
39d26068
编写于
11月 29, 2017
作者:
P
Pan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
doc:update readme
上级
d68d4641
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
52 addition
and
105 deletion
+52
-105
README.md
README.md
+51
-104
build/utils.js
build/utils.js
+1
-1
未找到文件。
README.md
浏览文件 @
39d26068
...
...
@@ -2,39 +2,39 @@
<img
width=
"320"
src=
"https://wpimg.wallstcn.com/ecc53a42-d79b-42e2-8852-5126b810a4c8.svg"
>
</p>
# vue-element-admin
# vue-element-admin
[
![vue
](
https://img.shields.io/badge/vue-2.
4.2
-brightgreen.svg
)
](https://github.com/vuejs/vue)
[
![element-ui
](
https://img.shields.io/badge/element--ui-
1.4.2
-brightgreen.svg
)
](https://github.com/ElemeFE/element)
[
![vue
](
https://img.shields.io/badge/vue-2.
5.9
-brightgreen.svg
)
](https://github.com/vuejs/vue)
[
![element-ui
](
https://img.shields.io/badge/element--ui-
2.0.5
-brightgreen.svg
)
](https://github.com/ElemeFE/element)
[
![license
](
https://img.shields.io/github/license/mashape/apistatus.svg
)
](https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE)
[
![GitHub release
](
https://img.shields.io/github/release/PanJiaChen/vue-element-admin.svg
)
]()
A magical vue admin.
[
线上地址
](
http://panjiachen.github.io/vue-element-admin
)
-
[
线上地址
](
http://panjiachen.github.io/vue-element-admin
)
[
English Document
](
https://github.com/PanJiaChen/vue-element-admin/blob/master/README-en.md
)
-
[
文档地址
](
https://panjiachen.github.io/vue-element-admin-site/#/
)
[
wiki
](
https://github.com/PanJiaChen/vue-element-admin/wiki
)
-
[
English Document
](
https://github.com/PanJiaChen/vue-element-admin/blob/master/README-en.md
)
[
donate
](
https://github.com/PanJiaChen/vue-element-admin#donate
)
-
[
wiki
](
https://github.com/PanJiaChen/vue-element-admin/wiki
)
-
[
donate
](
https://panjiachen.github.io/vue-element-admin-site/#/donate
)
**本项目的定位是后台集成方案,不适合当基础模板来开发。**
-
模板建议使用:
[
vueAdmin-template
](
https://github.com/PanJiaChen/vueAdmin-template
)
-
桌面端:
[
electron-vue-admin
](
https://github.com/PanJiaChen/electron-vue-admin
)
**注意:该项目目前使用element-ui@1.4.2版本,所以最低兼容 Vue 2.3.0**
**注意:该项目目前使用element-ui@2.0.5版本,所以最低兼容 Vue 2.5.0**
楼主这里有一份调查
[
问卷
](
https://www.wjx.cn/m/16866569.aspx
)
有空请填写一下,以表对本项目的支持~ps:不是给这个调查问卷网站做广告,所以填完问卷不用点上面抽奖有的没的那些东西
## 前言
> 这半年来一直在用vue写管理后台,目前后台已经有百来个页面,十几种权限,但维护成本依然很低,所以准备开源分享一下后台开发的经验和成果。目前的技术栈主要的采用vue+element+axios由webpack2打包。由于是个人项目,所以数据请求都是用了mockjs模拟。注意:在此项目基础上改造开发时请移除mock文件。
## 前序准备
你的本地环境需要安装
[
node
](
http://nodejs.org/
)
和
[
git
](
https://git-scm.com/
)
。我们的技术栈基于
[
ES2015+
](
http://es6.ruanyifeng.com/
)
、
[
vue
](
https://cn.vuejs.org/index.html
)
、
[
vuex
](
https://vuex.vuejs.org/zh-cn/
)
、
[
vue-router
](
https://router.vuejs.org/zh-cn/
)
和
[
element-ui
](
https://github.com/ElemeFE/element
)
,提前了解和学习这些知识会对使用本项目有很大的帮助。
写了一个系列的教程配套文章,如何从零构建后一个完整的后台项目:
-
[
wiki
](
https://github.com/PanJiaChen/vue-element-admin/wiki
)
同时配套一个系列的教程文章,如何从零构建后一个完整的后台项目,建议大家先看完这些文章再来实践本项目
-
[
手摸手,带你用 vue 撸后台 系列一(基础篇)
](
https://juejin.im/post/59097cd7a22b9d0065fb61d2
)
-
[
手摸手,带你用 vue 撸后台 系列二(登录权限篇)
](
https://juejin.im/post/591aa14f570c35006961acac
)
-
[
手摸手,带你用 vue 撸后台 系列三 (实战篇)
](
https://juejin.im/post/593121aa0ce4630057f70d35
)
...
...
@@ -47,7 +47,7 @@
**如有问题请先看上述文章和Wiki,若不能满足,欢迎 issue 和 pr**
**
该
项目并不是一个脚手架,更倾向于是一个集成解决方案**
**
本
项目并不是一个脚手架,更倾向于是一个集成解决方案**
**该项目不支持低版本游览器(如ie),有需求请自行添加polyfill [详情](https://github.com/PanJiaChen/vue-element-admin/wiki#babel-polyfill)**
...
...
@@ -55,37 +55,38 @@
## 功能
-
登录/注销
-
权限验证
-
侧边栏
-
面包屑
-
多环境发布
-
动态侧边栏(支持多级路由)
-
动态面包屑
-
国际化多语言
-
多种动态换肤
-
快捷导航(标签页)
-
富文本编辑器
-
Markdown编辑器
-
JSON编辑器
-
Screenfull全屏
-
列表拖拽
-
plitPane
-
D
ropzone
-
Sticky
-
CountTo
-
echarts图表
-
401
,
404错误页面
-
Svg Sprite 图标
-
D
ashboard
-
本地mock数据
-
Echarts 图表
-
Clipboard(剪贴复制)
-
401
/
404错误页面
-
错误日志
-
导出excel
-
zip
-
导出
zip
-
前端可视化excel
-
t
able example
-
T
able example
-
动态table example
-
拖拽table example
-
内联编辑table example
-
form example
-
多环境发布
-
dashboard
-
二次登录
-
动态侧边栏(支持多级路由)
-
mock数据
-
cache tabs example
-
screenfull
-
markdown2html
-
views-tab
-
clipboard
-
Form example
-
二步登录
-
SplitPane
-
Dropzone
-
Sticky
-
CountTo
-
Markdown2html
## 开发
...
...
@@ -121,15 +122,19 @@
│ ├── assets // 主题 字体等静态资源
│ ├── components // 全局公用组件
│ ├── directive // 全局指令
│ ├── filtres // 全局filter
│ ├── mock // mock数据
│ ├── filtres // 全局 filter
│ ├── icons // 项目所有 svg icons
│ ├── lang // 国际化 language
│ ├── mock // 项目mock 模拟数据
│ ├── router // 路由
│ ├── store // 全局store管理
│ ├── store // 全局
store管理
│ ├── styles // 全局样式
│ ├── utils // 全局公用方法
│ ├── view // view
│ ├── vendor // 公用vendor
│ ├── views // view
│ ├── App.vue // 入口页面
│ └── main.js // 入口 加载组件 初始化等
│ ├── main.js // 入口 加载组件 初始化等
│ └── permission.js // 权限管理
├── static // 第三方不打包资源
│ └── Tinymce // 富文本
├── .babelrc // babel-loader 配置
...
...
@@ -144,73 +149,15 @@
## Changelog
Detailed changes for each release are documented in the
[
release notes
](
https://github.com/PanJiaChen/vue-element-admin/releases
)
.
## Donate
If you find this project useful, you can buy me a cup of coffee
![
donate
](
https://panjiachen.github.io/donate/donation.png
)
## 状态管理
后台只有user和app配置相关状态使用vuex存在全局,其它数据都由每个业务页面自己管理。
## 效果图
#### 两步验证登录 支持微信和qq
![
两步验证 here
](
https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/2login.gif
)
#### 真正的动态换肤
![
真正的动态换肤
](
https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/theme.gif
)
<br
/>
#### tabs
![
tabs
](
https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/tabs.gif
)
<br
/>
#### 可收起侧边栏
![
enter image description here
](
https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/leftmenu.gif
)
#### table拖拽排序
![
enter image description here
](
https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/order.gif
)
#### 动态table
![
enter image description here
](
https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/dynamictable.gif
)
#### 上传裁剪头像
![
enter image description here
](
https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/uploadAvatar.gif
)
#### 错误统计
![
enter image description here
](
https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/errorlog.gif
)
#### 富文本(整合七牛 打水印等个性化功能)
![
enter image description here
](
https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/editor.gif
)
#### 封装table组件
![
enter image description here
](
https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/table.gif
)
#### 图表
![
enter image description here
](
https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/echarts.gif
)
#### 导出excel
![
enter image description here
](
https://github.com/PanJiaChen/vue-element-admin/blob/master/gifs/excel.png
)
## [查看更多demo](http://panjiachen.github.io/vue-element-admin)
![](
https://wpimg.wallstcn.com/1bc334a6-32a8-4f29-a037-ac3f5ce32588.png
)
## Donate
If you find this project useful, you can buy me a cup of coffee
![
donate
](
https://panjiachen.github.io/donate/donation.png
)
## License
...
...
build/utils.js
浏览文件 @
39d26068
...
...
@@ -23,7 +23,7 @@ exports.cssLoaders = function (options) {
var
postcssLoader
=
{
loader
:
'
postcss-loader
'
,
options
:
{
sourceMap
:
options
.
sourceMap
sourceMap
:
true
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录