页面形成方法和装置、内容管理系统和插件制造方法及图纸

本公开提出一种页面形成方法和装置、内容管理系统和插件，涉及计算机领域。该方法包括：定义可定制的至少一个配置项；创建模板，并将模板与至少一个配置项关联；基于模板创建活动页面；通过配置与模板关联的每个配置项的配置内容，配置活动页面；将配置信息的占位符与活动页面的预设变量绑定，配置信息包括与模板关联的每个配置项的配置内容；发布活动页面，在发布时，查找活动页面中的占位符，并将占位符替换为配置信息，以便将配置信息注入活动页面。从而，在活动页面发布时将配置信息注入活动页面，既提高了模板代码的复用性和页面开发效率，也无需修改服务架构，且减少页面白屏时间。间。间。

【技术实现步骤摘要】
页面形成方法和装置、内容管理系统和插件


[0001]本公开涉及计算机领域，特别涉及一种页面形成方法和装置、内容管理系统和插件。

技术介绍

[0002]一些超文本标记语言(HTML，Hyper Text Markup Language)页面虽然在呈现上(如背景图、文案、颜色)有不同，但在业务逻辑上存在很大的一致性。开发人员将一些业务逻辑类似的页面抽象成模版，将呈现上的不一致变成配置信息，不同页面通过获取不同配置信息来实现呈现上的不同。
[0003]一些相关技术，在服务器与客户端之间增加中间层，中间层接收到服务器返回的页面时，将相应的配置信息与页面进行绑定，然后再返回给客户端。但是，该技术需要修改服务架构，增加中间层，并且，客户端页面采用的技术栈会不同，中间层需要不同的适配逻辑。
[0004]另一些相关技术，为页面增加配置信息获取接口，当页面初始化时，通过该接口向服务器请求配置信息。但是，该技术当多用户同时访问时对服务器资源消耗极大，会导致请求阻塞，导致用户看到白屏页面。

技术实现思路

[0005]本公开实施例基于模板创建活动页面，将配置信息的占位符与活动页面的预设变量绑定，在发布活动页面时，查找活动页面中的占位符，并将占位符替换为静态的配置信息，从而在活动页面发布时将配置信息注入活动页面，既提高了模板代码的复用性和页面开发效率，也无需修改服务架构，且减少页面白屏时间。
[0006]本公开一些实施例提出一种页面形成方法，包括：
[0007]定义可定制的至少一个配置项；/>[0008]创建模板，并将所述模板与所述至少一个配置项关联；
[0009]基于所述模板创建活动页面；
[0010]通过配置与所述模板关联的每个配置项的配置内容，配置所述活动页面；
[0011]将配置信息的占位符与所述活动页面的预设变量绑定，所述配置信息包括与所述模板关联的每个配置项的配置内容；
[0012]发布所述活动页面，在发布时，查找所述活动页面中的占位符，并将所述占位符替换为所述配置信息，以便将所述配置信息注入所述活动页面。
[0013]在一些实施例中，定义可定制的至少一个配置项，包括：根据多个活动页面之间的差异信息，定义可定制的至少一个配置项。
[0014]在一些实施例中，基于所述模板创建活动页面，包括：将所述模板作为被创建的活动页面，并生成所述活动页面的线上地址。
[0015]在一些实施例中，配置所述活动页面，包括：根据所述活动页面的活动内容，配置
与所述模板关联的每个配置项的配置内容，以便配置所述活动页面。
[0016]在一些实施例中，还包括：
[0017]在开发环境中，注册一个插件；
[0018]利用所述插件监听编译事件；
[0019]当监听到编译事件时，执行所述插件的回调函数，所述回调函数包括获取配置信息，查找活动页面中的占位符，并将所述占位符替换为所述配置信息，以便将所述配置信息注入所述活动页面。
[0020]在一些实施例中，所述插件是webpack插件，所述webpack插件中包括apply方法，所述apply方法中包括编译事件的监听函数，所述监听函数中包括所述回调函数。
[0021]本公开一些实施例提出一种页面形成装置，包括：存储器；以及耦接至所述存储器的处理器，所述处理器被配置为基于存储在所述存储器中的指令，执行页面形成方法。
[0022]本公开一些实施例提出一种内容管理系统，包括：
[0023]定义接口，被配置为提供定义可定制的至少一个配置项的接口；
[0024]模板创建接口，被配置为提供创建模板并将所述模板与所述至少一个配置项关联的接口；
[0025]页面创建接口，被配置为提供基于所述模板创建活动页面的接口；
[0026]页面配置接口，被配置为提供通过配置与所述模板关联的每个配置项的配置内容，配置所述活动页面的接口；
[0027]绑定接口，被配置为提供将配置信息的占位符与所述活动页面的预设变量绑定，所述配置信息包括与所述模板关联的每个配置项的配置内容的接口；
[0028]发布接口，被配置为提供发布所述活动页面的接口，在发布时，查找所述活动页面中的占位符，并将所述占位符替换为所述配置信息，以便将所述配置信息注入所述活动页面。
[0029]本公开一些实施例提出一种用于内容管理系统的插件，包括：
[0030]注册模块，被配置为在开发环境中，注册所述插件；
[0031]监听模块，被配置为利用所述插件监听编译事件；
[0032]执行模块，被配置为当监听到编译事件时，执行所述插件的回调函数，所述回调函数包括获取配置信息，查找活动页面中的占位符，并将所述占位符替换为所述配置信息，以便将所述配置信息注入所述活动页面。
[0033]在一些实施例中，所述插件是webpack插件，所述注册模块中包括apply方法，所述apply方法中的所述监听模块包括编译事件的监听函数，所述监听函数中的所述执行模块包括所述回调函数。
[0034]本公开一些实施例提出一种非瞬时性计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现页面形成方法的步骤。
附图说明
[0035]下面将对实施例或相关技术描述中所需要使用的附图作简单地介绍。根据下面参照附图的详细描述，可以更加清楚地理解本公开。
[0036]显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技
术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0037]图1示出本公开一些实施例的页面形成方法的流程示意图。
[0038]图2示出本公开另一些实施例的页面形成方法的流程示意图。
[0039]图3示出本公开一些实施例的内容管理系统的示意图。
[0040]图4示出本公开一些实施例的用于内容管理系统的插件的示意图。
[0041]图5示出本公开一些实施例的页面形成系统的示意图。
[0042]图6示出本公开一些实施例的页面形成装置的示意图。
具体实施方式
[0043]下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述。
[0044]除非特别说明，否则，本公开中的“第一”“第二”等描述用来区分不同的对象，并不用来表示大小或时序等含义。
[0045]图1示出本公开一些实施例的页面形成方法的流程示意图。该页面是HTML页面，例如，HTML5页面。
[0046]如图1所示，该实施例的方法包括：步骤110
‑
160。
[0047]如前所述，一些页面在呈现上(如背景图、文案、颜色)有不同，但在业务逻辑上存在很大的一致性，可将一些业务逻辑类似的页面抽象成模版，将呈现上的不一致变成配置信息。
[0048]在步骤110，定义可定制的至少一个配置项。
[0049]本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面形成方法，其特征在于，包括：定义可定制的至少一个配置项；创建模板，并将所述模板与所述至少一个配置项关联；基于所述模板创建活动页面；通过配置与所述模板关联的每个配置项的配置内容，配置所述活动页面；将配置信息的占位符与所述活动页面的预设变量绑定，所述配置信息包括与所述模板关联的每个配置项的配置内容；发布所述活动页面，在发布时，查找所述活动页面中的占位符，并将所述占位符替换为所述配置信息，以便将所述配置信息注入所述活动页面。2.根据权利要求1所述的方法，其特征在于，定义可定制的至少一个配置项，包括：根据多个活动页面之间的差异信息，定义可定制的至少一个配置项。3.根据权利要求1所述的方法，其特征在于，基于所述模板创建活动页面，包括：将所述模板作为被创建的活动页面，并生成所述活动页面的线上地址。4.根据权利要求1所述的方法，其特征在于，配置所述活动页面，包括：根据所述活动页面的活动内容，配置与所述模板关联的每个配置项的配置内容，以便配置所述活动页面。5.根据权利要求1所述的方法，其特征在于，还包括：在开发环境中，注册一个插件；利用所述插件监听编译事件；当监听到编译事件时，执行所述插件的回调函数，所述回调函数包括获取配置信息，查找活动页面中的占位符，并将所述占位符替换为所述配置信息，以便将所述配置信息注入所述活动页面。6.根据权利要求5所述的方法，其特征在于，所述插件是webpack插件，所述webpack插件中包括apply方法，所述apply方法中包括编译事件的监听函数，所述监听函数中包括所述回调函数。7.一种页面形成装置，包括：存储器；以及耦接至所述存储器的处理器，所述处理器被配置为基于存储在所述存储器中...

【专利技术属性】
技术研发人员：陈浩，赵越，苏昊欣，
申请(专利权)人：北京京东世纪贸易有限公司，
类型：发明
国别省市：