- 在线时间
- 1630 小时
- 最后登录
- 2024-1-29
- 注册时间
- 2017-5-16
- 听众数
- 82
- 收听数
- 1
- 能力
- 120 分
- 体力
- 564824 点
- 威望
- 12 点
- 阅读权限
- 255
- 积分
- 174670
- 相册
- 1
- 日志
- 0
- 记录
- 0
- 帖子
- 5313
- 主题
- 5273
- 精华
- 3
- 分享
- 0
- 好友
- 163
TA的每日心情 | 开心 2021-8-11 17:59 |
|---|
签到天数: 17 天 [LV.4]偶尔看看III 网络挑战赛参赛者 网络挑战赛参赛者 - 自我介绍
- 本人女,毕业于内蒙古科技大学,担任文职专业,毕业专业英语。
 群组: 2018美赛大象算法课程 群组: 2018美赛护航培训课程 群组: 2019年 数学中国站长建 群组: 2019年数据分析师课程 群组: 2018年大象老师国赛优 |
" I6 z% [5 g' J4 D5 G' i u【VUE】vue后台常用模板% m' w9 t; p& }% r' `4 R
vue后台常用模板:5 B$ _% `" _( r/ V
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
' C1 k7 [* U M f; Gvue API: https://cn.vuejs.org/v2/api/! K# i, r5 A4 o/ p* y4 L
0 L9 p! y1 Q- D7 Z/ w `. k5 `: Q G7 }% D" n" i, C& V" f
以下是在下收集的三个常用的vue模板
# k' Q& H& q6 U, ?' j) y7 J$ K
9 x. P+ |4 Q9 a% U
' K; y: @2 G( w& B4 Z1、vue-manage-system
! i! x+ Z1 {1 H* F
+ f& ~9 n* n8 I. \! Z* f4 ^% ^3 q
git地址:https://github.com/lin-xin/vue-manage-system
2 f* H& _0 b& m/ I线上地址: http://blog.gdfengshuo.com/example/work/#/dashboard* N Z6 y- b9 g' P
模板如图:, p4 G7 A) T' A! @2 r
. }: V; R$ e ?
5 x' z: d7 Y. J
* {2 @- G1 O: s- T
! G) M# u* z: m: Z/ G8 W# i* O2、vue-element-admin& x7 X( m S$ u, S
git地址:https://github.com/PanJiaChen/vue-element-admin
: V9 e( w" L6 p" |+ P; I b国际化版本:https://github.com/PanJiaChen/vue-element-admin/tree/i18n2 k6 s2 j8 H( w3 h7 Q3 j1 D
- ~. w5 i* d! E; P/ S
) \0 z2 x B0 ~. o" ^中文线上预览:https://panjiachen.github.io/vue-element-admin/#/dashboard
5 H5 @7 u4 f, g- M; t7 p# M# c# ~: o& X+ Y, Z3 |0 ]% J% j
5 B5 y, O3 M% nIE兼容处理:参考文章
7 n% v8 S0 g, L) w- P1 }2 D模板如图:
# z. H2 l/ j1 _1 _7 p4 b( N
$ S- i/ L! L5 Y) }4 d Y4 `8 ?2 ~( F* W, N- m
. Q3 @/ H. _! g% o1 Y/ J
& ?5 }6 r2 P1 F, ]7 B. x3、vuejs 和 element 搭建的一个后台管理界面
5 G2 }6 p& y. O( S8 x/ U5 R) I4 n* O0 @* o \
% \( T8 k1 B8 \+ [$ O& a相关技术:2 L. O% O! A$ ]$ K1 i9 A
vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。* U! S' P4 E8 y; j0 {
element:基于vuejs2.0的ui组件库。; M8 n8 n3 C& {/ \% O' @) {
vue-router:一般单页面应用spa都要用到的前端路由。1 s" W4 ?7 A# H% o" ~
vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
/ l: S4 `1 k# ?7 O9 ]; N4 A! O% ~
" I# x. r% f* S! M3 X, }
线上地址:https://taylorchen709.github.io/vue-admin/#/login& L3 R, ?% J+ s: E; T
git地址:https://github.com/taylorchen709/vue-admin
4 G# W: J5 u6 ~3 W& k; d模板如图:
2 A% S" q% d5 z
' s+ s% _/ {+ \- I5 u
d2 O4 P6 x/ o5 i0 r& _使用:" u! q' I- [9 _; s% r2 ~3 h0 d
2 [! I6 D1 T. b6 U' g
3 r0 y, J* }# F! @install dependencies& W6 l. R- k0 R$ s
+ d& d; H9 D, I. [ f2 o6 ?; d/ l4 v
npm install
z0 T7 W$ |3 `. Vserve with hot reload at localhost:8081
: \6 D6 z6 A( M1 e, v& R# @. B: ^+ f* X
4 R( v( q. P) I1 t9 A1 W
; K" R7 g- }* E2 t1 Y# mnpm run dev4 o+ g8 c) \/ q! \+ }
build for production with minification
$ z1 h! n7 s/ l! n7 i( w$ a; @5 M/ R* o1 t* T0 V& C2 e
0 y, U1 A$ {) |) V9 U6 f" b' p. pnpm run build7 p a! c) w4 Z6 d
. \$ t2 H3 S5 y s& A+ d
& u8 E. ~' V0 |1 h4 i9 U' N7 e6 y4、基于Vue实现后台系统权限控制
! e9 |4 I6 Q( w- L9 G- A
9 T5 ?5 p' F" T u* v8 s' q, V( Y- l
博客地址: https://blog.csdn.net/qq_32340877/article/details/794163442 c2 V8 u& p8 d) e6 y' v
( O) N* S, F+ p8 n9 J' G5 w
+ \: m7 j) Q& ~, V% _3 o基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
( c: _& g& \) Y( q/ n
) p. h7 B7 |9 E; [5 y$ E9 f6 [( ]. Q- u: x5 u
git地址:https://github.com/mgbq/vue-permission
6 o# `' J1 s L% D3 f3 V# G线上地址:https://mgbq.github.io/vue-permission/#/dashboard/dashboard W" d8 n9 M- |* k9 k1 }
* T) y4 d$ i$ W' I3 Z
+ N. ]5 A7 F% x# m5 J3 B
7 l9 e# w7 _+ G H. e+ J3 C, F, _1 ^$ E
————————————————
6 k/ n/ Y) K! d$ W- U6 @版权声明:本文为CSDN博主「LuviaWu」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。& h2 J$ r$ V2 |# } O
原文链接:https://blog.csdn.net/LuviaWu/article/details/89212051 p6 O( H V7 c% E" x3 W
' Y1 k7 N& Y2 m f! [: D& \- b2 a
$ d8 c! j9 b/ _1 m8 j1 a
|
zan
|