iview2-management-system's Introduction

iview2-manage-system

基于Vue2 + iView2.0的后台管理系统解决方案简单示例.

线上访问(不支持手机 / 已修复访问速度过慢的问题)：电脑访问

Notice

6.4 因为精力有限，决定本项目不再维护，但其仍然是可用的，如需实际应用还请关注iview官网了解API变动。十分抱歉！

目前实现的功能及用到的组件

页面： iView2.0
Markdown显示： VueMarkdown
Markdown编辑器： MarkdownEditor&ampVue-SimpleMDE
富文本框： quillEditor
图表：百度Echarts&ampVue-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                              // 简介