iview-admin/README.md

193 lines
6.2 KiB
Markdown
Executable File
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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.2-brightgreen.svg?style=flat-square)](https://github.com/vuejs/vue)
[![iview ui](https://img.shields.io/badge/iview-2.7.2-brightgreen.svg?style=flat-square)](https://github.com/iview/iview)
## 当前版本v1.2.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
```
## 简介
&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)
## 效果展示
- 登录
![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)
- 文章发布
![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