iView 发布后台管理系统 iview-admin，没错，它就是你想要的

简介

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标签导航
面包屑导航
全屏/退出全屏
锁屏
消息中心
个人中心

效果展示

登录
标签导航
权限管理
可拖拽列表
文件上传
数字渐变
文章发布
工作流
可拖拽表格
可编辑表格
表格导出数据
表格转图片
错误页面
锁屏
可收缩侧边栏 s
主题切换
消息中心

文件结构

.
├── 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    表格