<p align="center">
<a href="https://www.iviewui.com">
<img width="200" src="https://file.iviewui.com/logo.svg">
</a>
</p>
# iView Admin
[![](https://img.shields.io/travis/iview/iview-admin.svg?style=flat-square)](https://travis-ci.org/iview/iview-admin)
[![vue](https://img.shields.io/badge/vue-2.5.13-brightgreen.svg?style=flat-square)](https://github.com/vuejs/vue)
[![iview ui](https://img.shields.io/badge/iview-2.8.0-brightgreen.svg?style=flat-square)](https://github.com/iview/iview)
## 当前版本:v1.3.1
[更新日志](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
```
## 简介
  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编辑器
- 城市级联
- 图片预览编辑
- 可拖拽列表
- 文件上传
- 数字渐变
- split-pane
- 表单编辑
- 文章发布
- 工作流
- 表格
- 可拖拽排序
- 可编辑表格
- 行内编辑
- 单元格编辑
- 可搜索表格
- 表格导出数据
- 导出为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)
## 效果展示
- 响应式布局首页
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/home.gif)
- 标签导航
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/page-tags.gif)
- 权限管理
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/access.gif)
- 可拖拽列表
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/dragable-list.gif)
- 图片预览编辑
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/image-editor.gif)
- 文件上传
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/upload.gif)
- 数字渐变
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/count-to.gif)
- split-pane
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/split-pane.gif)
- 文章发布
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/article-publish.gif)
- 工作流
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/workflow.gif)
- 可拖拽表格
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/dragable-table.gif)
- 可编辑表格
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/editable-table.gif)
- 表格导出数据
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/exportable-table.gif)
- 表格转图片
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/table2image.gif)
- 错误页面
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/error-page.gif)
- 锁屏
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/locking.gif)
- 可收缩侧边栏
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/sidebarmenu.gif)s
- 主题切换
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/theme.gif)
- 消息中心
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/message.gif)
## License
[MIT](http://opensource.org/licenses/MIT)
Copyright (c) 2016-present, iView
土豆片片
- 粉丝: 1853
- 资源: 5869
最新资源
- 基于c#+Mysql数据库课程设计-房屋租赁管理系统全部资料+详细文档+高分项目.zip
- 基于C和C++连接MySQL数据库并进行常用的数据库操作、实现了简单的学生(或职工)信息管理系统,数据库课程设计全部资料+详细文档+高分项目.zip
- 基于JAVA数据库 课程设计、毕业设计 仓库管理系统 使用 MySQL和Java全部资料+详细文档+高分项目.zip
- 基于JAVA+MySQL数据库设计完成的学生管理系统,界面使用的Java Swing全部资料+详细文档+高分项目.zip
- 基于JSP+MySQL数据库课程设计——机票预订系统全部资料+详细文档+高分项目.zip
- 基于memo数据库课程设计--会展中心管理系统全部资料+详细文档+高分项目.zip
- 基于SQL Server的学生选课系统数据库设计全部资料+详细文档+高分项目.zip
- 基于数据库课程设计,数据库系统全部资料+详细文档+高分项目.zip
- 基于Spring Boot + MyBatis + MySQL数据库课程设计-医院药品管理系统,符合 3NDF 的规范数据库设计,全部资料+详细文档+高分项目.zip
- 基于数据库设计课程设计——高校选课管理系统全部资料+详细文档+高分项目.zip
- 基于数据库课程设计前端 火车票售票系统 使用vue+elementui全部资料+详细文档+高分项目.zip
- 基于数据库课程设计宾馆管理系统全部资料+详细文档+高分项目.zip
- 基于数据库设计——医药销售管理系统(入库、销售、退货、报表)全部资料+详细文档+高分项目.zip
- 基于数据库系统原理课程设计,基于 SSM 框架的医院药品库存管理系统。全部资料+详细文档+高分项目.zip
- 阀杆自动搬运压装焊接设备sw12可编辑全套技术资料100%好用.zip
- 基于数据库实践课程设计,学生宿舍管理系统全部资料+详细文档+高分项目.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈