- 在线时间
- 1630 小时
- 最后登录
- 2024-1-29
- 注册时间
- 2017-5-16
- 听众数
- 82
- 收听数
- 1
- 能力
- 120 分
- 体力
- 567244 点
- 威望
- 12 点
- 阅读权限
- 255
- 积分
- 175396
- 相册
- 1
- 日志
- 0
- 记录
- 0
- 帖子
- 5313
- 主题
- 5273
- 精华
- 3
- 分享
- 0
- 好友
- 163
TA的每日心情 | 开心 2021-8-11 17:59 |
|---|
签到天数: 17 天 [LV.4]偶尔看看III 网络挑战赛参赛者 网络挑战赛参赛者 - 自我介绍
- 本人女,毕业于内蒙古科技大学,担任文职专业,毕业专业英语。
 群组: 2018美赛大象算法课程 群组: 2018美赛护航培训课程 群组: 2019年 数学中国站长建 群组: 2019年数据分析师课程 群组: 2018年大象老师国赛优 |
4 n1 u8 ~- l8 B$ R; B0 v0 N) \
【VUE】vue后台常用模板
1 C6 _" c4 t, J: O: ivue后台常用模板:4 \6 u1 i$ b5 e5 v2 Y
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation2 t' K) F/ q; j- k7 S- B
vue API: https://cn.vuejs.org/v2/api/6 Y- F4 t$ Z$ a: j# L% q8 k! Z) y! K
6 w: P6 |& s1 k' j2 M
* V& x/ z& K ~
以下是在下收集的三个常用的vue模板, g( L" Q+ ?, W9 R5 q" }4 B2 d
; e& B+ N! c; I6 K, V- ~! t
* _9 _8 _* }3 {1 w0 V% r+ f$ ~ P0 B
1、vue-manage-system
, i9 j; X( z+ M. A! y$ M0 m4 ~& |/ @
1 J: R, q6 v0 } ]4 p2 s' K% ]" j" S
git地址:https://github.com/lin-xin/vue-manage-system0 \! K- _9 E E9 Y U( v
线上地址: http://blog.gdfengshuo.com/example/work/#/dashboard- |+ l, e+ C6 b+ R5 E6 w2 s
模板如图:5 }6 @: N8 D4 |7 d9 ~
9 ~7 |- N* }0 a+ c
. \' l! q$ r2 l# Q- v& o. m* y# f; M) h- V3 z
" u- ~! m1 E5 Z: Q' x
2、vue-element-admin3 g$ x; I/ i% |2 C: z
git地址:https://github.com/PanJiaChen/vue-element-admin
: S9 b! X! z% r& f6 _国际化版本:https://github.com/PanJiaChen/vue-element-admin/tree/i18n
5 _! S9 k1 ^% V9 \6 C1 x
. F4 j3 g$ G" f& H0 t& V. D
4 @1 t9 w) h/ F, j中文线上预览:https://panjiachen.github.io/vue-element-admin/#/dashboard
' I2 ]* ~! m& ?9 H) i$ l5 R- a9 }3 U0 M6 p9 i' H) y1 y B
5 H( n4 L3 [% F' d- DIE兼容处理:参考文章
5 m& W. ^6 z: P; F模板如图:
# i( s# u7 D/ }& K: p) |" q R ^* `: i6 H9 r0 n" e
. n% g8 [' f* n; z; J7 F% L# I, Q1 u% x
2 W$ y+ f/ D% g; h
3、vuejs 和 element 搭建的一个后台管理界面
: ~# S1 O" ~& ^) c) \8 j
8 U: d& g* q( J) r9 d
. N: W5 W$ r: w; E7 \: V1 H相关技术:* N2 H* g9 M; U' ]
vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。
. _5 B3 h U! B7 k4 u5 ]0 E) U( Telement:基于vuejs2.0的ui组件库。
! |6 ~# m' c4 }5 L3 S8 ^vue-router:一般单页面应用spa都要用到的前端路由。7 r7 G4 V# t7 |" i4 f
vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。# {; A. w! m7 V. A# B6 h
5 r2 h' ~1 g) B7 F. w0 h2 ?8 j( |8 K$ d) r7 a
线上地址:https://taylorchen709.github.io/vue-admin/#/login% R+ q) t# M0 A! @
git地址:https://github.com/taylorchen709/vue-admin
1 k$ E: P: t A; n# }模板如图:! z# K1 [" ^6 T: W; z7 x9 K k
8 D+ p; a4 y: t+ T- t& P. W1 Q& ]
8 u9 V& x) E a* z8 ~3 D
使用:- g. r: E$ ?1 d0 X7 z
1 I& n3 B0 |% u% R% G
$ {* t) G% |7 g6 B
install dependencies) H8 T& a% V- t- {, y! R
. T' W6 [% B* F! u; m; Q% N: p9 z1 _2 u5 S7 u
npm install
M" \1 C% j) O: s9 D3 k7 v, x) @serve with hot reload at localhost:80810 i+ F9 Q& h/ M' o2 ?5 d/ Z) U
2 G5 \- w0 c0 Q3 u( A g B) q
- ]0 B/ Y. `3 A$ N% `8 x; k: e
npm run dev8 a2 Z" a% T' T5 p2 P6 ~
build for production with minification
4 ]9 ?9 e ^, ~: V r+ r/ F6 Y' f7 s6 R
2 V- e8 v: q$ |% N6 V" inpm run build
, h8 D/ `% U5 K+ w
$ g4 u% R& O' X+ ?' L* w
# D8 h* \$ W" l8 E4 D0 x4、基于Vue实现后台系统权限控制
2 w' a9 L. {( n$ Z0 w4 u9 ?, D! u! A: B d# T; U! G
# W' [# Q, f+ t4 f. a3 O/ P
博客地址: https://blog.csdn.net/qq_32340877/article/details/79416344
" c0 m/ H! b# a, l Y- ]+ E! [& P
2 T: C6 @+ W* @9 e0 @( `' V8 F* q( ]+ G5 ?& V. w
基于Vue.js 2.x系列 + Element UI 的后台系统权限控制# {- s1 `1 d# D! L8 v- M8 T
/ h ?( d7 a! L8 d& `
* P7 h6 T A5 r+ ?git地址:https://github.com/mgbq/vue-permission
; u3 g' ^( i1 k( m! V' O线上地址:https://mgbq.github.io/vue-permission/#/dashboard/dashboard' a# R2 A6 j# e$ z# w- O d3 i
3 {3 L4 o, G- r5 k, q9 {9 k0 X
- F1 ~# ^+ F* _
& y6 G# I) S5 _. ?
# N/ z) \+ c- Z) Z3 G }————————————————! i" t2 q* `, S. r K* F9 U5 ? ?
版权声明:本文为CSDN博主「LuviaWu」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。0 \: p& B3 a+ J3 y7 h, `% o! e% I
原文链接:https://blog.csdn.net/LuviaWu/article/details/892120516 f6 e; O5 C$ ^: C& t' q( {
: F, O2 R4 `0 r( U, s! Q' g6 |4 v& T" Y0 X4 b* V( i
|
zan
|