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

最新推荐文章于 2024-09-13 21:42:26 发布

前端独秀

最新推荐文章于 2024-09-13 21:42:26 发布

阅读量749

点赞数

分类专栏：前端文章标签： iView 前端 GitHub 设计

原文链接：https://www.mk2048.com/blog/blog.php?id=hjahicai1j&title=iView+%E5%8F%91%E5%B8%83%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F+iview-admin%EF%BC%8C%E6%B2%A1%E9%94%99%EF%BC%8C%E5%AE%83%E5%B0%B1%E6%98%AF%E4%BD%A0%E6%83%B3%E8%A6%81%E7%9A%84

版权

前端专栏收录该内容

493 篇文章 3 订阅

订阅专栏

简介

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
可收缩侧边栏

image

s
主题切换

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    表格