Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/neveryu/vue-cms
基于 Vue 和 ElementUI 构建的一个企业级后台管理系统
https://github.com/neveryu/vue-cms
axios cms contentmanagementsystem element element-ui i8n mock vue vue-cli vue-cms vue-elementui vuejs vuex webpack webpack4
Last synced: 22 days ago
JSON representation
基于 Vue 和 ElementUI 构建的一个企业级后台管理系统
- Host: GitHub
- URL: https://github.com/neveryu/vue-cms
- Owner: Neveryu
- License: mit
- Created: 2018-01-05T10:45:16.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2024-09-27T11:53:39.000Z (about 2 months ago)
- Last Synced: 2024-10-04T09:58:45.838Z (about 1 month ago)
- Topics: axios, cms, contentmanagementsystem, element, element-ui, i8n, mock, vue, vue-cli, vue-cms, vue-elementui, vuejs, vuex, webpack, webpack4
- Language: TypeScript
- Homepage: https://git.io/fp9UM
- Size: 13.7 MB
- Stars: 629
- Watchers: 22
- Forks: 230
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
基于 Vue3.x 和 antd design vue 3.x 构建的企业级后台管理项目
## 预览
在线体验：[https://git.io/fp9UM](https://neveryu.github.io/vue-cms/index.html)
## 简介
> 本分支是基于[vue3.x + antd design vue 3.x]为核心构建的企业级后台管理项目.
`vue-cms` 是一个企业级管理后台项目，基于 `Vue` 和 `ElementUI` 构建。它使用了最新的前端技术栈，内置了 `i18n` 国际化解决方案，支持多语言，路由嵌套，动态路由，权限验证等很多功能特性。
同时，它也提供了首页的数据图表展示，个人中心，主题换肤，表单表格，数据统计等常用的页面模块；
而且拥有完美的 `axios`，`api`，数据存储解决方案以及辅助函数的封装，开箱即用，可以帮助你快速搭建企业后台管理系统。
与此同时，它也是一个很好的学习项目，包含了一些常见问题的解决方案，比如：数据可视化，导入导出功能，自定义组件，自定义指令，富文本；也包含了技术上的一些尝试，比如：基于 `element-ui` 的二次封装，`Decorator` 的使用...
## 写在前面
请确保你安装了 [node](https://nodejs.org/en/) 和 [git](https://git-scm.com/)，与此同时，你应该对 [Vue](https://cn.vuejs.org/v2/guide/)、[Vuex](https://vuex.vuejs.org/zh/)、[Vue Router](https://router.vuejs.org/zh/)、[ES2015+](http://es6.ruanyifeng.com/)、[ElementUI](http://element-cn.eleme.io/#/zh-CN) 有所了解。我们的请求有使用 [Mock.js](https://github.com/nuysoft/Mock/wiki/Getting-Started) 模拟，也有使用线上真实的接口数据，提前了解和学习这些知识会对使用本项目有很大的帮助。
## Build Setup
``` bash
# 克隆项目
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](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 演示](https://neveryu.github.io/vue-cms/index.html)
## Donate
如果你觉得这个项目帮助到了你，你可以帮作者买一杯果汁表示鼓励 :tropical_drink:
## Browsers support
Modern browsers and Internet Explorer 11+.
| [
](http://godban.github.io/browsers-support-badges/)IE / Edge | [
](http://godban.github.io/browsers-support-badges/)Firefox | [
](http://godban.github.io/browsers-support-badges/)Chrome | [
](http://godban.github.io/browsers-support-badges/)Safari |
| --------- | --------- | --------- | --------- |
| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
## License
[MIT](https://github.com/Neveryu/vue-cms/blob/master/LICENSE)
Copyright (c) 2017-present, [NeverYu](https://github.com/Neveryu)