[发明专利]UI页面代码生成方法、装置以及服务器

说明书

本发明公开了一种UI页面代码生成方法，该方法包括：接收用户的UI页面代码生成请求以及所述UI页面代码生成请求对应的UI设计图之后，获取所述UI设计图中所包括的UI元素以及每个UI元素的位置信息和必要参数信息，然后根据预设的UI元素‑‑源代码关联表调用与所述UI设计图中每个UI元素对应的初始源代码程序，再将所有的UI元素的初始源代码程序结合每个UI元素对应的位置信息和必要参数信息组合生成所述UI设计图的程序代码。本发明提供的UI页面代码生成方法、装置、服务器及计算机可读存储介质能够根据UI页面设计需求智能地生成对应该UI页面的程序代码，从而避免了重复编程的工作，提高了效率。

技术领域

本发明涉及UI页面代码生成技术领域，尤其涉及一种UI页面代码生成方法、装置、服务器及计算机可读存储介质。

背景技术

对于UI(User Interface，用户界面)页面的设计，一般都包括相同的元素，比如终端应用APP的各级页面，或者HTML(Hyper Text Markup Language，超文本标记语言)页面，大部分都包括相同的元素及布局。例如前端页面一般都包括有：窗口，文字，图片和按钮组件等元素。目前，研发人员在进行页面设计时，通常会对不同的页面进行代码编写，而这些代码正是对应这些不同页面上的相同或者相似的元素。因此，在开发过程中对于相同类型的工作内容而进行的反复的执行会消耗了很多不必要的人力物力。当然，目前市场上也有部分代码自动生成工具，然而，现有的代码生成工具并不能自动识别页面元素及布局，需要人工进行填写页面元素和布局，然后再调用对应的代码。因此不够智能，效率也还是比较低下。

发明内容

有鉴于此，本发明提出一种用户UI页面代码生成方法、装置、计算机设备及计算机可读存储介质，能够在接收用户的UI页面代码生成请求以及所述UI页面代码生成请求对应的UI设计图之后，获取所述UI设计图中所包括的UI元素以及每个UI元素的位置信息和必要参数信息，然后根据预设的UI元素--源代码关联表调用与所述UI设计图中每个UI元素对应的初始源代码程序，再将所有的UI元素的初始源代码程序结合每个UI元素对应的位置信息和必要参数信息组合生成所述UI设计图的程序代码。因此，可以根据UI页面设计需求智能地生成对应该UI页面的程序代码，从而避免了重复编程的工作，提高了效率。

首先，为实现上述目的，本发明提供一种UI页面代码生成方法，所述方法包括：

接收用户的UI页面代码生成请求以及所述UI页面代码生成请求对应的UI设计图；获取所述UI设计图中所包括的UI元素，以及每个UI元素的位置信息和必要参数信息；根据预设的UI元素--源代码关联表调用与所述UI设计图中每个UI元素对应的初始源代码程序；将所有的UI元素的初始源代码程序结合每个UI元素对应的位置信息和必要参数信息，组合生成所述UI设计图的程序代码。

可选地，所述UI设计图为通过预设的图像编辑工具将UI元素模板进行位置上的有序拼接的方式编辑而成，其中，所述UI元素由UI元素模板配置对应的必要参数组成。

可选地，所述“获取所述UI设计图中所包括的UI元素，以及每个UI元素的位置信息和必要参数信息”步骤包括：通过所述图像编辑工具对应的解析单元将所述UI设计图进行解析，解析出所述UI设计图中包括的所有UI元素，获取每个UI元素在所述UI设计图的位置信息以及每个UI元素对应的必要参数。

可选地，所述“将所有的UI元素的初始源代码程序结合每个UI元素对应的位置信息和必要参数信息，组合生成所述UI设计图的程序代码”的步骤包括：分别将每个UI元素对应必要参数代入到对应UI元素的源代码程序，得到每个UI元素的程序代码；调用预设的执行逻辑函数模板，将每个UI元素的程序代码以及对应的位置信息代入到所述执行逻辑函数模板中，得到所述UI设计图的程序代码；其中，所述执行逻辑函数模板为缺省UI元素代码及UI元素的位置信息的执行逻辑函数，所述执行逻辑函数用于根据位置信息将UI元素显示到UI设计图的对应的位置。