- 在线时间
- 1630 小时
- 最后登录
- 2024-1-29
- 注册时间
- 2017-5-16
- 听众数
- 82
- 收听数
- 1
- 能力
- 120 分
- 体力
- 564833 点
- 威望
- 12 点
- 阅读权限
- 255
- 积分
- 174673
- 相册
- 1
- 日志
- 0
- 记录
- 0
- 帖子
- 5313
- 主题
- 5273
- 精华
- 3
- 分享
- 0
- 好友
- 163
TA的每日心情 | 开心 2021-8-11 17:59 |
|---|
签到天数: 17 天 [LV.4]偶尔看看III 网络挑战赛参赛者 网络挑战赛参赛者 - 自我介绍
- 本人女,毕业于内蒙古科技大学,担任文职专业,毕业专业英语。
 群组: 2018美赛大象算法课程 群组: 2018美赛护航培训课程 群组: 2019年 数学中国站长建 群组: 2019年数据分析师课程 群组: 2018年大象老师国赛优 |
- a' \3 i5 t$ |7 r) q
【VUE】vue后台常用模板
3 K6 ]8 }( w6 m0 W3 h, d9 hvue后台常用模板:: c/ m9 X! @# R6 I- U" S# O2 ]
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
# Y# { x9 Z C# u1 F" y7 qvue API: https://cn.vuejs.org/v2/api/
( m5 H% [. B3 X# p9 h$ [
' n. e, g! B) C6 m( P! N7 v8 I% X: ?" K. Z8 q ?
以下是在下收集的三个常用的vue模板3 I% [ v# ]+ x/ U$ Z
1 [& E6 P0 F0 v, ?9 q! p
! h) l2 j( c! ~$ }6 }
1、vue-manage-system* l) P( u" a k4 m0 G: }, j) b! z5 ^
, i, a4 `! H1 s1 t" F5 ]; V1 O+ T2 t$ C) C+ e% p8 {8 K! h
git地址:https://github.com/lin-xin/vue-manage-system7 [* t' P0 u$ G \9 G& {- {* h) _
线上地址: http://blog.gdfengshuo.com/example/work/#/dashboard+ Q1 ?/ k& I! u8 N
模板如图:
' ^! y: V" `% x
5 W1 F0 z2 N# N2 J& e3 n W' h, y
- ]! u- Y4 W3 U: F& T# |
, B* T" a5 Q- z9 e0 O, T' [" s
2、vue-element-admin! g, B" e" b- F
git地址:https://github.com/PanJiaChen/vue-element-admin
) z- k4 m3 k- h) ?国际化版本:https://github.com/PanJiaChen/vue-element-admin/tree/i18n+ I* h, D+ t! C" \& p
% e4 b6 [9 v3 t" @4 d& Z4 z* O
I; @5 S0 A( S! A/ b+ R中文线上预览:https://panjiachen.github.io/vue-element-admin/#/dashboard
& [* g7 {* s: B0 I$ I. f' U
" k. S0 R8 A; d1 p+ r# |3 ?( ~# V9 D/ x' e1 j
IE兼容处理:参考文章0 V- w) p4 C- F( ^- s# P
模板如图:0 y5 x8 Q1 s) X9 C
" i' [6 a, A$ i- \% G; V Q: @( k; D0 J; Y% y( |6 }
. Q0 y' T. b5 r: b+ S4 P
0 W5 Z0 s2 M. ]* d) P/ p" Z) K3、vuejs 和 element 搭建的一个后台管理界面
5 V" S7 Y# D( f- }: g2 {8 ?" q( S; e/ m) `2 o1 ?
* s5 @6 N& x, W) r: v, m相关技术:6 \% }/ c' V8 q' M+ l
vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。
) q! a# M0 l: l6 L2 \: i9 P/ v1 |& welement:基于vuejs2.0的ui组件库。
; r' `. N; O" t! F Q( V) dvue-router:一般单页面应用spa都要用到的前端路由。8 W" \5 Y7 N/ ~. M
vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
R. u% z _* e" s$ _2 e9 |5 |3 u+ T# b- s& P% D
! E. f K8 M7 @: c$ c$ ?9 P9 x( U# D( t线上地址:https://taylorchen709.github.io/vue-admin/#/login* x" ~, }( T& Q% m9 Z6 R& d' i
git地址:https://github.com/taylorchen709/vue-admin% m: x) U/ M( b6 J4 B6 s3 M
模板如图:
2 \9 e1 t( E; C' H! Q/ h7 O* l) ^$ u8 K) }
8 R) W8 n# l* I' L/ @* W
使用:3 S4 g/ Z/ O r0 i( [4 q1 p% V( w
$ J0 }6 ?* A6 G& U: ~1 X
! s. K! b2 r1 R1 W! \7 Tinstall dependencies
" C4 S8 f4 @9 G6 m2 Q" O$ `4 P7 M1 D2 n* L- Q3 [: ?: a: w
: S) b0 P- t) ]" t
npm install
; t% l1 ]+ t+ H: q: _# cserve with hot reload at localhost:8081
% _$ H$ a7 A! o* @2 ]
. U1 }: _. [) L7 u( b1 G
' I2 `) m( c' D hnpm run dev
7 W3 W p$ S( y; ?$ dbuild for production with minification; E) y7 q- N* ]! p* B$ r
8 t% v8 |5 k& p! |) V. w0 W1 {3 J, R8 z! G: U7 ~" [3 _
npm run build
: k$ i( Y1 h7 l8 {( f/ d' i
, E/ V% c$ y$ b5 {2 p4 ^: `, `5 V2 |+ Q! I! b
4、基于Vue实现后台系统权限控制
) Q/ v0 ^9 X/ Z) N& a/ e* M6 q0 D) M
: v, S' F2 e4 F1 L; V博客地址: https://blog.csdn.net/qq_32340877/article/details/79416344
' ?; J) }2 `8 A" w7 |1 a5 X% R: ^! |5 T
. \& u8 F1 e- d6 _
基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
/ z% l6 H1 [# w& x+ U7 i8 D9 r# m, E7 R/ ]& L6 e) y
+ Q U. c# O- l5 k9 A' r
git地址:https://github.com/mgbq/vue-permission
, r e3 Y2 N( w; ]6 d' L- M/ q线上地址:https://mgbq.github.io/vue-permission/#/dashboard/dashboard! u: I+ `4 l4 h* B; o- Y& w) K3 i6 N
3 c' G" h a2 ^( r1 C
7 c3 H0 ^2 I( a' P0 G4 [
0 i7 K2 g% F2 d& }" ?' t
; T6 v# q4 l9 i8 f8 `
————————————————
+ x8 y+ \. Q8 ?0 M& U3 L版权声明:本文为CSDN博主「LuviaWu」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。" g- t9 v+ a( L. H1 }$ v
原文链接:https://blog.csdn.net/LuviaWu/article/details/89212051
4 k/ W( K2 T1 F" W- U3 x
/ V' t) s1 ]- D1 U9 Y+ L# a
$ j( u/ v `5 `4 Z* M7 ^" _ |
zan
|