後台還能這麼玩?這款後台框架將顛覆你的認知

過去一年,我參與了大大小小若干個後台系統的開發。在開發過程中,也發現了一些傳統後台框架無法解決的一些體驗上的痛點,如:

  • 如何提升頁面空間的利用率,尤其是當展示內容較少時,儘可能減少頁面留白
  • 如何提升跨模組的操作效率,減少模組間頻繁的頁面跳轉

帶著這幾個問題,我開始構思並開發了一款採用全新交互方式的後台框架「 One-step-admin 」,這是一款幹啥都快人一步的 Vue 中後台系統框架,下面就給大家介紹一下這款後台框架有什麼特點。

特點

高效的交互方式

和傳統後台框架通過路由跳轉頁面的方式不同,One-step-admin 採用窗口的形式,將每個業務模組統一放置在當前頁面上。不僅提高了跨模組的操作效率,也提升了頁面空間的利用率。

窗口最大化

當業務模組里展示的內容過多時,在窗口容器里操作反而會印象效率。這時候就可以通過最大化按鈕將窗口最大化展示,以便展示更多資訊。

快速定位操作窗口

當打開的窗口足夠多時,想要快速定位到某個窗口就顯得不是那麼容易,需要拖動橫向滾動條進行查找。

於是我提供了一個快捷按鈕,可以一鍵進入預覽介面,這裡可以預覽全部的窗口,這個功能有點像 Windows 里 win+tab 進入的多任務介面。

這個功能也可以通過快捷鍵 Alt + W 進入噢~

專註模式

專註模式允許勾選 2 到 4 個窗口,框架會將它們平均分布在頁面中,可以專註於所勾選的窗口進行操作。

在打開很多窗口的時候,這個功能會很實用,尤其是跨模組的多線操作。

窗口排序

窗口這麼多,拖拽排序的功能自然不能少。

其它

做為一款已經投入生產使用的框架,光有上面介紹的特點還不夠,基礎功能也不可少。

如果你之前有關注過我,一定發現了這款後台框架里的一些端倪。沒錯,它和我的另一款後台框架 Fantastic-admin 在功能上高度相似,例如同樣提供了 5 款導航欄模式,3 款導航欄風格以及 6 款主題配色,導航也提供了各種展示形態的設置,顯隱、標題、圖標、徽標、外鏈等。

如果你對 One-step-admin 感興趣,歡迎來嘗試體驗並使用。