Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
V
VueElementTemplate
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
JIRA
JIRA
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
HireTest
VueElementTemplate
Commits
39d26068
Commit
39d26068
authored
7 years ago
by
Pan
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
doc:update readme
parent
d68d4641
No related merge requests found
Changes
2
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
52 additions
and
105 deletions
+52
-105
README.md
README.md
+51
-104
utils.js
build/utils.js
+1
-1
No files found.
README.md
View file @
39d26068
...
@@ -4,37 +4,37 @@
...
@@ -4,37 +4,37 @@
# vue-element-admin
# vue-element-admin
[

](https://github.com/vuejs/vue)
[

](https://github.com/vuejs/vue)
[

](https://github.com/ElemeFE/element)
[

](https://github.com/ElemeFE/element)
[

](https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE)
[

](https://github.com/PanJiaChen/vue-element-admin/blob/master/LICENSE)
[

]()
[

]()
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
)
-
模板建议使用:
[
vueAdmin-template
](
https://github.com/PanJiaChen/vueAdmin-template
)
-
桌面端:
[
electron-vue-admin
](
https://github.com/PanJiaChen/electron-vue-admin
)
-
桌面端:
[
electron-vue-admin
](
https://github.com/PanJiaChen/electron-vue-admin
)
**注意:该项目目前使用element-ui@2.0.5版本,所以最低兼容 Vue 2.5.0**
**注意:该项目目前使用element-ui@1.4.2版本,所以最低兼容 Vue 2.3.0**
楼主这里有一份调查
[
问卷
](
https://www.wjx.cn/m/16866569.aspx
)
有空请填写一下,以表对本项目的支持~ps:不是给这个调查问卷网站做广告,所以填完问卷不用点上面抽奖有的没的那些东西
楼主这里有一份调查
[
问卷
](
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/59097cd7a22b9d0065fb61d2
)
-
[
手摸手,带你用 vue 撸后台 系列二(登录权限篇)
](
https://juejin.im/post/591aa14f570c35006961acac
)
-
[
手摸手,带你用 vue 撸后台 系列二(登录权限篇)
](
https://juejin.im/post/591aa14f570c35006961acac
)
-
[
手摸手,带你用 vue 撸后台 系列三 (实战篇)
](
https://juejin.im/post/593121aa0ce4630057f70d35
)
-
[
手摸手,带你用 vue 撸后台 系列三 (实战篇)
](
https://juejin.im/post/593121aa0ce4630057f70d35
)
...
@@ -47,7 +47,7 @@
...
@@ -47,7 +47,7 @@
**如有问题请先看上述文章和Wiki,若不能满足,欢迎 issue 和 pr**
**如有问题请先看上述文章和Wiki,若不能满足,欢迎 issue 和 pr**
**
该
项目并不是一个脚手架,更倾向于是一个集成解决方案**
**
本
项目并不是一个脚手架,更倾向于是一个集成解决方案**
**该项目不支持低版本游览器(如ie),有需求请自行添加polyfill [详情](https://github.com/PanJiaChen/vue-element-admin/wiki#babel-polyfill)**
**该项目不支持低版本游览器(如ie),有需求请自行添加polyfill [详情](https://github.com/PanJiaChen/vue-element-admin/wiki#babel-polyfill)**
...
@@ -55,37 +55,38 @@
...
@@ -55,37 +55,38 @@
## 功能
## 功能
-
登录/注销
-
登录/注销
-
权限验证
-
权限验证
-
侧边栏
-
多环境发布
-
面包屑
-
动态侧边栏(支持多级路由)
-
动态面包屑
-
国际化多语言
-
多种动态换肤
-
快捷导航(标签页)
-
富文本编辑器
-
富文本编辑器
-
Markdown编辑器
-
Markdown编辑器
-
JSON编辑器
-
JSON编辑器
-
Screenfull全屏
-
列表拖拽
-
列表拖拽
-
plitPane
-
Svg Sprite 图标
-
D
ropzone
-
D
ashboard
-
Sticky
-
本地mock数据
-
CountTo
-
Echarts 图表
-
echarts图表
-
Clipboard(剪贴复制)
-
401
,
404错误页面
-
401
/
404错误页面
-
错误日志
-
错误日志
-
导出excel
-
导出excel
-
zip
-
导出
zip
-
前端可视化excel
-
前端可视化excel
-
t
able example
-
T
able example
-
动态table example
-
动态table example
-
拖拽table example
-
拖拽table example
-
内联编辑table example
-
内联编辑table example
-
form example
-
Form example
-
多环境发布
-
二步登录
-
dashboard
-
SplitPane
-
二次登录
-
Dropzone
-
动态侧边栏(支持多级路由)
-
Sticky
-
mock数据
-
CountTo
-
cache tabs example
-
Markdown2html
-
screenfull
-
markdown2html
-
views-tab
-
clipboard
## 开发
## 开发
...
@@ -121,15 +122,19 @@
...
@@ -121,15 +122,19 @@
│ ├── assets // 主题 字体等静态资源
│ ├── assets // 主题 字体等静态资源
│ ├── components // 全局公用组件
│ ├── components // 全局公用组件
│ ├── directive // 全局指令
│ ├── directive // 全局指令
│ ├── filtres // 全局filter
│ ├── filtres // 全局 filter
│ ├── mock // mock数据
│ ├── icons // 项目所有 svg icons
│ ├── lang // 国际化 language
│ ├── mock // 项目mock 模拟数据
│ ├── router // 路由
│ ├── router // 路由
│ ├── store // 全局store管理
│ ├── store // 全局
store管理
│ ├── styles // 全局样式
│ ├── styles // 全局样式
│ ├── utils // 全局公用方法
│ ├── utils // 全局公用方法
│ ├── view // view
│ ├── vendor // 公用vendor
│ ├── views // view
│ ├── App.vue // 入口页面
│ ├── App.vue // 入口页面
│ └── main.js // 入口 加载组件 初始化等
│ ├── main.js // 入口 加载组件 初始化等
│ └── permission.js // 权限管理
├── static // 第三方不打包资源
├── static // 第三方不打包资源
│ └── Tinymce // 富文本
│ └── Tinymce // 富文本
├── .babelrc // babel-loader 配置
├── .babelrc // babel-loader 配置
...
@@ -144,73 +149,15 @@
...
@@ -144,73 +149,15 @@
## Changelog
## Changelog
Detailed changes for each release are documented in the
[
release notes
](
https://github.com/PanJiaChen/vue-element-admin/releases
)
.
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存在全局,其它数据都由每个业务页面自己管理。
后台只有user和app配置相关状态使用vuex存在全局,其它数据都由每个业务页面自己管理。
## 效果图
#### 两步验证登录 支持微信和qq

#### 真正的动态换肤

<br
/>
#### tabs

<br
/>
#### 可收起侧边栏

#### table拖拽排序

#### 动态table

#### 上传裁剪头像

#### 错误统计

#### 富文本(整合七牛 打水印等个性化功能)

#### 封装table组件

#### 图表

#### 导出excel

## [查看更多demo](http://panjiachen.github.io/vue-element-admin)
## [查看更多demo](http://panjiachen.github.io/vue-element-admin)

## Donate
If you find this project useful, you can buy me a cup of coffee

## License
## License
...
...
This diff is collapsed.
Click to expand it.
build/utils.js
View file @
39d26068
...
@@ -23,7 +23,7 @@ exports.cssLoaders = function (options) {
...
@@ -23,7 +23,7 @@ exports.cssLoaders = function (options) {
var
postcssLoader
=
{
var
postcssLoader
=
{
loader
:
'postcss-loader'
,
loader
:
'postcss-loader'
,
options
:
{
options
:
{
sourceMap
:
options
.
sourceMap
sourceMap
:
true
}
}
}
}
...
...
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment