Update README.md

This commit is contained in:
Aresn 2019-01-28 14:59:32 +08:00 committed by GitHub
parent e1e0dc0b3e
commit 24c58b9d7a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 110 additions and 161 deletions

271
README.md
View File

@ -4,187 +4,136 @@
</a>
</p>
# iView Admin
<h1>
iView Admin
<h3>Vue.js 2.0 admin management system template based on iView.</h3>
</h1>
[![](https://img.shields.io/github/release/iview/iview-admin.svg)](https://github.com/iview/iview-admin/releases)
[![](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.10-brightgreen.svg?style=flat-square)](https://github.com/vuejs/vue)
[![iview ui](https://img.shields.io/badge/iview-3.1.3-brightgreen.svg?style=flat-square)](https://github.com/iview/iview)
[![vue](https://img.shields.io/badge/vue-2.5.17-brightgreen.svg?style=flat-square)](https://github.com/vuejs/vue)
[![iview ui](https://img.shields.io/badge/iview-3.2.2-brightgreen.svg?style=flat-square)](https://github.com/iview/iview)
[![npm](https://img.shields.io/npm/l/express.svg)]()
[更新日志](https://github.com/iview/iview-admin/releases)
<h2 align="center">Special Sponsors</h2>
<table>
<tbody>
<tr>
<td align="center" valign="middle">
<a href="https://segmentfault.com/ls/1650000016424063" target="_blank">
<img width="300" src="https://file.iviewui.com/asd/asd-i-2.png">
</a>
</td>
<td align="center" valign="middle">
<a href="https://juejin.im/welcome/frontend?utm_source=iview&utm_medium=banner&utm_content=huoyue&utm_campaign=q4_website" target="_blank">
<img width="300" src="https://file.iviewui.com/asd/asd-juejin3.png">
</a>
</td>
<td align="center" valign="middle">
<a href="https://studio.qcloud.coding.net/campaign/favorite-plugins/index?utm_source=iview" target="_blank">
<img width="300" src="https://file.iviewui.com/asd/asd-coding3.png">
</a>
</td>
</tr>
<tr>
<td align="center" valign="middle">
<a href="https://cn.udacity.com/fend/?utm_source=iviewui&utm_medium=banner&utm_campaign=fend" target="_blank">
<img width="300" src="https://file.iviewui.com/asd/asd-u-new-2.png">
</a>
</td>
<!-- <td align="center" valign="middle">
<a href="https://www.vaptcha.com/?from=iview" target="_blank">
<img width="300" src="https://file.iviewui.com/asd/asd-vaptcha2.jpg">
</a>
</td> -->
<!-- <td align="center" valign="middle">
<a href="https://www.accesshub.cn/" target="_blank">
<img width="300" src="https://file.iviewui.com/asd/asd-accesshub.jpg">
</a>
</td> -->
<td align="center" valign="middle">
<a href="https://juejin.im/book/5bc844166fb9a05cd676ebca" target="_blank">
<img width="300" src="https://file.iviewui.com/asd/asd-v-book2.png">
</a>
</td>
</tr>
</tbody>
</table>
[使用文档](https://lison16.github.io/iview-admin-doc/#/)
> If you'd like be a sponsor, to show your ads in GitHub and iView doc, please email admin@aresn.com to get more infomation.
>
> (如果您想成为赞助商,在 GitHub 和 iView 文档展示您的广告,请邮件咨询 admin@aresn.com)
>
> (如果您有任何关于 iView 或 Vue.js 相关的问题,欢迎到 iView 社区提问 https://dev.iviewui.com/issues )
[在线访问](https://admin.iviewui.com/)
## Introduction
[简化版模板](https://github.com/iview/iview-admin/tree/template)
iView Admin is a front-end management background integration solution. It based on [Vue.js](https://github.com/vuejs/vue) and use the UI Toolkit [iView](https://github.com/iview/iview).
[教学视频(26课时)](https://segmentfault.com/ls/1650000016221751?utm_source=banner)
- [Document](https://lison16.github.io/iview-admin-doc/)
- [Preview](https://admin.iviewui.com/)
`注在线版本会在开发版本新小版本发布后更新到相应版本所以如果想体验最新版本iview-admin请clone完整项目代码到本地运行。`
![image](https://file.iviewui.com/admin-dist/admin-preview.png)
## Install
## Features
- Login / Logout
- Permission Authentication
- A list of filters
- Permission to switch
- i18n
- Components
- Rich Text Editor
- Markdown Editor
- City Cascader
- Photos preview and edit
- Draggable list
- File upload
- Digital gradient
- split-pane
- Form
- The article published
- Workflow
- Table
- Drag-and-drop sort
- Searchable form
- Table export data
- Export to Csv file
- Export to Xls file
- Table to picture
- Error Page
- 403
- 404
- 500
- Router
- Dynamic routing
- With reference page
- Theme
- Shrink the sidebar
- Tag navigation
- Breadcrumb navigation
- Full screen / exit full screen
- Lock screen
- The message center
- Personal center
## Getting started
```bush
# clone the project
git clone https://github.com/iview/iview-admin.git
// install dependencies
npm install
```
## Run
### Development
```bush
// develop
npm run dev
```
### Production(Build)
## 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://admin.iviewui.com/)体验。如果你只是想要一个清醒爽朗的界面,那你可以下载[简化版模板](https://github.com/iview/iview-admin/tree/template)来做开发。
### 加入QQ群获取最新更新咨询和3000+开发者交流学习
<img src="https://github.com/iview/iview-admin/raw/2.0/src/assets/images/groups.jpg" alt="Sample" width="400" height="274">
## 功能
- 登录/登出
- 权限管理
- 列表过滤
- 权限切换
- 多语言切换
- 组件
- 富文本编辑器
- Markdown编辑器
- 城市级联
- 图片预览编辑
- 可拖拽列表
- 文件上传
- 数字渐变
- split-pane
- 表单编辑
- 文章发布
- 工作流
- 表格
- 可拖拽排序
- 可编辑表格
- 行内编辑
- 单元格编辑
- 可搜索表格
- 表格导出数据
- 导出为Csv文件
- 导出为Xls文件
- 表格转图片
- 错误页面
- 403页面
- 404页面
- 500页面
- 高级路由
- 动态路由
- 带参页面
- 换肤
- 收缩侧边栏
- tag标签导航
- 面包屑导航
- 全屏/退出全屏
- 锁屏
- 消息中心
- 个人中心
## 文件结构
```shell
.
├── build 项目构建配置
├── config 开发相关配置
├── public 打包所需静态资源
└── src
├── api AJAX请求
└── assets 项目静态资源
├── icons 自定义图标资源
└── images 图片资源
├── components 业务组件
├── config 项目运行配置
├── directive 自定义指令
├── libs 封装工具函数
├── locale 多语言文件
├── mock mock模拟数据
├── router 路由配置
├── store Vuex配置
├── view 页面文件
└── tests 测试相关
```
## 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)
- 主题切换
![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)
### 💖💖 If you find this project helpful, maybe you can buy me a coffee. 💖💖
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/code.png)
## License
[MIT](http://opensource.org/licenses/MIT)