QQ登录

只需要一步,快速开始

 注册地址  找回密码
查看: 4201|回复: 0
打印 上一主题 下一主题

【VUE】vue后台常用模板

[复制链接]
字体大小: 正常 放大
杨利霞        

5273

主题

82

听众

17万

积分

  • TA的每日心情
    开心
    2021-8-11 17:59
  • 签到天数: 17 天

    [LV.4]偶尔看看III

    网络挑战赛参赛者

    网络挑战赛参赛者

    自我介绍
    本人女,毕业于内蒙古科技大学,担任文职专业,毕业专业英语。

    群组2018美赛大象算法课程

    群组2018美赛护航培训课程

    群组2019年 数学中国站长建

    群组2019年数据分析师课程

    群组2018年大象老师国赛优

    跳转到指定楼层
    1#
    发表于 2021-7-19 15:30 |只看该作者 |倒序浏览
    |招呼Ta 关注Ta

    5 \6 G( z! P3 j. O【VUE】vue后台常用模板: `8 t- B) W8 _- W$ u
    vue后台常用模板:6 W0 Y0 D) k: K' F/ T( p, ]) g
    element文档: http://element-cn.eleme.io/#/zh-CN/component/installation7 v! d, H: o3 [8 o& b; N
    vue API: https://cn.vuejs.org/v2/api/* R8 }: b% g. O8 W, x# v# _: y$ P5 P

    . E$ w9 j( w6 w# I+ k

    ) g3 x( G6 p: R7 N  u8 V. f以下是在下收集的三个常用的vue模板3 `/ |  h% G& e  g

    0 W4 {, b  e, ?$ N
    " _" O0 ^1 |& x  l
    1、vue-manage-system
    ; d0 _! p( q' t  i- n, g/ \
    1 m6 I: l% n4 h

    1 v2 L5 w2 y) u! F) W& ~' K/ d/ agit地址:https://github.com/lin-xin/vue-manage-system
    8 ]8 W- `; z6 l) n/ X$ m5 ?线上地址: http://blog.gdfengshuo.com/example/work/#/dashboard
    4 b  h7 T- Z8 `, R1 ?7 K) M, [. Z模板如图:! ]/ G, T" q8 w0 K9 ?
    % X4 n! @& o3 y1 H( E& {

    8 ~* s+ r0 o1 H! r: ~/ b& H5 c2 e
    % k% k" j3 B( B" A3 D5 _

    : U5 C' k) h1 y4 n) u. y. x2、vue-element-admin
    " o! w8 a* G" igit地址:https://github.com/PanJiaChen/vue-element-admin5 d8 V+ U3 b6 j& [! j9 V
    国际化版本:https://github.com/PanJiaChen/vue-element-admin/tree/i18n0 e  w/ J, _2 @; t% X0 ?/ k

    0 |; b$ a0 l1 s( ?5 g: Q

    7 B% Q* d) I0 o2 j" M* r6 Z中文线上预览:https://panjiachen.github.io/vue-element-admin/#/dashboard) R9 L; ?5 j$ h/ j+ I
    " @0 W  g: v# i4 R
    , P" y9 @& |3 b+ u- u3 j" I
    IE兼容处理:参考文章
    / |: b& S. V  h% {  B' l' l. \8 H模板如图:1 @6 S/ S$ v* l# v7 v9 C9 S

      g% i: k4 u$ _# B% H) O

    7 X  M( q- ]. [& b* F3 x, e% S
      `; N6 j) P6 _1 r: f1 f
    ; m: w; k" E3 [5 J8 ?% B
    3、vuejs 和 element 搭建的一个后台管理界面- I' _# J6 B! g4 C- U

      m6 D' j- p; l( X

    5 T8 Q6 V; C5 Z" ]相关技术:6 u+ D3 X2 D6 y" p- ^- H
    vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。) l8 z* @& O2 I5 Y1 _3 k
    element:基于vuejs2.0的ui组件库。$ p8 V# C& c# X6 r9 E4 Y& ]% V# @
    vue-router:一般单页面应用spa都要用到的前端路由。
    ; Z) ~! v" o$ t7 C7 D" mvuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。& p; M4 C/ B7 D
    " R3 e2 _. u# P9 d

    / T4 w$ x6 e/ v* D! F线上地址:https://taylorchen709.github.io/vue-admin/#/login
    ( L$ v# N" V' N3 s" h( H% u9 Igit地址:https://github.com/taylorchen709/vue-admin
      t1 V9 U  f0 u模板如图:6 V+ R) n6 O" @# @
    4 W4 u4 x; A" Q% k! p; g

    . F' u, ?, x- _  g9 m9 S8 R使用:
    " F4 N" W: B- c* b8 U/ [3 a  }) Y3 h$ O
    , g* M$ P. A% F% T
    install dependencies
    ' }$ _& p' ]% f' z4 \/ q% Z/ N7 d. \5 }9 c- H
    4 B$ g8 L7 l  @( |6 F) R" ^
    npm install
    . T- d6 \, D6 S+ |. M, Userve with hot reload at localhost:8081
    . \2 o8 @0 u1 ~6 @3 B2 `$ K2 c
    - n: G, H% I- |  V* Z$ Y5 P4 N9 q
    5 O8 n2 m6 r+ p" n
    npm run dev
    0 C3 I9 U* C0 V6 L% @! p" w3 Sbuild for production with minification
    5 p* H7 h" A6 U' c, U+ v9 z. S  a# S  n

    + o% T# U7 b/ H& Y7 i. Knpm run build
    + v+ d2 F. P3 {! l( I7 {3 f, E" ]! ~' u. [

    ) C; |  d# ^& `5 b! U4、基于Vue实现后台系统权限控制' M1 j0 e. A- }/ |: j2 `6 {

    7 `; t; A' _, b* W  }' i

    7 B6 F; j7 q8 l1 P5 B5 _6 L, y博客地址: https://blog.csdn.net/qq_32340877/article/details/79416344' j( Z2 ?. p9 D
    6 N' i' _. p3 [! O2 ?* Q) d. f

    ; k1 s' ^8 A/ a8 v9 I' @  Q基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
      M5 W% n; M& b0 Y& D, z; [9 O0 _, i/ M# Z0 a5 {9 ^* W
    5 q, L" U! H" v
    git地址:https://github.com/mgbq/vue-permission
    ' M' b9 _4 D4 n1 Y8 Y线上地址:https://mgbq.github.io/vue-permission/#/dashboard/dashboard6 l& q+ x$ m+ m7 q( D. v5 Q
    # y4 D5 a9 T0 d+ U7 ~% L! z& h4 G

    : I' L- k8 `* i$ G. _( a3 F1 D6 [  R0 i0 }6 q) Q% k: _1 j' g

    2 V! q. V2 f: V0 s  d* m————————————————
    # u9 E/ G, ]/ d+ r5 @/ E9 j8 D- }" S版权声明:本文为CSDN博主「LuviaWu」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。9 s. s  X. L% u% [( g
    原文链接:https://blog.csdn.net/LuviaWu/article/details/89212051, M7 b7 N# _+ E- b
    + n4 _5 D- k7 c

    0 i$ r' y/ ^, H; V
    zan
    转播转播0 分享淘帖0 分享分享0 收藏收藏0 支持支持0 反对反对0 微信微信
    您需要登录后才可以回帖 登录 | 注册地址

    qq
    收缩
    • 电话咨询

    • 04714969085
    fastpost

    关于我们| 联系我们| 诚征英才| 对外合作| 产品服务| QQ

    手机版|Archiver| |繁體中文 手机客户端  

    蒙公网安备 15010502000194号

    Powered by Discuz! X2.5   © 2001-2013 数学建模网-数学中国 ( 蒙ICP备14002410号-3 蒙BBS备-0002号 )     论坛法律顾问:王兆丰

    GMT+8, 2026-6-20 18:37 , Processed in 0.452630 second(s), 51 queries .

    回顶部