iView 的后台管理系统模板 iView Admin

iView Admin 详细介绍

iView admin 是基于 Vue.js,搭配使用 iView UI 组件库形成的一套后台集成解决方案

简介

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

效果展示

  • 登录

  • 标签导航 

iView 的后台管理系统模板 iView Admin_第1张图片

  • 权限管理 

iView 的后台管理系统模板 iView Admin_第2张图片

更多页面效果展示请查看。

你可能感兴趣的:(前端,vue)