新起點丨重構UI,JumpServer開源堡壘機v2.0發佈

6月18日,JumpServer開源堡壘機正式發佈v2.0版本。在此次升級中,JumpServer堡壘機使用Vue+ElementUI進行了前端頁面的重構,同時完成若干功能優化和Bug修復。

重構 Web 前端界面

相比上一個發佈的JumpServer v1.5.9版本,JumpServer項目的版本號跨度較大,主要原因是在前端架構發生了重要的變化。

在v2.0版本中,JumpServer堡壘機通過前端重構向用戶交付全新的應用體驗。JumpServer原來的前端架構自2015年啓用,已經使用了5年的時間。伴隨着前後端分離技術趨勢的盛行,JumpServer自2019年第四季度開始醞釀前端重構工作,並且在開源社區廣泛徵求用戶的意見和建議。

上一版本的前端架構採用了BootStrap+JQuery的組合,應用體驗與用戶的實際需求存在落差。同時,由於前後端沒有分離,開發邏輯存在冗餘問題,頁面操作和API也存在不統一等問題。此外,JQuery的開發相對繁瑣,限制了開發的延展性。

JumpServer項目研發團隊自2020年1月正式啓動前端重構工作,選擇的是Vue+ElementUI的技術路線。在做技術路線選擇時,研發團隊首先拋棄了React這樣的純前端語言,在Angular和Vue中選擇了具有更加快捷開發模式的Vue。UI框架方面,研發團隊選擇了ElementUI,與FIT2CLOUD旗下的KubeOperator、MeterSphere產品線保持一致。

整個前端重構過程耗時6個月,新的前端架構對大量基礎組件進行抽象,同時在樣式方面保留了原有的風格,使得用戶的使用習慣得以延續,並且會在未來持續優化和改進。新的前端界面在通用組件封裝、基礎組件抽象等方面投入了大量資源,讓用戶操作更加容易。

圖1 JumpServer堡壘機v2.0儀表盤

■ 各模塊間統一了導入/導出及搜索界面

圖2 用戶列表界面

■ 修改了包括Table、Heading在內的佈局

圖3 資產列表界面

■ 用戶詳情頁佈局統一,均使用Tab格式

圖4 用戶詳情界面

■ 優化創建更新頁面

圖5 用戶創建界面

功能優化

■ Core優化、添加部分API;

■ Core優化、刪除大部分View及Template模塊。

Bug 修復

■ Luna修復API請求路徑錯誤的問題。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章