[发明专利]一种客户端网页的生成方法

说明书

本申请提供了一种客户端网页的生成方法，方法包括：显示网页编辑界面；通过针对至少一个目标网页组件所执行的拖拽操作，将至少一个目标网页组件放置在画布区域；针对每个目标网页组件，响应于针对该目标网页组件执行的选择操作，在组件属性配置区域显示与该目标网页组件对应的多个属性配置项；响应于针对每个属性配置项执行的配置操作，生成与该目标网页组件对应的属性配置数据并保存；根据各目标网页组件对应的属性配置数据，在画布区域上渲染出各目标网页组件，以形成客户端网页。本申请通过对不同类型网页组件针对性提供不同的属性配置项，以按需求对不同网页组件进行个性化配置形成针对不同活动的客户端页面，实现无代码的个性化页面定制。

技术领域

本申请涉及网页设计技术领域，尤其涉及一种客户端网页的生成方法。

背景技术

在当前技术中，开发网页页面时，每个客户针对页面设计的业务需求是不同的，具体开发实施中，往往需要在了解用户实际需求后，编写大量的代码以完成页面开发，降低开发效率的同时，也存在较高的开发成本。

发明内容

有鉴于此，本申请的目的在于至少提供一种客户端网页的生成方法，通过针对不同类型网页组件针对性提供不同的属性配置项，以按需求对不同网页组件进行个性化配置形成针对不同活动的客户端页面，实现无代码的个性化页面定制。

本申请主要包括以下几个方面：

第一方面，本申请实施例提供一种客户端网页的生成方法，方法包括：

响应于针对目标网页节点发出的网页创建请求，显示网页编辑界面，网页编辑界面包括画布区域、组件库区域以及组件属性配置区域，组件库区域包括多个网页组件；通过针对至少一个目标网页组件所执行的拖拽操作，将至少一个目标网页组件放置在画布区域；针对每个目标网页组件，响应于针对该目标网页组件执行的选择操作，在组件属性配置区域显示与该目标网页组件对应的多个属性配置项；针对每个目标网页组件，响应于针对每个属性配置项执行的配置操作，生成与该目标网页组件对应的属性配置数据并保存；根据各目标网页组件对应的属性配置数据，在画布区域上渲染出各目标网页组件，以形成客户端网页并保存。

在一种可能的实施方式中，属性配置数据包括外观显示数据，多个属性配置项包括组件尺寸配置项、组件位置配置项、组件颜色配置项以及组件界面样式配置项，其中，通过以下方式确定每个目标网页组件对应的外观显示数据：响应于对组件尺寸配置项执行的配置操作，确定该目标网页组件对应的尺寸信息；通过对组件位置配置项执行的配置操作，确定该目标网页组件在画布区域中所处的位置；响应于针对组件颜色配置项执行的配置操作，确定该目标网页组件对应的显示颜色；响应于针对组件界面样式配置项执行的配置操作，确定该目标网页组件对应的界面样式；由配置好的尺寸信息、在画布区域所处的位置、显示颜色以及界面样式，形成该目标网页组件对应的外观显示数据。

在一种可能的实施方式中，属性配置数据还包括特殊属性数据，多个网页组件包括用于进行表单制作的输入型组件，特殊属性数据还包括网页字段名称以及用于指示网页组件唯一性的唯一性标签，多个属性配置项还包括网页字段名称配置项及唯一性标签配置项，其中，通过以下方式确定每个目标输入型组件对应的网页字段名称以及唯一性标签：响应于针对网页字段名称配置项执行的网页字段名称输入配置操作，确定该目标输入型组件对应的网页字段名称；获取对唯一性标签配置项执行的唯一性标签添加操作，生成该网页字段名称对应的唯一性标签。

在一种可能的实施方式中，通过以下方式完成对每个目标输入型组件对应的属性配置数据的保存：判断该目标输入型组件对应的属性配置数据中是否存在唯一性标签；若该目标输入型组件存在唯一性标签，则将该目标输入型组件对应的网页字段名称分别与创建完成的其它网页字段名称进行比较；若其它网页字段名称内不存在该目标输入型组件对应的网页字段名称，则保存该目标输入型组件对应的属性配置数据；若其它网页字段名称内存在该目标输入型组件对应的网页字段名称，则对该目标输入型组件对应的网页字段名称进行修改，并返回执行将该目标输入型组件对应的网页字段名称分别与创建完成的其它网页字段名称进行比较。