後台還能這麼玩?這款後台框架將顛覆你的認知
序
過去一年,我參與了大大小小若干個後台系統的開發。在開發過程中,也發現了一些傳統後台框架無法解決的一些體驗上的痛點,如:
- 如何提升頁面空間的利用率,尤其是當展示內容較少時,儘可能減少頁面留白
- 如何提升跨模組的操作效率,減少模組間頻繁的頁面跳轉
帶著這幾個問題,我開始構思並開發了一款採用全新交互方式的後台框架「 One-step-admin 」,這是一款幹啥都快人一步的 Vue 中後台系統框架,下面就給大家介紹一下這款後台框架有什麼特點。
特點
高效的交互方式
和傳統後台框架通過路由跳轉頁面的方式不同,One-step-admin 採用窗口的形式,將每個業務模組統一放置在當前頁面上。不僅提高了跨模組的操作效率,也提升了頁面空間的利用率。
窗口最大化
當業務模組里展示的內容過多時,在窗口容器里操作反而會印象效率。這時候就可以通過最大化按鈕將窗口最大化展示,以便展示更多資訊。
快速定位操作窗口
當打開的窗口足夠多時,想要快速定位到某個窗口就顯得不是那麼容易,需要拖動橫向滾動條進行查找。
於是我提供了一個快捷按鈕,可以一鍵進入預覽介面,這裡可以預覽全部的窗口,這個功能有點像 Windows 里 win+tab 進入的多任務介面。
這個功能也可以通過快捷鍵 Alt + W 進入噢~
專註模式
專註模式允許勾選 2 到 4 個窗口,框架會將它們平均分布在頁面中,可以專註於所勾選的窗口進行操作。
在打開很多窗口的時候,這個功能會很實用,尤其是跨模組的多線操作。
窗口排序
窗口這麼多,拖拽排序的功能自然不能少。
其它
做為一款已經投入生產使用的框架,光有上面介紹的特點還不夠,基礎功能也不可少。
如果你之前有關注過我,一定發現了這款後台框架里的一些端倪。沒錯,它和我的另一款後台框架 Fantastic-admin 在功能上高度相似,例如同樣提供了 5 款導航欄模式,3 款導航欄風格以及 6 款主題配色,導航也提供了各種展示形態的設置,顯隱、標題、圖標、徽標、外鏈等。
如果你對 One-step-admin 感興趣,歡迎來嘗試體驗並使用。