vue cms Download - vue cms Source code download

vue cms

Other categories

vue-cli2.x

Download

An enterprise-level backend management project built based on Vue3.x and antd design vue 3.x

Preview

Online experience: https://git.io/fp9UM

Introduction

This branch is an enterprise-level backend management project based on [vue3.x + antd design vue 3.x] as the core.

vue-cms is an enterprise-level management backend project built on Vue and ElementUI . It uses the latest front-end technology stack, built-in i18n internationalization solution, supports multi-language, routing nesting, dynamic routing, permission verification and many other features.

At the same time, it also provides common page modules such as data chart display on the homepage, personal center, theme skinning, forms, data statistics, etc. It also has perfect axios , api , data storage solutions and auxiliary function packaging and unboxing Ready-to-use, it can help you quickly build an enterprise backend management system.

At the same time, it is also a good learning project, including solutions to some common problems, such as: data visualization, import and export functions, custom components, custom instructions, rich text; it also includes some technical attempts. , For example: secondary encapsulation based on element-ui , use of Decorator ...

write in front

Please make sure you have node and git installed. At the same time, you should have some knowledge of Vue, Vuex, Vue Router, ES2015+, and ElementUI. Our requests include simulation using Mock.js and real online interface data. Understanding and learning these knowledge in advance will be of great help in using this project.

Build Setup

 # 克隆项目
git clone https://github.com/Neveryu/vue-cms.git

# 进入项目
cd vue-cms

# install dependencies
yarn install --registry https://registry.npm.taobao.org

// or
# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# serve with hot reload at localhost:8080
npm start

Browser access http://localhost:8080

build, release

 # build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

Function

 - 登录/注销
- 权限验证
- 多环境发布
- 动态侧边栏（支持多级路由）
- better-scroll
- 国际化多语言
- Screenfull全屏
- 列表拖拽
- Svg Sprite 图标
- Dashboard
- 本地mock数据
- Echarts图表
- 导出excel
- 导出zip
- 前端可视化excel
- CountTo
- 自定义组件
- 换肤
- 富文本