页面编辑方法、系统、计算机设备与计算机可读存储介质技术方案

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

【技术实现步骤摘要】
页面编辑方法、系统、计算机设备与计算机可读存储介质
本专利技术实施例涉及页面领域，尤其涉及一种页面编辑方法、系统、计算机设备与计算机可读存储介质。
技术介绍
随着互联网技术的发展，大量软件产品应运而生。页面开发是软件产品整个开发过程最为重要的环节之一，如APP页面、Web网页等的开发。传统的页面开发过程大致如下：设计工程师进行页面设计得到设计图；重构工程师对设计图进行切图，编写页面代码，如HTML(超文本标记语言)代码和CSS(层叠式样表)代码等。传统的商品预览平台上线后，假设业务要新上架多款类似的保险商品，此时前端会重复使用原来的代码，此举会增加大量重复性代码，增加代码维护的复杂度，增加人力成本。另外，传统的商品预览平台，修改商品信息页面的文字、图片，需要发布服务，增加风险，并影响用户体验；而且无法实现商品页面的无感切换，影响线上售卖商品页面变化的响应速度。
技术实现思路
有鉴于此，本专利技术实施例的目的是提供一种页面编辑方法、系统、计算机设备与计算机可读存储介质，能够快速对产品数据进行加载，且无需发布服务本文档来自技高网...

【技术保护点】
1.一种页面编辑方法，其特征在于，包括：/n获取目标产品的预览页面；/n接收基于所述预览页面生成的更新指令，所述更新指令包括所述目标产品的产品数据的路径信息；/n获取所述预览页面的页面代码，将所述路径信息导入至所述页面代码中；/n通过内容分发网络将导入后的页面代码发送给前端；/n通过所述前端识别所述产品数据的类型，根据所述类型获取所述产品数据的展示方式；/n通过所述前端根据所述更新指令将导入后的页面代码生成展示页面，以基于所述展示方式显示所述产品数据。/n

【技术特征摘要】
1.一种页面编辑方法，其特征在于，包括：
获取目标产品的预览页面；
接收基于所述预览页面生成的更新指令，所述更新指令包括所述目标产品的产品数据的路径信息；
获取所述预览页面的页面代码，将所述路径信息导入至所述页面代码中；
通过内容分发网络将导入后的页面代码发送给前端；
通过所述前端识别所述产品数据的类型，根据所述类型获取所述产品数据的展示方式；
通过所述前端根据所述更新指令将导入后的页面代码生成展示页面，以基于所述展示方式显示所述产品数据。


2.根据权利要求1所述的页面编辑方法，其特征在于，所述获取目标产品的预览页面包括：
获取目标产品的产品配置数据；
通过模板引擎，根据所述产品配置数据生成预览页面与所述预览页面对应的第一链接地址。


3.根据权利要求1所述的页面编辑方法，其特征在于，所述接收基于所述预览页面生成的更新指令包括：
识别用户基于目标产品数据的拖拽操作；
根据所述拖拽操作识别所述目标产品数据的目标位置信息；
获取所述目标产品数据的目标路径信息，根据所述目标路径信息与所述目标位置信息生成更新指令，所述更新指令包括所述目标位置信息与所述目标路径信息。


4.根据权利要求1所述的页面编辑方法，其特征在于，所述通过所述前端识别所述产品数据的类型，根据所述类型获取所述产品数据的展示方式包括：
通过所述前端根据所述产品数据的类型标签识别所述产品数据的类型；
根据所述类型获取所述产品数据的展示方式，并根据所述展示方式加载展示控件。


5.根据权利要求4所述的页面编辑方法，其特征在于，所述通过所述前端根据所述更新指令将导入后的页面代码生成展示页面，以基于所述展示方式显...

【专利技术属性】
技术研发人员：张勇，薛晓波，岳天琛，
申请(专利权)人：平安健康保险股份有限公司，
类型：发明
国别省市：上海;31