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

简介

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

本帖由 Summer 于 11个月前 加精
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 19
kenuo

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

11个月前
Destiny

有待改进,后台bug略多

11个月前
ADKi

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

11个月前
godruoyi

手动点赞

11个月前
leo

可惜无移动端适配

11个月前
Littlesqx

很强

11个月前

不错,文档略缺

11个月前

学习了

11个月前

没错!

11个月前

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

11个月前

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

11个月前

ui做得不错

11个月前

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

11个月前
Bin

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

11个月前
Aresn

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

11个月前

强强强

10个月前
Artisan

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

9个月前

不错不错

9个月前

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

5个月前

  • 请注意单词拼写,以及中英文排版,参考此页
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
  • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
  • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
  • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
  请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!