【VUE】vue后台常用模板

杨利霞

/ g9 ~$ l7 ?* @8 Y7 L2 X/ m【VUE】vue后台常用模板
8 }+ E1 m! V8 b. Mvue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/


以下是在下收集的三个常用的vue模板


1、vue-manage-system


6 L. p: F! H$ u$ e$ pgit地址：https://github.com/lin-xin/vue-manage-system
线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
& ^& H! Y9 _1 O# `$ h0 Z模板如图：
/ d6 ?6 Y" `5 W$ n% N
; |4 d% P7 L! m- b- Q


2、vue-element-admin
! u3 G* f$ l$ G: _: o7 e/ Kgit地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
* g$ e5 d$ k% D, z
% w; d3 |2 T$ B" z6 p# Y
中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
4 w! Z6 o2 ]% v  S2 y! B. c, z3 W1 p

5 d+ h9 d, F) f. g/ ?5 AIE兼容处理：参考文章
1 N/ P# k7 P2 a4 K' q1 D模板如图：
7 [( f1 e& H0 z+ \
: A1 N1 n. \" Z; B" q


3、vuejs 和 element 搭建的一个后台管理界面

( S" G! o; h( L1 ]1 }6 n! L# ~
: P' ?2 ~* A' ?$ a* w相关技术：
1 \. L7 @/ Y, f9 bvuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
" ]2 i  b* v9 x9 a3 ^2 e$ Q4 D4 Zelement：基于vuejs2.0的ui组件库。
vue-router：一般单页面应用spa都要用到的前端路由。
$ W, O0 y# B+ F, svuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
& k0 k: v7 ], H  s
- Y* K. l: F4 |
线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
1 _# }; `+ I+ r. ]2 L" n* [' D模板如图：


使用：
; e+ M1 [) e2 p: u5 J; b
- h: q4 D$ m% b
# z8 P: n* H+ T- Ainstall dependencies


npm install
serve with hot reload at localhost:8081
& X8 T+ t: q* d9 e9 @8 I
0 ]3 |4 o! \8 z1 \3 S
0 t- O8 l1 g2 @7 {9 Znpm run dev
* l2 g- K6 x9 [$ W0 F- u) G9 Q3 Rbuild for production with minification
- \5 x% i+ p- \& ?$ x0 O
, f  b3 q% t) ~& e- O" O8 M: c3 j
npm run build
1 e) F; z* j" h) A: l  H; |7 c
4 L/ z- Y2 Z  h* J' o# O
4、基于Vue实现后台系统权限控制


博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344
; b$ h# v2 m6 B2 n
+ Q2 ?1 O. |  P. k0 B
基于Vue.js 2.x系列 + Element UI 的后台系统权限控制


& e/ @: ~7 w5 ]$ Z7 D( Fgit地址：https://github.com/mgbq/vue-permission
: j% z& \: c8 g3 `线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard

' f9 w$ O6 z* i4 d% \2 Y9 W

4 L; x  g  ^, S9 M/ F4 ]# E4 e
( }' L; r" ~) r- J: T" w————————————————
版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051

$ z5 j& _: g2 j! X1 p6 W' J