文件列表:

.postcssrc.js (197, 2017-11-13)
favicon.ico (67646, 2017-11-13)
index.html (479, 2017-11-13)
LICENSE (1067, 2017-11-13)
package.json (2969, 2017-11-16)
package-lock.json (301097, 2017-11-16)
build\build.js (1230, 2017-11-13)
build\check-versions.js (1295, 2017-11-13)
build\dev-client.js (245, 2017-11-13)
build\dev-server.js (2543, 2017-11-13)
build\utils.js (1949, 2017-11-13)
build\vue-loader.conf.js (331, 2017-11-13)
build\webpack.base.conf.js (2635, 2017-11-13)
build\webpack.dev.conf.js (1445, 2017-11-13)
build\webpack.prod.conf.js (4236, 2017-11-13)
config\dev.env.js (157, 2017-11-13)
config\index.js (1500, 2017-11-13)
config\prod.env.js (159, 2017-11-13)
config\sit.env.js (157, 2017-11-13)
gifs\2login.gif (281651, 2017-11-13)
gifs\dynamictable.gif (41627, 2017-11-13)
gifs\echarts.gif (234858, 2017-11-13)
gifs\editor.gif (445482, 2017-11-13)
gifs\errorlog.gif (544363, 2017-11-13)
gifs\excel.png (37340, 2017-11-13)
gifs\leftmenu.gif (615435, 2017-11-13)
gifs\login.png (52284, 2017-11-13)
gifs\order.gif (1176112, 2017-11-13)
gifs\table.gif (399348, 2017-11-13)
gifs\tabs.gif (1253124, 2017-11-13)
gifs\theme.gif (271651, 2017-11-13)
gifs\upload1.gif (151630, 2017-11-13)
gifs\uploadAvatar.gif (337357, 2017-11-13)
src\api\article.js (379, 2017-11-13)
src\api\login.js (439, 2017-11-13)
src\api\qiniu.js (164, 2017-11-13)
src\api\remoteSearch.js (159, 2017-11-13)
... ...

# vue-element-admin # [](https://github.com/vuejs/vue) [](https://github.com/ElemeFE/element) [](https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE) []() [线上地址](http://panjiachen.github.io/vue-element-admin) [English Document](https://github.com/PanJiaChen/vue-element-admin/blob/master/README-en.md) [wiki](https://github.com/PanJiaChen/vue-element-admin/wiki) [donate](https://github.com/PanJiaChen/vue-element-admin#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** 楼主这里有一份调查[问卷](https://www.wjx.cn/m/16866569.aspx) 有空请填写一下,以表对本项目的支持~ps:不是给这个调查问卷网站做广告,所以填完问卷不用点上面抽奖有的没的那些东西 ## 前言 > 这半年来一直在用vue写管理后台,目前后台已经有百来个页面,十几种权限,但维护成本依然很低,所以准备开源分享一下后台开发的经验和成果。目前的技术栈主要的采用vue+element+axios由webpack2打包。由于是个人项目,所以数据请求都是用了mockjs模拟。注意:在此项目基础上改造开发时请移除mock文件。 写了一个系列的教程配套文章,如何从零构建后一个完整的后台项目: - [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) - [手摸手,带你用vue撸后台 系列四(vueAdmin 一个极简的后台基础模板)](https://juejin.im/post/595b4d776fb9a06bbe7dba56) - [手摸手,带你封装一个vue component](https://segmentfault.com/a/1190000009090836) 相应需求,开了一个qq群 `591724180` 方便大家交流 或者可以加入该 **[圈子](https://jianshiapp.com/circles/1209)** 讨论问题 **如有问题请先看上述文章和Wiki,若不能满足,欢迎 issue 和 pr** **该项目并不是一个脚手架,更倾向于是一个集成解决方案** **该项目不支持低版本游览器(如ie),有需求请自行添加polyfill [详情](https://github.com/PanJiaChen/vue-element-admin/wiki#babel-polyfill)** ## 功能 - 登录/注销 - 权限验证 - 侧边栏 - 面包屑 - 富文本编辑器 - Markdown编辑器 - JSON编辑器 - 列表拖拽 - plitPane - Dropzone - Sticky - CountTo - echarts图表 - 401,404错误页面 - 错误日志 - 导出excel - zip - 前端可视化excel - table example - 动态table example - 拖拽table example - 内联编辑table example - form example - 多环境发布 - dashboard - 二次登录 - 动态侧边栏(支持多级路由) - mock数据 - cache tabs example - screenfull - markdown2html - views-tab - clipboard ## 开发 ```bash # 克隆项目 git clone https://github.com/PanJiaChen/vue-element-admin.git # 安装依赖 npm install //or # 建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题 npm install --registry=https://registry.npm.taobao.org # 本地开发 开启服务 npm run dev ``` 浏览器访问 http://localhost:9527 ## 发布 ```bash # 发布测试环境 带webpack ananalyzer npm run build:sit-preview # 构建生成环境 npm run build:prod ``` ## 目录结构 ```shell ├── build // 构建相关 ├── config // 配置相关 ├── src // 源代码 │ ├── api // 所有请求 │ ├── assets // 主题 字体等静态资源 │ ├── components // 全局公用组件 │ ├── directive // 全局指令 │ ├── filtres // 全局filter │ ├── mock // mock数据 │ ├── router // 路由 │ ├── store // 全局store管理 │ ├── styles // 全局样式 │ ├── utils // 全局公用方法 │ ├── view // view │ ├── App.vue // 入口页面 │ └── main.js // 入口 加载组件 初始化等 ├── static // 第三方不打包资源 │ └── Tinymce // 富文本 ├── .babelrc // babel-loader 配置 ├── eslintrc.js // eslint 配置项 ├── .gitignore // git 忽略项 ├── favicon.ico // favicon图标 ├── index.html // html模板 └── package.json // package.json ``` ## 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  ## 状态管理 后台只有user和app配置相关状态使用vuex存在全局,其它数据都由每个业务页面自己管理。 ## 效果图 #### 两步验证登录 支持微信和qq  #### 真正的动态换肤 
#### tabs 
#### 可收起侧边栏  #### table拖拽排序  #### 动态table  #### 上传裁剪头像  #### 错误统计  #### 富文本(整合七牛 打水印等个性化功能)  #### 封装table组件  #### 图表  #### 导出excel  ## [查看更多demo](http://panjiachen.github.io/vue-element-admin) ## License MIT

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：