itsky365 / iview2-management-system

a basic management system example written by iview2.0 & Vue2.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

iview2-manage-system

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

线上访问(不支持手机,并且服务器带宽仅为1M,速度较慢,请耐心等待):电脑访问


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


使用

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


存在的问题及维护说明

1.iView中导航栏手动更新当前选择项官网文档说的不是很详细,等2.0文档更新完会解决此问题

2.导航栏响应式存在一些问题,下次更新将会修复

3.本项目只是简单示例,实际应用还需自行添加需要实现的功能

4.部分内容参考了 Vue2 后台管理系统解决方案


其他

有任何问题或建议欢迎提出issue.


License

MIT

About

a basic management system example written by iview2.0 & Vue2.

License:MIT License


Languages

Language:Vue 64.9%Language:JavaScript 34.7%Language:HTML 0.4%