QQ登录

只需要一步,快速开始

 注册地址  找回密码
查看: 4227|回复: 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

    + _, n4 v2 B% s【VUE】vue后台常用模板
    1 p0 S% W8 z& Q  nvue后台常用模板:  I; `; q2 V# E, M# S% _
    element文档: http://element-cn.eleme.io/#/zh-CN/component/installation( I" N) N# ^: D
    vue API: https://cn.vuejs.org/v2/api/& t* z( w% D6 t" G$ Z& C
    , l$ ?  }: q9 F

    8 y$ D  s" g& l, ~4 i! B以下是在下收集的三个常用的vue模板
    * i0 S8 I4 n3 r) [' Y
    0 m. ~6 t" I( f
    ' G4 b0 n" D* |- O3 [3 ?, Y
    1、vue-manage-system
    2 n% k6 O* `. y* z* Q8 n
    4 A* w" y0 r3 m7 R

    0 L4 p- n" [; R/ t/ vgit地址:https://github.com/lin-xin/vue-manage-system5 O3 R# i" |  T/ h& s( i% G, C& D
    线上地址: http://blog.gdfengshuo.com/example/work/#/dashboard  y( [9 j, Q/ {2 n9 ?" ?, R
    模板如图:6 z* q: c1 @. N* F% \/ O

    ! X8 g# N- v$ ~9 _. I5 r
    + f& q! r6 y4 x5 D
    , Q" q1 L2 ]4 K8 A$ r

    4 c7 v: F9 c# M5 d0 E; Y  ~2、vue-element-admin* f) A& v2 l! c8 b
    git地址:https://github.com/PanJiaChen/vue-element-admin
    - x( |6 a. S" K& y国际化版本:https://github.com/PanJiaChen/vue-element-admin/tree/i18n
    - Y# X6 V2 T5 o/ H' C5 [! A9 n3 W) `8 w% Q, V. Q# E% U

    . s2 g; a/ Q3 i, d0 S中文线上预览:https://panjiachen.github.io/vue-element-admin/#/dashboard
    " d2 p5 v7 L9 [& _: M' u" g8 `, R% [4 }6 [
    . B# I( v( i+ J' N4 F5 `5 V
    IE兼容处理:参考文章
    ' S1 h* U% a" K$ R% \7 w3 d模板如图:/ H3 h7 V" r& r4 _" s
    : F. I: L$ O& C/ n% T2 H
    % K" G. l! s8 s

    - C/ x: R! v3 j# r9 |

    # q' m; X# {9 Z/ {3、vuejs 和 element 搭建的一个后台管理界面& a: a% P9 m3 {

      e: L0 K- I& _4 X
    5 L% P5 [8 I% k* {5 _" W' L- \
    相关技术:, `7 f+ O9 ]4 `9 R0 [
    vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。
    5 d  I& h6 ~4 V" oelement:基于vuejs2.0的ui组件库。
    8 ^( e) A& l3 K1 y, |vue-router:一般单页面应用spa都要用到的前端路由。) A# s9 m9 y1 \, s8 a9 g1 ~# [
    vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
    ; y1 n8 R  v8 w* B
    4 w) Q, L5 N5 R+ V) H
    * O0 R1 ~5 Z( N
    线上地址:https://taylorchen709.github.io/vue-admin/#/login: X8 S' `$ f% f/ t
    git地址:https://github.com/taylorchen709/vue-admin( y% p. @) O! q
    模板如图:! E- l/ G4 A7 L3 h9 L
    ! l$ K$ D3 T) o" \9 M* O+ Z5 v# T

    / }4 Y0 j. b# s- L' }& T使用:
    9 u. }: T! R. l# `$ ?+ }* Q1 ?
    $ N/ ?; N' K1 z+ f! H" L4 H  }8 W

    / o* I. G. ?/ uinstall dependencies
    8 q1 B8 R" ^) A- h( n% s3 G, c4 X) e& I4 Y  E3 U  |
    - ?' x7 U* R( j! g/ x
    npm install
    9 F8 T0 v# ^) oserve with hot reload at localhost:8081
    0 n+ k* q( r7 E5 g0 Z# l( f
    & O/ ~. A* g4 M1 ]8 Z
    0 \0 F% s, }* X. w. a: R8 Y4 A
    npm run dev
    * @) a& k* {6 _; T! hbuild for production with minification
    * v1 p9 F+ J8 G& E9 O
    ) X  [  U. \9 y4 G$ _- I% [$ I

    4 L9 c( {3 k7 B: H, nnpm run build" L; v0 U; a6 B' b7 f" Y* D( s+ S
      {. d# W* I. P: N

    & H& ~, t" f1 L! `4、基于Vue实现后台系统权限控制
    % p  H3 p% }6 c( A' d& N2 H$ v) q+ ]% G# k8 [+ g
    ! z' v: `9 Y  K. ?! n/ K
    博客地址: https://blog.csdn.net/qq_32340877/article/details/79416344
    , d4 e) e. T, s' x2 W' n, N% O3 e& T  b! s0 S( K6 i' V' O0 T3 e9 K
    + v6 A( j4 ~! v/ t( F
    基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
    6 |9 Q4 I6 \- p/ v3 `$ K& s
    7 {6 O: [" \0 j, |  l2 J

    5 ^3 f- l% g3 J5 \) M3 _% @git地址:https://github.com/mgbq/vue-permission+ ?0 z0 l( Q: I6 N% G4 Q4 c
    线上地址:https://mgbq.github.io/vue-permission/#/dashboard/dashboard) B: j: A- C" G2 `5 f& h
    3 |4 z$ g# m5 w6 x7 P* _8 m- R% _$ S
    & d) W" Q8 [8 p. S3 q. C
    2 l* `. R0 L& x/ {3 i0 R
    # ^4 `* A0 ?" X
    ————————————————
    ) g" L0 p; r/ t$ |' D版权声明:本文为CSDN博主「LuviaWu」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    8 ~, N5 [5 d8 J原文链接:https://blog.csdn.net/LuviaWu/article/details/89212051
    ( ~( f! G5 ?" b& W% k5 x# y, |( N& t4 h  K5 U0 W6 ?
    , b- Z. z2 H7 W: r  j
    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-8-6 04:03 , Processed in 0.422608 second(s), 51 queries .

    回顶部