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

效果展示

• 登錄

• 標籤導航

• 許可權管理

• 可拖拽列表

• 文件上傳

• 數字漸變

• 文章發布

• 工作流

• 可拖拽表格

• 可編輯表格

• 表格導出數據

• 表格轉圖片

• 錯誤頁面

• 鎖屏

• 可收縮側邊欄

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

推薦閱讀：