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

時間 2019-11-05

標籤 iview 發佈後臺管理系統 admin 沒錯就是想要简体版

原文原文鏈接

簡介

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

沒錯，這就是你們期待已久的 admin 了，這麼漂亮好用的系統，是否是能夠給個 Star 鼓勵一下開發者呢：
iView GitHub：github.com/iview/iview
iView Admin GitHub：github.com/iview/iview…vue

在線預覽

在線訪問地址 https://iview.github.io/iview-admin
密碼隨意填，但要記住哦（否則使用鎖屏功能時你就懵逼了）。webpack

功能

登陸/登出
權限管理
- 列表過濾
- 權限切換
組件
- 富文本編輯器
- Markdown編輯器
- 可拖拽列表
- 文件上傳
- 數字漸變
表單編輯
- 文章發佈
- 工做流
表格
- 可拖拽排序
- 可編輯表格
  - 行內編輯
  - 單元格編輯
- 表格導出數據
  - 導出爲Csv文件
  - 導出爲Xls文件
- 表格轉圖片
錯誤頁面
- 401頁面
- 404頁面
- 500頁面
換膚
收縮側邊欄
tag標籤導航
麪包屑導航
全屏/退出全屏
鎖屏
消息中心
我的中心

效果展現

登陸
git

image
標籤導航
github

image
權限管理
web

image
可拖拽列表
shell

image
文件上傳
markdown

image
數字漸變
框架

image
文章發佈
iview

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    表格複製代碼