后台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)获取源代码。