[发明专利]页面编辑方法、系统、计算机设备与计算机可读存储介质

说明书

本发明公开了一种页面编辑方法、系统、计算机设备与计算机可读存储介质，所述方法包括：获取目标产品的预览页面；接收基于所述预览页面生成的更新指令，所述更新指令包括所述目标产品的产品数据的路径信息；获取所述预览页面的页面代码，将所述路径信息导入至所述页面代码中；通过内容分发网络将导入后的页面代码发送给前端；通过所述前端识别所述产品数据的类型，根据所述类型获取所述产品数据的展示方式；通过所述前端根据所述更新指令将导入后的页面代码生成展示页面，以基于所述展示方式显示所述产品数据。本发明实施例的有益效果在于：能够快速对产品数据进行加载，且无需发布服务。

技术领域

本发明实施例涉及页面领域，尤其涉及一种页面编辑方法、系统、计算机设备与计算机可读存储介质。

背景技术

随着互联网技术的发展，大量软件产品应运而生。页面开发是软件产品整个开发过程最为重要的环节之一，如APP页面、Web网页等的开发。传统的页面开发过程大致如下：设计工程师进行页面设计得到设计图；重构工程师对设计图进行切图，编写页面代码，如HTML(超文本标记语言)代码和CSS(层叠式样表)代码等。

传统的商品预览平台上线后，假设业务要新上架多款类似的保险商品，此时前端会重复使用原来的代码，此举会增加大量重复性代码，增加代码维护的复杂度，增加人力成本。

另外，传统的商品预览平台，修改商品信息页面的文字、图片，需要发布服务，增加风险，并影响用户体验；而且无法实现商品页面的无感切换，影响线上售卖商品页面变化的响应速度。

发明内容

有鉴于此，本发明实施例的目的是提供一种页面编辑方法、系统、计算机设备与计算机可读存储介质，能够快速对产品数据进行加载，且无需发布服务。

为实现上述目的，本发明实施例提供了一种页面编辑方法，包括：

获取目标产品的预览页面；

接收基于所述预览页面生成的更新指令，所述更新指令包括所述目标产品的产品数据的路径信息；

获取所述预览页面的页面代码，将所述路径信息导入至所述页面代码中；

通过内容分发网络将导入后的页面代码发送给前端；

通过所述前端识别所述产品数据的类型，根据所述类型获取所述产品数据的展示方式；

通过所述前端根据所述更新指令将导入后的页面代码生成展示页面，以基于所述展示方式显示所述产品数据。

进一步地，所述获取目标产品的预览页面包括：

获取目标产品的产品配置数据；

通过模板引擎，根据所述产品配置数据生成预览页面与所述预览页面对应的第一链接地址。

进一步地，所述接收基于所述预览页面生成的更新指令包括：

识别用户基于目标产品数据的拖拽操作；

根据所述拖拽操作识别所述目标产品数据的目标位置信息；

获取所述目标产品数据的目标路径信息，根据所述目标路径信息与所述目标位置信息生成更新指令，所述更新指令包括所述目标位置信息与所述目标路径信息。

进一步地，所述通过所述前端识别所述产品数据的类型，根据所述类型获取所述产品数据的展示方式包括：

通过所述前端根据所述产品数据的类型标签识别所述产品数据的类型；

根据所述类型获取所述产品数据的展示方式，并根据所述展示方式加载展示控件。

进一步地，所述通过所述前端根据所述更新指令将导入后的页面代码生成展示页面，以基于所述展示方式显示所述产品数据包括：