数学建模社区-数学中国

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

作者: 杨利霞    时间: 2021-7-19 15:30
标题: 【VUE】vue后台常用模板
1 X! ?/ v- z& _' ^7 K
【VUE】vue后台常用模板
! T9 e4 B, h3 f* F: O/ c  ~( {3 h, V- S" Yvue后台常用模板:
6 y- s- V8 z+ ~' c3 p6 yelement文档: http://element-cn.eleme.io/#/zh-CN/component/installation
& m: m5 H# y2 C# Gvue API: https://cn.vuejs.org/v2/api/
9 u# [7 N; i" p4 l0 Q4 k$ t8 w2 ~4 p# i; b2 e
) d8 d; c! e: u/ j+ \1 b5 J% Y
以下是在下收集的三个常用的vue模板
) o9 w& `2 L0 h* l+ j( B* \5 @1 E7 f& Y* n

/ Z; g) E# S8 \; w1、vue-manage-system- e* e: @/ Y8 B/ O* R( P
. U9 {* U+ |( o: b* @8 w

5 g4 g) C0 b9 w. S0 o& {git地址:https://github.com/lin-xin/vue-manage-system
5 {. n8 B& ]. q  h' H. J线上地址: http://blog.gdfengshuo.com/example/work/#/dashboard6 `+ }4 V- q7 f% \+ w& |' A1 |
模板如图:
: k5 L  P9 Y7 V. c0 P5 J; o1 R0 _2 w: n

6 h+ t# U7 H4 m6 J$ `
2 p5 o* \7 ]3 c" b; B8 K6 c  I- S

! b5 O0 Q. t1 t2 B' v& U2、vue-element-admin$ t# A  W7 D3 r! V9 ^- Z7 u1 s3 U: h  Y
git地址:https://github.com/PanJiaChen/vue-element-admin% Q4 Y- h6 L3 A9 X6 A
国际化版本:https://github.com/PanJiaChen/vue-element-admin/tree/i18n
, N2 |6 g$ J* y& B: j  `; ~+ I) w& Z3 M& U7 k5 g# `4 H" ?& G

  b1 [1 C+ `0 X  M. ?. m- Z, V中文线上预览:https://panjiachen.github.io/vue-element-admin/#/dashboard
7 X/ B; I4 `+ e# F
  d" b" ?+ Z7 A' {

& L( B" p  [7 m& f& c% O7 a* XIE兼容处理:参考文章9 w( ^' S' O' e: e
模板如图:, f( V3 u+ L: [5 i
2 n" F  K; `2 y1 ~

! \; }6 G) C: m& E- _
2 p9 O, B6 M8 p% ]( |9 O* {0 T

* O" o5 n' H, \! @3、vuejs 和 element 搭建的一个后台管理界面
, Y6 r* l0 V' t( @: V4 k6 |
5 i1 _; [1 s0 Y! y: b9 `

1 _$ n9 [' y' l( O' b7 J- x* h相关技术:
5 {" g5 m$ h" m5 i* _vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。
& \, k0 l# X4 h) Y% Z: F3 }element:基于vuejs2.0的ui组件库。
: K% O- H+ [, e9 A5 qvue-router:一般单页面应用spa都要用到的前端路由。
+ v  F! p5 j6 K. ?vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
; T4 r: j& m/ W8 R+ o  p+ R+ {' H! ~; R8 D
. U+ {. w9 X: o" C: f
线上地址:https://taylorchen709.github.io/vue-admin/#/login2 r  ?9 d( T$ N
git地址:https://github.com/taylorchen709/vue-admin) ^2 [. ?6 p; w3 i! g: U& Z; q
模板如图:. _8 Y! T7 z5 d

, Z# ]1 R, u4 H& p# b& @& r# E

+ ^2 |/ i) G% |  a* E: c使用:' J& i- a3 @1 {+ ?$ Y

5 V2 a5 h: D  h# X8 q9 Y
& Y! |+ }8 y7 w) D2 E
install dependencies
7 _0 P: y; b3 Y, {1 }+ J& |6 H' P$ c% D
1 d( q- \1 z7 T0 I( S; Q
npm install
6 a" n7 z. f# G4 r" Gserve with hot reload at localhost:8081; T1 i; m% P9 d: ~* H7 I
9 \4 @/ l: v! _: d; S! |! C

% {8 E7 X1 _% ~2 r; Wnpm run dev
$ I) _0 z- U8 lbuild for production with minification7 e, H* c# y( u' i% s3 M

$ Y) q; [; e  e

% b- {+ k+ P4 i6 i) D% _npm run build  e7 y, T8 R3 a$ N
# w2 u) j6 C  t0 ]
- d; T1 `$ f+ O. a' ^
4、基于Vue实现后台系统权限控制6 L* h6 ]' ~4 v2 P2 v9 ^

" z7 c) ^) W  }! V* Z- e' ^
. v' V- Z. z3 g# R
博客地址: https://blog.csdn.net/qq_32340877/article/details/794163441 \4 O* t$ Z3 a' a3 q0 j/ g7 f4 m
  _1 o4 l# T/ T& H3 Q& V

5 ?& m; G1 e/ S基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
( H, Y0 u) ?/ c$ g. b* C4 m" S1 V! f  ]4 C7 \) n8 O$ @

( ]! E1 v! B' V& igit地址:https://github.com/mgbq/vue-permission$ Q+ _' p: M2 n' O
线上地址:https://mgbq.github.io/vue-permission/#/dashboard/dashboard
' s6 V( T2 d# ^5 u5 ~( d9 _, h  @9 Q4 x* {4 v
; z7 R/ @, I$ g% W; I* f6 G9 A

# w# H0 A7 y* d5 o
5 p6 F" _) s0 ~0 o
————————————————
9 k; |& h* n, p& U版权声明:本文为CSDN博主「LuviaWu」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
* [' Y* @6 _( A$ n原文链接:https://blog.csdn.net/LuviaWu/article/details/89212051
  T% l+ H# C. P2 ]0 X5 D7 {3 r2 ~5 }% C3 g
' a  b6 r; {$ S) j* ~1 @! R8 T





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