【VUE】vue后台常用模板

杨利霞

【VUE】vue后台常用模板
0 @- e- M# ~* M. J; ?vue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/
. ]" a: s& c* E$ m( _' G( N& d+ ~. t( L
3 g) i6 h' A0 z( N
以下是在下收集的三个常用的vue模板

$ c3 k' X  A7 G$ _4 d9 o6 g" _
1、vue-manage-system


git地址：https://github.com/lin-xin/vue-manage-system
7 U& q9 h7 d+ c2 u: w线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
8 }! ?. Z5 Z$ i7 v" Q8 x4 q模板如图：
5 b6 M) b& `( O; J

9 c8 c  D& B- c; D0 u! U0 Z5 p, Q

2、vue-element-admin
2 ^5 ?. g; L: X2 ^% h/ o1 F% q5 `4 O& Bgit地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
+ e1 W% g5 r, C. V
) i6 P/ F; [/ c' V# T. y* p& E
" D& a5 a3 q, k/ [4 Y. c! X中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard


IE兼容处理：参考文章
7 o2 Q+ O8 e/ l) x* F模板如图：
% c7 m) m) L+ R* b( K

, h9 F* L6 s. g) q: ~( r5 C

! ]7 ?4 m8 R$ w' s3、vuejs 和 element 搭建的一个后台管理界面
; e) }  t5 D  y# P6 e0 ~- Z
, q6 J' [9 q6 H) R
1 n5 j% o0 R8 g) K3 D2 i相关技术：
, ]5 m$ e$ B2 ?% _7 g2 h  J: V/ o5 Dvuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
& d5 ?( D/ h: x5 f) @# gelement：基于vuejs2.0的ui组件库。
vue-router：一般单页面应用spa都要用到的前端路由。
vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
" K( C& z7 ^+ G
) X* Y9 |8 Y- E
线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
模板如图：


. n+ ^" S  a7 e' G/ [( m# g使用：


install dependencies
! y$ F6 t" E* M+ y
9 w: ^$ h( o- }6 w4 l. x
npm install
serve with hot reload at localhost:8081
) t. A0 B' _0 l7 ~. E8 R0 I$ i
2 w, F7 p: d+ T3 c( H$ h
/ c/ f+ M: d# U; T7 S9 o" z( e3 lnpm run dev
- ~! }4 O' e9 \9 O( r2 vbuild for production with minification
: h/ b" @+ O+ O' w& G

2 _. n# c/ I% C: q, I$ M3 hnpm run build

' G/ J& c1 }4 w  l  p& t" E& B' X
2 R! w( x) S/ Z+ R1 \3 R5 c4、基于Vue实现后台系统权限控制

' l, P) ?, P0 Z0 B/ F
博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344


基于Vue.js 2.x系列 + Element UI 的后台系统权限控制


git地址：https://github.com/mgbq/vue-permission
: f7 {8 e3 a/ m线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard

/ G. r; I! }6 P: Q+ ^; V0 Y


% D  S. z! k) L. @6 J————————————————
9 p7 G: r0 A2 h) A% x版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
  o; _' n- _  A) t9 y9 Z$ I

$ d( P; C1 z3 ?/ T; o- N