简介
vue-cms 是一个企业级管理后台项目,基于 Vue 和 ElementUI 构建。它使用了最新的前端技术栈,内置了i18n国际化解决方案,支持多语言,动态路由,权限验证,登录注册,等很多功能特性。
同时,它也是一个很好的学习项目,包含了一些常见问题的解决方案,比如:数据可视化,表单表格,导入导出,自定义组件,自定义指令,富文本,换肤等等。
github 地址:
https://github.com/Neveryu/vue-cms
github star: 240+, MIT 协议
主要技术栈
Vue、Vuex、Vue Router、ES2015+、ElementUI、nodejs、Mock.js
功能列表
- 登录/注销 - 权限验证 - 多环境发布 - 动态侧边栏(支持多级路由) - better-scroll - 国际化多语言 - Screenfull全屏 - 列表拖拽 - Svg Sprite 图标 - Dashboard - 本地mock数据 - Echarts图表 - 导出excel - 导出zip - 前端可视化excel - CountTo - 自定义组件 - 换肤 - 富文本
项目截图
本地开发
进入项目 cd vue-cms 建议不要用 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 and view the bundle analyzer report npm run build --report
浏览器兼容性
IE / Edge
IE10, IE11, Edge
Firefox
last 2 versions
Chrome
last 2 versions
Safari
last 2 versions
PS
项目支持在线体验,在线体验地址如下:
https://neveryu.github.io/vue-cms/index.html
本文【cms教程-源码窝,基于vue的开源CMS】由作者: B/S结构 提供,本站不拥有所有权,只提供储存服务,如有侵权,联系删除!
本文链接:https://www.cuoshuo.com/blog/4636.html