【VUE】vue后台常用模板

杨利霞

7 K/ m% f/ p% O【VUE】vue后台常用模板
3 l2 ]6 s+ a% p0 r0 V9 D+ ^vue后台常用模板：
+ b& f: ^; n! w" j8 c& p+ O) jelement文档: http://element-cn.eleme.io/#/zh-CN/component/installation
) j/ ~9 W4 Q0 I. C6 d6 l. Uvue API: https://cn.vuejs.org/v2/api/


以下是在下收集的三个常用的vue模板
: W" d& L1 `2 y: ~5 c1 P
3 V2 U3 k* s2 W' E% f2 f+ t) p
$ D) r6 e8 L3 Z! n% \1、vue-manage-system
. c+ y! x3 A7 c+ a6 x

. S" I9 W3 ?+ _5 \. }git地址：https://github.com/lin-xin/vue-manage-system
线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：
& Z# ^  _( _) A. l3 B+ \' C7 i

4 |( J/ y0 M5 w9 e1 h* M' e
" {) F3 ?% j) W3 d5 O7 N5 T+ R
# q4 E& y! P* B: J( w2 @2、vue-element-admin
. ]5 R, b: \4 p( B* Ugit地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n

8 Z, m7 @' U& l% q8 Y; X2 o% `
4 W% O! R: ~' Q  N( E- a$ C2 {中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
: g% C2 o) I; ]& x3 B
  r$ Q- h) x1 f" H
& V% D4 h4 c9 Q6 UIE兼容处理：参考文章
& B0 O& t5 U  @模板如图：
8 F( r+ b4 E6 h0 u9 \8 S
7 d! D! E7 D7 H4 H* N; x0 U


2 ~3 y1 I6 r* f3、vuejs 和 element 搭建的一个后台管理界面


7 y9 S( X/ X/ P  M# |1 c相关技术：
vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
% W1 B- f1 i3 v/ }, ?2 Aelement：基于vuejs2.0的ui组件库。
vue-router：一般单页面应用spa都要用到的前端路由。
; Q9 Q2 c7 d+ S( N" \2 ]vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
4 G- W' N% o% T2 ?8 i
0 \6 P$ O$ O: A: P: }
5 o  w+ K  p/ W# f线上地址：https://taylorchen709.github.io/vue-admin/#/login
8 j* Q9 r1 x2 Bgit地址：https://github.com/taylorchen709/vue-admin
, }2 o  L. y4 K+ W6 H( j模板如图：


4 q" K* A; f, b使用：
9 D3 d8 Q# g8 \& o# N' D

install dependencies
2 M- p; K( H! n8 r% y2 Y
# j8 n9 ^+ b! Q
' ^+ Y- `* d7 y1 U# B! L# [npm install
( K" K# V  @2 `  u$ \& nserve with hot reload at localhost:8081
1 U0 J! n" z6 U; S
: L" c9 g5 N2 i/ r* ~/ G3 a3 F
npm run dev
& a1 w6 T% o& N* d4 x$ hbuild for production with minification


0 T; y$ e3 b; N& [3 n( tnpm run build


4、基于Vue实现后台系统权限控制
) U- H1 S0 Q8 |- D
8 ^% f4 E  k. N0 T
博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344
# X% F9 |% b9 J
4 H9 c2 W+ U$ ~+ {2 h; H$ q9 ^! l
基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
& Y2 o6 d4 n" }) B1 X& r

git地址：https://github.com/mgbq/vue-permission
$ H& h( |4 u5 y1 l# R- X* K8 n3 r线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard
& |- k) W$ F5 w& L: U9 `

- l) ^: C& Z" Y, g) \2 `
1 J, u4 o& a5 J0 J
7 v  o& P! b) g————————————————
版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
* D) N) s5 v8 J+ J! _& N

# _1 v" @" R+ d  {