iview2-manage-system
基于Vue2 + iView2.0的后台管理系统解决方案简单示例.
线上访问(不支持手机 / 已修复访问速度过慢的问题):电脑访问
Notice
- 6.4 因为精力有限,决定本项目不再维护,但其仍然是可用的,如需实际应用还请关注iview官网了解API变动。十分抱歉!
目前实现的功能及用到的组件
- 页面: 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.字体路径有错误,下次更新将会修复
2.本项目只是简单示例,实际应用还需自行添加需要实现的功能
3.部分内容参考了 Vue2 后台管理系统解决方案
其他
有任何问题或建议欢迎提出issue.