CN113448543B - 页面处理方法、装置、设备及*** - Google Patents
页面处理方法、装置、设备及*** Download PDFInfo
- Publication number
- CN113448543B CN113448543B CN202110076121.4A CN202110076121A CN113448543B CN 113448543 B CN113448543 B CN 113448543B CN 202110076121 A CN202110076121 A CN 202110076121A CN 113448543 B CN113448543 B CN 113448543B
- Authority
- CN
- China
- Prior art keywords
- activity specific
- specific field
- module
- activity
- configuration data
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000003672 processing method Methods 0.000 title abstract description 15
- 230000000694 effects Effects 0.000 claims abstract description 199
- 238000012545 processing Methods 0.000 claims abstract description 30
- 238000010276 construction Methods 0.000 claims abstract description 20
- 230000000875 corresponding effect Effects 0.000 claims description 38
- 238000000034 method Methods 0.000 claims description 30
- 230000006870 function Effects 0.000 claims description 17
- 238000009877 rendering Methods 0.000 claims description 4
- 238000011161 development Methods 0.000 abstract description 16
- 238000010586 diagram Methods 0.000 description 11
- 230000002085 persistent effect Effects 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 5
- 238000012986 modification Methods 0.000 description 5
- 230000004048 modification Effects 0.000 description 5
- 230000005540 biological transmission Effects 0.000 description 4
- 238000004590 computer program Methods 0.000 description 4
- 238000013507 mapping Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 238000013461 design Methods 0.000 description 2
- 238000012827 research and development Methods 0.000 description 2
- 238000012360 testing method Methods 0.000 description 2
- 238000007792 addition Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000001276 controlling effect Effects 0.000 description 1
- 238000013497 data interchange Methods 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 239000002355 dual-layer Substances 0.000 description 1
- 230000001105 regulatory effect Effects 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/10—Requirements analysis; Specification techniques
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/33—Intelligent editors
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Security & Cryptography (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请是关于一种页面处理方法、装置、设备及***。该页面处理方法，包括：判断当前业务模块是否满足活动专场搭建需求；在判断出当前业务模块未满足活动专场搭建需求时，调用自定义模块；在所述自定义模块中创建内容，获取创建的内容作为活动专场新数据并发送给服务器。本申请方案，能够提高页面处理效率，降低开发成本，及提高处理灵活性。
Description
技术领域
本申请涉及移动互联网技术领域，尤其涉及一种页面处理方法、装置、设备及***。
背景技术
目前为了配合营销活动，一般都会创建对应的H5页面供使用。例如，运营部门开展营销活动时，每次开展活动都需要开发对应的H5页面。一般是运营部门策划好活动后，将需求交付给产品和设计人员制作原型图和设计图，研发人员根据原型图和设计图进行页面代码编写，在页面代码编写完成后再由测试人员进行功能测试，最后通过代码发布***将H5页面部署在服务器上，供用户查看和使用。
相关技术中，营销活动的页面开发流程长，参与人员多，耗时久；很多营销活动的形式都相同或相似，只是内容不同，却需要多次开发和测试页面，浪费时间；在营销活动上线后，如果需要调整内容，还需要研发人员进行代码修改和上线操作，不能满足灵活多变的营销工作要求。
因此，相关技术的页面创建方法，处理效率低，开发成本较高，灵活性差。
发明内容
为克服相关技术中存在的问题，本申请提供一种页面处理方法、装置、设备及***，该页面处理方法、装置、设备及***，能够提高页面处理效率，降低开发成本，及提高处理灵活性。
本申请第一方面提供一种页面处理方法，包括：
判断当前业务模块是否满足活动专场搭建需求；
在判断出所述当前业务模块未满足活动专场搭建需求时，调用自定义模块；
在所述自定义模块中创建内容，获取创建的内容作为活动专场新数据并发送给服务器。
在一种实施方式中，所述获取创建的内容作为活动专场新数据并发送给服务器，包括：
获取所述创建的内容作为活动专场配置的新数据及确定对应的活动专场ID；
将所述活动专场配置的新数据及对应的活动专场ID发送给服务器保存。
在一种实施方式中，所述在所述自定义模块中创建内容，包括：
在所述自定义模块中输入代码、输入外部代码地址或输入文字指令。
在一种实施方式中，所述在所述自定义模块中输入代码、输入外部代码地址或输入文字指令，包括：
在所述自定义模块中的代码编辑框中输入代码；或，
在所述自定义模块中的地址编辑框中输入供引用的外部代码地址；或，
在所述自定义模块中的指令编辑框中输入文字指令。
在一种实施方式中，所述在所述自定义模块中的代码编辑框中输入代码，包括：
在所述自定义模块中的第一代码编辑框输入HTML代码；或，
在所述自定义模块中的第二代码编辑框输入JavaScript代码；或，
在所述自定义模块中的第三代码编辑框输入非HTML或JavaScript类型的代码，其中所述非HTML或JavaScript类型的代码输入后被转换为HTML代码或JavaScript代码。
在一种实施方式中，所述方法还包括：
在页面加载所述自定义模块时，从所述自定义模块中获取所述活动专场新数据；
创建第一标签，将所述活动专场新数据中的HTML代码***所述第一标签使其渲染和展示；
创建第二标签，将所述活动专场新数据中的JavaScript代码注入所述第二标签使其运行。
在一种实施方式中，所述判断当前业务模块是否满足活动专场搭建需求之前，还包括：
获取用户选择的活动专场ID，从所述服务器中获取与所述活动专场ID对应的活动专场配置数据；
根据所述获取的活动专场配置数据，在页面中创建编辑界面；
在所述编辑界面选择业务模块搭建活动专场。
在一种实施方式中，所述活动专场配置数据为JSON配置数据，所述服务器通过数据库存储活动专场的活动专场配置数据及对应映射的活动专场ID。
在一种实施方式中，所述方法还包括：
接收所述服务器根据活动专场访问请求返回的拼接到HTML的活动专场配置数据；
根据所述活动专场配置数据加载组件，渲染出页面的样式和功能。
本申请第二方面提供一种页面处理装置，包括：
判断单元，用于判断当前业务模块是否满足活动专场搭建需求；
调用单元，用于在所述判断单元判断出当前业务模块未满足活动专场搭建需求时，调用自定义模块；
处理单元，用于在所述自定义模块中创建内容，获取创建的内容作为活动专场新数据并发送给服务器。
在一种实施方式中，所述处理单元包括：
内容创建子单元，用于在所述自定义模块中创建内容；
获取及发送子单元，用于获取所述内容创建子单元创建的内容作为活动专场配置的新数据及确定对应的活动专场ID；将所述活动专场配置的新数据及对应的活动专场ID发送给服务器保存。
在一种实施方式中，所述内容创建子单元在所述自定义模块中的代码编辑框中输入代码；或，
在所述自定义模块中的地址编辑框中输入供引用的外部代码地址；或，
在所述自定义模块中的指令编辑框中输入文字指令。
本申请第三方面提供一种页面处理***，包括：
浏览器端，用于判断当前业务模块是否满足活动专场搭建需求；在判断出当前业务模块未满足活动专场搭建需求时，调用自定义模块；在所述自定义模块中创建内容，获取创建的内容作为活动专场新数据并发送给服务器；
服务器，用于接收所述浏览器端发送的活动专场新数据进行保存。
在一种实施方式中，所述服务器通过数据库存储活动专场的活动专场配置数据及对应映射的活动专场ID，所述活动专场配置数据为JSON配置数据。
本申请第四方面提供一种电子设备，包括：
处理器；以及
存储器，其上存储有可执行代码，当所述可执行代码被所述处理器执行时，使所述处理器执行如上所述的方法。
本申请第五方面提供一种非暂时性机器可读存储介质，其上存储有可执行代码，当所述可执行代码被电子设备的处理器执行时，使所述处理器执行如上所述的方法。
本申请提供的技术方案可以包括以下有益效果：
本申请实施例提供的方法，可以在判断出当前业务模块未满足活动专场搭建需求时，调用自定义模块；再在所述自定义模块中创建内容，获取创建的内容作为活动专场新数据并发送给服务器。这样，当现有的业务模块无法满足活动专场的要求时，研发人员就可以通过自定义模块在活动专场内临时创建内容，例如进行临时的代码开发，使得研发人员随时可以在活动专场中开发新功能，解决每次活动所提出的不同需求，也提高了活动专场搭建效率，降低了开发成本，又使活动专场拥有很强的灵活性和可定制性。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。
附图说明
通过结合附图对本申请示例性实施方式进行更详细的描述，本申请的上述以及其它目的、特征和优势将变得更加明显，其中，在本申请示例性实施方式中，相同的参考标号通常代表相同部件。
图1是本申请实施例示出的一种页面处理方法的流程示意图；
图2是本申请实施例示出的另一种页面处理方法的流程示意图；
图3是本申请实施例示出的另一种页面处理方法的流程示意图；
图4是本申请实施例示出的页面处理方法中浏览器的编辑界面示意图；
图5是本申请实施例示出的页面处理方法中通过自定义HTML模块编写代码的示意图；
图6是本申请实施例示出的一种页面处理装置的结构示意图；
图7是本申请实施例示出的另一种页面处理***的结构示意图；
图8是本申请实施例示出的电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本申请的优选实施方式。虽然附图中显示了本申请的优选实施方式，然而应该理解，可以以各种形式实现本申请而不应被这里阐述的实施方式所限制。相反，提供这些实施方式是为了使本申请更加透彻和完整，并且能够将本申请的范围完整地传达给本领域的技术人员。
在本申请使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请。在本申请和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解，尽管在本申请可能采用术语“第一”、“第二”、“第三”等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本申请范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本申请的描述中，“多个”的含义是两个或两个以上，除非另有明确具体的限定。
目前相关技术的营销活动的页面开发流程长，参与人员多，耗时久，修改不灵活，因此处理效率低，开发成本较高。针对上述问题，本申请实施例提供一种页面处理方法，该方法能够提高处理效率，降低开发成本及提高处理灵活性。以下结合附图详细描述本申请实施例的技术方案。
图1是本申请实施例示出的一种页面处理方法的流程示意图。
参见图1，该方法包括：
在步骤S101中，判断当前业务模块是否满足活动专场搭建需求。
在步骤S102中，在判断出当前业务模块未满足活动专场搭建需求时，调用自定义模块。
该自定义模块可以为自定义HTML(Hyper Text Markup Language，超文本标记语言)模块。
在步骤S103中，在自定义模块中创建内容，获取创建的内容作为活动专场新数据并发送给服务器。
该实施例中，可以在自定义模块中创建内容，获取创建的内容作为活动专场配置的新数据及确定对应的活动专场ID；将活动专场配置的新数据及对应的活动专场ID发送给服务器保存。其中在自定义模块中创建内容，可以包括：在自定义模块中输入代码、输入外部代码地址或输入文字指令。例如，在自定义模块中的代码编辑框中输入代码；或，在自定义模块中的地址编辑框中输入供引用的外部代码地址；或，在自定义模块中的指令编辑框中输入文字指令。其中，可以在自定义模块中的第一代码编辑框输入HTML代码；或，在自定义模块中的第二代码编辑框输入JavaScript代码；或，在自定义模块中的第三代码编辑框输入非HTML或JavaScript类型的代码，其中所述非HTML或JavaScript类型的代码输入后被转换为HTML代码或JavaScript代码。JavaScript是一种解释型的编程语言，是开发Web页面的主要脚本语言，它可以在网页上实现复杂的功能，如控制图像动画和多媒体。
服务器可以在数据库中创建一个表存储活动专场的数据。例如，存储所有活动专场的活动专场配置数据，并建立活动专场ID和活动专场配置数据之间的映射关系。活动专场配置数据以JSON格式存储，也可以称为JSON配置数据。服务器接收到浏览器端发送的新的活动专场配置数据及对应的活动专场ID后，进行保存。JSON是一种轻量级的数据交换格式，具有简洁和清晰的层次结构，可以用来传输和存储结构化的数据。
从该实施例可以看出，本申请实施例提供的方法，可以在判断出当前业务模块未满足活动专场搭建需求时，调用自定义模块；再在自定义模块中创建内容，获取创建的内容作为活动专场新数据并发送给服务器。这样，当现有的业务模块无法满足活动专场的要求时，研发人员就可以通过自定义模块在活动专场内临时创建内容，例如进行临时的代码开发，使得研发人员随时可以在活动专场中开发新功能，解决每次活动所提出的不同需求，也提高了活动专场搭建效率，降低了开发成本，又使活动专场拥有很强的灵活性和可定制性。
图2是本申请实施例示出的另一种页面处理方法的流程示意图。
参见图2，该方法包括：
在步骤S201中，在浏览器端根据业务模块生成活动专场。
该实施例中，在浏览器端检测到用户创建活动专场，获取用户选择的活动专场ID，根据活动专场ID和活动专场配置数据之间的映射关系，从服务器的数据库中拉取与活动专场ID对应的活动专场配置数据，在浏览器页面例如H5(Hyper Text Markup Language 5，超文本标记语言5.0版)页面中创建编辑界面。编辑界面可以分为左中右三列但不局限于此，左侧展示所有可用的模块列表，包括常用的业务模块，中间是活动专场效果编辑及预览区域，在右侧展示活动专场中现有的模块列表，可参见图4所示。在JSON中创建一个名为componentList(元素列表)的数组，componentList数组中的每一个元素都对应一个业务模块的配置数据。
其中，H5是HTML5的简称，是HTML(Hyper Text Markup Language，超文本标记语言)最新的修订版本，其主要用途是通过浏览器向用户提供功能。CSS(Cascading StyleSheets，层叠样式表)，可以用来描述HTML文档的呈现。CSS描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。
在步骤S202中，判断现有的业务模块是否满足活动专场的搭建要求，如果满足，则执行步骤S204；如果无法满足，执行步骤S203。
该实施例中，当前活动与之前活动的形式可能相同或者相似，可以使用之前的活动专场的业务模块搭建当前的活动专场，如果现有的业务模块能满足当前活动专场的搭建，执行步骤S204；但现有的业务模块不一定都满足当前活动专场的所有要求，因此如果现有的业务模块无法满足活动专场的搭建，执行步骤S203。
在步骤S203中，利用自定义模块添加业务模块；执行步骤S204。
该实施例中，可以在浏览器中自定义一种模块例如自定义HTML模块作为新的业务模块类型。其中，可以在自定义模块例如HTML模块中创建内容，获取创建的内容作为活动专场新数据。以HTML模块为例，可以在HTML模块的配置数据中创建HTML属性和JS属性两个属性，分别用于存储HTML代码和JavaScript代码。本申请实施例可以在自定义模块中输入代码、输入外部代码地址或输入文字指令。例如，在自定义模块中的代码编辑框中输入代码；或，在自定义模块中的地址编辑框中输入供引用的外部代码地址；或，在自定义模块中的指令编辑框中输入文字指令。其中，可以在自定义模块中的第一代码编辑框输入HTML代码；或，在自定义模块中的第二代码编辑框输入JavaScript代码；或，在自定义模块中的第三代码编辑框输入非HTML或JavaScript类型的代码，其中所述非HTML或JavaScript类型的代码输入后被转换为HTML代码或JavaScript代码。可以发现，本申请实施例除了提供可输入HTML或JavaScript类型的代码的编辑框，还可以提供输入其他类型代码的代码编辑框，即提供输入非HTML或JavaScript类型的代码的代码编辑框。在保存到数据库之前，可以将输入的其他类型的代码编译成HTML或者JavaScript类型的代码。而且，本申请实施例自定义的地址编辑框，还能够引用外部代码，即不需要程序员手动编写；例如在自定义编辑弹框中设置一个外部代码地址的地址编辑框，在地址编辑框输入外部代码地址，即可通过外部代码地址获取外部外码。
本申请实施例通过在自定义模块中设置不同的编辑框可以输入各种不同内容。在代码编辑框中编写代码时，会将代码存储在当前模块的JSON配置数据也即活动专场配置数据中。
其中，在浏览器的web页面打开并加载到添加的业务模块即HTML模块时，添加的HTML模块从活动专场配置数据读取出存储的代码，创建第一标签例如创建<div>标签，将HTML代码***使其渲染和展示，创建第二标签例如创建<script>标签，将JavaScript代码注入使其运行。
在步骤S204中，通过服务器保存并发布活动专场供用户访问；执行步骤S205。
该实施例中，浏览器将活动专场ID和用户编辑的JSON配置数据发送到服务器，服务器根据收到的活动专场ID查找到对应专场的数据库记录的JSON配置数据，使用收到的新的JSON配置数据将其覆盖，即完成了活动专场的保存。
服务器可以基于HTTP协议为用户提供专场访问功能。服务器根据专场链接中包含的活动专场ID读取数据库中对应活动专场ID的JSON配置数据，拼接到HTML中，返回给浏览器。浏览器遍历专场配置数据中的componentList数组，根据其中的每个元素按顺序加载组件，渲染出整个页面例如H5页面的样式和功能。
运营人员可以点击复制链接按钮，复制活动专场的***，将链接通过短信、APP资源位等方式将活动专场投放给用户。用户可以通过上述渠道打开***访问活动专场。
在步骤S205中，继续使用活动专场至活动结束。
从该实施例可以看出，利用本申请实施例的方案，当现有的业务模块无法满足活动专场的要求时，研发人员就可以通过自定义模块在活动专场内进行临时的代码开发，使得研发人员随时可以在活动专场中开发新功能，解决每次活动所提出的不同需求，也提高了活动专场搭建效率，降低了开发成本，又使活动专场拥有很强的灵活性和可定制性。
图3是本申请实施例示出的另一种页面处理方法的流程示意图。图3相对图1、图2更详细描述了本申请实施例方案。
参见图3，该方法包括：
在步骤S301中，在服务器中预先创建活动专场的数据库。
该实施例中，在服务器中预先创建活动专场的数据库，可以在数据库中创建一个表存储活动专场的数据。例如，存储所有活动专场的活动专场配置数据，并建立活动专场ID和活动专场配置数据之间的映射关系。活动专场配置数据以JSON格式存储，也可以称为JSON配置数据。
每次检测到用户在浏览器端操作进行创建活动专场时，服务器都在数据库中新建一条记录，记录中包含活动专场ID和活动专场配置数据，每个活动专场对应一条JSON格式的记录，用于存储该活动专场的所有配置项目。
在步骤S302中，在浏览器端根据业务模块生成活动专场。
该实施例中，在浏览器端检测到用户创建活动专场，获取用户选择的活动专场ID，根据活动专场ID和活动专场配置数据之间的映射关系，从服务器的数据库中拉取与活动专场ID对应的活动专场配置数据，在浏览器页面例如H5页面中创建编辑界面。编辑界面可以分为左中右三列但不局限于此，左侧展示所有可用的模块列表，包括常用的业务模块，中间是活动专场效果编辑及预览区域，在右侧展示活动专场中现有的模块列表，可参见图4所示。在JSON中创建一个名为componentList的数组，componentList数组中的每一个元素都对应一个业务模块的配置数据。
在编辑界面生成活动专场时，根据检测到的用户操作，将编辑界面左侧模块列表中的现有模块拖拽到中间区域，即可在componentList中添加一个模块配置；检测到用户点击右侧模块列表中任意模块的编辑按钮，打开该模块的配置菜单，可以对模块的配置进行修改；检测到修改完毕后并点击配置菜单的提交按钮，会将编辑后的配置写入到当前模块的componentList数组中；检测到点击任意模块的删除按钮，***会将当前模块的数据从componentList数组中删除。
在步骤S303中，判断现有的业务模块是否满足活动专场的搭建要求，如果满足则执行步骤S305；如果无法满足，执行步骤S304。
该实施例中，通过在步骤S302中对现有的业务模块进行拖拽、修改、删除，完成活动专场的搭建。如果使用现有业务模块搭建的活动专场可以满足活动专场的要求，执行步骤S305，如果使用现有业务模块搭建的活动专场无法满足活动专场的要求，执行步骤S304。
在步骤S304中，利用自定义模块添加业务模块；执行步骤S305。
该实施例中，可以在浏览器中自定义一种模块例如自定义HTML模块作为新的业务模块类型。其中，可以在自定义模块例如HTML模块中创建内容，获取创建的内容作为活动专场新数据。以HTML模块为例，可以在HTML模块的配置数据中创建HTML属性和JS属性两个属性，分别用于存储HTML代码和JavaScript代码。本申请实施例可以在自定义模块中输入代码、输入外部代码地址或输入文字指令。例如，在自定义模块中的代码编辑框中输入代码；或，在自定义模块中的地址编辑框中输入供引用的外部代码地址；或，在自定义模块中的指令编辑框中输入文字指令。其中，可以在自定义模块中的第一代码编辑框输入HTML代码；或，在自定义模块中的第二代码编辑框输入JavaScript代码；或，在自定义模块中的第三代码编辑框输入非HTML或JavaScript类型的代码，其中所述非HTML或JavaScript类型的代码输入后被转换为HTML代码或JavaScript代码。
本申请实施例通过在自定义模块中设置不同的编辑框可以输入各种不同内容。在代码编辑框中编写代码时，会将代码存储在当前模块的JSON配置数据也即活动专场配置数据中。
该实施例中，当现有的业务模块无法满足活动专场的要求时，研发人员就可以通过自定义的HTML模块在活动专场内进行临时的代码开发。在编辑界面添加一个模块添加按钮，研发人员可以点击模块添加按钮，从而添加一个自定义的HTML模块，在模块配置菜单的编辑器中编写代码，点击提交按钮即可添加新的业务模块，可参见图5所示。
其中，在浏览器的web页面打开并加载到添加的业务模块即HTML模块时，添加的业务模块从活动专场配置数据读取出存储的代码，创建第一标签例如创建<div>标签，将HTML代码***使其渲染和展示，创建第二标签例如<script>标签，将JavaScript代码注入使其运行。
在步骤S305中，通过服务器保存并发布活动专场供用户访问；执行步骤S306。
该实施例中，浏览器将活动专场ID和用户编辑的活动专场配置数据(JSON配置数据)发送到服务器，服务器根据收到的活动专场ID查找到对应该活动专场的数据库记录，使用收到的新的活动专场配置数据将原来的活动专场配置数据覆盖，即完成了活动专场的保存。
服务器可以基于HTTP协议为用户提供活动专场访问功能。服务器根据专场链接中包含的活动专场ID读取数据库中对应活动专场ID的活动专场配置数据，将活动专场配置数据拼接到HTML中，返回给浏览器。浏览器遍历活动专场配置数据中的componentList数组，根据其中的每个元素按顺序加载组件，渲染出整个页面例如H5页面的样式和功能。
运营人员可以点击复制链接按钮，复制活动专场的***，将链接通过短信、APP资源位等方式将活动专场投放给用户。用户可以通过上述渠道打开***访问活动专场。
在步骤S306中，判断是否需要对活动专场进行调整，如果需要，返回步骤S302；如果不需要，执行步骤S307。
活动专场搭建完成后，运营人员可以根据活动情况，随时对活动专场的配置进行调整，包括业务模块的增加、删除和修改。
需要对活动专场进行调整时，浏览器通过URL参数将要修改的活动专场ID传递给服务器，服务器接收到要修改的活动专场ID，从数据库中读取与活动专场ID对应的活动专场配置数据(JSON配置数据)，返回给浏览器。浏览器收到JSON配置数据后，在编辑界面根据JSON配置数据中的componentList数组，按顺序加载出各个组件，在浏览器的页面例如H5页面中创建编辑界面。其中编辑流程和步骤S302中创建活动专场后的编辑流程相同，通过在编辑界面对活动专场进行调整。
在步骤S307中，继续使用活动专场至活动结束。
综上所描述，本申请实施例提供的方案，基于已经存在的活动专场页面，能够实现在复用现有页面业务模块的基础上，利用自定义的模块例如HTML模块，让研发人员随时在活动专场中开发新功能，解决每次活动所提出的不同需求，也保证了活动专场搭建效率，又使活动专场拥有很强的灵活性和可定制性。
上述详细描述了本申请提供的方法，相应的，本申请实施例提供页面处理装置、设备及***。
图6是本申请实施例示出的一种页面处理装置的结构示意图。
参见图6，本申请实施例示出的页面处理装置60包括：判断单元61、调用单元62、处理单元63。
判断单元61，用于判断当前业务模块是否满足活动专场搭建需求；
调用单元62，用于在判断单元61判断出当前业务模块未满足活动专场搭建需求时，调用自定义模块；
处理单元63，用于在自定义模块中创建内容，获取创建的内容作为活动专场新数据并发送给服务器。
在一种实施方式中，处理单元63包括：内容创建子单元631、获取及发送子单元632。
内容创建子单元631，用于在自定义模块中创建内容；
获取及发送子单元632，用于获取内容创建子单元631创建的内容作为活动专场配置的新数据及确定对应的活动专场ID；将活动专场配置的新数据及对应的活动专场ID发送给服务器保存。
其中，内容创建子单元631在自定义模块中的代码编辑框中输入代码；或，在自定义模块中的地址编辑框中输入供引用的外部代码地址；或，在自定义模块中的指令编辑框中输入文字指令。例如，内容创建子单元631在自定义模块中的代码编辑框中输入代码；或，在自定义模块中的地址编辑框中输入供引用的外部代码地址；或，在自定义模块中的指令编辑框中输入文字指令。其中，可以在自定义模块中的第一代码编辑框输入HTML代码；或，在自定义模块中的第二代码编辑框输入JavaScript代码；或，在自定义模块中的第三代码编辑框输入非HTML或JavaScript类型的代码，其中所述非HTML或JavaScript类型的代码输入后被转换为HTML代码或JavaScript代码。
在一种实施方式中，装置还包括加载单元64。
加载单元64，用于在页面加载自定义模块时，从自定义模块中获取新的活动专场配置数据；
创建第一标签例如<div>标签，将新的活动专场配置数据中的HTML代码***第一标签例如<div>标签使其渲染和展示；
创建第二标签例如<script>标签，将新的活动专场配置数据中的JavaScript代码注入第二标签例如<script>标签使其运行。
应用本申请实施例提供的页面处理装置，当现有的业务模块无法满足活动专场的要求时，研发人员就可以通过自定义模块在活动专场内进行临时创建内容，例如进行临时的代码开发，使得研发人员随时可以在活动专场中开发新功能，解决每次活动所提出的不同需求，也提高了活动专场搭建效率，降低了开发成本，又使活动专场拥有很强的灵活性和可定制性。
图7是本申请实施例示出的另一种页面处理***的结构示意图。
参见图7，本申请实施例示出的页面处理***70包括：浏览器端71、服务器72。
浏览器端71，用于判断当前业务模块是否满足活动专场搭建需求；在判断出当前业务模块未满足活动专场搭建需求时，调用自定义模块；在自定义模块中创建内容，获取创建的内容作为活动专场新数据并发送给服务器；
服务器72，用于接收浏览器端71发送的活动专场新数据进行保存。
在一种实施方式中，服务器72通过数据库存储活动专场的活动专场配置数据及对应映射的活动专场ID，活动专场配置数据为JSON配置数据。
关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不再做详细阐述说明。
图8是本申请实施例示出的电子设备的结构示意图。该电子设备例如可以是服务器或移动终端设备等。
参见图8，电子设备800包括存储器810和处理器820。
处理器820可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
存储器810可以包括各种类型的存储单元，例如***内存、只读存储器(ROM)，和永久存储装置。其中，ROM可以存储处理器1020或者计算机的其他模块需要的静态数据或者指令。永久存储装置可以是可读写的存储装置。永久存储装置可以是即使计算机断电后也不会失去存储的指令和数据的非易失性存储设备。在一些实施方式中，永久性存储装置采用大容量存储装置(例如磁或光盘、闪存)作为永久存储装置。另外一些实施方式中，永久性存储装置可以是可移除的存储设备(例如软盘、光驱)。***内存可以是可读写存储设备或者易失性可读写存储设备，例如动态随机访问内存。***内存可以存储一些或者所有处理器在运行时需要的指令和数据。此外，存储器810可以包括任意计算机可读存储媒介的组合，包括各种类型的半导体存储芯片(DRAM，SRAM，SDRAM，闪存，可编程只读存储器)，磁盘和/或光盘也可以采用。在一些实施方式中，存储器810可以包括可读和/或写的可移除的存储设备，例如激光唱片(CD)、只读数字多功能光盘(例如DVD-ROM，双层DVD-ROM)、只读蓝光光盘、超密度光盘、闪存卡(例如SD卡、min SD卡、Micro-SD卡等等)、磁性软盘等等。计算机可读存储媒介不包含载波和通过无线或有线传输的瞬间电子信号。
存储器810上存储有可执行代码，当可执行代码被处理器820处理时，可以使处理器820执行上文述及的方法中的部分或全部。
上文中已经参考附图详细描述了本申请的方案。在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详细描述的部分，可以参见其他实施例的相关描述。本领域技术人员也应该知悉，说明书中所涉及的动作和模块并不一定是本申请所必须的。另外，可以理解，本申请实施例方法中的步骤可以根据实际需要进行顺序调整、合并和删减，本申请实施例装置中的模块可以根据实际需要进行合并、划分和删减。
此外，根据本申请的方法还可以实现为一种计算机程序或计算机程序产品，该计算机程序或计算机程序产品包括用于执行本申请的上述方法中部分或全部步骤的计算机程序代码指令。
或者，本申请还可以实施为一种非暂时性机器可读存储介质(或计算机可读存储介质、或机器可读存储介质)，其上存储有可执行代码(或计算机程序、或计算机指令代码)，当所述可执行代码(或计算机程序、或计算机指令代码)被电子设备(或电子设备、服务器等)的处理器执行时，使所述处理器执行根据本申请的上述方法的各个步骤的部分或全部。
本领域技术人员还将明白的是，结合这里的申请所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。
附图中的流程图和框图显示了根据本申请的多个实施例的***和方法的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标记的功能也可以以不同于附图中所标记的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的***来实现，或者可以用专用硬件与计算机指令的组合来实现。
以上已经描述了本申请的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。
Claims (12)
1.一种页面处理方法，其特征在于，包括：
判断当前业务模块是否满足活动专场搭建需求；
在判断出所述当前业务模块未满足活动专场搭建需求时，调用自定义模块；
在所述自定义模块中创建内容，获取所述创建的内容作为活动专场配置的新数据及确定对应的活动专场ID，并为所述活动专场配置的新数据创建元素列表数组，其中，所述元素列表数组中的每一个元素都对应一个业务模块的配置数据；
将所述活动专场配置的新数据及对应的活动专场ID发送给服务器保存；
所述方法还包括：
接收所述服务器根据收到的活动专场ID查找到对应的活动专场配置数据；
遍历所述活动专场配置数据中的元素列表数组，根据所述元素列表数组中的每个元素按顺序加载组件，渲染出页面的样式和功能。
2.根据权利要求1所述的方法，其特征在于，所述在所述自定义模块中创建内容，包括：
在所述自定义模块中输入代码、输入外部代码地址或输入文字指令。
3.根据权利要求2所述的方法，其特征在于，所述在所述自定义模块中输入代码、输入外部代码地址或输入文字指令，包括：
在所述自定义模块中的代码编辑框中输入代码；或，
在所述自定义模块中的地址编辑框中输入供引用的外部代码地址；或，
在所述自定义模块中的指令编辑框中输入文字指令。
4.根据权利要求3所述的方法，其特征在于，所述在所述自定义模块中的代码编辑框中输入代码，包括：
在所述自定义模块中的第一代码编辑框输入HTML代码；或，
在所述自定义模块中的第二代码编辑框输入JavaScript代码；或，
在所述自定义模块中的第三代码编辑框输入非HTML或JavaScript类型的代码，其中所述非HTML或JavaScript类型的代码输入后被转换为HTML代码或JavaScript代码。
5.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在页面加载所述自定义模块时，从所述自定义模块中获取所述活动专场新数据；
创建第一标签，将所述活动专场新数据中的HTML代码***所述第一标签使其渲染和展示；
创建第二标签，将所述活动专场新数据中的JavaScript代码注入所述第二标签使其运行。
6.根据权利要求1至5任一项所述的方法，其特征在于，所述判断当前业务模块是否满足活动专场搭建需求之前，还包括：
获取用户选择的活动专场ID，从所述服务器中获取与所述活动专场ID对应的活动专场配置数据；
根据所述获取的活动专场配置数据，在页面中创建编辑界面；
在所述编辑界面选择业务模块搭建活动专场。
7.根据权利要求6所述的方法，其特征在于：
所述活动专场配置数据为JSON配置数据，所述服务器通过数据库存储活动专场的活动专场配置数据及对应映射的活动专场ID。
8.一种页面处理装置，其特征在于，包括：
判断单元，用于判断当前业务模块是否满足活动专场搭建需求；
调用单元，用于在所述判断单元判断出当前业务模块未满足活动专场搭建需求时，调用自定义模块；
处理单元，用于在所述自定义模块中创建内容，获取所述创建的内容作为活动专场配置的新数据及确定对应的活动专场ID，并为所述活动专场配置的新数据创建元素列表数组，其中，所述元素列表数组中的每一个元素都对应一个业务模块的配置数据；将所述活动专场配置的新数据及对应的活动专场ID发送给服务器保存；
所述装置还包括：加载单元；
所述加载单元，用于接收所述服务器根据收到的活动专场ID查找到对应的活动专场配置数据；遍历所述活动专场配置数据中的元素列表数组，根据所述元素列表数组中的每个元素按顺序加载组件，渲染出页面的样式和功能。
9.根据权利要求8所述的装置，其特征在于：
所述内容创建子单元在所述自定义模块中的代码编辑框中输入代码；或，
在所述自定义模块中的地址编辑框中输入供引用的外部代码地址；或，
在所述自定义模块中的指令编辑框中输入文字指令。
10.一种页面处理***，其特征在于，包括：
浏览器端，用于判断当前业务模块是否满足活动专场搭建需求；在判断出当前业务模块未满足活动专场搭建需求时，调用自定义模块；在所述自定义模块中创建内容，获取所述创建的内容作为活动专场配置的新数据及确定对应的活动专场ID，并为所述活动专场配置的新数据创建元素列表数组，其中，所述元素列表数组中的每一个元素都对应一个业务模块的配置数据；将所述活动专场配置的新数据及对应的活动专场ID发送给服务器保存；
服务器，用于接收所述浏览器端发送的所述活动专场配置的新数据及对应的活动专场ID进行保存；
所述浏览器端，还用于接收所述服务器根据收到的活动专场ID查找到对应的活动专场配置数据；遍历所述活动专场配置数据中的元素列表数组，根据所述元素列表数组中的每个元素按顺序加载组件，渲染出页面的样式和功能。
11.根据权利要求10所述的***，其特征在于：
所述服务器通过数据库存储活动专场的活动专场配置数据及对应映射的活动专场ID，所述活动专场配置数据为JSON配置数据。
12.一种电子设备，其特征在于，包括：
处理器；以及
存储器，其上存储有可执行代码，当所述可执行代码被所述处理器执行时，使所述处理器执行如权利要求1至7中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110076121.4A CN113448543B (zh) | 2021-01-20 | 2021-01-20 | 页面处理方法、装置、设备及*** |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110076121.4A CN113448543B (zh) | 2021-01-20 | 2021-01-20 | 页面处理方法、装置、设备及*** |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113448543A CN113448543A (zh) | 2021-09-28 |
| CN113448543B true CN113448543B (zh) | 2024-02-02 |
Family
ID=77808856
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110076121.4A Active CN113448543B (zh) | 2021-01-20 | 2021-01-20 | 页面处理方法、装置、设备及*** |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113448543B (zh) |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104636139A (zh) * | 2015-01-26 | 2015-05-20 | 北京邮电大学 | 一种可视化跨平台移动应用开发与生成*** |
| WO2015176435A1 (zh) * | 2014-05-21 | 2015-11-26 | 广州市动景计算机科技有限公司 | 基于JavaScript定制页面的方法及终端 |
| CN105468766A (zh) * | 2015-12-04 | 2016-04-06 | 上海斐讯数据通信技术有限公司 | 网页制作方法及其*** |
| CN106910107A (zh) * | 2017-01-23 | 2017-06-30 | 武汉奇米网络科技有限公司 | 一种促销页面配置方法及*** |
| CN107479861A (zh) * | 2016-06-07 | 2017-12-15 | 阿里巴巴集团控股有限公司 | 页面处理方法及其*** |
| CN109725902A (zh) * | 2018-12-24 | 2019-05-07 | 广东智合创享营销策划有限公司 | 一种复杂交互逻辑的h5页面制作方法和*** |
| CN110865807A (zh) * | 2018-08-27 | 2020-03-06 | 北京京东金融科技控股有限公司 | 活动页面创建***、方法、设备及存储介质 |
| CN111580808A (zh) * | 2020-04-27 | 2020-08-25 | 平安医疗健康管理股份有限公司 | 页面生成方法、装置、计算机设备及存储介质 |
| CN111857700A (zh) * | 2020-07-22 | 2020-10-30 | 南京欣网互联网络科技有限公司 | 一种模板化营销活动发布方法及其*** |
| CN111949256A (zh) * | 2020-08-12 | 2020-11-17 | 广州华多网络科技有限公司 | 网页实时预览编辑方法、装置、设备及存储介质 |
-
2021
- 2021-01-20 CN CN202110076121.4A patent/CN113448543B/zh active Active
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2015176435A1 (zh) * | 2014-05-21 | 2015-11-26 | 广州市动景计算机科技有限公司 | 基于JavaScript定制页面的方法及终端 |
| CN104636139A (zh) * | 2015-01-26 | 2015-05-20 | 北京邮电大学 | 一种可视化跨平台移动应用开发与生成*** |
| CN105468766A (zh) * | 2015-12-04 | 2016-04-06 | 上海斐讯数据通信技术有限公司 | 网页制作方法及其*** |
| CN107479861A (zh) * | 2016-06-07 | 2017-12-15 | 阿里巴巴集团控股有限公司 | 页面处理方法及其*** |
| CN106910107A (zh) * | 2017-01-23 | 2017-06-30 | 武汉奇米网络科技有限公司 | 一种促销页面配置方法及*** |
| CN110865807A (zh) * | 2018-08-27 | 2020-03-06 | 北京京东金融科技控股有限公司 | 活动页面创建***、方法、设备及存储介质 |
| CN109725902A (zh) * | 2018-12-24 | 2019-05-07 | 广东智合创享营销策划有限公司 | 一种复杂交互逻辑的h5页面制作方法和*** |
| CN111580808A (zh) * | 2020-04-27 | 2020-08-25 | 平安医疗健康管理股份有限公司 | 页面生成方法、装置、计算机设备及存储介质 |
| CN111857700A (zh) * | 2020-07-22 | 2020-10-30 | 南京欣网互联网络科技有限公司 | 一种模板化营销活动发布方法及其*** |
| CN111949256A (zh) * | 2020-08-12 | 2020-11-17 | 广州华多网络科技有限公司 | 网页实时预览编辑方法、装置、设备及存储介质 |
Non-Patent Citations (2)
| Title |
|---|
| A Component Architecture for the Internet of Things;Christopher Brooks等;Proceedings of the IEEE;1-16 * |
| 移动端H5页面快速开发***的设计与实现;李鑫;《中国优秀硕士学位论文全文数据库 信息科技辑》;I139-164 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113448543A (zh) | 2021-09-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20180024977A1 (en) | Simultaneous collaborative review of a document | |
| US9619441B2 (en) | Editing a fragmented document | |
| US20160350435A1 (en) | System and method for data-driven web page navigation control | |
| CN102567516B (zh) | 脚本加载方法及装置 | |
| US8074167B2 (en) | Cross domain presence of web user interface and logic | |
| US20100131869A1 (en) | Technology for generating service program | |
| CN102016833A (zh) | 使用潜在传送表面来修改文档的技术 | |
| JP2015534145A (ja) | 宣言テンプレートを使用してコントロールをスタンプアウトするためのユーザインターフェイスコントロールフレームワーク | |
| CN106933887B (zh) | 一种数据可视化方法及装置 | |
| CN105160018A (zh) | 一种复制/粘贴图片的方法、装置和*** | |
| CN113448543B (zh) | 页面处理方法、装置、设备及*** | |
| KR20150099318A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 컴퓨터로 판독 가능한 기록매체 | |
| CN116301788A (zh) | 一种网页配置方法、网页配置装置和可读存储介质 | |
| CN114911460A (zh) | 一种在移动终端中渲染Web表单的方法和*** | |
| Khosravi | Professional IIS 7 and Asp. net integrated programming | |
| KR20150099319A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 것을 특징으로 하는 컴퓨터로 판독 가능한 기록매체 | |
| KR20150099279A (ko) | 애플리케이션 개발 환경 제공 시스템 | |
| JP2005215939A (ja) | コンテンツ作成システム及びプログラム並びに方法 | |
| KR20150099265A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 것을 특징으로 하는 컴퓨터로 판독 가능한 기록매체 | |
| KR20150099347A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 컴퓨터로 판독 가능한 기록매체 | |
| KR20150099344A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 컴퓨터로 판독 가능한 기록매체 | |
| KR20150099264A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 컴퓨터로 판독 가능한 기록매체 | |
| KR20150099315A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 컴퓨터로 판독 가능한 기록매체 | |
| KR20150097223A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 컴퓨터로 판독 가능한 기록매체 | |
| KR20150099350A (ko) | 애플리케이션 개발 환경 제공 프로그램을 기록한 것을 특징으로 하는 컴퓨터로 판독 가능한 기록매체 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20240429 Address after: 100102 room 1201, 12 / F, building 8, yard 34, Chuangyuan Road, Chaoyang District, Beijing Patentee after: Beijing new oxygen world wide Technology Consulting Co.,Ltd. Country or region after: China Address before: 100102 room 901, 9 / F, room 1001, 10 / F, building 8, yard 34, Chuangyuan Road, Chaoyang District, Beijing Patentee before: Beijing New Oxygen Technology Co.,Ltd. Country or region before: China |