- 在线时间
- 1630 小时
- 最后登录
- 2024-1-29
- 注册时间
- 2017-5-16
- 听众数
- 82
- 收听数
- 1
- 能力
- 120 分
- 体力
- 564821 点
- 威望
- 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年大象老师国赛优 |
( e% K+ z, o. U/ e
【VUE】vue后台常用模板
& |# t% K6 \) X u/ n! R0 l Bvue后台常用模板:( @, M! ~: M. j1 V( w! }6 O
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation" w: K1 y5 P2 r# N
vue API: https://cn.vuejs.org/v2/api/
% D/ c' M0 O& g0 `5 [" u
- O, W# q9 X/ D# _- x) u. ^3 o% D6 e3 x. H( ^4 @1 Z% m
以下是在下收集的三个常用的vue模板
5 L# y6 Y) k+ v5 b- C+ N3 H
$ h1 y3 z. h. t z1 F( C* }# f$ e! r! r
1、vue-manage-system
5 L- M7 S9 \8 W, N& [3 a, d5 a# p! q9 m2 h8 r
* f% {; ~# p- {1 \3 T1 C( J5 @
git地址:https://github.com/lin-xin/vue-manage-system8 U+ N$ I3 H7 T+ D: h, E- t
线上地址: http://blog.gdfengshuo.com/example/work/#/dashboard }' T9 j0 U2 R% Y6 a' g
模板如图:3 O! q( f9 C& G9 V; L9 p
' G5 k$ d. {- ^4 Z
& l3 u. p0 Y/ r
7 P/ I' ]* G6 K) W0 g2 e" @, R; Y6 K9 F! P }
2、vue-element-admin
% J- f; y3 c9 d0 ggit地址:https://github.com/PanJiaChen/vue-element-admin
; D) v! C y! o国际化版本:https://github.com/PanJiaChen/vue-element-admin/tree/i18n/ ?( O# z5 K/ M0 n
4 ^0 }' E1 j: g8 z* ^% o
, k" G* ^6 X8 f/ F中文线上预览:https://panjiachen.github.io/vue-element-admin/#/dashboard0 b) W9 u3 n, g6 F: c, y
6 j4 D- G# p2 U) T: n% Z4 y2 J& V: m9 W
IE兼容处理:参考文章4 s; J/ |7 C) z) O: v$ C, a/ y
模板如图:' y I' H$ J3 k4 @( q
4 K/ D2 C/ ]% _6 {( E9 ~
3 v. h, n0 n2 \& u. v
) }1 r, j% }/ ]2 w* e s* x
3 S# G1 ?! a# a2 O' s6 W
3、vuejs 和 element 搭建的一个后台管理界面
1 _6 Y* \& }, I& U; C) {$ y, n" h
1 ~$ _( Y0 v" ~ J
% z8 r) l" y( Q0 E' P$ s相关技术:
! V4 V8 E9 O/ R! ~) R6 zvuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。
6 n5 ?6 n6 D( `+ Y" U0 S: R) Q1 l# zelement:基于vuejs2.0的ui组件库。2 X3 j2 l& i: V& L
vue-router:一般单页面应用spa都要用到的前端路由。* Q% \5 C: n( f {
vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 ~1 ?! p% _- ^3 D
9 g$ p: d9 \. T" S( t8 F7 U
( k. g5 m4 ]4 \6 X线上地址:https://taylorchen709.github.io/vue-admin/#/login
* s) ]: s$ ~' M1 C' mgit地址:https://github.com/taylorchen709/vue-admin
# D9 C# }3 `- I8 y. F$ [模板如图:
9 |4 y& A2 m6 Q" S! {6 x
: J8 T% S& y$ @1 u$ E Q: ]8 a3 s2 {6 O
使用:
: x% t/ \) K* y) l# v% L8 a. s5 H+ @
2 s/ f% ]2 ]# p, k# p u4 linstall dependencies; q7 ?' C) k, H
. F. B: b8 n" U
( L) p% ^- A5 a# d6 H. J' e/ Q( w8 Anpm install
! j3 O* E! B9 n4 Tserve with hot reload at localhost:8081
. D L2 G( x" L4 x, a
" b$ A% H2 l- U/ }, m U
" _6 F' _3 T' d, [2 U7 `npm run dev# o6 e* o" s+ @* C2 J
build for production with minification
3 n8 O, g( u! v/ Q) K9 C# T
5 g+ R1 Z5 {4 D1 C' W5 Z$ N% `" \9 d) {2 q: E
npm run build1 s4 Z; {+ ^. T) X
3 _/ _" a l4 H/ ?3 \2 ]5 U1 W2 `
2 g( p8 s. [( }, [0 J2 z+ L( U5 ?4、基于Vue实现后台系统权限控制
( b9 D/ B2 V! G( k# w8 [2 L6 t q: I0 N5 n$ `: w9 k% h- z
- k4 L8 j. g6 N$ W; V$ l3 o
博客地址: https://blog.csdn.net/qq_32340877/article/details/79416344
8 R) D, ]- X- R/ i7 T
0 t# V F" r( Y- S0 Y
8 f: j% w1 q# a8 {3 U( V基于Vue.js 2.x系列 + Element UI 的后台系统权限控制- @2 b/ i; B6 m- Y. K' g
, K# A X1 S4 l/ |( _9 n! S$ y2 D9 B! H
git地址:https://github.com/mgbq/vue-permission
+ R7 V# I: m* T e' J6 Y, O/ z% K$ I* a$ |& w线上地址:https://mgbq.github.io/vue-permission/#/dashboard/dashboard
# R+ Y5 N" Z1 O7 d+ D. e* t" e1 z2 E* u$ A
/ Y2 i! c0 y; g* B) `
2 O, A" G. i7 v% m! X& [# Q3 ?# j( N' R0 d# l) p2 l- t! C
————————————————
6 z4 M; z) T# E& q" l; k版权声明:本文为CSDN博主「LuviaWu」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
8 R$ H) A' X* A w9 i5 S原文链接:https://blog.csdn.net/LuviaWu/article/details/89212051
& ^: s: m/ h9 s# z
- j$ p- i* g7 L! E2 H0 ^5 n( w, l3 O. g! p4 t
|
zan
|