Skip to content

Commit 24c58b9

Browse files
authored
Update README.md
1 parent e1e0dc0 commit 24c58b9

File tree

1 file changed

+116
-167
lines changed

1 file changed

+116
-167
lines changed

README.md

Lines changed: 116 additions & 167 deletions
Original file line numberDiff line numberDiff line change
@@ -4,187 +4,136 @@
44
</a>
55
</p>
66

7-
# iView Admin
7+
<h1>
8+
iView Admin
9+
<h3>Vue.js 2.0 admin management system template based on iView.</h3>
10+
</h1>
811

912
[![](https://img.shields.io/github/release/iview/iview-admin.svg)](https://github.com/iview/iview-admin/releases)
1013
[![](https://img.shields.io/travis/iview/iview-admin.svg?style=flat-square)](https://travis-ci.org/iview/iview-admin)
11-
[![vue](https://img.shields.io/badge/vue-2.5.10-brightgreen.svg?style=flat-square)](https://github.com/vuejs/vue)
12-
[![iview ui](https://img.shields.io/badge/iview-3.1.3-brightgreen.svg?style=flat-square)](https://github.com/iview/iview)
14+
[![vue](https://img.shields.io/badge/vue-2.5.17-brightgreen.svg?style=flat-square)](https://github.com/vuejs/vue)
15+
[![iview ui](https://img.shields.io/badge/iview-3.2.2-brightgreen.svg?style=flat-square)](https://github.com/iview/iview)
1316
[![npm](https://img.shields.io/npm/l/express.svg)]()
1417

15-
[更新日志](https://github.com/iview/iview-admin/releases)
16-
17-
[使用文档](https://lison16.github.io/iview-admin-doc/#/)
18-
19-
[在线访问](https://admin.iviewui.com/)
20-
21-
[简化版模板](https://github.com/iview/iview-admin/tree/template)
22-
23-
[教学视频(26课时)](https://segmentfault.com/ls/1650000016221751?utm_source=banner)
24-
25-
`注:在线版本会在开发版本新小版本发布后更新到相应版本,所以如果想体验最新版本iview-admin,请clone完整项目代码到本地运行。`
26-
27-
## Install
18+
<h2 align="center">Special Sponsors</h2>
19+
<table>
20+
<tbody>
21+
<tr>
22+
<td align="center" valign="middle">
23+
<a href="https://segmentfault.com/ls/1650000016424063" target="_blank">
24+
<img width="300" src="https://file.iviewui.com/asd/asd-i-2.png">
25+
</a>
26+
</td>
27+
<td align="center" valign="middle">
28+
<a href="https://juejin.im/welcome/frontend?utm_source=iview&utm_medium=banner&utm_content=huoyue&utm_campaign=q4_website" target="_blank">
29+
<img width="300" src="https://file.iviewui.com/asd/asd-juejin3.png">
30+
</a>
31+
</td>
32+
<td align="center" valign="middle">
33+
<a href="https://studio.qcloud.coding.net/campaign/favorite-plugins/index?utm_source=iview" target="_blank">
34+
<img width="300" src="https://file.iviewui.com/asd/asd-coding3.png">
35+
</a>
36+
</td>
37+
</tr>
38+
<tr>
39+
<td align="center" valign="middle">
40+
<a href="https://cn.udacity.com/fend/?utm_source=iviewui&utm_medium=banner&utm_campaign=fend" target="_blank">
41+
<img width="300" src="https://file.iviewui.com/asd/asd-u-new-2.png">
42+
</a>
43+
</td>
44+
<!-- <td align="center" valign="middle">
45+
<a href="https://www.vaptcha.com/?from=iview" target="_blank">
46+
<img width="300" src="https://file.iviewui.com/asd/asd-vaptcha2.jpg">
47+
</a>
48+
</td> -->
49+
<!-- <td align="center" valign="middle">
50+
<a href="https://www.accesshub.cn/" target="_blank">
51+
<img width="300" src="https://file.iviewui.com/asd/asd-accesshub.jpg">
52+
</a>
53+
</td> -->
54+
<td align="center" valign="middle">
55+
<a href="https://juejin.im/book/5bc844166fb9a05cd676ebca" target="_blank">
56+
<img width="300" src="https://file.iviewui.com/asd/asd-v-book2.png">
57+
</a>
58+
</td>
59+
</tr>
60+
</tbody>
61+
</table>
62+
63+
> 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.
64+
>
65+
> (如果您想成为赞助商,在 GitHub 和 iView 文档展示您的广告,请邮件咨询 admin@aresn.com)
66+
>
67+
> (如果您有任何关于 iView 或 Vue.js 相关的问题,欢迎到 iView 社区提问 https://dev.iviewui.com/issues )
68+
69+
## Introduction
70+
71+
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).
72+
73+
- [Document](https://lison16.github.io/iview-admin-doc/)
74+
- [Preview](https://admin.iviewui.com/)
75+
76+
![image](https://file.iviewui.com/admin-dist/admin-preview.png)
77+
78+
## Features
79+
80+
- Login / Logout
81+
- Permission Authentication
82+
- A list of filters
83+
- Permission to switch
84+
- i18n
85+
- Components
86+
- Rich Text Editor
87+
- Markdown Editor
88+
- City Cascader
89+
- Photos preview and edit
90+
- Draggable list
91+
- File upload
92+
- Digital gradient
93+
- split-pane
94+
- Form
95+
- The article published
96+
- Workflow
97+
- Table
98+
- Drag-and-drop sort
99+
- Searchable form
100+
- Table export data
101+
- Export to Csv file
102+
- Export to Xls file
103+
- Table to picture
104+
- Error Page
105+
- 403
106+
- 404
107+
- 500
108+
- Router
109+
- Dynamic routing
110+
- With reference page
111+
- Theme
112+
- Shrink the sidebar
113+
- Tag navigation
114+
- Breadcrumb navigation
115+
- Full screen / exit full screen
116+
- Lock screen
117+
- The message center
118+
- Personal center
119+
120+
## Getting started
28121
```bush
122+
# clone the project
123+
git clone https://github.com/iview/iview-admin.git
124+
29125
// install dependencies
30126
npm install
31-
```
32-
## Run
33-
### Development
34-
```bush
127+
128+
// develop
35129
npm run dev
36130
```
37-
### Production(Build)
131+
132+
## Build
38133
```bush
39134
npm run build
40135
```
41136

42-
## 简介
43-
&emsp;&emsp;iView admin是基于Vue.js,搭配使用[iView](https://www.iviewui.com) UI组件库形成的一套后台集成解决方案,由TalkingData前端可视化团队部分成员开发维护。iView admin遵守iView设计和开发约定,风格统一,设计考究,并且更多功能在不停开发中。
44-
如果您想查看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)来做开发。
45-
46-
### 加入QQ群,获取最新更新咨询,和3000+开发者交流学习
47-
48-
<img src="https://github.com/iview/iview-admin/raw/2.0/src/assets/images/groups.jpg" alt="Sample" width="400" height="274">
49-
50-
## 功能
51-
52-
- 登录/登出
53-
- 权限管理
54-
- 列表过滤
55-
- 权限切换
56-
- 多语言切换
57-
- 组件
58-
- 富文本编辑器
59-
- Markdown编辑器
60-
- 城市级联
61-
- 图片预览编辑
62-
- 可拖拽列表
63-
- 文件上传
64-
- 数字渐变
65-
- split-pane
66-
- 表单编辑
67-
- 文章发布
68-
- 工作流
69-
- 表格
70-
- 可拖拽排序
71-
- 可编辑表格
72-
- 行内编辑
73-
- 单元格编辑
74-
- 可搜索表格
75-
- 表格导出数据
76-
- 导出为Csv文件
77-
- 导出为Xls文件
78-
- 表格转图片
79-
- 错误页面
80-
- 403页面
81-
- 404页面
82-
- 500页面
83-
- 高级路由
84-
- 动态路由
85-
- 带参页面
86-
- 换肤
87-
- 收缩侧边栏
88-
- tag标签导航
89-
- 面包屑导航
90-
- 全屏/退出全屏
91-
- 锁屏
92-
- 消息中心
93-
- 个人中心
94-
95-
## 文件结构
96-
```shell
97-
.
98-
├── build 项目构建配置
99-
├── config 开发相关配置
100-
├── public 打包所需静态资源
101-
└── src
102-
├── api AJAX请求
103-
└── assets 项目静态资源
104-
├── icons 自定义图标资源
105-
└── images 图片资源
106-
├── components 业务组件
107-
├── config 项目运行配置
108-
├── directive 自定义指令
109-
├── libs 封装工具函数
110-
├── locale 多语言文件
111-
├── mock mock模拟数据
112-
├── router 路由配置
113-
├── store Vuex配置
114-
├── view 页面文件
115-
└── tests 测试相关
116-
```
117-
118-
## Links
119-
120-
- [TalkingData](https://github.com/TalkingData)
121-
- [iView](https://github.com/iview/iview)
122-
- [Vue](https://github.com/vuejs/vue)
123-
- [Webpack](https://github.com/webpack/webpack)
124-
125-
## 效果展示
126-
127-
- 响应式布局首页
128-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/home.gif)
129-
130-
- 标签导航
131-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/page-tags.gif)
132-
133-
- 权限管理
134-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/access.gif)
135-
136-
- 可拖拽列表
137-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/dragable-list.gif)
138-
139-
- 图片预览编辑
140-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/image-editor.gif)
141-
142-
- 文件上传
143-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/upload.gif)
144-
145-
- 数字渐变
146-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/count-to.gif)
147-
148-
- split-pane
149-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/split-pane.gif)
150-
151-
- 文章发布
152-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/article-publish.gif)
153-
154-
- 工作流
155-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/workflow.gif)
156-
157-
- 可拖拽表格
158-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/dragable-table.gif)
159-
160-
- 可编辑表格
161-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/editable-table.gif)
162-
163-
- 表格导出数据
164-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/exportable-table.gif)
165-
166-
- 表格转图片
167-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/table2image.gif)
168-
169-
- 错误页面
170-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/error-page.gif)
171-
172-
- 锁屏
173-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/locking.gif)
174-
175-
- 可收缩侧边栏
176-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/sidebarmenu.gif)
177-
178-
- 主题切换
179-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/theme.gif)
180-
181-
- 消息中心
182-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/message.gif)
183-
184-
### 💖💖 If you find this project helpful, maybe you can buy me a coffee. 💖💖
185-
![image](https://github.com/iview/iview-admin/raw/dev/github-gif/code.png)
186-
187-
188137
## License
189138
[MIT](http://opensource.org/licenses/MIT)
190139

0 commit comments

Comments
 (0)