[发明专利]页面代码生成方法、装置、计算机设备和存储介质

权利要求书

1.一种页面代码生成方法，所述方法包括：

接收对目标页面的设计请求，根据所述设计请求展示设计窗口，所述设计窗口包括页面编辑区和多个缩略图标；

捕获对所述缩略图标的拖拽操作，获取被拖拽的缩略图标对应的元素代码，基于所述元素代码生成所述缩略图标对应的页面元素；

根据所述拖拽操作将所述页面元素添加至所述页面编辑区的相应位置，记录所述页面元素的添加顺序；

当接收到页面保存指令时，根据所述页面保存指令获取预设的模板代码，根据所述页面编辑区中多个页面元素的添加顺序，将多个页面元素对应的元素代码分别添加至所述模板代码，得到所述目标页面及对应的页面代码，对所述目标页面及所述页面代码进行存储。

2.根据权利要求1所述的方法，其特征在于，在捕获对所述缩略图标的拖拽操作之前，还包括：

接收对目标页面的相似页面查询请求；

根据所述相似页面查询请求，在目标数据库获取多个页面摘要进行展示；

当获取到对所述页面摘要的选定操作时，根据所述选定操作获取相应页面摘要对应的详细页面和页面代码，将所述详细页面添加至所述页面编辑区，将获取的页面代码作为所述模板代码。

3.根据权利要求1所述的方法，其特征在于，根据所述拖拽操作将所述页面元素添加至所述页面编辑区的相应位置包括：

根据所述拖拽操作，获取所述页面元素在所述页面编辑区的目标位置；

检测所述目标位置是否存在其他页面元素；

若存在，对所述目标位置对应的两个页面元素进行兼容性校验；

当兼容性校验通过时，将所述页面元素添加至所述页面编辑区的目标位置；

当兼容性校验失败时，生成禁止添加提示。

4.根据权利要求3所述的方法，其特征在于，对所述目标位置对应的两个页面元素进行兼容性校验包括：

根据预设的多种元素类型之间的兼容关系；所述元素类型包括多种页面元素；获取所述其他页面元素对应的可兼容的元素类型；

检测被拖拽的页面元素是否属于所述可兼容的元素类型；

若属于，判定兼容性校验通过；根据所述兼容关系将所述目标位置对应的两个页面元素之间的图层关系确定并列关系或从属关系；

基于所述图层关系对被拖拽的页面元素对应的元素代码进行变更；

所述将多个页面元素分别对应的元素代码添加至所述模板代码包括：

将多个页面元素分别对应的变更后的元素代码添加至所述模板代码。

5.根据权利要求1～4任意一项所述的方法，其特征在于，所述元素代码包括一个或多个属性参数；在将多个页面元素分别对应元素代码添加至所述模板代码之前，还包括：

获取所述页面元素对应的属性配置操作，根据所述属性配置操作对所述元素代码中相应的属性参数进行变更；

基于变更后的元素代码重新生成相应页面元素；

将多个页面元素分别对应的元素代码添加至所述模板代码的步骤包括：

将多个页面元素分别对应的变更后的元素代码添加至所述模板代码。

6.根据权利要求5所述的方法，其特征在于，所述属性配置操作包括颜色修改操作；所述属性参数包括颜色参数；根据所述属性配置操作对所述元素代码中相应的属性参数进行变更包括：

根据所述颜色修改操作在所述设计窗口展示拾色器子窗口；

获取在拾色器子窗口输入的初始颜色参数；所述拾色器子窗口包括色盘；

将所述初始颜色参数转换为色盘定位参数；

根据所述色盘定位参数在所述色盘中定位目标颜色；

获取所述目标颜色对应的目标颜色参数，根据所述目标颜色参数对所述元素代码中相应的颜色参数进行变更。

7.根据权利要求1所述的方法，其特征在于，所述方法还包括：

为所述页面代码分配一个代码标识；

获取所述页面代码对应的存储地址链接，将所述代码标识与所述存储地址链接进行关联；

根据所述存储地址链接生成二维码，将所述二维码推送至重构终端；使所述重构终端根据所述二维码获取对应的页面代码，对所述页面代码进行优化。