vue cms

基於Vue3.x 和antd design vue 3.x 建置的企業級後台管理項目

預覽

線上體驗：https://git.io/fp9UM

簡介

本分支是基於[vue3.x + antd design vue 3.x]為核心建構的企業級後台管理專案.

vue-cms是一個企業級管理後台項目，基於Vue和ElementUI建置。它使用了最新的前端技術棧，內建了i18n國際化解決方案，支援多語言，路由嵌套，動態路由，權限驗證等很多功能特性。

同時，它也提供了首頁的數據圖表展示，個人中心，主題換膚，表單表格，數據統計等常用的頁面模組； 而​​且擁有完美的axios ， api ，數據存儲解決方案以及輔助函數的封裝，開箱即用，可以幫助你快速建置企業後台管理系統。

同時，它也是一個很好的學習項目，包含了一些常見問題的解決方案，例如：資料視覺化，導入匯出功能，自訂元件，自訂指令，富文本；也包含了技術上的一些嘗試，例如：基於element-ui的二次封裝， Decorator的使用...

寫在前面

請確保你安裝了node 和git，同時，你應該對Vue、Vuex、Vue Router、ES2015+、ElementUI 有所了解。我們的請求有使用Mock.js 模擬，也有使用線上真實的介面數據，事先了解和學習這些知識會對使用本專案有很大的幫助。

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

瀏覽器造訪http://localhost:8080

構建，發布

 # build for production with minification
npm run build

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

功能

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

快照|snapshot

// todo

Online demo

線上Demo 演示

Donate

如果你覺得這個計畫幫助到了你，你可以幫作者買一杯果汁表示鼓勵?

Browsers support

Modern browsers and Internet Explorer 11+.

IE / Edge	Firefox	Chrome	Safari
IE10, IE11, Edge	last 2 versions	last 2 versions	last 2 versions

License

MIT

Copyright (c) 2017-present, NeverYu