簡介
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標簽導航
- 面包屑導航
- 全屏/退出全屏
- 鎖屏
- 消息中心
- 個人中心
文件結構
.
├── 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 表格