iView Admin

在线访问

Run

npm run dev

简介

iView admin是基于Vue.js，搭配使用iView UI组件库形成的一套后台集成解决方案，由TalkingData前端可视化团队部分成员开发维护。iView admin遵守iView设计和开发约定，风格统一，设计考究，并且更多功能在不停开发中。

功能

• 登录/登出
• 权限管理
  • 列表过滤
  • 权限切换
• 组件
  • 富文本编辑器
  • 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    表格

Links

• TalkingData
• iView
• Vue
• Webpack

效果展示

• 登录

• 标签导航

• 权限管理

• 可拖拽列表

• 文件上传

• 数字渐变

• 文章发布

• 工作流

• 可拖拽表格

• 可编辑表格

• 表格导出数据

• 表格转图片

• 错误页面

• 锁屏

• 可收缩侧边栏 s

• 主题切换

• 消息中心

License

MIT

Copyright (c) 2016-present, iView