[发明专利]一种实现前端H5业务能力开放的方法及系统

说明书

本发明提供一种实现前端H5业务能力开放的方法及系统，涉及互联网触点营销技术领域，包括步骤：对平台内各页面所有的元素进行编码，编制元素编码表；定义元素的可编辑形式和内容，对应编制元素的可编辑css文件及元素编辑参照表；将编制的可编辑css文件引入到平台或页面的固定资源存放目录下；根据元素编码表和元素编辑参照表，对各元素的可编辑css文件进行编辑，对H5页面进行设计；H5页面展示时，调用资源存放目录下的css文件，显示编辑后的H5页面。该发明的有益效果是：对H5页面元素进行编码、定义可编辑内容，给出元素编辑参照表，使各触点可以根据自己的页面风格，对产品的H5页面中提前定义好的可编辑项进行编辑，实现个性化、并快速上线产品。

技术领域

本发明涉及互联网触点营销技术领域，尤其是涉及一种实现前端H5业务能力开放的方法及系统。

背景技术

随着运营商向互联网转型，与互联网企业合作运营，在互联网触点、内部触点同时推广其自身业务、售卖其自身产品，增加产品的推广力度和覆盖范围，使消费者更方便的购买产品；但是在该推广过程中，由于各触点(包括不同的互联网触点和内部触点)技术框架、页面风格均不同，为适应不同触点的页面风格，需要对页面进行差异化、模板化、配置化的定制，实现各触点自助编辑、配置符合触点风格的个性化业务模板。

发明内容

针对上述问题，本发明提供了一种实现前端H5业务能力开放的方法及系统，实现各触点自助编辑、配置符合触点风格的个性化业务模板。

为实现上述目的，本发明提供了一种实现前端H5业务能力开放的方法，包括步骤：

对平台内各页面所有的元素进行编码，并编制元素编码表；

定义所述元素的可编辑形式和内容，对应编制元素的可编辑css文件及元素编辑参照表；

将编制的所述可编辑css文件引入到平台或页面的固定资源存放目录下；

根据所述元素编码表和元素编辑参照表，对各元素的可编辑css文件进行编辑，完成H5页面的个性化设计；

H5页面展示时，调用资源存放目录下的css文件，显示编辑后的H5页面。

作为本发明的进一步改进，

所述元素编码表中包括元素名称和元素编码；

所述元素编辑参照表中包括元素编码、编辑形式和编辑内容选项。

作为本发明的进一步改进，

所述定义所述元素的可编辑形式和内容中，所述可编辑形式包括可插拔和可调整，可插拔编辑内容包括元素的显示和隐藏；可调整的编辑内容包括元素背景色、字体颜色、字体、大小。

作为本发明的进一步改进，

将所述可编辑css文件引入平台的固定资源存放目录下时，文件名称格式满足cop_common*.css，其中，符号*为下划线和css文件的修改日期；

将所述可编辑css文件引入页面的固定资源存放目录下时，文件名称格式满足cop_busi*.css，其中，符号*为下划线和css文件的修改日期。

作为本发明的进一步改进，

当将所述可编辑css文件引入平台的固定资源存放目录下时，对所述可编辑css文件中所述元素背景色的编辑，适用于平台内的所有页面；

当将所述可编辑css文件引入页面的固定资源存放目录下时，对所述可编辑css文件中所述元素背景色的编辑，只适用于该页面。

本发明还提供了一种实现前端H5业务能力开放的系统，包括元素编码模块、编辑定义模块、css文件编制模块、css文件引入模块和css文件编辑模块；