CN110442822A - 一种小程序内容展示方法、装置、设备及存储介质 - Google Patents

Abstract

本申请公开了一种小程序内容展示方法、装置、设备及存储介质，该方法中，预先配置了各运营展示样式下的展示模板以及对应的模板标签，每个模板标签都有对应的展示模板，每个展示模板有对应的内容展示方式，对于用户侧在进行运营内容编辑时只需直接调用模板标签确定展示文档，无需后端代码的编写开发，简化了管理流程，提升了运营内容调整的便捷度，同时模板标签复用性高，对于多次运营管理的管理效率会有显著提升；另外，由于展示模板调用小程序组件实现渲染设置，调用小程序组件进行渲染展示设置相对于传统的html展示对于小程序侧的支持性以及兼容性都具有阶梯性的性能提升，内容限制少，可以实现灵活的内容展示。

Description

一种小程序内容展示方法、装置、设备及存储介质

技术领域

本申请涉及计算机技术领域，特别涉及一种小程序内容展示方法、装置、电子设备及存储介质。

背景技术

随着社会的发展，小程序的使用越来越普及，每个人几乎每天都要从小程序获取大量的信息。

当前在小程序端的运营内容展示主要使用html技术，即超文本标记语言，每次运营内容的变更、视图内容的变化、交互逻辑的变化均需要产品、开发、运营同时产于，进行代码编写开发后才能使内容生效，实现技术复杂，流程繁琐，并且小程序对html并没有很好的支持，对webview内容显示限制较多，内容展示设置过程还需要解决小程序对html的大量兼容性问题，内容展示灵活度差，开发使用成本较高。

发明内容

有鉴于此，本申请的目的在于提供一种小程序内容展示方法、装置、电子设备及存储介质，以使得在进行小程序内容展示的设置时，能够简单灵活实现各种类型的内容展示，同时简化设置步骤，提升管理效率。其具体方案如下：

为实现上述目的，一方面，本申请提供了一种小程序内容展示方法，包括：

当检测到运营内容编辑指令触发时，确定展示文档获取策略；

调用所述展示文档获取策略获取用于控制内容展示样式的展示文档；所述展示文档为调用模板标签对待编辑内容进行展示样式编写生成的文档，所述模板标签为展示模板的展示类型标签，所述展示模板调用小程序组件实现渲染设置；

将所述展示文档存储至小程序后台数据库。

可选地，当所述展示文档获取策略为第一获取策略时，所述调用所述展示文档获取策略获取用于控制内容展示样式的展示文档，包括：

显示小程序内容自动编辑页面；

确定用户在所述小程序内容自动编辑页面中指定的模板标签以及待编辑内容；

调用所述模板标签对所述待编辑内容进行展示样式编写，生成后台可识别的展示文档。

可选地，当所述展示文档获取策略为第二获取策略时，所述调用所述展示文档获取策略获取用于控制内容展示样式的展示文档，包括：

显示标签文档添加页面；

提取用户在所述标签文档添加页面添加的标签文档；所述标签文档为调用模板标签对待编辑内容进行xml编写生成的文档；

利用后台文件转换规则，将所述标签文档转换为后台可识别的展示文档。

可选地，所述展示模板包括：一级标题模板、二级标题模板、三级标题模板、文本展示模板、图片展示模板、视频展示模板、跳转链接展示模板、对比视图模板以及标签展示模板。

可选地，所述小程序内容展示方法还包括：

接收模板添加请求；

获取新增的展示模板；

将所述新增的展示模板添加至模板库中；所述模板库用于存储所述展示模板。

可选地，在调用所述展示文档获取策略获取用于控制内容展示样式的展示文档之后，还包括：

接收编辑内容展示指令；

提取所述展示文档；

解析所述展示文档中包含的模板标签；

按照所述模板标签对应的解析协议规则确定协议字段；

调用所述模板标签对应的展示模板对所述协议字段进行运营渲染。

为实现上述目的，本申请还提供了小程序内容展示装置，包括：

策略确定单元，用于当检测到运营内容编辑指令触发时，确定展示文档获取策略；

展示文档获取单元，用于调用所述展示文档获取策略获取用于控制内容展示样式的展示文档；所述展示文档为调用模板标签对待编辑内容进行展示样式编写生成的文档，所述模板标签为展示模板的展示类型标签，所述展示模板调用小程序组件实现渲染设置；

展示文档存储单元，用于将所述展示文档存储至小程序后台数据库。

可选地，所述小程序内容展示装置还包括：展示渲染单元；所述展示渲染单元的输入端连接于所述展示文档获取单元或所述展示文档存储单元的输出端，所述展示渲染单元包括：

展示指令接收子单元，用于接收编辑内容展示指令；

文档提取子单元，用于提取所述展示文档；

标签解析子单元，用于解析所述展示文档中包含的模板标签；

字段解析子单元，用于按照所述模板标签对应的解析协议规则确定协议字段；

运营渲染子单元，用于调用所述模板标签对应的展示模板对所述协议字段进行运营渲染。

为实现上述目的，本申请还提供了一种电子设备，所述电子设备包括处理器和存储器；

其中，所述存储器用于存储计算机程序，所述计算机程序由所述处理器加载并执行以实现所述的小程序内容展示方法的步骤。

为实现上述目的，本申请还提供了一种存储介质，所述存储介质中存储有计算机可执行指令，所述计算机可执行指令被处理器加载并执行时，实现所述的小程序内容展示方法的步骤。

本申请提供的小程序内容展示方法预先配置了各运营展示样式下的展示模板以及对应的模板标签，每个模板标签都有对应的展示模板，每个展示模板有对应的内容展示方式，对于用户侧在进行小程序展示内容编辑时只需直接调用模板标签确定展示文档，无需后端代码的编写开发，简化了管理流程，提升了运营内容调整的便捷度，同时模板标签复用性高，对于多次运营管理的管理效率会有显著提升；另外，由于展示模板调用小程序组件实现渲染设置，调用小程序组件进行渲染展示设置相对于传统的html展示对于小程序侧的支持性以及兼容性都具有阶梯性的性能提升，内容限制少，可以实现灵活的内容展示。

本申请提供的小程序内容展示装置、电子设备及存储介质均具有上述有益效果，在此不再赘述。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为本申请提供的一种小程序内容展示方法所适用的硬件组成框架示意图；

图2为本申请提供的一种小程序内容展示方法的流程图；

图3为本申请提供的一种整体管理流程图；

图4为本申请提供的一种web编辑器用户侧页面视图；

图5为本申请提供的一种整体管理流程图；

图6为本申请提供的一种展示文档的渲染流程图；

图7为本申请提供的一种web编辑器的用户编辑界面示意图；

图8为本申请提供的一种运营渲染后的小程序侧展示效果示意图；

图9为本申请提供的一种小程序内容展示装置结构框图；

图10为本申请提供的另一种小程序内容展示装置结构示意图。

具体实施方式

现有的用于运营展示技术在web、公众以及小程序端主要使用html技术，即超文本标记语言，每次运营内容的变更、视图内容的变化、交互逻辑的变化需要产品、运营以及开发人员商议变化内容，并进行代码编写开发后，进行内容生效，每次变更需要前后端开发，实现过程繁琐。

而目前web技术在运营开发过程中较为繁琐，同时目前的微信小程序对webview内容显示限制较多，导致目前html主要用于web和公众号，小程序上使用较少。

另外，基于小程序原生组件对html并没有很好的支持，比如富文本组件在标签渲染上性能较低，灵活度和易用性也很差；第三方的wxParse开源项目组件也只能支持部分html标签，灵活性差，且开发难度大。

鉴于目前所存在的上述问题，本申请提出了小程序内容展示技术方案，通过该技术方案，能够灵活实现各种内容展示的同时简化管理步骤，提升管理效率。

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

实施例一：

为了便于理解，先对本申请的小程序内容展示方法对应的方案所适用的硬件组成框架进行介绍。可以参见图1，图1示出了本申请一种小程序内容展示方法所适用的硬件组成框架示意图。

由图1可知，该硬件组成框架可以包括：计算机设备10，其中，计算机设备10可以包括：处理器11、存储器12、通信接口13、输入单元14和显示器15和通信总线16。

处理器11、存储器12、通信接口13、输入单元14、显示器15、均通过通信总线16完成相互间的通信。

在本申请实施例中，该处理器11，可以为中央处理器(Central Processing Unit，CPU)，特定应用集成电路，数字信号处理器、现成可编程门阵列或者其他可编程逻辑器件等。该处理器可以调用存储器12中存储的程序。具体的，处理器可以调用设备中的小程序执行以下小程序内容展示方法的实施例中计算机设备侧所执行的操作。由于本实施例中计算机设备需要调用小程序，在目前调用小程序时需要网络支持，相应地，本实施例中的计算机设备10需要与外界网络系统连接，具体的部件连接可参照相关技术中任意联网设备的连接方式，在此不再赘述。

存储器12中用于存放一个或者一个以上程序，程序可以包括程序代码，程序代码包括计算机操作指令，在本申请实施例中，该存储器中至少存储有用于实现以下功能的程序：

当检测到运营内容编辑指令触发时，确定展示文档获取策略；

调用展示文档获取策略获取用于控制内容展示样式的展示文档；展示文档为调用模板标签对待编辑内容进行展示样式编写生成的文档，模板标签为展示模板的展示类型标签，展示模板调用小程序组件实现渲染设置；

将展示文档存储至小程序后台数据库。

在一种可能的实现方式中，该存储器12可包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、以及至少一个功能(比如文字显示功能、图像播放功能等)所需的应用程序等；存储数据区可存储根据计算机的使用过程中所创建的数据，比如，协议字段、内容展示编辑数据等等。

此外，存储器12也可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件或其他易失性固态存储器件。

该通信接口13可以为通信模块的接口，如GSM模块的接口。

本申请还可以包括显示器14和输入单元15等等。

当然，图1所示的计算机设备的结构并不构成对本申请实施例中计算机设备的限定，在实际应用中计算机设备可以包括比图1所示的更多或更少的部件，或者组合某些部件。

其中，图1中的计算机设备10可以为终端(如手机、平板电脑等移动终端，或PC机等固定终端)、服务器、智能电子设备(如智能可穿戴设备等)。

在本申请实施例中，计算机设备10可以根据通信接口13利用网络接收外界其他设备发送的运营内容编辑指令以及展示文档；也可以通过自身的输入单元14(如键盘、触摸屏、语音输入设备等)获取运营内容编辑指令以及展示文档等数据。

相应的，计算机设备10中处理器11可以通过通信总线16从通信接口13或者输入单元14接收运营内容编辑指令，并调用存储器12中存储的程序对获取用于控制内容展示样式的展示文档，存储至小程序后台数据库，从而实现使待编辑内容生效的目的。

在一种可能的情况中，为了提升展示文档的生成效率，用户可以指定模板标签以及待编辑内容，则计算机设备10还可以接收指定的待编辑内容以及对应指定的模板标签，由计算机设备10调用模板标签对待编辑内容进行展示样式编写，生成后台可识别的展示文档，该种架构下由计算机设备10后台自动化文档生成，生成效率高，可以有效提升小程序内容展示的管理效率。

在又一种可能的情况中，为了提升展示文档的编译灵活度，提升编译扩展性能，在本申请实施例中，计算机设备10可以直接接收输入的标签文档；由计算机设备10利用后台文件转换规则，将标签文档转换为后台可识别的展示文档，实现半自动的文档获取，可以在一定程度上提升管理效率。

实施例二：

图2为本申请实施例提供的一种小程序内容展示方法的流程图。参见图2所示，该小程序内容展示方法可以包括以下步骤：

S100、当检测到运营内容编辑指令触发时，确定展示文档获取策略。

其中，“运营内容”指小程序端的运营展示的内容，可以包括小程序中文本、图片、跳转链接等内容；“运营内容编辑”指改变小程序中内容的运营展示方式，比如将小程序前端页面展示中某一文本的展示方式由楷体转换为宋体并居中等。

展示文档为调用模板标签对待编辑内容进行展示样式编写生成的文档，展示文档获取策略指预先设置的用于指示展示文档获取方式的引导策略，预先配置一种或若干种展示文档获取策略，用于实现展示文档的获取。

本实施例中对预先配置的展示文档获取具体策略形式不做限定，可以根据实际获取步骤实现的需要进行相应的设定，以下介绍三种可行的获取策略，展示文档获取策略可以为：第一获取策略，第一获取策略为预设的一种全自动内容编辑方式，可以用于根据用户指定的模板标签以及待编辑内容自动生成可被后台识别的展示文档；展示文档获取策略也可以为：第二获取策略，第二获取策略为预设的一种半自动内容编辑方式，可以用于接收并识别用户编写的标签文档，并自动将该标签文档转换为可被后台识别的展示文档。展示文档获取策略也可以为：第三获取策略，第三获取策略为预设的一种手动内容编辑方式，直接由相关技术人员进行配置编写，则系统可以直接接收可以被后台识别的展示文档。本实施例中仅以上述三种策略形式为例进行介绍，其它基于本申请的获取策略的设置均可算作本申请的保护范围，在此不再赘述。

另外，本实施例中对预先配置的展示文档获取策略的数量不做限定，可以仅配置一种默认获取策略；也可以设置若干种获取策略，由用户指定当前的获取策略，可以根据实际使用需要进行展示文档获取策略的配置。

当检测到运营内容编辑指令触发时，确定当前展示文档获取策略，若仅配置一种默认获取策略时，则确定展示文档获取策略的过程具体可以为：获取配置的默认获取策略；若预先设置若干种获取策略时，则确定展示文档获取策略的过程具体可以为：显示展示文档获取策略选择页面；确定用户在展示文档获取策略选择页面中指定的展示文档获取策略。

在确定当前的展示文档获取策略时，触发步骤S200。

S200、调用展示文档获取策略获取用于控制内容展示样式的展示文档。

通常对于在小程序上的文章内容展示场景下，为了保证阅读体验的一致以及用户习惯的友好，展示场景下一般文本、图片、视频、链接等内容均为较为固定的样式(字体大小、间距、行距、颜色)和交互方式(比如图片点击后可以放大预览、视频区域点击后可以进行播放控制、链接点击后进行跳转或复制到剪贴板)。

本实施例中对于产品内常用的展示样式进行模版分类，分别针对文本、图片、视频、链接等提供统一的样式模版支持，预定义各种展示样式下的展示模板以及对应的模板标签，每个展示模板均有固定的内容展示方式和交互方式，每个展示模板都有对应的模板标签，对文章内容以及运行的内容的设置均可由提供的模板标签进行拼接组合。其中，展示模板的设置可以参照相关技术中调用小程序组件的展示设置方法，在此不再赘述。相应地，对于产品、运营或者开发相关技术人员，只需要按照固定的格式下发标记语言，小程序前端上就可以展示出对应的模版内容和样式以及交互形式，使用者可以非常方便的编写运营内容，而不需要开发进行参与，简化了设置流程。

展示文档用于控制内容展示样式，包含了对运营内容的展示样式设置数据，可以指示后台根据该文档中指定的展示样式。基于展示文档可以对相应的运营内容进行前端展示效果的调整。

具体地，展示文档为调用模板标签对待编辑内容进行展示样式编写生成的文档，其中，模板标签为展示模板的展示类型标签，展示模板调用小程序组件实现渲染设置。一种指定的展示模板比如用于控制某内容以(Arial，小五，加粗，右，无孤行控制，与下段同页，1级，样式：快速样式，基于：正文，后续样式：正文)的格式展示的设置文档，对应的模板标签可以为“一级标题”标签，待编辑内容指以该展示模板进行运营展示的运营内容。

展示模板调用小程序组件实现渲染设置，调用模板标签以及对应的展示模板，相当于直接调用小程序编辑组件进行展示设置，小程序自身的编辑组件相比于html(超文本标记语言)对于小程序中其它功能组件以及内容显示要求均大大降低，因此基于模板标签以及对应展示模板的设置过程相对于传统的html展示对于小程序侧的支持性以及兼容性都具有阶梯性的性能提升，内容限制少，可以实现灵活的内容展示。

具体的展示模板的类型设置可以根据实际的内容展示需要进行设定，可以包括文本展示模板(文本展示模板进一步可以包括：一级标题模板、二级标题模板、三级标题模板、正文模板等指示文本展示样式的模板类型)、图片展示模板、视频展示模板、跳转链接模板、对比视图模板、标签模板等，由于篇幅限制以及使用场景的差异性，设置的模板类型也可能不同。可选地，一种展示模板包括：一级标题模板、二级标题模板、三级标题模板、文本展示模板、图片展示模板、视频展示模板、跳转链接展示模板、对比视图模板以及标签展示模板，该种模板类型设置可以包含大部分基本内容样式设置以及交互形式，全面性强，对于不同使用需求下的兼容性高，适应性强，可以实现不同应用领域下不同运营展示方式的自由组合。本实施例中对预先设置的展示模板的类型在此不做限定，仅以上述模板类型为例进行介绍。

需要说明的是，本实施例中的展示模板具有便捷的扩展性和灵活性，预先设置展示模板以及对应的模板标签后，在以后的小程序运营内容管理过程中可以多次使用，模版可复用性高，对于多次运营管理的管理效率会有显著提升。当需要有新的样式模版需求时，也可以进一步定义以及添加新的样式内容，进行指定协议的开发。具体地，可以按照以下流程进行处理：接收模板添加请求，获取新增的展示模板；将新增的展示模板添加至模板库中；其中，模板库用于存储展示模板。

展示文档中可以包含单个待编辑内容对应的设置数据，也可以包含多个待编辑内容对应的设置数据，当为后者时，其中可以仅包括需要调整部分的设置数据，也可以同时包括未调整部分的设置数据，在此不做限定。

S300、将展示文档存储至小程序后台数据库。

该步骤的目的在于通过将包含运营设置内容的展示文档存储于后台，以使待编辑内容生效。其中，小程序后台数据库指用于实现运营数据存储的文章数据库，展示文档在数据库中具体的存储区域可以参照相关技术，在此不再赘述。

本申请实施例提供的小程序内容展示方法对于用户侧只需直接调用模板标签确定展示文档，无需后端代码的编写开发，简化了管理流程，提升了运营内容调整的便捷度，同时由于模板标签复用性高，对于多次运营管理的管理效率会有显著提升；另外，相对于传统的html展示对于小程序侧的支持性以及兼容性都具有阶梯性的性能提升，内容限制少，可以实现灵活的内容展示。

实施例三：

上述实施例中对于展示文档获取策略不做限定，本实例主要出于简化获取步骤、减少用户端操作的目的，在实施例二的基础上，介绍两种展示文档获取策略下步骤S200的具体实现方式。

图3所示为基于一种展示文档获取策略下的整体管理流程图，其中，步骤S100与S300可参照实施例二中的介绍，在此不再赘述，步骤S200下的步骤S211、步骤S212以及步骤S213可参照下述介绍。

S211、显示小程序内容自动编辑页面；

预先设置用户侧的小程序内容自动编辑界面，用户可以在编辑界面上指定模板标签、添加待编辑内容，通过该编辑界面确定用户指定的标签模板以及添加的编辑内容。

例如，可以设置在用户侧显示的web编辑器，web编辑器位于web端，web编辑器中包括若干预设的模板标签可以供用户选择，一种web编辑器用户侧页面视图如图4所示，包括：一级标题、二级标题、三级标题、标题提示、文章内容、富文本内容、图片、视频、横线、跳转链接、tag按钮、尾部按钮以及空白分割标签(由于篇幅限制以及使用场景的增加，页面添加的模板标签内容会有不同，在此仅以该种标签形式为例进行介绍，其它标签配置类型均可参照本实施例的介绍)，其中，编辑器中各模板标签均可由用户点击指定，模板标签链接至内容添加界面，当用户点击模板标签后自动弹出内容添加界面，通过该内容添加界面接收由用户输入的待编辑内容。通过接入web编辑器的数据输出端口获取web编辑器生成的小程序后台可识别的用于实现内容展示编辑的展示文档。

S212、确定用户在小程序内容自动编辑页面中指定的模板标签以及待编辑内容；

模板标签与待编辑内容的获取顺序不做限定，可以先确定用户指定的模板标签，再确定用户向模板标签中添加的内容，上述过程仅以该种获取顺序为例；也可以先确定用户输入的待编辑内容，再添加对应的模板标签，即用户首先添加自定义内容后选择需要添加的模板类型，该种情况下的介绍可参照上述内容，在此不再赘述。

当为前者时，步骤S212具体可以包括以下两个步骤：

(1)、解析用户请求，以确定用户请求的模板标签；

(2)、获取添加至模板标签内的内容作为待编辑内容；

当为后者时，步骤S212具体可以包括以下两个步骤：

(1)、解析用户添加至指定区域中的内容，将解析后的用户添加内容作为待编辑内容；

(2)、确定添加至待编辑内容的模板标签，作为待编辑内容对应的模板标签。

当然，对于模板标签以及待编辑内容也可以同时获取，本实施例中对该种情况不再赘述。

S213、调用模板标签对待编辑内容进行展示样式编写，生成后台可识别的展示文档。

展示样式编写指后台自动将待编辑内容与对应的模板标签进行匹配编写，以便于生成对待编辑内容进行模板标签匹配设置的后台可识别文档。

该种实现方式下对于用户侧只需指定模板标签、添加待编辑内容即可，对于操作人员的技术要求极低，后台自动化文档生成，生成效率高，可以有效提升小程序内容展示的管理效率。

图5所示为基于另一种展示文档获取方式下的整体管理流程图，其中，步骤S100与S300可参照实施例一中的介绍，在此不再赘述，步骤S200下的步骤S221、步骤S222与步骤S223可参照下述介绍。

S221、显示标签文档添加页面；

预先设置用户侧的标签文档添加页面，用户可以在该界面上添加标签文档。

S222、提取用户在标签文档添加页面添加的标签文档；标签文档为调用模板标签对待编辑内容进行xml编写生成的文档；

标签文档是由用户编写生成的，用户对各待编辑内容以及对应的模板标签进行xml编写，xml指可扩展标记语言，xml是基于文本的，易读性强，记录、调试更为方便，本实施例中仅以该种前端用户编写方式为例进行介绍，基于其他语言的前端编写过程均可参照本实施例的介绍。

如下所示为一种利用文本工具进行xml编写生成的文档，本实施例中仅以下述文档形式为例进行介绍，其它编写方式以及其他模板标签类型下的xml文档均可参照下述介绍，在此不再赘述。

<article>

<h1>一级标题</h1>

<h2>二级标题</h2>

<h3>三级标题</h3>

<titlehint>https://www.qq.com|腾讯网</titlehint>

<text>文本块内容</text>

<img>1280|1270|图片链接</img>

<video>腾讯视频的videoid</video>

<link>url地址|链接地址</link>

</article>

上述xml文件中包含了设置文章、一级标题、二级标题、三级标题、标题提示、文章内容、图片、视频以及跳转链接的编写方式，对于用户侧，编写过程实现难度低。

S223、利用后台文件转换规则，将标签文档转换为后台可识别的展示文档。

由于用户前端编写生成的文档后台不可识别，为保证在后台数据库中设置数据的正常应用，需要将接收到的用户编写的标签文档转换为后台可识别的文档，

目前常见的小程序后台识别数据格式为JSON，以JSON为例，则相应地，该步骤具体为：将内容展示文档转换为JSON格式数据。

数据转换过程具体可参照相关技术中的数据转换方式，不再赘述。当标签文档为xml可扩展标记语言格式、后台可识别的数据格式为JSON时，具体地将数据由xml转换至JSON的方式可选用传统的数据转换方式，比如使用json-lib包中的net.sf.json或者使用org.json等。在此仅以xml→JSON的数据转化过程为例，其它标签文档格式以及后台可识别格式下具体的转换过程均可参照上述介绍，在此不再赘述。

该种展示文档的获取实现方式可以实现半自动的文档获取，在一定程度上提升管理效率，对于用户侧标签文档的编写过程灵活，扩展性能良好。

实施例四：

在生成展示文档后，出于用户的预览需求以及整体展示需求，可以在后台根据该展示文档完成小程序的页面渲染展示，以便于用户在小程序侧实时查看内容展示效果。本实施例中介绍一种基于展示文档完成页面渲染的实现方式，展示文档的渲染流程图如图6所示，在获取用于控制内容展示样式的展示文档之后，可以进一步执行以下步骤：

S400、接收编辑内容展示指令；

编辑内容展示指令指调用当前展示文档进行小程序运行内容前端展示的指令，具体可以为预览指令，也可以为编辑完成后小程序整体视图的替换展示指令，本实施例中不做限定。

S500、提取展示文档；

S600、解析展示文档中包含的模板标签；

获取文章标签内容，确定展示文档中具体包含哪些模板标签，以便于后续调用相应的展示模板进行前端展示渲染。

S700、按照模板标签对应的解析协议规则确定协议字段；

不同的模板标签对应不同的展示模板，不同的展示模板对应的展示方式不同，对于相应内容的解析协议也不同，小程序侧获取每个标签数据进行解析，并匹配对应的模版，以便于将解析的数据显示在模版上。

S800、调用模板标签对应的展示模板对协议字段进行运营渲染。

小程序侧将所有的标签内容进行展示，完成这个页面的渲染显示，显示后用户可以点击小程序侧各视图模版进行相应的交互。

不同标签类型下的文章解析渲染过程可以并行执行，也可以串行循环执行，即在确定模板标签后，只对该模板标签的解析协议进行字段解析，完成后确定下一个模板标签，再对该该模板标签的解析协议进行字段解析，直至所有模板标签解析完成，执行对整个文章内容的渲染展示。

需要说明的是，上述实施例中步骤S300中存储的展示文档为最终确定的展示文档版本，根据该文档中的设置信息进行相应的显示调整，而当在未确定最终的设置信息前，也可以进一步进行相应的预览展示，即当接收的编辑内容展示指令为预览指令时，未将生成的展示文档存储至后台数据库前，可以查看当前设置效果，便于后续设置的调整，则在该种情况下，步骤执行顺序为：S100→S200→S400→S500→S600→S700→S800(→S100→S200)→S300。确定展示文档后进行预览展示，预览展示后可以进一步重复执行步骤S100至S200进行展示文档的调整，直至确定最终版本的展示文档并存储至后台数据库中。

而在确定当前展示文档为当前设置的最终版本时，即接收到的编辑内容展示指令为替换展示指令，本实施例中步骤S400至800可以在上述实施例中步骤S300后执行，即步骤执行顺序为：S100→S200→S300→S400→S500→S600→S700→S800，当然，该过程中步骤S100与S200也可以重复执行多次，以确定最终版本的展示文档，在此不做限定。

本实施例提供的渲染展示方法通过调用预定义的展示模板对相应模板标签下的文章内容进行相应解析渲染，渲染效率高，且预定义的展示模板复用性高，灵活性强，可以实现任意执行展示方式对应展示模板的添加以及删改，有助于提升整体小程序前端内容渲染的效率。

实施例五：

为加深对本申请中提供的小程序内容展示方法的理解，本实施例中结合本方案的一种应用场景对小程序端与用户端进行信息交互实现小程序内容展示的过程为例进行介绍，该交互过程中主要涉及用户以及移动终端，移动终端中设置有小程序，通过调用小程序实现用户需求的响应，该交互过程主要包括以下步骤：

S1：用户通过点击移动终端小程序中的运营内容编辑选项向小程序发起运营内容编辑指令；

S2、小程序端调用在web端预先设置的web编辑器展示用户编辑界面；

图7所示为一种web编辑器的用户编辑界面示意图。web编辑器预先设置于web端，可以由小程序远程调用触发web编辑器的展示文档生成功能，由用户在web编辑器上进行数据的指定以及添加(当然，也可以由用户主动触发web编辑器进行展示文档的编写，在此不再赘述)。

web编辑器中包含一级标题、二级标题、三级标题、标题提示、文章内容、富文本内容、图片、视频、横线、跳转链接、tag按钮、尾部按钮以及空白分割标签在内的所有模板标签，每个模板标签链接至内容添加页，以便于用户在选定某个设置模板标签后对应添加待编辑的文章部分。

S3、用户通过web编辑器发送用户请求，用户请求中包含模板标签以及待编辑内容；

具体地，用户点击web编辑器中的一级标题标签，并向对应的内容添加页输入“产品接入”，则通过web编辑器即可得到用户请求的模板标签为一级标题标签，对应的待编辑内容为“产品接入”。

S4、web编辑器解析用户请求；

web编辑器在采集得到用户请求后，需要对采集的用户输入数据进行数据解析，具体包括识别用户指定的模板标签以及待编辑的用户输入数据“产品接入”，生成小程序端可识别的数据。

S5、web编辑器调用模板标签对待编辑内容进行展示样式编写，生成后台可识别的展示文档；

生成的展示文档可以为下述xml代码对应的JSON代码：

<article>

<h1>产品接入</h1>

</article>

S6、小程序端获取web编辑器生成的展示文档，将其存储至小程序后台数据库；

用户通过在web编辑器中点击编辑完成，保存当前编辑内容的选项，小程序端获取web编辑器生成的展示文档，并将该展示文档存储至数据库中。

S7、用户触发编辑内容展示；

用户在web编辑器中点击将当前编辑内容生效的选项，触发编辑内容展示，发起编辑内容展示指令。

S8、小程序端提取当前存储至后台数据库中的展示文档。

S9、小程序端解析展示文档中包含的模板标签；

小程序端根据预设的标签识别方式解析展示文档中包含的模板标签，得到当前的展示文档中仅包含h1(第一标题)标签。

S10、小程序端按照模板标签对应的解析协议规则确定协议字段；

小程序端按照第一标题标签的标签协议，该协议为设定的模板协议，用于将相应的内容按照预设的第一标题的格式(Arial，小五，加粗，右，无孤行控制，与下段同页，1级，样式：快速样式，基于：正文，后续样式：正文)进行前端展示。

S11、小程序端调用模板标签对应的展示模板对协议字段进行运营渲染。

调用第一标题对应的展示模板对“产品接入”对应的后台可识别协议字段进行运营渲染，此时，小程序页面会输出按照第一标题的格式输出的“产品接入”字样。如图8所示为一种运营渲染后的小程序侧展示效果示意图。

本实施例提供的小程序内容展示过程对于使用者来说可以非常方便的编写运营内容，而不需要开发进行参与，就可以完成运营文章编写和小程序端展示，对于用户侧实现步骤简单，对于运营管理效率高。

实施例六：

图9为本申请实施例提供的一种小程序内容展示装置结构框图，包括：

策略确定单元100，主要用于当检测到运营内容编辑指令触发时，确定展示文档获取策略；

展示文档获取单元200，主要用于调用展示文档获取策略获取用于控制内容展示样式的展示文档；展示文档为调用模板标签对待编辑内容进行展示样式编写生成的文档，模板标签为展示模板的展示类型标签，展示模板调用小程序组件实现渲染设置；

展示文档生效单元300，主要用于将展示文档存储至小程序后台数据库，以使待编辑内容生效。

在一种可能实现方式中，展示文档获取单元200具体可以为第一获取单元210；第一获取单元210具体可以包括：

第一页面显示子单元211，用于显示小程序内容自动编辑页面；

信息确定子单元212，主要用于确定用户在小程序内容自动编辑页面中指定的模板标签以及待编辑内容；

编写子单元213，主要用于调用模板标签对待编辑内容进行展示样式编写，生成后台可识别的展示文档。

在一种可能实现方式中，展示文档获取单元200具体可以为第二获取单元220；第二获取单元220具体可以包括：

第二页面显示子单元221，用于显示标签文档添加页面；

标签文档获取子单元222，主要用于提取用户在标签文档添加页面添加的标签文档；标签文档为调用模板标签对待编辑内容进行xml编写生成的文档；

文档格式转换子单元223，主要用于利用后台文件转换规则，将标签文档转换为后台可识别的展示文档。

在一种可能实现方式中，展示模板具体可以包括：一级标题模板、二级标题模板、三级标题模板、文本展示模板、图片展示模板、视频展示模板、跳转链接展示模板、对比视图模板以及标签展示模板。相应地，展示文档获取单元200中调用的模板标签具体可以包括：一级标题标签、二级标题标签、三级标题标签、文本展示标签、图片展示标签、视频展示标签、跳转链接展示标签、对比视图标签以及标签展示标签。

在一种可能实现方式中，小程序内容展示装置中可以进一步包括：模板添加单元400；该模板添加单元400可以与展示文档获取单元200连接，具体可以包括：

添加请求接收子单元410，用于接收模板添加请求；

模板获取子单元420，用于获取新增的展示模板；

模板添加子单元430，用于将新增的展示模板添加至模板库中；其中，模板库用于存储展示模板。

在一种可能实现方式中，小程序内容展示装置中可以进一步包括：展示渲染单元500；展示渲染单元500的输入端连接于展示文档获取单元200或展示文档生效单元300的输出端，展示渲染单元500具体可以包括：

展示指令接收子单元510，主要用于接收编辑内容展示指令；

文档提取子单元520，主要用于提取展示文档；

标签解析子单元530，主要用于解析展示文档中包含的模板标签；

字段解析子单元540，主要用于按照模板标签对应的解析协议规则确定协议字段；

运营渲染子单元550，主要用于调用模板标签对应的展示模板对协议字段进行运营渲染。

图10所示为另一种小程序内容展示装置结构示意图，该装置中展示文档获取单元200具体为第一获取单元210，还包括与展示文档生效单元300连接的展示渲染单元500，另外还包括与第一获取单元210连接的模板添加单元400，该种子单元设置下整体装置对于用户侧的展示需求响应效率高，且对于用户侧操作简单。本实施例中仅以该种子单元设置下的整体管理装置的结构为例进行介绍，其它子单元设置下的整体管理装置的连接方式均可参照图9，在此不再赘述。

本申请实施例提供的装置中预先配置了各运营展示样式下的展示模板以及对应的模板标签，每个模板标签都有对应的展示模板，每个展示模板有对应的内容展示方式，对于用户侧在进行运营内容编辑时只需直接调用模板标签确定展示文档，无需后端代码的编写开发，简化了管理流程，提升了运营内容调整的便捷度，同时模板标签复用性高，对于多次运营管理的管理效率会有显著提升；另外，由于展示模板调用小程序组件实现渲染设置，直接调用小程序编辑组件进行展示设置相对于传统的html展示对于小程序侧的支持性以及兼容性都具有阶梯性的性能提升，内容限制少，可以实现灵活的内容展示。

实施例七：

另一方面，本申请还提供了一种计算机设备，该计算机设备可以包括处理器和存储器。该计算机设备中处理器和存储器之间的关系可以参考图1。

其中，计算机设备的处理器用于执行存储器中存储的程序；

计算机设备的存储器用于存储程序，程序至少用于执行以下步骤：

当检测到运营内容编辑指令触发时，确定展示文档获取策略；

调用展示文档获取策略获取用于控制内容展示样式的展示文档；展示文档为调用模板标签对待编辑内容进行展示样式编写生成的文档，模板标签为展示模板的展示类型标签，展示模板调用小程序组件实现渲染设置；

将展示文档存储至小程序后台数据库。

当然，该计算机设备还可以包含通信接口、显示单元以及输入装置等，具体在此不加以限制。

实施例八：

另一方面，本申请还提供了一种存储介质，该存储介质中存储有计算机程序，计算机程序被处理器加载并执行时，用于实现如上任意一个实施例中所描述的小程序内容展示方法的步骤。

需要说明的是，本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。对于装置类实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、物品或者设备中还存在另外的相同要素。

对所公开的实施例的上述说明，使本领域技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

以上仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (10)

1.一种小程序内容展示方法，其特征在于，包括：

当检测到运营内容编辑指令触发时，确定展示文档获取策略；

调用所述展示文档获取策略获取用于控制内容展示样式的展示文档；所述展示文档为调用模板标签对待编辑内容进行展示样式编写生成的文档，所述模板标签为展示模板的展示类型标签，所述展示模板调用小程序组件实现渲染设置；

将所述展示文档存储至小程序后台数据库。

2.根据权利要求1所述的小程序内容展示方法，其特征在于，当所述展示文档获取策略为第一获取策略时，所述调用所述展示文档获取策略获取用于控制内容展示样式的展示文档，包括：

显示小程序内容自动编辑页面；

确定用户在所述小程序内容自动编辑页面中指定的模板标签以及待编辑内容；

调用所述模板标签对所述待编辑内容进行展示样式编写，生成后台可识别的展示文档。

3.根据权利要求1所述的小程序内容展示方法，其特征在于，当所述展示文档获取策略为第二获取策略时，所述调用所述展示文档获取策略获取用于控制内容展示样式的展示文档，包括：

显示标签文档添加页面；

提取用户在所述标签文档添加页面添加的标签文档；所述标签文档为调用模板标签对待编辑内容进行xml编写生成的文档；

利用后台文件转换规则，将所述标签文档转换为后台可识别的展示文档。

4.根据权利要求1所述的小程序内容展示方法，其特征在于，所述展示模板包括：一级标题模板、二级标题模板、三级标题模板、文本展示模板、图片展示模板、视频展示模板、跳转链接展示模板、对比视图模板以及标签展示模板。

5.根据权利要求1所述的小程序内容展示方法，其特征在于，还包括：

接收模板添加请求；

获取新增的展示模板；

将所述新增的展示模板添加至模板库中；所述模板库用于存储所述展示模板。

6.根据权利要求1至5任一项所述的小程序内容展示方法，其特征在于，在调用所述展示文档获取策略获取用于控制内容展示样式的展示文档之后，还包括：

接收编辑内容展示指令；

提取所述展示文档；

解析所述展示文档中包含的模板标签；

按照所述模板标签对应的解析协议规则确定协议字段；

调用所述模板标签对应的展示模板对所述协议字段进行运营渲染。

7.一种小程序内容展示装置，其特征在于，包括：

策略确定单元，用于当检测到运营内容编辑指令触发时，确定展示文档获取策略；

展示文档获取单元，用于调用所述展示文档获取策略获取用于控制内容展示样式的展示文档；所述展示文档为调用模板标签对待编辑内容进行展示样式编写生成的文档，所述模板标签为展示模板的展示类型标签，所述展示模板调用小程序组件实现渲染设置；

展示文档存储单元，用于将所述展示文档存储至小程序后台数据库。

8.根据权利要求7所述的小程序内容展示装置，其特征在于，还包括：展示渲染单元；所述展示渲染单元的输入端连接于所述展示文档获取单元或所述展示文档存储单元的输出端，所述展示渲染单元包括：

展示指令接收子单元，用于接收编辑内容展示指令；

文档提取子单元，用于提取所述展示文档；

标签解析子单元，用于解析所述展示文档中包含的模板标签；

字段解析子单元，用于按照所述模板标签对应的解析协议规则确定协议字段；

运营渲染子单元，用于调用所述模板标签对应的展示模板对所述协议字段进行运营渲染。

9.一种电子设备，其特征在于，所述电子设备包括处理器和存储器；

其中，所述存储器用于存储计算机程序，所述计算机程序由所述处理器加载并执行以实现如权利要求1至6任一项所述的小程序内容展示方法的步骤。

10.一种存储介质，其特征在于，所述存储介质中存储有计算机可执行指令，所述计算机可执行指令被处理器加载并执行时，实现如权利要求1至6任一项所述的小程序内容展示方法的步骤。