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

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

【资料图】

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

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

1

使用真实组件

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

2

支持页面宽度自适应

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

3

组件绑定数据模型、行为

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

4

页面自动生成前端代码

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

5

导出代码加工

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

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