193 lines
6.2 KiB
Markdown
Executable File
193 lines
6.2 KiB
Markdown
Executable File
<p align="center">
|
||
<a href="https://www.iviewui.com">
|
||
<img width="200" src="https://file.iviewui.com/logo.svg">
|
||
</a>
|
||
</p>
|
||
|
||
# iView Admin
|
||
[](https://travis-ci.org/iview/iview-admin)
|
||
[](https://github.com/vuejs/vue)
|
||
[](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
|
||
```
|
||
|
||
## 简介
|
||
  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)
|
||
|
||
## 效果展示
|
||
|
||
- 登录
|
||

|
||
|
||
- 标签导航
|
||

|
||
|
||
- 权限管理
|
||

|
||
|
||
- 可拖拽列表
|
||

|
||
|
||
- 图片预览编辑
|
||

|
||
|
||
- 文件上传
|
||

|
||
|
||
- 数字渐变
|
||

|
||
|
||
- 文章发布
|
||

|
||
|
||
- 工作流
|
||

|
||
|
||
- 可拖拽表格
|
||

|
||
|
||
- 可编辑表格
|
||

|
||
|
||
- 表格导出数据
|
||

|
||
|
||
- 表格转图片
|
||

|
||
|
||
- 错误页面
|
||

|
||
|
||
- 锁屏
|
||

|
||
|
||
- 可收缩侧边栏
|
||
s
|
||
|
||
- 主题切换
|
||

|
||
|
||
- 消息中心
|
||

|
||
|
||
## License
|
||
[MIT](http://opensource.org/licenses/MIT)
|
||
|
||
Copyright (c) 2016-present, iView
|