<p align="center">
    <a href="https://www.iviewui.com">
        <img width="200" src="https://file.iviewui.com/logo.svg">
    </a>
</p>

iView Admin

[站外图片上传中...(image-bfaeea-1552442446126)]
[站外图片上传中...(image-7c7518-1552442446127)]
[图片上传失败...(image-e962f8-1552442446127)]
[站外图片上传中...(image-ca1626-1552442446127)]

当前版本：v1.3.1

更新日志

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

2.0版本预告 Feature

2.0版本现已公测，可以从2.0分支clone到本地，更多组件正在开发中.

Version 2.0 is now open beta, can be cloned from the 2.0 branch to the local, more components are under development.

Webpack4 + Vue-cli3.0
重整项目结构，更好封装组件
新增更多组件
多级菜单
动态路由
重构权限控制体系
使用最新版iView以及iView-editor
加入大数据量表格vue-bigdata-table组件，几十万数据流畅渲染
......

Install

// install dependencies
npm install

Run

Development

npm run dev

Production(Build)

npm run build

简介

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

功能

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

文件结构

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

效果展示

响应式布局首页
[图片上传失败...(image-4f9574-1552442446127)]
标签导航
[图片上传失败...(image-a42ba4-1552442446127)]
权限管理
[图片上传失败...(image-26f0c5-1552442446127)]
可拖拽列表
[图片上传失败...(image-39ef83-1552442446127)]
图片预览编辑
[图片上传失败...(image-a559a1-1552442446127)]
文件上传
[图片上传失败...(image-4a33cf-1552442446127)]
数字渐变
[图片上传失败...(image-8876f4-1552442446127)]
split-pane
[图片上传失败...(image-f9fd92-1552442446127)]
文章发布
[图片上传失败...(image-f6d7d9-1552442446127)]
工作流
[图片上传失败...(image-70650c-1552442446127)]
可拖拽表格
[图片上传失败...(image-ca11d-1552442446127)]
可编辑表格
[图片上传失败...(image-dfcc65-1552442446127)]
表格导出数据
[图片上传失败...(image-b14668-1552442446127)]
表格转图片
[图片上传失败...(image-1b5d3e-1552442446127)]
错误页面
[图片上传失败...(image-c8ed10-1552442446127)]
锁屏
[图片上传失败...(image-466183-1552442446127)]
可收缩侧边栏
[图片上传失败...(image-5007dd-1552442446127)]
主题切换
[图片上传失败...(image-d3078f-1552442446127)]
消息中心
[图片上传失败...(image-466911-1552442446127)]

💖💖 If you find this project helpful, maybe you can buy me a coffee. 💖💖

[图片上传失败...(image-1bce87-1552442446127)]

License

MIT

iview readme.md