後台ui源碼
1. 阿里中後台UI解決方案 - Fusion
阿里在2018年12月16號,宣布了開源 Fusion 產品。Fusion是阿里內部跑過了三年的產品,最終對外正式開放。業界可能已經知道阿里 Fusion Design的存在,但此次發布會提供了更多關於其內部發展與突破的細節。
Fusion的主要功能在於解決設計師和前端工作者在協同中的問題。通常一個項目的流程會涉及多個階段,包括評審、設計、開發、測試,而各個階段的協同往往面臨效率瓶頸和重復勞動的問題。
Fusion提供了一個一站式解決方案,以降低這些協作過程中的障礙。它為設計和前端工作者提供了豐富的模塊模板,避免重復創建,加速項目進展。在Fusion模版達到極大豐富後,使用者可以更加便捷地找到所需模塊。
Fusion平台具備兩套工具體系,融合了一個平台和兩個埠:Fusion.design、Iceworks(開發者工具)與FusionCool(設計師工具)。
Fusion.design作為平台提供文檔編輯、主題配置和物料託管等能力,支持用戶創建與定製自己的設計系統。用戶可通過fusion.design/sites/new自定義站點,並管理組件配置與發布。
而FusionCool是專為設計師准備的工具,允許設計師在發布主題後,直接在Sketch插件中搜索和使用設計資源。Iceworks則為開發者提供了一個易於使用、可與Fusion物料體系整合的GUI工具。目前,Iceworks已經打通了與Fusion之間的連接,使用者可以方便地在其中獲取並應用Fusion站點的材料。
Fusion.Next,基於React構建的PC端組件庫,為開發者與設計師提供了高度可用與高效的服務。這款組件庫整合了易用性、穩定性與全面增強的能力,如國際化、右到左(RTL)布局和無障礙設計。針對中後台表單的大數據場景,Fusion.Next引入了虛擬列表(virtual-list)技術,顯著提升了渲染性能。
FusionCool則致力於解決視覺設計與代碼之間的轉換問題。原先通過HTML2SVG技術進行轉換,但在設計端表現不佳。為此,團隊研發了全新的流程,將設計師在配置平台輸出的設計變數轉化為可以直接在Sketch中實時渲染的組件。FusionCool能夠實現從配置到視覺稿的無損還原,大幅提高設計效率與准確性。
隨著Fusion的開源與對外提供服務,它將為業界提供一套成熟的設計與開發協同解決方案,加速項目的實施效率與設計質量。未來,Fusion將繼續拓展其功能與服務,為更多用戶提供更高效、靈活的設計與開發工具。
2. 分享一套GO語言CMS後台管理系統
本文分享一套基於Go語言的CMS後台管理系統,其架構在前端採用了ruoyi-ui、Vue和Element UI等工具,後端則使用了高性能的GF(Go Frame)框架。
系統功能全面,包括用戶管理、部門管理、崗位管理、菜單管理、角色管理、字典管理、參數管理、操作日誌、登錄日誌、在線用戶、定時任務、代碼生成、服務監控、在線構建器、文件上傳、緩存標簽等。
其中,用戶管理提供系統用戶配置功能,部門管理配置公司、部門、小組,支持樹結構展現和數據許可權。崗位管理配置用戶職務,菜單管理則涉及許可權配置,角色管理實現角色菜單許可權分配與數據范圍許可權劃分。字典管理維護系統常用固定數據,參數管理則處理系統動態配置。
系統還包含操作日誌、登錄日誌、在線用戶狀態監控、定時任務執行記錄等日誌管理功能,以及文件上傳、緩存標簽等輔助工具。內容管理方面,包括CMS管理與模型管理。
開發人員可訪問碼雲的後端地址(tiger1103/gfast)和前端地址(tiger1103/gfast-ui),或通過GitHub的後端地址(github.com/tiger1103/gf...)和前端地址(tiger1103/gfast-ui)獲取源代碼。