[发明专利]页面创建方法、装置、设备、存储介质和程序产品

说明书

本申请涉及前端开发技术领域，尤其涉及一种页面创建方法、装置、设备、存储介质和程序产品。该方法包括：展示业务设计界面，所述业务设计界面包括：元件区、页面区和要素区；在所述元件区中的元件被拖入页面区后，响应于用户对所述页面区的元件的操作，通过所述要素区获取所述元件的要素，以及响应于用户对所述页面区的操作，通过所述要素区获取所述页面的要素；根据所述页面区中的各元件的要素和所述页面的要素，生成页面代码，所述页面代码用于创建页面。由于该业务设计界面中页面区的界面样式是固定的，使得创建的页面与该页面区的界面样式相同，从而可以创建出统一的界面样式的页面。

技术领域

本申请涉及前端开发技术领域，尤其涉及一种页面创建方法、装置、设备、存储介质和程序产品。

背景技术

前端开发是创建WEB页面或APP等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。

目前产品开发(前端)主要是由开发人员对产品界面以及逻辑的开发。由于不同的开发者开发的习惯不一样，其对产品的理解也不同，开发的代码质量也存在差异，使得开发出的产品的界面风格不统一。

发明内容

本申请提供一种页面创建方法、装置、设备、存储介质和程序产品，以解决现有技术中存在的开发出的产品的界面风格不统一的缺陷。

一方面，本申请提供一种页面创建方法，包括：

展示业务设计界面，所述业务设计界面包括：元件区、页面区和要素区；

在所述元件区中的元件被拖入页面区后，响应于用户对所述页面区的元件的操作，通过所述要素区获取所述元件的要素，以及响应于用户对所述页面区的操作，通过所述要素区获取所述页面的要素；

根据所述页面区中的各元件的要素和所述页面的要素，生成页面代码，所述页面代码用于创建页面。

可选的，所述元件的要素包括元件的属性，所述响应于用户对所述页面区的元件的操作，通过所述要素区获取所述元件的要素，包括：

响应于用户对所述页面区的元件的点击操作，在所述要素区显示多个属性参数项，所述属性参数项包括代码标识和对应的属性值输入框；其中，所述页面区的元件包括输入框、选项框、按钮、日期或标签中的至少一种；

根据所述代码标识和所述属性值输入项中设置的属性值，获取所述元件的属性，其中，所述元件的属性包括元件尺寸信息、字体信息、选项框信息、触发操作信息中的至少一种。

可选的，所述页面的要素包括页面属性，所述响应于用户对所述页面区的操作，通过所述要素区获取所述页面的要素，包括：

响应于用户对所述页面区的空白位置的点击操作，在所述要素区显示页面属性设置项；

根据所述用户在页面属性设置项中设置的执行方式代码，获取所述页面属性，其中，所述执行方式包括所述页面区的元件的输入值在页面初始化前获取，或在页面初始化后获取。

可选的，若所述元件为输入框或选项框，所述元件的要素还包括元件的接口字段，所述响应于用户对所述页面区的空白位置的点击操作之后，所述方法还包括：

在所述要素区显示接口导入项和页面的接口字段记录项；

在获取到所述接口导入项中输入的接口名称后，导入所述接口名称对应的接口，并在所述接口字段记录项中记录所述接口名称；

所述响应于用户对所述页面区的元件的点击操作之后，所述方法还包括：

在所述要素区显示所述元件的接口参数项，所述接口参数项可下拉显示所述接口字段记录项所记录的接口名称；

根据所述接口参数项中设置的接口名称，获取所述元件的接口字段。