一种定制内容的显示处理方法及装置制造方法及图纸

本发明专利技术实施例公开了一种定制内容的显示处理方法及装置，方法包括：根据目标组件的配置对对应的目标组件内容进行更新，并根据更新的目标组件内容通知外层组件更新渲染页面用配置信息；将所述外层组件中的所述渲染页面用配置信息进行组装，得到供渲染时使用的完整配置信息；根据所述完整配置信息将文章内容渲染至目标元素，得到渲染后的定制内容，并通过预览组件显示所述定制内容。本发明专利技术实施例通过组件的形式存储不同类型的内容，并对各组件进行配置和更新，能够支持特殊信息和个性化内容，无需额外开发；同时通过预览组件显示渲染后的定制内容，方便不同城市、不同内容生产者在前端页面对内容数据的录入和查看。

A display processing method and device for customized content

The embodiment of the invention discloses a display processing method and device for customized content, the method includes: updating the corresponding content of the target component according to the configuration of the target component, informing the outer component to update the configuration information for rendering page according to the updated content of the target component; assembling the configuration information for rendering page in the outer component to get the configuration information for rendering Complete configuration information used; according to the complete configuration information, the article content is rendered to the target element to get the rendered customized content, and the customized content is displayed through the preview component. The embodiment of the invention stores different types of content in the form of components, and configures and updates each component to support special information and personalized content without additional development; meanwhile, it displays the rendered customized content through preview components, so as to facilitate different cities and different content producers to input and view content data on the front page.

【技术实现步骤摘要】
一种定制内容的显示处理方法及装置
本专利技术涉及计算机
，具体涉及一种定制内容的显示处理方法及装置。
技术介绍
随着信息时代的发展，不同城市、不同内容生产者会根据自己的个人经验和知识储备撰写文章，以纯文字形式生成并展示，不便于知识的统一、规整、结构化沉淀。现有技术仅支持通用性结构化内容的录入，对于个别特殊信息和个性化内容支持性较低，需要额外开发和优化。
技术实现思路
由于现有方法存在上述问题，本专利技术实施例提出一种定制内容的显示处理方法及装置。第一方面，本专利技术实施例提出一种定制内容的显示处理方法，包括：根据目标组件的配置对对应的目标组件内容进行更新，并根据更新的目标组件内容通知外层组件更新渲染页面用配置信息；将所述外层组件中的所述渲染页面用配置信息进行组装，得到供渲染时使用的完整配置信息；根据所述完整配置信息将文章内容渲染至目标元素，得到渲染后的定制内容，并通过预览组件显示所述定制内容。可选地，所述根据所述完整配置信息将文章内容渲染至目标元素，得到渲染后的定制内容，并通过预览组件显示所述定制内容，具体包括：根据所述完整配置信息将文章内容渲染至目标元素，得到渲染后的定制内容，若所述定制内容中包含动态数据，则载入数据获取脚本处理所述定制内容，得到动态定制内容，并通过预览组件显示所述动态定制内容。可选地，所述目标组件为根据目标内容的类型进行划分得到的抽象对象；所述目标组件包括文本组件、图像组件或动画组件中的一项或者多项。可选地，所述根据目标组件的配置对对应的目标组件内容进行更新，并根据更新的目标组件内容通知外层组件更新渲染页面用配置信息之前，还包括：显示组件区的所有组件，根据用户选择的目标组件生成对应类型的目标表单；显示所述目标表单，根据用户填写所述目标表单的表单内容生成所述目标组件的配置。第二方面，本专利技术实施例还提出一种定制内容的显示处理装置，包括：组件内容更新模块，用于根据目标组件的配置对对应的目标组件内容进行更新，并根据更新的目标组件内容通知外层组件更新渲染页面用配置信息；配置信息组装模块，用于将所述外层组件中的所述渲染页面用配置信息进行组装，得到供渲染时使用的完整配置信息；定制内容显示模块，用于根据所述完整配置信息将文章内容渲染至目标元素，得到渲染后的定制内容，并通过预览组件显示所述定制内容。可选地，所述定制内容显示模块具体用于根据所述完整配置信息将文章内容渲染至目标元素，得到渲染后的定制内容，若所述定制内容中包含动态数据，则载入数据获取脚本处理所述定制内容，得到动态定制内容，并通过预览组件显示所述动态定制内容。可选地，所述目标组件为根据目标内容的类型进行划分得到的抽象对象；所述目标组件包括文本组件、图像组件或动画组件中的一项或者多项。可选地，所述装置还包括：表单生成模块，用于显示组件区的所有组件，根据用户选择的目标组件生成对应类型的目标表单；表单填写模块，用于显示所述目标表单，根据用户填写所述目标表单的表单内容生成所述目标组件的配置。第三方面，本专利技术实施例还提出一种电子设备，包括：至少一个处理器；以及与所述处理器通信连接的至少一个存储器，其中：所述存储器存储有可被所述处理器执行的程序指令，所述处理器调用所述程序指令能够执行上述方法。第四方面，本专利技术实施例还提出一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机程序，所述计算机程序使所述计算机执行上述方法。由上述技术方案可知，本专利技术实施例通过组件的形式存储不同类型的内容，并对各组件进行配置和更新，能够支持特殊信息和个性化内容，无需额外开发；同时通过预览组件显示渲染后的定制内容，方便不同城市、不同内容生产者在前端页面对内容数据的录入和查看。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些图获得其他的附图。图1为本专利技术一实施例提供的一种定制内容的显示处理方法的流程示意图；图2为本专利技术一实施例提供的一种定制内容显示处理流程的示意图；图3为本专利技术一实施例提供的一种定制内容的显示处理装置的结构示意图；图4为本专利技术一实施例提供的电子设备的逻辑框图。具体实施方式下面结合附图，对本专利技术的具体实施方式作进一步描述。以下实施例仅用于更加清楚地说明本专利技术的技术方案，而不能以此来限制本专利技术的保护范围。图1示出了本实施例提供的一种定制内容的显示处理方法的流程示意图，包括：S101、根据目标组件的配置对对应的目标组件内容进行更新，并根据更新的目标组件内容通知外层组件更新渲染页面用配置信息。其中，本实施例中的组件为根据具体内容的类型进行划分得到的抽象对象，包括文本组件、图像组件或动画组件中的一项或者多项。所述目标组件为根据目标内容的类型进行划分得到的抽象对象。所述目标组件的配置为根据用户填写的具体参数确定的当前组件的配置情况。所述目标组件内容为目标组件的具体展示内容，例如用户填写了“更新现有的设置”的文字内容，则所述目标组件采用文本组件，其组件内容为“更新现有的设置”。所述外层组件为单独进行信息组装的组件。所述渲染页面用配置信息为进行页面渲染时使用的配置信息。S102、将所述外层组件中的所述渲染页面用配置信息进行组装，得到供渲染时使用的完整配置信息。其中，所述完整配置信息为包括了当前所有类型组件的配置信息。具体地，外层组件根据更新的组件内容，更新各个组件的渲染页面用配置信息，并将多个渲染页面用配置信息进行组装，形成一个完整的配置信息，供后续进行页面渲染时使用。S103、根据所述完整配置信息将文章内容渲染至目标元素，得到渲染后的定制内容，并通过预览组件显示所述定制内容。其中，所述文章内容为待定制的素材。所述目标元素为所述文章内容对应的元素，例如当前文章内容所需的css样式。所述预览组件用于将定制内容进行显示。本实施例通过组件的形式存储不同类型的内容，并对各组件进行配置和更新，能够支持特殊信息和个性化内容，无需额外开发；同时通过预览组件显示渲染后的定制内容，方便不同城市、不同内容生产者在前端页面对内容数据的录入和查看。进一步地，在上述方法实施例的基础上，S103具体包括：根据所述完整配置信息将文章内容渲染至目标元素，得到渲染后的定制内容，若所述定制内容中包含动态数据，则载入数据获取脚本处理所述定制内容，得到动态定制内容，并通过预览组件显示所述动态定制内容。举例来说，将目标组件的配置通过props注入组件，组件在内容发生变更时，通过$emit外层组本文档来自技高网...

【技术保护点】
1.一种定制内容的显示处理方法，其特征在于，包括：/n根据目标组件的配置对对应的目标组件内容进行更新，并根据更新的目标组件内容通知外层组件更新渲染页面用配置信息；/n将所述外层组件中的所述渲染页面用配置信息进行组装，得到供渲染时使用的完整配置信息；/n根据所述完整配置信息将文章内容渲染至目标元素，得到渲染后的定制内容，并通过预览组件显示所述定制内容。/n

【技术特征摘要】
1.一种定制内容的显示处理方法，其特征在于，包括：
根据目标组件的配置对对应的目标组件内容进行更新，并根据更新的目标组件内容通知外层组件更新渲染页面用配置信息；
将所述外层组件中的所述渲染页面用配置信息进行组装，得到供渲染时使用的完整配置信息；
根据所述完整配置信息将文章内容渲染至目标元素，得到渲染后的定制内容，并通过预览组件显示所述定制内容。


2.根据权利要求1所述的方法，其特征在于，所述根据所述完整配置信息将文章内容渲染至目标元素，得到渲染后的定制内容，并通过预览组件显示所述定制内容，具体包括：
根据所述完整配置信息将文章内容渲染至目标元素，得到渲染后的定制内容，若所述定制内容中包含动态数据，则载入数据获取脚本处理所述定制内容，得到动态定制内容，并通过预览组件显示所述动态定制内容。


3.根据权利要求1所述的方法，其特征在于，所述目标组件为根据目标内容的类型进行划分得到的抽象对象；
所述目标组件包括文本组件、图像组件或动画组件中的一项或者多项。


4.根据权利要求1所述的方法，其特征在于，所述根据目标组件的配置对对应的目标组件内容进行更新，并根据更新的目标组件内容通知外层组件更新渲染页面用配置信息之前，还包括：
显示组件区的所有组件，根据用户选择的目标组件生成对应类型的目标表单；
显示所述目标表单，根据用户填写所述目标表单的表单内容生成所述目标组件的配置。


5.一种定制内容的显示处理装置，其特征在于，包括：
组件内容更新模块，用于根据目标组件的配置对对应的目标组件内容进行更新，并根据更新的目标组件内容通知...

【专利技术属性】
技术研发人员：宋晓岳，刘勇，
申请(专利权)人：贝壳技术有限公司，
类型：发明
国别省市：天津;12