远光动态

浅谈远光天鹿如何支持低代码界面设计

  • 时间:2023-08-15
  • 来源:远光软件


近几年,“低代码平台”火出圈,不仅程序员非常关注,就连需求人员、产品经理等业务人员也对其期待满满。“通过图形化配置、零/低代码编写,可视化地实现软件开发”是低代码平台的公认优势。对于业务人员来说,通过低代码平台快速开发或配置出简单的应用,能有效提升工作效率、促进业务创新。

远光天鹿是一款专注用户体验设计的工具,采用设计即开发的核心理念,帮助企业快速提升用户体验设计研发效率和应用质量。将远光天鹿融合应用至低代码平台,在界面设计方面能够为用户提供有力支持。

浅谈远光天鹿如何支持低代码界面设计


那么远光天鹿如何提供支持呢?

1、使用真实组件

远光天鹿设计器的物料库引入的是基于开发框架(如VUE3.0)的真实组件,组件拖入到画布后会自动引入组件代码,调整组件的样式和属性时也会自动同步更新代码,这就完成了低代码的第一步,不需要开发人员写代码去引入组件,而是通过拖拉拽可视化的方式操作实现。同时,真实组件在界面预览时也能正常展示和交互,可以更直观地演示设计好的界面效果。

2、支持页面宽度自适应

一个只能设计固定宽度界面的工具,无法适应多尺寸显示设备的展示要求,设计出的界面只能作为原型进行展示。远光天鹿的画布支持宽度自适应,其设计的界面可以适配多种尺寸的显示设备,这是生成应用的前提。

3、组件绑定数据模型、行为

远光天鹿设计器中支持设计数据模型和引入行为,即在画布中可为组件绑定数据模型和行为,通过这两个数据实现组件和后端数据、服务的交互,组件生成的代码中也会包含这部分配置数据。

4、页面自动生成前端代码

远光天鹿的页面中已经有了组件、组件绑定的数据模型和组件绑定行为的代码,天鹿设计器还会自动生成整个页面的前端代码,让代码更完整。自动化的生成过程无需要开发人员的参与,业务人员可轻松设计和实现开发。

5、导出代码加工

远光天鹿设计器中生成的代码可以直接从设计器中进行复制,开发人员可以对所需部分的代码进行精准复制。此外,远光天鹿也支持将整个页面或项目的代码全部导出,同时导出的代码也可以再根据目录、路径适配开发框架,为开发人员提供更便捷更高效的使用体验。

以上就是远光天鹿在低代码平台中发挥的五大作用,后续也会逐渐增加更多更便捷的功能,以更好地支持用户利用低代码平台进行界面设计,为用户带来全新体验。