揭秘最受程序员喜爱的低代码三大功能之三:页面自由布局(页面代码源)

10月27日,活字格开发团队负责人雷学斌代表葡萄城做客掘金稀土开发者大会,在低代码探索专题分享中首次揭秘活字格最受专业开发者欢迎的三个特色功能及其实现原理,让我们一起看看低代码如何赢得程序员的“芳心”。本文将重点为大家介绍特色功能三:自由设计页面布局和样式。

可自由布局的解决方案

低代码是覆盖软件开发全生命周期的可视化解决方案。在用户界面设计阶段,低代码开发平台应该提供怎样的设计模式,在确保高度定制化的基础上,尽可能提升开发效率呢?为了解开这一难题,活字格的开发团队决定从“可视化开发”的源头寻找思路。

作为微软最早期的合作伙伴,葡萄城在为微软平台开发者提供大量控件的同时,对该平台的技术特性和背后的实现原理也有深刻理解。在开发WinForm程序的时代,Visual Studio的使用者将控件拖入窗体,IDE根据控件的位置和层次关系,自动生成包含这些信息的代码。运行时,这些代码被顺次执行,还原抽出与设计时一致的样式,达到所见即所得的效果。这种开发方式很快就成为了Windows程序开发的标准模式,程序员不需要将程序运行起来,就能在设计器上看到页面布局的效果。时至今日,市面上用户群体最大的ERP软件——用友U8 就是基于微软的技术栈,用这种可视化的方式完成开发的,在用户体验层面得到了企业用户的广泛认可。

揭秘最受程序员喜爱的低代码三大功能之三:页面自由布局(页面代码源)

(使用Visual Studio开发WinForm程序的体验)

于是,活字格将这种设计思想,结合Excel的操作体验,应用在Web页面开发中,最终提供了以绝对坐标为基准的页面设计方案。针对不同的应用场景,该方案有“固定布局”和“网格布局”两种模式。

两种布局模式

固定布局

固定布局是活字格的默认做法。开发者在设计器中像操作Excel一样在网格中完成页面元素的布置和样式设置;设计器会在发布时将包含有绝对坐标的页面设计存储为模型文件,并上传到服务器;在最终用户浏览器中运行的解析引擎会把元数据还原为与设计器中一致的Web界面。

揭秘最受程序员喜爱的低代码三大功能之三:页面自由布局(页面代码源)

(固定布局可实现严格意义上的所见即所得)

除了所见即所得带来的高开发效率,这种设计体验有以下三个显而易见的优势:

  1. 布局灵活:开发者可以在页面的任意位置放置任意元素,并设置为任意样式,而不必拘泥于平台内置的模板。
  2. 门槛更低:页面布局和样式设置的方式高度类似Excel,全程可视化;开发者不需要具备CSS知识即可完成页面设计;对于熟悉CSS的开发者,活字格还提供了对样式进行进一步调整的能力。
  3. 兼容性好:活字格的元数据解析引擎不依赖任何第三方JS框架或CSS样式库,可以确保页面在不同浏览器和设备上的表现一致。

此外,如果开发的目标是代替现有的Excel模板,或者需求方提供的设计方案是用Excel描述的,开发者还可以直接将Excel文件导入活字格。活字格将根据Excel自动生成页面,还原其中的内容和大部分样式,进一步减少页面开发工作量。

揭秘最受程序员喜爱的低代码三大功能之三:页面自由布局(页面代码源)

(使用活字格开发的“仿纸质单据”页面)

网格布局

固定布局可以确保最终页面的布局和预期完全一致,通常用于开发对界面布局要求非常严格的场景,比如,那些需要延续现有体验、降低使用人员培训成本的内部应用。但是,对于面向外部用户的应用,开发者通常需要提供更加“现代化”的界面,以提升用户满意度。此时,活字格提供的“网格布局”将会派上用场。

与固定布局参考了WinForm的设计思路类似,网格布局的设计思想则源于WPF。为了实现页面布局根据屏幕尺寸自动调整,WPF提供了Grid布局控件,并允许开发者通过在Grid.ColumnDefinition中设置Width=”25*”的形式控制各元素的尺寸占比。简单地说,在固定布局的基础上,将页面元素所在位置的绝对定位坐标,转换为可根据设定规则计算得出的动态坐标,就实现了网格布局(Grid Layout)。

在活字格的页面设计界面中,元素的绝对定位坐标是通过其所在的单元格来确定的,而单元格的位置则以行和列的方式进行描述。当我们将这些行和列设置成“根据内容自适应”或者“在指定的范围内按照比例进行分配”后,绝对定位的坐标就变成了根据规则计算得出的动态坐标。这种做法一方面提供了更具弹性的页面布局方式,另一方面因为延续了固定布局的使用体验,而不是将其割裂,最终使得活字格页面布局的学习曲线更平滑,开发者上手更容易。

揭秘最受程序员喜爱的低代码三大功能之三:页面自由布局(页面代码源)

(使用网格布局开发出的页面效果)

为开发者提供最大的自由度

不同的应用场景和最终用户群体,对页面布局和样式有着完全不同的要求。作为开发工具,低代码平台理应允许开发者自由开发各种风格的页面,但是很多低代码平台却没有这一点。所以,“用固定布局和网格布局的方式,自由设计页面”入选程序员最喜爱的活字格功能,也就很容易理解了。

活字格,出自专业控件厂商

在低代码领域,葡萄城具有得天独厚的自身条件。在2012年启动低代码预研前,葡萄城已经专注于软件开发工具领域32年,先后基于VBX、COM、.NET和纯前端等技术平台推出各类开发控件产品,并根据技术环境和用户需求的变化,积极进行产品和技术迭代,不断降低软件开发所需的代码量,提升软件开发生产力,积累了丰厚的技术实力和领先的研发经验。经过4年的研发,活字格低代码开发平台于2016年正式推出。为了与更多开发者共创共建,葡萄城采取了面向开发者免费的商业模式,迄今为止已有超过6万名开发者通过活字格走上低代码开发之旅,其中不乏来自软件公司和大企业信息化部门的专业开发者。

揭秘最受程序员喜爱的低代码三大功能之三:页面自由布局(页面代码源)

如果你是一名对低代码技术持观望态度的开发者,不妨搜索“活字格”,免费下载这款被数万名开发者选择的企业级低代码开发平台,和葡萄城一道,开启您的低代码之旅!

揭秘最受程序员喜爱的低代码三大功能之三:页面自由布局(页面代码源)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年1月1日 上午9:20
下一篇 2024年1月1日 上午9:32

相关推荐

  • 财务业务一体化的主要流程!(财务业务一体化是通过什么实现的)

    财务业务一体化是网络、数据库、管理软件平台等要素的IT环境下,将企业经营中的三大主要流程,即业务流程、财务会计流程、管理流程有机融合,使财务数据和业务融为一体。财务业务一体化目标是…

    科研百科 2022年6月1日
    574
  • 科研项目教师意见

    科研项目教师意见 科研项目是高校教学和科研的重要载体,它为教师提供了展示研究成果和促进学术交流的平台。然而,在科研项目的实施过程中,教师的意见和反馈是至关重要的。本文将探讨科研项目…

    科研百科 2025年2月17日
    0
  • 如何从ISO文件安装软件程序(iso文件怎么安装软件)

    从ISO文件安装程序的方式取决于所使用的Windows版本。让我们检查一下您的选择 某些软件程序(尤其是大型软件程序)有时会被格式化并以ISO文件形式提供,从Windows本身到诸…

    科研百科 2022年11月12日
    979
  • 剑桥大学科研项目价格

    剑桥大学科研项目价格: 探索未来科技前沿 剑桥大学作为世界知名的高等教育机构,一直专注于研究和创新。其科研项目价格更是吸引了来自世界各地的学生和研究人员。本文将介绍剑桥大学科研项目…

    科研百科 1小时前
    1
  • 骨科8项研究荣获2020年中华医学科技奖(2021中华骨科年会)

    2021年3月10日,中华医学会官网发布了《中华医学会关于2020年中华医学科技奖奖励的决定》,在本年度获奖名单中,骨科有8个项目获得殊荣:一等奖1项,二等奖1项,三等奖5项,青年…

    科研百科 2024年4月22日
    87
  • 地质科研项目立项范文

    地质科研项目立项范文 随着现代工业的快速发展,人类活动对地球环境的影响也日益显著。为了更好地保护地球环境,许多科学家和研究人员正在开展各种地质科研项目。这些项目旨在研究地球的历史、…

    科研百科 2025年4月4日
    1
  • 用这几个开源管理系统做项目,领导看了直呼专业(开源的管理系统)

    《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是几个开源的后台管理系统项目。 SCUI Admin 中后…

    科研百科 2023年4月26日
    294
  • 课表管理系统web项目java

    课表管理系统web项目Java 随着互联网技术的不断发展,课表管理系统已经成为了许多学校和教育机构中不可或缺的一部分。一个高效的课表管理系统不仅可以帮助学生更好地管理学习,还可以提…

    科研百科 2025年1月13日
    1
  • 公路工程进度管理

    公路工程进度管理 公路工程进度管理是公路工程实施过程中非常重要的一环。合理的进度管理可以帮助工程队在时间紧迫的情况下,充分发挥自身能力和资源,确保工程按时完成,并为后续施工提供必要…

    科研百科 2024年5月24日
    96
  • 管理信息系统项目分解表

    管理信息系统项目分解表 随着信息技术的迅速发展,管理信息系统(MIS)已经成为企业决策和管理中不可或缺的一部分。一个有效的MIS系统可以提高企业的效率,降低成本,提升竞争力。本文将…

    科研百科 2025年1月28日
    0