webpack+vue+iview搭建管理后台

<p align="center"> <a href="https://www.iviewui.com"> <img width="200" src="https://file.iviewui.com/logo.svg"> </a> </p> # iView Admin [](https://travis-ci.org/iview/iview-admin) [](https://github.com/vuejs/vue) [](https://github.com/iview/iview) ## 当前版本：v1.2.3 [更新日志](https://github.com/iview/iview-admin/releases) [使用教程](https://github.com/iview/iview-admin/wiki) [在线访问](https://iview.github.io/iview-admin) [English Doc](https://github.com/iview/iview-admin/blob/dev/README_EN.md) [简化版模板](https://github.com/iview/iview-admin/tree/template) `注：在线版本会在开发版本新小版本发布后更新到相应版本，所以如果想体验最新版本iview-admin，请clone完整项目代码到本地运行。` ## Install ```bush // install dependencies npm install ``` ## Run ### Development ```bush npm run dev ``` ### Production(Build) ```bush npm run build ``` ## 简介 &emsp;&emsp;iView admin是基于Vue.js，搭配使用[iView](https://www.iviewui.com) UI组件库形成的一套后台集成解决方案，由TalkingData前端可视化团队部分成员开发维护。iView admin遵守iView设计和开发约定，风格统一，设计考究，并且更多功能在不停开发中。 如果您想查看iview-admin的更新动态，您可以到[更新日志](https://github.com/iview/iview-admin/releases)查看了解最新更新；如果您是新手，想快速入手iview-admin，您可以到[使用教程](https://github.com/iview/iview-admin/wiki)查看讲解；如果您想在线体验iview-admin，您可以到[在线访问](https://iview.github.io/iview-admin)体验。如果你只是想要一个清醒爽朗的界面，那你可以下载[简化版模板](https://github.com/iview/iview-admin/tree/template)来做开发。 ## 功能 - 登录/登出 - 权限管理 - 列表过滤 - 权限切换 - 多语言切换 - 组件 - 富文本编辑器 - Markdown编辑器 - 城市级联 - 图片预览编辑 - 可拖拽列表 - 文件上传 - 数字渐变 - 表单编辑 - 文章发布 - 工作流 - 表格 - 可拖拽排序 - 可编辑表格 - 行内编辑 - 单元格编辑 - 可搜索表格 - 表格导出数据 - 导出为Csv文件 - 导出为Xls文件 - 表格转图片 - 错误页面 - 403页面 - 404页面 - 500页面 - 高级路由 - 动态路由 - 带参页面 - 换肤 - 收缩侧边栏 - tag标签导航 - 面包屑导航 - 全屏/退出全屏 - 锁屏 - 消息中心 - 个人中心 ## 文件结构 ```shell . ├── build  项目构建配置 └── src    ├── images  图片文件    ├── libs  工具方法    ├── locale  多语言文件    ├── router  路由配置    ├── store  状态管理    ├── styles  样式文件 ├── template 模板文件 ├── vendors 公共库文件 └── views ├── access 权限管理 ├── advanced-router 高级路由 ├── error_page 错误页面 ├── form 表单编辑 ├── home 首页 │   ├── components 首页组件 ├── international 多语言 ├── main_components Main组件 │   ├── lockscreen 锁屏 │   ├── shrinkable-menu 可收缩菜单 │   └── theme-switch 主题切换 ├── message 消息中心 ├── my_components 业务组件 │   ├── area-linkage 中国行政区级联选择器 │   ├── count-to 数字渐变 │   ├── draggable-list 可拖拽列表 │   ├── file-upload 文件上传 │   ├── image-editor 图片预览编辑 │   ├── markdown-editor Markdown编辑器 │   └── text-editor 富文本编辑器 ├── own-space 个人中心 └── tables 综合表格 ``` ## Links - [TalkingData](https://github.com/TalkingData) - [iView](https://github.com/iview/iview) - [Vue](https://github.com/vuejs/vue) - [Webpack](https://github.com/webpack/webpack) ## 效果展示 - 响应式布局首页  - 标签导航  - 权限管理  - 可拖拽列表  - 图片预览编辑  - 文件上传  - 数字渐变  - 文章发布  - 工作流  - 可拖拽表格  - 可编辑表格  - 表格导出数据  - 表格转图片  - 错误页面  - 锁屏  - 可收缩侧边栏 s - 主题切换  - 消息中心  ## License [MIT](http://opensource.org/licenses/MIT) Copyright (c) 2016-present, iView