QQ登录

只需要一步,快速开始

 注册地址  找回密码
查看: 4174|回复: 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
    9 M% P- x4 G8 i6 j
    【VUE】vue后台常用模板
    6 P) w! U: h- {9 C6 j1 Z+ \: zvue后台常用模板:
    9 Z# c  ?' {/ R* {element文档: http://element-cn.eleme.io/#/zh-CN/component/installation: }0 u# j1 p/ @- V+ h( k
    vue API: https://cn.vuejs.org/v2/api/
    ; y* g- d2 _* C% r+ R7 E3 z7 T4 O! M$ r3 W" k4 U2 _
      Y* j* E7 E/ F4 @! A  }. _
    以下是在下收集的三个常用的vue模板9 a' G' E: e( R1 m. I- A/ \% l

    ( E& F$ p3 t% U& _6 F! x+ ^9 i

    + ~" D5 ~4 h3 E( i6 ?1、vue-manage-system+ ^  c) A+ d; e( v2 ^
    ! @$ `4 T% d4 V" t) f

    ' M4 a6 \4 u& B5 T. Ogit地址:https://github.com/lin-xin/vue-manage-system9 E1 ^5 j& C* N/ J0 k5 O. E) v$ \
    线上地址: http://blog.gdfengshuo.com/example/work/#/dashboard
    / R' @4 M" S1 k4 o& J, K模板如图:
    ; A- C% @+ `4 L9 ^/ ?6 K3 |+ B9 |/ z4 p
    , o7 U/ W+ G" Z

    ' T; P3 d6 Q; a9 F) |3 z$ a

    " \3 M4 T0 ], E* Z" y; o) b2、vue-element-admin
    / |) ]) R7 U, f5 h$ Y9 E( D4 pgit地址:https://github.com/PanJiaChen/vue-element-admin
    & B# T! a3 x% v: c国际化版本:https://github.com/PanJiaChen/vue-element-admin/tree/i18n. N1 c* T/ S. M! \

    ) X8 ]+ [3 \* S
    ' H0 i4 p! H3 B3 p8 k
    中文线上预览:https://panjiachen.github.io/vue-element-admin/#/dashboard
    - k8 ?- T! O- Z$ P$ z7 c" b# D% ?6 ]0 f$ R( R  a
    3 `- g6 M) V! Z
    IE兼容处理:参考文章8 r. n4 L" b1 u4 Y: i8 p
    模板如图:: w) `9 B% t2 @1 a0 u
    4 L5 ^, B* e  s; l

    " y4 Z3 Y3 j7 ?. X  E* I4 L
    3 t% X0 ~2 E3 a7 @9 w7 @
    & \2 P  }  H+ H" M
    3、vuejs 和 element 搭建的一个后台管理界面
    5 c4 a' W8 P  ^, m! k* ]( v- {, n1 P& h: v

    7 K- |6 }: [  p& V6 W相关技术:( d4 G4 T1 ~# Z% z
    vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。3 L% e, q8 _2 x+ l
    element:基于vuejs2.0的ui组件库。1 D; Q6 U  A1 S2 R8 N6 n* m" k. J
    vue-router:一般单页面应用spa都要用到的前端路由。& U9 D* V# P0 S9 t
    vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。6 Q' C3 E' J' U5 x! ^6 p. n
    ( |% Z( b, X. ~' d, o
    2 j: r8 C( L& c3 F
    线上地址:https://taylorchen709.github.io/vue-admin/#/login
    " H. s+ z% B7 A! zgit地址:https://github.com/taylorchen709/vue-admin
    # U3 j. q" O; a% ?& q& o  M模板如图:; G' @; w0 P. Q$ G( i
    # H. T' L! ]# R5 e9 G0 B# q

    2 M! u* O- Z& t( Y  j! S) R  g& f使用:+ \! c. l2 o9 c$ o3 K" v" A- ]
    8 z$ N) z% g: s% m
    ) V3 K( \4 {1 k8 z* z- k
    install dependencies% t* @! u+ {+ J2 B, L' y' ?

    ' W/ ^# ]2 ~8 p+ N
    2 b3 s' L7 G' q- d) a& {
    npm install' q6 t$ J$ q) @2 n- {
    serve with hot reload at localhost:8081
    6 p9 o! L; ^) `& \2 C  h  z: o) V' X+ m) L9 X$ F% ]2 i7 ^* t

    ) w2 I# S( M) w: c" bnpm run dev
    * g, ]% x' i$ h$ m; P8 jbuild for production with minification
    ; [4 ?$ @' |3 d6 G. b8 z% B6 w: j; t9 k2 I+ t5 x

    7 }0 q, [; Z" x  u7 M# E6 onpm run build) S+ K! _* C) ~. b$ R3 T4 \& N
    % q4 \$ r8 o/ k
    ( v- }( y4 R# V7 d) W& N
    4、基于Vue实现后台系统权限控制
    ' X+ t# h$ R: W. u! A2 _* d
    4 X9 w6 y3 i4 b+ ~% h5 [

    ; F- Z, |5 @' Y博客地址: https://blog.csdn.net/qq_32340877/article/details/79416344
    9 L, Q1 E- i5 v8 S# B4 X7 y6 l* t5 h/ ]$ _- Q0 r( K

    6 p6 A2 T, v# K, D基于Vue.js 2.x系列 + Element UI 的后台系统权限控制0 k- P/ p; H+ m, {

    / s' |" r0 `- v) `; K
      i& t4 j/ \, Y$ G) F9 p
    git地址:https://github.com/mgbq/vue-permission: f7 O8 ]3 Q& x4 W
    线上地址:https://mgbq.github.io/vue-permission/#/dashboard/dashboard3 r0 _0 a  [* v! t# g) y
    ) k' C6 d  v5 A7 F: h

    % H- \( Y0 g* G6 Q  Y& s+ `# F5 k8 v3 k2 }4 t9 b$ U$ v- z$ U
    $ t6 a: h* c; ?3 G, L3 @( ?% h
    ————————————————7 R( C! D) n, m$ X- l" \
    版权声明:本文为CSDN博主「LuviaWu」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。5 ?( s' u! U" W* g1 j% k
    原文链接:https://blog.csdn.net/LuviaWu/article/details/89212051" a/ K- j; Z) L8 o0 Y

    - V5 ~; ]4 I- D' H  x( F: M
    * }6 l8 @) p$ H2 u+ a0 [, m* H
    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-4-15 23:21 , Processed in 0.443513 second(s), 51 queries .

    回顶部