基于Vue2 + iView2.0的后台管理系统解决方案简单示例.
线上访问(不支持手机,并且服务器带宽仅为1M,速度较慢,请耐心等待):电脑访问
- 页面: iView2.0
- Markdown显示: VueMarkdown
- Markdown编辑器: MarkdownEditor&Vue-SimpleMDE
- 富文本框: quillEditor
- 图表: 百度Echarts&Vue-Echarts
- 文件上传: 使用iView自带的文件上传组件
npm i // 安装依赖
npm run dev // 本地开发
npm run build // 生产部署
|-- build // webpack配置文件
|-- config // 项目打包路径
|-- static // 静态文件目录
|-- src // 源码目录
| |-- components // 组件
| |-- common // 全局组件
| |-- about.vue // 公共头部
| |-- index.vue // 入口
| |-- login.vue // 公共左边栏
| |-- page // 主要页面
| |-- eharts.vue // 百度echarts
| |-- form.vue // 表单
| |-- rtf.vue // 富文本框
| |-- markdown-viewer.vue // markdown显示
| |-- markdown-editor.vue // markdown编辑器
| |-- table.vue // 表格
| |-- upload.vue // 文件上传
| |-- App.vue // 页面入口文件
| |-- main.js // 程序入口文件
|-- .babelrc // ES6语法编译配置
|-- .editorconfig // 代码编写规格
|-- .gitignore // push忽略文件
|-- index.html // 入口html页面
|-- package.json // 依赖及配置
|-- README.md // 简介
1.iView中导航栏手动更新当前选择项官网文档说的不是很详细,等2.0文档更新完会解决此问题
2.导航栏响应式存在一些问题,下次更新将会修复
3.本项目只是简单示例,实际应用还需自行添加需要实现的功能
4.部分内容参考了 Vue2 后台管理系统解决方案
有任何问题或建议欢迎提出issue.