[](#iview-admin)iView Admin

[](#%E5%BD%93%E5%89%8D%E7%89%88%E6%9C%ACv123)当前版本：v1.2.3

注：在线版本会在开发版本新小版本发布后更新到相应版本，所以如果想体验最新版本iview-admin，请clone完整项目代码到本地运行。

[](#install)Install

// install dependencies
npm install

[](#run)Run

[](#development)Development

npm run dev

[](#productionbuild)Production(Build)

npm run build

[](#%E7%AE%80%E4%BB%8B)简介

iView admin是基于Vue.js，搭配使用iView UI组件库形成的一套后台集成解决方案，由TalkingData前端可视化团队部分成员开发维护。iView admin遵守iView设计和开发约定，风格统一，设计考究，并且更多功能在不停开发中。如果您想查看iview-admin的更新动态，您可以到更新日志查看了解最新更新；如果您是新手，想快速入手iview-admin，您可以到使用教程查看讲解；如果您想在线体验iview-admin，您可以到在线访问体验。如果你只是想要一个清醒爽朗的界面，那你可以下载简化版模板来做开发。

[](#%E5%8A%9F%E8%83%BD)功能

登录/登出
权限管理
- 列表过滤
- 权限切换
多语言切换
组件
- 富文本编辑器
- Markdown编辑器
- 城市级联
- 图片预览编辑
- 可拖拽列表
- 文件上传
- 数字渐变
表单编辑
- 文章发布
- 工作流
表格
- 可拖拽排序
- 可编辑表格
  - 行内编辑
  - 单元格编辑
- 可搜索表格
- 表格导出数据
  - 导出为Csv文件
  - 导出为Xls文件
- 表格转图片
错误页面
- 403页面
- 404页面
- 500页面
高级路由
- 动态路由
- 带参页面
换肤
收缩侧边栏
tag标签导航
面包屑导航
全屏/退出全屏
锁屏
消息中心
个人中心

[](#%E6%96%87%E4%BB%B6%E7%BB%93%E6%9E%84)文件结构

.
├── 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  综合表格