- 在线时间
- 1630 小时
- 最后登录
- 2024-1-29
- 注册时间
- 2017-5-16
- 听众数
- 82
- 收听数
- 1
- 能力
- 120 分
- 体力
- 565618 点
- 威望
- 12 点
- 阅读权限
- 255
- 积分
- 174908
- 相册
- 1
- 日志
- 0
- 记录
- 0
- 帖子
- 5313
- 主题
- 5273
- 精华
- 3
- 分享
- 0
- 好友
- 163
TA的每日心情 | 开心 2021-8-11 17:59 |
|---|
签到天数: 17 天 [LV.4]偶尔看看III 网络挑战赛参赛者 网络挑战赛参赛者 - 自我介绍
- 本人女,毕业于内蒙古科技大学,担任文职专业,毕业专业英语。
 群组: 2018美赛大象算法课程 群组: 2018美赛护航培训课程 群组: 2019年 数学中国站长建 群组: 2019年数据分析师课程 群组: 2018年大象老师国赛优 |
7 K/ m% f/ p% O【VUE】vue后台常用模板
3 l2 ]6 s+ a% p0 r0 V9 D+ ^vue后台常用模板:
+ b& f: ^; n! w" j8 c& p+ O) jelement文档: http://element-cn.eleme.io/#/zh-CN/component/installation
) j/ ~9 W4 Q0 I. C6 d6 l. Uvue API: https://cn.vuejs.org/v2/api/6 N: }! m6 w: h0 }& n" n
! V y! N8 V% d/ m0 ?. v
5 ~% W& L6 V. X) q4 o3 ^
以下是在下收集的三个常用的vue模板
: W" d& L1 `2 y: ~5 c1 P
3 V2 U3 k* s2 W' E% f2 f+ t) p
$ D) r6 e8 L3 Z! n% \1、vue-manage-system
. c+ y! x3 A7 c+ a6 x" s7 v8 E7 w, a0 t, Z- ?% r3 t& {2 t2 ^2 g
. S" I9 W3 ?+ _5 \. }git地址:https://github.com/lin-xin/vue-manage-system: Y- S4 i" X! P% A+ _
线上地址: http://blog.gdfengshuo.com/example/work/#/dashboard1 m$ ?4 e# t9 z: T
模板如图:
& Z# ^ _( _) A. l3 B+ \' C7 i$ O+ {6 X, L( k0 B# ^
4 |( J/ y0 M5 w9 e1 h* M' e
" {) F3 ?% j) W3 d5 O7 N5 T+ R
# q4 E& y! P* B: J( w2 @2、vue-element-admin
. ]5 R, b: \4 p( B* Ugit地址:https://github.com/PanJiaChen/vue-element-admin9 \$ T! C" I0 { M# a4 \1 n: U
国际化版本:https://github.com/PanJiaChen/vue-element-admin/tree/i18n# V8 A0 H* C. w/ ]& l3 w
8 Z, m7 @' U& l% q8 Y; X2 o% `
4 W% O! R: ~' Q N( E- a$ C2 {中文线上预览:https://panjiachen.github.io/vue-element-admin/#/dashboard
: g% C2 o) I; ]& x3 B
r$ Q- h) x1 f" H
& V% D4 h4 c9 Q6 UIE兼容处理:参考文章
& B0 O& t5 U @模板如图:
8 F( r+ b4 E6 h0 u9 \8 S
7 d! D! E7 D7 H4 H* N; x0 U7 s: g$ j! ^7 c1 }, A! Z. Q
2 y# [2 P$ T9 l) c+ C, ]: j+ K3 [1 A
2 ~3 y1 I6 r* f3、vuejs 和 element 搭建的一个后台管理界面3 A& `* K, q9 s0 f
( ?) F, o! N$ d8 K
7 y9 S( X/ X/ P M# |1 c相关技术:5 Z7 q/ c/ T5 _
vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。
% W1 B- f1 i3 v/ }, ?2 Aelement:基于vuejs2.0的ui组件库。9 K" E0 R1 ~0 Q/ x8 B0 M
vue-router:一般单页面应用spa都要用到的前端路由。
; Q9 Q2 c7 d+ S( N" \2 ]vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
4 G- W' N% o% T2 ?8 i
0 \6 P$ O$ O: A: P: }
5 o w+ K p/ W# f线上地址:https://taylorchen709.github.io/vue-admin/#/login
8 j* Q9 r1 x2 Bgit地址:https://github.com/taylorchen709/vue-admin
, }2 o L. y4 K+ W6 H( j模板如图:1 ~- w# k! [$ I; A! k& L
o* t3 e2 c; V" [! V) D' @: Y
4 q" K* A; f, b使用:
9 D3 d8 Q# g8 \& o# N' D5 S+ k) s6 g' V5 k( x# L
: U1 P9 w- ?7 y* n7 ]2 A7 a* ^, O
install dependencies
2 M- p; K( H! n8 r% y2 Y
# j8 n9 ^+ b! Q
' ^+ Y- `* d7 y1 U# B! L# [npm install
( K" K# V @2 ` u$ \& nserve with hot reload at localhost:8081
1 U0 J! n" z6 U; S
: L" c9 g5 N2 i/ r* ~/ G3 a3 F* r( l/ y" o# _9 c2 }+ g4 ]
npm run dev
& a1 w6 T% o& N* d4 x$ hbuild for production with minification8 {' s6 Z+ B1 N1 ~$ l
; j; F/ D3 ?, t1 D
0 T; y$ e3 b; N& [3 n( tnpm run build" u& g! y: Z" X" L
/ }; T6 K' h; P% b
" D) X- _$ z/ W+ `2 R: R
4、基于Vue实现后台系统权限控制
) U- H1 S0 Q8 |- D
8 ^% f4 E k. N0 T5 I2 y5 a, }/ i* u
博客地址: https://blog.csdn.net/qq_32340877/article/details/79416344
# X% F9 |% b9 J
4 H9 c2 W+ U$ ~+ {2 h; H$ q9 ^! l" V: H: |2 R& _3 J1 S. @$ j5 C% y
基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
& Y2 o6 d4 n" }) B1 X& r; k, a1 r" i$ r2 g' a" V
4 g. K3 y% T' h
git地址:https://github.com/mgbq/vue-permission
$ H& h( |4 u5 y1 l# R- X* K8 n3 r线上地址:https://mgbq.github.io/vue-permission/#/dashboard/dashboard
& |- k) W$ F5 w& L: U9 `( ^6 d% W/ h+ @9 F' {5 H* Q
- l) ^: C& Z" Y, g) \2 `
1 J, u4 o& a5 J0 J
7 v o& P! b) g————————————————7 o! b' ?2 Y7 G9 `7 ?9 G$ f
版权声明:本文为CSDN博主「LuviaWu」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。! R) a, a, {6 Q9 H& {# v0 Z+ n0 [: e
原文链接:https://blog.csdn.net/LuviaWu/article/details/89212051
* D) N) s5 v8 J+ J! _& N& k/ T" j) _5 `2 _$ P3 ?4 O/ j
# _1 v" @" R+ d { |
zan
|