- 在线时间
- 1630 小时
- 最后登录
- 2024-1-29
- 注册时间
- 2017-5-16
- 听众数
- 82
- 收听数
- 1
- 能力
- 120 分
- 体力
- 564816 点
- 威望
- 12 点
- 阅读权限
- 255
- 积分
- 174668
- 相册
- 1
- 日志
- 0
- 记录
- 0
- 帖子
- 5313
- 主题
- 5273
- 精华
- 3
- 分享
- 0
- 好友
- 163
TA的每日心情 | 开心 2021-8-11 17:59 |
|---|
签到天数: 17 天 [LV.4]偶尔看看III 网络挑战赛参赛者 网络挑战赛参赛者 - 自我介绍
- 本人女,毕业于内蒙古科技大学,担任文职专业,毕业专业英语。
 群组: 2018美赛大象算法课程 群组: 2018美赛护航培训课程 群组: 2019年 数学中国站长建 群组: 2019年数据分析师课程 群组: 2018年大象老师国赛优 |
/ C. C% G6 {8 s0 U
【VUE】vue后台常用模板6 `! q5 s% W: w' h; n
vue后台常用模板:
! H: X2 A7 P4 J; h9 x' L% Oelement文档: http://element-cn.eleme.io/#/zh-CN/component/installation- I( R" H2 H& {0 i9 W
vue API: https://cn.vuejs.org/v2/api/
" O' x: X; P9 C/ C9 t$ Y2 p: r1 k( ]
; d: @- @9 n! R1 N
以下是在下收集的三个常用的vue模板: B- _2 v' D% J( u1 g8 y
% ~* G* S! o! |# r% g
& H2 N2 U, V. h8 _- _+ X/ `: ~: d; z1、vue-manage-system" d9 t! J/ _ O1 ~3 u, ~( C
; S# n; L7 d1 y/ i4 O
) Y4 s) X1 v6 kgit地址:https://github.com/lin-xin/vue-manage-system/ ^3 Q( V, C7 w( O
线上地址: http://blog.gdfengshuo.com/example/work/#/dashboard
; M6 T6 y: M& ?! A模板如图:8 L/ u) k8 J1 @: y- V
6 K0 [; E' V% W% W
W7 C3 A' Q0 l3 b/ j! i/ x. C( Y9 @. A/ s; r# v! I0 z$ A2 c5 n
& G8 t/ V6 R7 U8 r6 L
2、vue-element-admin" n, G) L1 a; J/ h
git地址:https://github.com/PanJiaChen/vue-element-admin
E* ?1 N1 N- ~ z. e国际化版本:https://github.com/PanJiaChen/vue-element-admin/tree/i18n
; @* H3 r4 E( {; e9 ~' R. z9 e( m) F* t& q, Q
2 [3 ]. f+ S8 h. A! l' z$ c
中文线上预览:https://panjiachen.github.io/vue-element-admin/#/dashboard
7 ? i7 i& e' r" l' {
8 U0 j& J& Z! e- r& `* M: K
S& u( d2 A) j3 v: oIE兼容处理:参考文章9 g4 [( k" S& X* z5 K, U
模板如图:/ `* G& l. R$ O# Z( C
l1 I; a. M& q! W* q
+ D- k% f; t$ z' w+ n" n% W+ U) y& c% l; n' Z. d( ~' b9 t6 y
, T8 }0 p# y. l2 l5 L3、vuejs 和 element 搭建的一个后台管理界面
5 R# d9 D7 e, N& o7 Q/ T* e ?1 w
" f' P$ a0 d! m p5 l
相关技术:
0 U9 D) x& I% @2 T5 c: q$ ^/ Svuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。
& Y* W+ w9 g. t) y: E, Delement:基于vuejs2.0的ui组件库。
; U3 d% ^9 T6 Q9 v% d6 Yvue-router:一般单页面应用spa都要用到的前端路由。
! N5 @1 |4 U% nvuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
; ]( C, q2 ?3 p4 ^% S4 T+ n
2 Y& D2 T1 ^3 C3 B0 o( b" p! U+ D+ @# n0 o; u F" }! ~+ r, N' s
线上地址:https://taylorchen709.github.io/vue-admin/#/login
& ^1 _2 v8 @6 ^5 P4 egit地址:https://github.com/taylorchen709/vue-admin- {# t( H3 u9 r* I x( }
模板如图:3 q( y* r7 G; X, P3 g
' I: V5 D+ c& S9 Z3 a
+ R. Z* r4 @" c3 h7 ?5 y使用:
$ z7 _2 u! w, u' n" Y
# V4 ? Q2 o( i' `. m8 I/ q5 Q7 M( {. @& q, h4 H8 F/ O
install dependencies
9 _7 G: N Q: k- x' J" M# C _. k/ G! T1 A, \+ \9 Z5 F; S" h$ ]) A
" r( ~4 @" ~$ i9 G: D( w/ r+ q
npm install& a1 p% o, Q4 y% A
serve with hot reload at localhost:8081
( U+ T' E) {) m( Z, a l1 q; W2 p
2 t2 ?1 s( R! Z3 ~. Z: D! \5 A
: ` `- }2 o8 B) bnpm run dev
/ ]) t( x) j8 A- a9 ?) y% Vbuild for production with minification
6 X% Y9 D) t8 [( M3 R# [, w
- j; ?# J+ ~$ L9 F/ ]/ Q% \5 u& I `9 s6 B$ C: I
npm run build8 }$ u% C# [% U- H5 s' B+ _; x
7 P: m" Q! \% f7 x& a) w4 y+ |+ u
/ I. ^2 M8 ~* r9 M1 p0 Q: @" U; U4、基于Vue实现后台系统权限控制; g/ t0 U S2 w* p& E8 K
7 J) u9 [/ k' B
& @) ?, V0 x9 R; B9 W8 F
博客地址: https://blog.csdn.net/qq_32340877/article/details/79416344
" D) j# C8 c- {9 D) s& V# Z9 v( x: v Q
1 H& E0 q m4 O% _0 d; W3 ~' ?基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
+ \- C$ F5 u* u9 M5 {9 b0 _. o( z/ S& S ?! H& v1 C
( [6 M6 m4 @& D& [+ Y/ C% i' Z
git地址:https://github.com/mgbq/vue-permission
$ f5 x w' V; `1 X0 r, n* g线上地址:https://mgbq.github.io/vue-permission/#/dashboard/dashboard0 ~9 \( o) B. \+ y& K3 d
- }7 k. W$ k: l2 w3 T0 r; J; I! }$ X' E. ]5 M% V
2 w$ \& O( @) w& m0 Q
- `* |- ^' |% C0 @0 y3 b9 ]; o" k————————————————
; ~" r( y( l" \6 \0 _: U2 D0 b3 T版权声明:本文为CSDN博主「LuviaWu」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。3 d& p; p0 m, ]' H+ P9 B
原文链接:https://blog.csdn.net/LuviaWu/article/details/89212051
. W, X$ h5 ]) d7 {! a; C% r1 E0 y, g, U0 P& n2 H
& ~; y7 j( j% V4 M( I |
zan
|