[发明专利]基于Sketch的跨平台界面开发方法和系统、计算机设备和介质

说明书

本发明实施例公开一种基于Sketch的跨平台界面开发方法和装置、计算机设备和介质。在一具体实施方式中，该方法包括：获取标准模板，标准模板具有标准界面版式；获取目标模板、提取目标模板的图层信息并将图层信息发送至服务器，使得服务器根据所述图层信息提取文本信息数据，目标模板具有与待形成的界面对应的目标界面版式；接收文本信息数据并注入至标准模板以更新目标界面版式；以及根据目标界面版式进行代码化生成代码块文件，代码块文件用于生成具有目标界面版式的跨平台界面。该实施方式通过Sketch插件提取目标模板的图层信息并发送至服务器使其提取目标模板的文本信息数据，从而更新目标模板并代码化以生成跨平台界面，降低了UI设计人员的工作量。

技术领域

本发明涉及计算机技术。更具体地，涉及一种基于Sketch的跨平台界面开发方法和系统、计算机设备和介质。

背景技术

低代码，是一种可以让开发者依托平台快速搭建企业信息化的系统，在这过程中，使用者只需要少量的代码编写，其他的大部分工作都是通过可视化的拖拽、点选完成。无代码或称零代码是一种完全不需要任何代码编程的开发方式，它主要是围绕企业数据和业务管理需求，通过可视化方式设计数据结构，用户交互形式、设置访问权限和定义工作流程的平台。

目前，市面上的低代码平台更多的使用用户面向开发人员，无代码开发平台一般也需要具备部分软件开发技术能力可以流畅使用，而缺乏面向UI(User Interface)设计人员的无代码设计平台，UI设计人员在设计时需要大量冗余工作量，设计风格也难以保持统一，UI设计开发周期长。

发明内容

本发明的目的在于提供一种，以解决现有技术存在的问题中的至少一个。

为达到上述目的，本发明采用下述技术方案：

本发明第一方面提供了一种基于Sketch的跨平台界面开发方法，应用于客户端，包括：

获取标准模板，标准模板具有标准界面版式；

获取目标模板、提取目标模板的图层信息并将图层信息发送至服务器，使得服务器根据图层信息提取文本信息数据，目标模板具有与待形成的界面对应的目标界面版式；

接收文本信息数据并注入至标准模板以将标准模板更新为目标界面版式；以及

根据目标界面版式进行代码化生成代码块文件，代码块文件用于生成具有目标界面版式的跨平台界面。

在一些可选的实施例中，获取目标模板、提取目标模板的图层信息并将图层信息发送至服务器进一步包括：

获取目标模板；

提取目标模板的图层；

将图层中的元素解析为元素数据；

将元素数据转换为用于发送的编码数据。

在一些可选的实施例中，接收文本信息数据并注入至标准模板以将标准模板更新为目标界面版式进一步包括：

将文本信息数据按照目标界面版式中的界面图形逻辑解析为表征各图形的多个数据数组，界面图形逻辑包括：每个图形的维数、文本位置、以及文本内容中的一个或多个；以及

将数据数组注入标准模板并根据数据数组表征的界面图形逻辑将目标模板的界面版式更新为目标界面版式。

在一些可选的实施例中，根据目标界面版式进行代码化生成代码块文件进一步包括：

获取预存储的标准模板的标准代码块；

根据目标界面版式的数据数组修改标准代码块中的位置信息；

将位置信息和所述多个数据数组中的文本内容注入标准代码块，形成基于跨平台的代码块文件，基于跨平台的代码块文件用于生成跨平台界面。