iView 發佈後臺管理系統 iview-admin，沒錯，它就是你想要的

簡介

iView Admin 是基於 Vue.js，搭配使用 iView UI 組件庫造成的一套後臺集成解決方案，由 TalkingData 前端可視化團隊部分紅員開發維護。iView Admin 遵照 iView 設計和開發約定，風格統一，設計考究，而且更多功能在不停開發中。

沒錯，這就是你們期待已久的 admin 了，這麼漂亮好用的系統，是否是能夠給個 Star 鼓勵一下開發者呢：

iView 碼雲：https://gitee.com/icarusion/iview

iView Admin 碼雲：https://gitee.com/icarusion/iview-admin

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標籤導航
• 麪包屑導航
• 全屏/退出全屏
• 鎖屏
• 消息中心
• 我的中心

效果展現

• 登陸

• 標籤導航

• 權限管理

• 可拖拽列表

• 文件上傳

• 數字漸變

• 文章發佈

• 工做流

• 可拖拽表格

• 可編輯表格

• 表格導出數據

• 表格轉圖片

• 錯誤頁面

• 鎖屏

• 可收縮側邊欄 s

• 主題切換

• 消息中心

文件結構

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

License

MIT

Copyright (c) 2016-present, iView