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

效果展示

  • 登录
    image

  • 标签导航
    image

  • 权限管理
    image

  • 可拖拽列表
    image

  • 文件上传
    image

  • 数字渐变
    image

  • 文章发布
    image

  • 工作流
    image

  • 可拖拽表格
    image

  • 可编辑表格
    image

  • 表格导出数据
    image

  • 表格转图片
    image

  • 错误页面
    image

  • 锁屏
    image

  • 可收缩侧边栏
    images

  • 主题切换
    image

  • 消息中心
    image

文件结构

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

License

MIT

Copyright (c) 2016-present, iView

本作品采用《CC 协议》,转载必须注明作者和本文链接
本帖由 Summer 于 6年前 加精
Aresn
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 20
Artisan

iview-admin 如何与 Laravel 配合呢?使用 iview-admin 自身的环境配置,还是使用 laravel-mix 呢?有没有相关经验呢

6年前 评论
leo

可惜无移动端适配

6年前 评论

@leo 为什么管理系统这类的还需要做移动端适配,感觉应用场景都是pc多一点?

6年前 评论

哪里访问后台啊

2年前 评论
JeffreyBool

66666666666,如果能支持自适应就好了

6年前 评论
yanrui

能否可以发布一些结合laravel框架的项目开发案例?谢谢

5年前 评论
滴水小孩

不错不错

6年前 评论
Aresn

Vue、webpack 是基础,iView 是组件库

6年前 评论
Bin

没看懂怎么用,要用起来需要了解一下哪些知识呢?

6年前 评论

昨天开始对接这个后台,又可以开始学js了

6年前 评论
幽弥狂

@leo dalao, iview 暂时没有移动端适配。。所以才会这样的

6年前 评论

没错!

6年前 评论

很强

6年前 评论
godruoyi

手动点赞

6年前 评论
DukeAnn

代码升级上面呢,如果已经使用当前版本开发了那以后的升级怎么办呢,直接用iview组件就行吗?

6年前 评论
Destiny

有待改进,后台bug略多

6年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!