帮酷LOGO
  • 显示原文与译文双语对照的内容
vue2.0 & elementUI 后台管理系统 https://reg21st.github.io/vue_ui_test/

  • 源代码名称:vue2-management-platform
  • 源代码网址:http://www.github.com/suweiteng/vue2-management-platform
  • vue2-management-platform源代码文档
  • vue2-management-platform源代码下载
  • Git URL:
    git://www.github.com/suweiteng/vue2-management-platform.git
  • Git Clone代码到本地:
    git clone http://www.github.com/suweiteng/vue2-management-platform
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/suweiteng/vue2-management-platform
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • vue2-management-platform(请点右上角star)

    vue2.0 + elementUI 后台管理平台 访问: https://suweiteng.github.io/vue2-management-platform

    概述

    最近学习vue2.0和elementUI的使用,在各种文档的帮助下,尝试编写了一个后台管理平台。 目前数据采用mock.js模拟,比较简略。后续会进行细化并增加登录等功能。

    依赖项版本

    "vue": "^2.1.0",

    "vue-router": "^2.1.3", // vue.js官方路由

    "axios": "^0.16.1", // 官方已不再推荐使用vue-resource,如今推荐axios。

    "element-ui": "^1.2.3", // 样式库

    "mockjs": "^1.0.1-beta3", //模拟数据使用

     更新:vue已升级至2.5.X,elementUI已升级至2.2,其他相关依赖也已升级,
     具体请参考https://github.com/suweiteng/vue2-management-platform/blob/master/package.json
    特别提醒

    为了便于项目在github pages直接在线预览,部分配置与本地运行配置不一样。目前有2处,代码中已有详细说明,遇到问题可自行修改:

    一是在config/index.js中的assetsPublicPath: '/vue2-management-platform/',本地打包可改为assetsPublicPath: '/'

    二是在UE编辑器的配置static/UE/ueditor.config.js中,本地开发写window.UEDITOR_HOME_URL = "/static/UE/"即可。

    更新

    增加富文本编辑器(beta1.6)

    2017年7月11日:集成Ueditor富文本编辑器,作为公共组件。

    2017年7月13日:编辑器支持同页面多次调用。

    2018年1月23日:编辑器支持小功能:获取纯文本(解决博客中40L评论的疑问)。

    教程:http://www.cnblogs.com/dmcl/p/7152711.html

    效果如下: 在线体验本功能:https://suweiteng.github.io/vue2-management-platform/#/editor

    版本升级(beta2.0)

    2018年2月25日:vue已升级至2.5.X,elementUI已升级至2.2,其他相关依赖也已升级。(beta2.0)

    效果如下:

    2018年2月26日:增加打包分析webpack-bundle-analyzer;优化导出功能。(beta2.1)

    2018年4月2日:修复ElementUI升级2.x引起的弹窗问题:issue 10

    截图预览

    Build Setup

    # install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run build

    请点右上角star,谢谢




    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语