简介
iView Admin 是基于 Vue.js,搭配使用 iView UI 组件库形成的一套后台集成解决方案,由 TalkingData 前端可视化团队部分成员开发维护。iView Admin 遵守 iView 设计和开发约定,风格统一,设计考究,并且更多功能在不停开发中。
没错,这就是大家期待已久的 admin 了,这么漂亮好用的系统,是不是可以给个 Star 鼓励一下开发者呢:
iView GitHub:https://github.com/iview/iview
iView Admin GitHub:https://github.com/iview/iview-admin
在线预览
在线访问地址 https://iview.github.io/iview-admin
密码随意填,但要记住哦(不然使用锁屏功能时你就懵逼了)。
功能
- 登录/登出
-
权限管理
- 列表过滤
- 权限切换
-
组件
- 富文本编辑器
- Markdown编辑器
- 可拖拽列表
- 文件上传
- 数字渐变
-
表单编辑
- 文章发布
- 工作流
-
表格
- 可拖拽排序
-
可编辑表格
- 行内编辑
- 单元格编辑
-
表格导出数据
- 导出为Csv文件
- 导出为Xls文件
- 表格转图片
-
错误页面
- 401页面
- 404页面
- 500页面
- 换肤
- 收缩侧边栏
- tag标签导航
- 面包屑导航
- 全屏/退出全屏
- 锁屏
- 消息中心
- 个人中心
文件结构
.
├── dist
│ ├── langs TinyMCE富文本编辑器语言包
│ ├── plugins TinyMCE富文本编辑器组件
│ ├── skins TinyMCE富文本编辑器皮肤
│ └── themes TinyMCE富文本编辑器主题
└── src
├── config 项目配置
├── images 图片文件
├── libs 工具方法
├── styles 样式文件
├── template ejs模板
└── views 视图组件
├── access 权限管理
├── error_page 错误页面
├── form 表单
│ ├── article-publish 文章发布
│ └── work-flow 工作流
├── home 首页
├── main_components 主框架
├── message 消息中心
├── my_components 组件
│ ├── count-to 数字渐变
│ ├── draggable-list 可拖拽列表
│ ├── file-upload 文件上传
│ ├── markdown-editor markdown编辑器
│ └── text-editer 富文本编辑器
├── own-space 个人中心
├── screen-shorts 锁屏
└── tables 表格