数学建模社区-数学中国

标题: 【VUE】vue后台常用模板 [打印本页]

作者: 杨利霞    时间: 2021-7-19 15:30
标题: 【VUE】vue后台常用模板

/ Y; }2 O/ g) C; \【VUE】vue后台常用模板( }8 l) F3 _, S! b5 r" _
vue后台常用模板:
  j4 ^3 \& M- s- O7 V3 relement文档: http://element-cn.eleme.io/#/zh-CN/component/installation
7 z( a7 v& T3 A( `vue API: https://cn.vuejs.org/v2/api/* S* h. N* y9 j, a
4 _# |( c; I8 q' c! h9 s! L: T

: I( M! C$ m# x# {以下是在下收集的三个常用的vue模板
7 P, C3 f! w' Q/ e) h' U9 ^- V: I5 m+ z7 x! p

1 e4 Q0 s/ R0 I+ a. S1、vue-manage-system3 n, H: n8 y1 |. Q% K

" E, `, e* W! k/ G

4 j9 q( e. k* z! u9 L1 b+ igit地址:https://github.com/lin-xin/vue-manage-system* |! L7 H. p% P  h7 q
线上地址: http://blog.gdfengshuo.com/example/work/#/dashboard5 C/ w2 Q# Z% R2 q0 I4 o
模板如图:
0 y1 v8 a" j+ p5 S" ]& o  x# ]
% q* }: W( s; n9 X: ?) \  m4 ?

+ k0 h2 r) J/ r) H6 I* W' Z  E* J2 g7 U+ U5 F
& o0 o0 Y) u" l0 {, a8 g$ g% f+ t8 ?
2、vue-element-admin
, S+ o9 L8 ~, H, y' y: `git地址:https://github.com/PanJiaChen/vue-element-admin% o: U- j0 y2 Y0 E6 L* [; [$ J
国际化版本:https://github.com/PanJiaChen/vue-element-admin/tree/i18n
2 o. d7 O2 K  n8 j7 i
$ C8 O6 H3 a+ q0 f, o; l$ o
: {/ @+ F$ g! S6 i
中文线上预览:https://panjiachen.github.io/vue-element-admin/#/dashboard
. g. z! i0 N$ O& k2 S" O& M) p; o* }! W/ `

5 z" e1 a( X+ D2 Z- n8 n; v! qIE兼容处理:参考文章3 u9 t( R- @+ f) `1 Y
模板如图:9 N/ V$ t7 \. i' N# Z0 m5 U
! s" \! x0 ~- C' t: T5 a: h; c( \

" w( X- V: t8 U) Y6 \7 r0 d
1 h, M! v1 `+ A2 _* A. B5 B
3 p- P7 M  V% j$ O- g+ \
3、vuejs 和 element 搭建的一个后台管理界面1 ^8 s5 B- T+ x/ }% Y" U1 F" L0 {
! e- z$ F7 Z* U4 l

4 g4 z- g7 |9 M* q8 `0 w相关技术:; }" K3 _% k: b8 ]* ^
vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。+ \6 j0 S  Z& X- d" w
element:基于vuejs2.0的ui组件库。
& R- t2 a4 M% U" M1 ivue-router:一般单页面应用spa都要用到的前端路由。
' M2 L; Y6 l/ o4 z! z5 bvuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
; l4 ~! W& N6 }8 J0 P. \  H) a  E" T  G" Q6 i
) D% F& t. g0 f0 |) K8 b/ N
线上地址:https://taylorchen709.github.io/vue-admin/#/login- j: @: s: T: h" J4 j* n
git地址:https://github.com/taylorchen709/vue-admin" J7 J: H) Q# l" N
模板如图:( _" D" e0 B  Z# T) s

' v8 l' P; N8 Q0 e* y
" Y, K7 N  q# P; J& g& V+ V' Y
使用:# T' H' L' }9 F9 Z( X, f7 ^

5 o6 Z1 I" X$ \  X% \/ e! H$ z" m+ W
, q, ]* [7 o0 s. N2 j7 {" {3 X
install dependencies
0 O  O% B$ a" @# S  d: E, |* ?- O( d

+ j! b7 I. x& ~8 l1 t" Nnpm install- P" I$ v' `8 H. T' N, c9 Q; y" G
serve with hot reload at localhost:8081
+ z/ n) ]: o) K3 j3 d2 q  E' s( w% U

3 ]  f0 r# d' n% N7 unpm run dev
4 p& |; x. C! B: e  O0 H  c( Hbuild for production with minification9 J0 x  v, G- B
& Y" H; P6 X' H% H* {% i+ r; q2 S# L
6 T! o' v! y' [) \- j, r
npm run build
; {+ ?" x1 O4 s2 z: i- H
4 l6 F6 m3 [! z" {0 b7 m) |' s

( n. Z' \5 Z) |6 b4、基于Vue实现后台系统权限控制
) S' o1 u" `9 H% f. ?- \$ `$ S
/ L1 t1 O6 ?$ W! m+ C; ]

  t. a8 A  U" S, K7 v. b博客地址: https://blog.csdn.net/qq_32340877/article/details/79416344$ u+ H% b8 i& X. |0 g

& o# c1 f4 f5 v5 ?3 {& x/ z8 S

9 W8 o# A& y+ v$ W6 U$ E基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
& |; ?2 L1 J  E& f# l
% W' D: h- {; h

3 ?& p) Y% i$ D3 {git地址:https://github.com/mgbq/vue-permission- e) I2 b, B9 D' f) V% v
线上地址:https://mgbq.github.io/vue-permission/#/dashboard/dashboard  U" |5 R0 P& A, N
  N$ v* c# g* l4 k# w% [+ d3 C
: g3 ]' f' _! \3 f

! z  r/ s: j3 b8 i8 @# D# p

3 d# ?$ k" @3 F, b1 u% S————————————————
: R6 _/ M& b. @! N/ B0 ]2 m% E/ _版权声明:本文为CSDN博主「LuviaWu」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。% Y4 F- @# H  X" q' N
原文链接:https://blog.csdn.net/LuviaWu/article/details/89212051
4 v+ D3 K, M2 D: a5 v6 R2 z2 N# q* f% r/ S- K( o# l

" C1 Q4 b3 y" \




欢迎光临 数学建模社区-数学中国 (http://www.madio.net/) Powered by Discuz! X2.5