- 在线时间
- 1630 小时
- 最后登录
- 2024-1-29
- 注册时间
- 2017-5-16
- 听众数
- 82
- 收听数
- 1
- 能力
- 120 分
- 体力
- 564820 点
- 威望
- 12 点
- 阅读权限
- 255
- 积分
- 174669
- 相册
- 1
- 日志
- 0
- 记录
- 0
- 帖子
- 5313
- 主题
- 5273
- 精华
- 3
- 分享
- 0
- 好友
- 163
TA的每日心情 | 开心 2021-8-11 17:59 |
|---|
签到天数: 17 天 [LV.4]偶尔看看III 网络挑战赛参赛者 网络挑战赛参赛者 - 自我介绍
- 本人女,毕业于内蒙古科技大学,担任文职专业,毕业专业英语。
 群组: 2018美赛大象算法课程 群组: 2018美赛护航培训课程 群组: 2019年 数学中国站长建 群组: 2019年数据分析师课程 群组: 2018年大象老师国赛优 |
6 I A/ [6 e }8 n【VUE】vue后台常用模板3 {' G$ c$ n0 o5 ^
vue后台常用模板:6 i; D7 H2 _( \ v Y8 F
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
7 R i2 z$ x# I3 `( g# L) Kvue API: https://cn.vuejs.org/v2/api/5 z/ ^) `* n; v% ?9 V" L
% y" K& z; I' Q- D/ Z* K% B
$ m) Q8 [0 C8 g! u# D+ d
以下是在下收集的三个常用的vue模板 ]7 l- l+ |# f! S8 P A# S
; F# k% `6 R# H5 J t7 L
" H. b3 ~# A+ o) n' m" J1 |1、vue-manage-system
6 V! f3 w+ A7 b3 m$ E# \+ `1 c; n- Q
1 _' A$ R3 s4 a9 q2 d" B# }2 b5 ~. P! ~ y
git地址:https://github.com/lin-xin/vue-manage-system T* j$ ^+ b6 F1 z! N- D$ O
线上地址: http://blog.gdfengshuo.com/example/work/#/dashboard' M; F1 ^' j6 ?5 E( A
模板如图:
5 H! n4 i8 ]3 Q
! { s3 h& e0 @, z
( q7 s8 x4 _/ U9 d) T% \* T# U8 H: W9 E' j6 w/ {. K+ j, T
. J9 z8 F8 V6 k7 e0 s2、vue-element-admin6 _& R4 m* D, K, ^; o" g* D; J
git地址:https://github.com/PanJiaChen/vue-element-admin4 H1 D/ m& R; n5 y) s
国际化版本:https://github.com/PanJiaChen/vue-element-admin/tree/i18n
+ b( c' d+ b* V+ Y5 h, Z
& J4 }: h$ p8 Y: ~7 |, v' G( K
. u/ V8 ~1 h9 j# r0 Y2 f Y$ a中文线上预览:https://panjiachen.github.io/vue-element-admin/#/dashboard I3 g5 G9 [+ u. C' H6 j \
$ m/ l5 z( v" ]8 }
7 }, x. x; \1 a7 ?: M; ?' RIE兼容处理:参考文章
6 o2 Z- ^9 K: q `; `% n# t) W模板如图:
3 M% ]& g; t$ o" {: J
0 |3 `) c6 [/ y0 H; c) W6 @# l% W
3 {9 c) G: K- }8 Q
& ]/ A0 g) l( s7 w8 g( }( f3、vuejs 和 element 搭建的一个后台管理界面( X( m% K# K+ |4 N- o
. u. p/ A6 Q, q9 _
* `* E: m' J4 D相关技术:
/ Q" Q" W* ^9 E- y) I+ R7 Nvuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。) K4 l+ {5 A$ E
element:基于vuejs2.0的ui组件库。
( b; [3 E+ B" o$ d9 o0 C7 `vue-router:一般单页面应用spa都要用到的前端路由。
' j9 G% Y% P9 O \vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
2 x( Y! C4 N: ]. `6 F0 F
9 y; I! K# O/ j! P% {1 F2 u+ l/ Y( I% V' F; T
线上地址:https://taylorchen709.github.io/vue-admin/#/login+ n/ Q1 V( X! C1 c
git地址:https://github.com/taylorchen709/vue-admin
( V6 H1 Q6 p: J" ?: z |5 X模板如图:2 j& F" _6 u4 k$ \' H' @0 g$ M
; e7 {( X! }8 W+ s- Z
; I. G/ L) v) W# ]5 ?5 U使用:
- ]5 O1 @6 z; C3 |; a: s
2 Y# M5 o9 a% g3 U
! J1 n! h! h' Q" vinstall dependencies
+ }6 Q/ }& g6 }- D+ _# d; ?0 r" e2 c7 K* G$ ?+ h- N
- m. R8 [- }, o7 @4 R8 m$ _
npm install( J! |1 l4 H6 m& ^' u$ ^
serve with hot reload at localhost:8081
6 I. y* B' E' c, b' F. M. u' G' p9 B, W6 O% j6 D
4 G! j9 w9 |5 ]/ Unpm run dev
) X: p4 b' S7 ^build for production with minification
3 @5 ?- e! m" c4 y! X& s5 |. V, a+ X$ e! `7 ~8 [# |/ ^* m6 l
) @) B( n, o4 N2 F$ r
npm run build5 E0 l, X" g4 L/ |' a9 U- ]
' R# B+ F) P3 e6 s7 v' n+ [5 R3 `. F# G6 W
4、基于Vue实现后台系统权限控制
1 k+ F- f# m* C; X+ d8 J, i/ C. ^* c2 e' a* J
7 l# ^3 m! d& y博客地址: https://blog.csdn.net/qq_32340877/article/details/79416344
2 ~; E; b" S# Y
$ B4 e- U! j7 s6 Q! G" S# @8 k2 i) q
7 P' r. u$ o% ]" s W, M基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
5 L% s: J& f: r, @
4 C0 o4 A; p: R" L: i0 l% h+ ], V% [3 c) l+ c; g
git地址:https://github.com/mgbq/vue-permission" {' Q; I- ]/ ^- X" \
线上地址:https://mgbq.github.io/vue-permission/#/dashboard/dashboard
5 c" u% t5 v, d7 M u o
" t, R3 u: \$ v% G1 h; a/ t) O9 m. ~. R# S7 o# Z7 h
& T+ t# j6 V5 X
, V$ _- x( Z/ |. V3 q( c. h————————————————
0 ~, N5 m2 _- K! A6 F" |版权声明:本文为CSDN博主「LuviaWu」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
1 C( l; g! f) t' Z原文链接:https://blog.csdn.net/LuviaWu/article/details/89212051
4 a; I7 Y; _; Q: l' b$ x
& F8 R0 U. O I1 u- t; u9 k! u, }/ @, O L# U9 L0 U
|
zan
|