【VUE】vue后台常用模板

杨利霞

【VUE】vue后台常用模板
8 Z: T, s2 K' ?vue后台常用模板：
: f, }+ P4 {8 `& r+ R( }3 Qelement文档: http://element-cn.eleme.io/#/zh-CN/component/installation
2 l: e$ I/ d& A. \vue API: https://cn.vuejs.org/v2/api/

  C5 F7 Q" z4 c$ c
0 m& q& I$ H4 B6 i以下是在下收集的三个常用的vue模板


8 \' U) W) M' M; R! N. w0 H/ Z5 E1 F- s1、vue-manage-system

: L2 |" x* C- {' O/ j) v
git地址：https://github.com/lin-xin/vue-manage-system
线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
+ U6 B% U0 S# z模板如图：
5 `; ?/ ]) z: G. W& ~( h7 ^' O( f
( ~' s( {. @6 e& u
3 \9 H4 b9 n# s  i. e, l

9 g! P4 }5 B5 G, y9 c8 x8 x. O2、vue-element-admin
* V0 Q/ f$ Z) s/ S  dgit地址：https://github.com/PanJiaChen/vue-element-admin
0 O; d! d4 T% V+ s+ a( Y* [) L国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
4 r+ T  g; X% w3 a4 m+ q: S

中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
9 G2 E2 G1 `. K' `: p- B8 k

! X3 T* k$ m! K& \4 a1 T; PIE兼容处理：参考文章
模板如图：
8 T/ T0 z6 e# I# V



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


. s$ g' i" a* W- E  C  @" g7 T相关技术：
vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
% g! u, N! U; velement：基于vuejs2.0的ui组件库。
. z4 ~1 g* }7 N# c8 f9 T# Jvue-router：一般单页面应用spa都要用到的前端路由。
vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
4 D, L% d  H: x
% _2 n: u- h7 \, ~
线上地址：https://taylorchen709.github.io/vue-admin/#/login
: X* b$ r  W/ u9 r" w1 Q5 @git地址：https://github.com/taylorchen709/vue-admin
模板如图：


使用：


install dependencies

7 s' q; ^! D9 _2 M% I0 L
npm install
+ Y7 u! _/ \" x9 Y* f/ e) Nserve with hot reload at localhost:8081

/ H2 G6 A3 p+ }
, V0 k3 n6 }  q& H% Jnpm run dev
/ L" A2 R3 L, W( H6 lbuild for production with minification


$ V( `3 J4 k0 _2 ~+ Y- knpm run build

+ J2 J; v/ T6 m7 t  d3 O& {
4、基于Vue实现后台系统权限控制
: t9 Q- j7 C  Z

& b* a7 O, z7 ^. Z6 U博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344
1 k7 e. T8 f' z7 ~: A/ a
3 ^9 ?5 _, s" l- f
% h! W: o& Z! J: d8 a. V% f基于Vue.js 2.x系列 + Element UI 的后台系统权限控制

5 m  F) g8 s# y! a
  k+ e/ I7 j) {8 e# Kgit地址：https://github.com/mgbq/vue-permission
% b8 ^7 S2 o: x9 k/ q- @线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard

2 V( N4 c) m1 e; l, |
& z5 ~) B7 L' B7 J! O, a

+ x6 o& B; C$ C' a9 ~1 M3 r————————————————
版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051


: Q" o" L' s" B7 ?5 {