/uni-boot-cloud-vue

uni-boot-cloud 配套 Vue 前端骨架,基于 vue-admin-template;技术栈 Vue2 + ElementUI + Vuex + VueRouter + Axios + Webpack + Eslint + Husky;支持菜单权限管理、动态路由管理等

Primary LanguageVueApache License 2.0Apache-2.0

uni-boot-cloud-vue

项目简介

  1. 本项目是一套通用后台管理系统骨架,前端基于 Vue + ElementUI + VueRouter + Vuex

    基于 vue-admin-template 核心重构(V4.4.0)

    vue-admin-template 是一款管理系统前端模板,基于 MIT 协议开源

  2. 本项目采用前后端分离结构,以下是配套后端项目

    uni-boot-cloud

  3. 版本与环境

    @vue/cli: 4.4.4

    vue: 2.6.10

    vuex: 3.1.0

    vue-router: 3.0.6

    element-ui: ^2.15.13

    axios: 0.18.1

    echarts: ^5.4.1

    sass: 1.26.8

    node-sass 安装时可能出现失败,参考解决方案:

    npm install 前设置 npm 镜像、node-sass 镜像

    npm config set registry https://registry.npm.taobao.org npm config set SASS_BINARY_SITE https://npm.taobao.org/mirrors/node-sass

  4. 功能与优势

    基于 vue-admin-template,有丰富的生态(站在巨人的肩膀上)

    开源免费(Apache-2.0 协议)

    较好的编码风格

    支持多环境发布(dev/prod)

    支持动态面包屑

    支持侧边栏自适应收缩

    支持侧边菜单动态生成以及菜单、权限管理

    支持权限路由动态添加,基于后端返回权限菜单

    支持 404 路由

    支持 SVG 图标组件

    集成 Echarts,提供图表组件支持

    集成 Clipboard,提供剪贴板支持

功能模块

  1. 代码结构

    ├── build
    ├── public
    ├── src
    │   ├── api
    │   ├── asset
    │   ├── component
    │   ├── icon
    │   ├── layout
    │   ├── router
    │   ├── store
    │   ├── style
    │   ├── util
    │   ├── view
    │   ├── main.js
    │   ├── App.vue
    │   └── settings.js
    ├── vue.config.js
    ├── babel.config.js
    ├── jest.config.js
    ├── jsconfig.json
    ├── LICENSE
    ├── package.json
    ├── postcss.config.js
    └── README.md
  2. 目录介绍

    build                  # 构建相关
    public                 # 公共资源
    src                    # 源代码
    src/api                # 接口请求
    src/asset              # 静态资源
    src/component          # 通用组件封装,svg、echarts 等(组件以 Base 开头)
    src/icon               # svg 图标
    src/layout             # 基本布局组件封装(组件以 App 开头)
    src/router             # 路由,实现后端权限菜单转为路由
    src/store              # 状态管理
    src/style              # 公共样式
    src/util               # 公共工具方法
    src/view               # 页面组件,菜单/角色/字典/日志管理等(组件以大写 V 开头)
    src/main.js            # 入口文件
    src/App.vue            # 入口页面
    src/settings.js        # 系统配置项
    vue.config.js          # vue 配置
    babel.config.js        # babel 配置
    package.json           # package.json
    postcss.config.js      # postcss 配置