|
4 | 4 | </a> |
5 | 5 | </p> |
6 | 6 |
|
7 | | -# iView Admin |
| 7 | +<h1> |
| 8 | +iView Admin |
| 9 | + <h3>Vue.js 2.0 admin management system template based on iView.</h3> |
| 10 | +</h1> |
8 | 11 |
|
9 | 12 | [](https://github.com/iview/iview-admin/releases) |
10 | 13 | [](https://travis-ci.org/iview/iview-admin) |
11 | | -[](https://github.com/vuejs/vue) |
12 | | -[](https://github.com/iview/iview) |
| 14 | +[](https://github.com/vuejs/vue) |
| 15 | +[](https://github.com/iview/iview) |
13 | 16 | []() |
14 | 17 |
|
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 | + |
| 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 |
28 | 121 | ```bush |
| 122 | +# clone the project |
| 123 | +git clone https://github.com/iview/iview-admin.git |
| 124 | +
|
29 | 125 | // install dependencies |
30 | 126 | npm install |
31 | | -``` |
32 | | -## Run |
33 | | -### Development |
34 | | -```bush |
| 127 | +
|
| 128 | +// develop |
35 | 129 | npm run dev |
36 | 130 | ``` |
37 | | -### Production(Build) |
| 131 | + |
| 132 | +## Build |
38 | 133 | ```bush |
39 | 134 | npm run build |
40 | 135 | ``` |
41 | 136 |
|
42 | | -## 简介 |
43 | | -  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 | | - |
129 | | - |
130 | | -- 标签导航 |
131 | | - |
132 | | - |
133 | | -- 权限管理 |
134 | | - |
135 | | - |
136 | | -- 可拖拽列表 |
137 | | - |
138 | | - |
139 | | -- 图片预览编辑 |
140 | | - |
141 | | - |
142 | | -- 文件上传 |
143 | | - |
144 | | - |
145 | | -- 数字渐变 |
146 | | - |
147 | | - |
148 | | -- split-pane |
149 | | - |
150 | | - |
151 | | -- 文章发布 |
152 | | - |
153 | | - |
154 | | -- 工作流 |
155 | | - |
156 | | - |
157 | | -- 可拖拽表格 |
158 | | - |
159 | | - |
160 | | -- 可编辑表格 |
161 | | - |
162 | | - |
163 | | -- 表格导出数据 |
164 | | - |
165 | | - |
166 | | -- 表格转图片 |
167 | | - |
168 | | - |
169 | | -- 错误页面 |
170 | | - |
171 | | - |
172 | | -- 锁屏 |
173 | | - |
174 | | - |
175 | | -- 可收缩侧边栏 |
176 | | - |
177 | | - |
178 | | -- 主题切换 |
179 | | - |
180 | | - |
181 | | -- 消息中心 |
182 | | - |
183 | | - |
184 | | -### 💖💖 If you find this project helpful, maybe you can buy me a coffee. 💖💖 |
185 | | - |
186 | | - |
187 | | - |
188 | 137 | ## License |
189 | 138 | [MIT](http://opensource.org/licenses/MIT) |
190 | 139 |
|
|
0 commit comments