【VUE】vue后台常用模板

杨利霞

) k3 ~& l9 v8 j7 k' c7 u. [【VUE】vue后台常用模板
# x7 f! N) P% ~vue后台常用模板：
* y9 K& k' C! Helement文档: http://element-cn.eleme.io/#/zh-CN/component/installation
% A( I: ^, G' Avue API: https://cn.vuejs.org/v2/api/


$ W* I2 \7 z: a: E5 c$ H以下是在下收集的三个常用的vue模板
- C9 J; l0 y+ C/ ]9 v
9 s! Q" e6 E1 \3 S: Q2 f
1、vue-manage-system
, v- |# T3 S8 `% z7 O0 [

git地址：https://github.com/lin-xin/vue-manage-system
8 v& _9 w$ `) q3 F8 G. D. `1 ^# Z线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：

# P+ m; a- j* n: q+ k- z5 |


2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n


中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard

  V+ w7 b5 h  @  x# P
2 ^+ U6 I# W3 A5 bIE兼容处理：参考文章
模板如图：


  E# p9 X% P3 n! b! D* T# z! z# z
2 ^4 H8 q- i; Y! M4 \9 v4 A! m
8 s9 w4 }* D3 f$ c7 }3、vuejs 和 element 搭建的一个后台管理界面


  ~) t3 W' @' j相关技术：
vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
; P# X6 H1 _* W4 r2 l8 G) m2 w8 ivue-router：一般单页面应用spa都要用到的前端路由。
6 r" M' h4 |: d) d# h( qvuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。


线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
模板如图：
" Z6 b  F' X& F- O2 e1 A

使用：
& \% {! `# f( {2 y! z% o

( Q  Y$ g: z2 a4 Q! einstall dependencies


npm install
serve with hot reload at localhost:8081
# b+ ^. C3 @% D) O) @+ K. U
1 K% `' U$ P8 o+ Z1 Y0 \/ Z
npm run dev
- C4 ?" M7 s& v  k2 R+ |8 N9 vbuild for production with minification
& C4 E4 {2 ^6 d
  z, D+ R% k" |5 N9 B! G) `
9 ]8 `3 p8 _4 ~3 @" B8 bnpm run build
! `+ B& T+ n3 a3 T
( d% x& r) j8 ]% E8 N8 v! }
4、基于Vue实现后台系统权限控制
; p- ]. V8 i" P8 D+ q: w: U1 I8 t
/ I/ Q& o, L/ D! l" ?/ s
! p1 S3 g) ]2 e博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344

* j% A* y* \+ p# E- v0 ^
4 A) A$ P  h$ j基于Vue.js 2.x系列 + Element UI 的后台系统权限控制


git地址：https://github.com/mgbq/vue-permission
线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard

# P, x# Y3 M" L; J+ R


————————————————
版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
$ A6 i: b6 {) t+ h6 U5 [) n
* }* R. q3 ?. v" W# l! _