CN113805886A - 页面创建方法、装置和系统、计算机装置和存储介质 - Google Patents

页面创建方法、装置和系统、计算机装置和存储介质 Download PDF

Info

Publication number
CN113805886A
CN113805886A CN202111130523.4A CN202111130523A CN113805886A CN 113805886 A CN113805886 A CN 113805886A CN 202111130523 A CN202111130523 A CN 202111130523A CN 113805886 A CN113805886 A CN 113805886A
Authority
CN
China
Prior art keywords
page
data
template
terminal
page template
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.)
Pending
Application number
CN202111130523.4A
Other languages
English (en)
Inventor
李平
朱佳翔
温秀文
王青杰
方正栋
章钦
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Wodong Tianjun Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN202111130523.4A priority Critical patent/CN113805886A/zh
Publication of CN113805886A publication Critical patent/CN113805886A/zh
Priority to PCT/CN2022/097878 priority patent/WO2023045412A1/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • 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/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G06F40/186—Templates
    • 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/34—Graphical or visual programming
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241—Advertisements
    • G06Q30/0277—Online advertisement
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/06—Buying, selling or leasing transactions
    • G06Q30/0601—Electronic shopping [e-shopping]
    • G06Q30/0641—Shopping interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Finance (AREA)
  • Accounting & Taxation (AREA)
  • Development Economics (AREA)
  • Strategic Management (AREA)
  • General Business, Economics & Management (AREA)
  • Economics (AREA)
  • Marketing (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Artificial Intelligence (AREA)
  • Health & Medical Sciences (AREA)
  • Human Computer Interaction (AREA)
  • General Health & Medical Sciences (AREA)
  • Computational Linguistics (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Game Theory and Decision Science (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开涉及一种页面创建方法、装置和系统、计算机装置和存储介质。该页面创建方法包括：业务终端根据业务人员的可视化输入，搭建页面模板；业务终端将页面模板和业务人员指定的数据源建立关联，生成页面模板数据；业务终端将页面模板数据发送给用户终端，以便用户终端解析页面模板数据，生成页面，并向用户呈现页面。本公开可以无代码开发地解决个性化活动页面搭建的需求，大大提高了页面搭建效率。

Description

页面创建方法、装置和系统、计算机装置和存储介质
技术领域
本公开涉及页面创建领域，特别涉及一种页面创建方法、装置和系统、计算机装置和存储介质。
背景技术
相关技术大型电商平台每天都会开展大量营销活动，每个活动都需要搭建一个活动展示页面面向终端消费者，用于展示活动相关的商品、广告以及其他组件(倒计时、优惠券等)。为了保证活动质量和消费者的体验、提升销量，每个活动力求各具特色，尽量不出现雷同。
发明内容
发明人注意到：相关技术的电商平台活动页面研发流程存在周期长、成本高、修改难、效率低等问题，需要按用户体验设计、店铺装修方案、前后端开发、测试上线等一系列流程依次操作。
鉴于以上技术问题中的至少一项，本公开提供了一种页面创建方法、装置和系统、计算机装置和存储介质，可以无代码开发地解决个性化活动页面搭建的需求，大大提高了页面搭建效率。
根据本公开的一个方面，提供一种页面创建方法包括：
业务终端根据业务人员的可视化输入，搭建页面模板；
业务终端将页面模板和业务人员指定的数据源建立关联，生成页面模板数据；
业务终端将页面模板数据发送给用户终端，以便用户终端解析页面模板数据，生成页面，并向用户呈现页面。
在本公开的一些实施例中，所述可视化输入包括点击、拖拽和配置中的至少一项。
在本公开的一些实施例中，所述页面模板包括容器、元素和视图中的至少一种。
在本公开的一些实施例中，所述业务终端根据业务人员的可视化输入，搭建页面模板包括：
业务终端根据业务人员的可视化输入，将元素进行配置、组合构成视图；
业务终端根据业务人员的可视化输入，通过容器的选择来确定视图的排列方式。
在本公开的一些实施例中，所述业务终端将页面模板和业务人员指定的数据源建立关联包括：
业务终端将页面模板的元素与相应的数据字段进行关联。
在本公开的一些实施例中，所述业务终端根据业务人员的可视化输入，搭建页面模板包括：
业务终端根据业务人员的可视化输入，对容器和视图中的至少一种进行多层嵌套。
根据本公开的另一方面，提供一种页面创建方法，包括：
用户终端接收业务终端发送的页面模板数据，其中，页面模板数据是业务终端将页面模板和业务人员指定的数据源建立关联后生成的，页面模板是业务终端根据业务人员的可视化输入搭建的；
用户终端解析页面模板数据，生成页面；
用户终端向用户呈现生成的页面。
在本公开的一些实施例中，所述用户终端解析页面模板数据，生成页面包括：
根据页面模板数据确定根容器类型，其中，页面模板数据包括根容器、数据集和模板字典中的至少一种，数据集为数据源、页面数据或者楼层数据；
根据引用值字段向数据源获取容器对应的多帧数据；
遍历每一帧数据，进行数据解析，以生成页面。
在本公开的一些实施例中，所述遍历每一帧数据，进行数据解析包括：
通过每一帧数据内的数据标识向数据集找到对应的模板数据；
对模板数据进行逐层递归扫描，对每一个控件和包含控件的视图通过值字段进行寻值。
在本公开的一些实施例中，页面模板数据和页面解析过程适配于多种系统的用户终端。
根据本公开的另一方面，提供一种业务终端，包括：
模板搭建模块，用于根据业务人员的可视化输入，搭建页面模板；
模板数据生成模块，用于将页面模板和业务人员指定的数据源建立关联，生成页面模板数据；
模板数据发送模块，用于将页面模板数据发送给用户终端，以便用户终端解析页面模板数据，生成页面，并向用户呈现页面。
在本公开的一些实施例中，所述可视化输入包括点击、拖拽和配置中的至少一项。
在本公开的一些实施例中，所述页面模板包括容器、元素和视图中的至少一种。
在本公开的一些实施例中，所述业务终端用于根据业务人员的可视化输入，将元素进行配置、组合构成视图；根据业务人员的可视化输入，通过容器的选择来确定视图的排列方式。
在本公开的一些实施例中，所述业务终端用于将页面模板的元素与相应的数据字段进行关联。
在本公开的一些实施例中，所述业务终端用于根据业务人员的可视化输入，对容器和视图中的至少一种进行多层嵌套。
根据本公开的另一方面，提供一种用户终端，包括：
模板数据接收模块，用于接收业务终端发送的页面模板数据，其中，页面模板数据是业务终端将页面模板和业务人员指定的数据源建立关联后生成的，页面模板是业务终端根据业务人员的可视化输入搭建的；
数据解析模块，用于解析页面模板数据，生成页面；
页面呈现模块，用于向用户呈现生成的页面。
在本公开的一些实施例中，所述用户终端用于根据页面模板数据确定根容器类型，其中，页面模板数据包括根容器、数据集和模板字典中的至少一种，数据集为数据源、页面数据或者楼层数据；根据引用值字段向数据源获取容器对应的多帧数据；遍历每一帧数据，进行数据解析，以生成页面。
在本公开的一些实施例中，所述用户终端用于通过每一帧数据内的数据标识向数据集找到对应的模板数据；对模板数据进行逐层递归扫描，对每一个控件和包含控件的视图通过值字段进行寻值。
在本公开的一些实施例中，页面模板数据和页面解析过程适配于多种系统的用户终端。
根据本公开的另一方面，提供一种计算机装置，包括：
存储器，用于存储指令；
处理器，用于执行所述指令，使得所述计算机装置执行实现如上述任一实施例所述的页面创建方法的操作。
根据本公开的另一方面，提供一种页面创建系统，包括如上述任一实施例所述的业务终端和如上述任一实施例所述的用户终端。
根据本公开的另一方面，提供一种非瞬时性计算机可读存储介质，其中，所述非瞬时性计算机可读存储介质存储有计算机指令，所述指令被处理器执行时实现如上述任一实施例所述的页面创建方法。
本公开可以无代码开发地解决个性化活动页面搭建的需求，大大提高了页面搭建效率。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本公开页面创建方法一些实施例的示意图。
图2为本公开一些实施例中用于搭建楼层模板的用户界面的示意图。
图3为本公开页面创建方法另一些实施例的示意图。
图4为本公开页面解析方法一些实施例的示意图。
图5为本公开页面解析方法另一些实施例的示意图。
图6为本公开iOS接入流程一些实施例的示意图。
图7为本公开Android接入流程一些实施例的示意图。
图8为本公开H5接入流程一些实施例的示意图。
图9为本公开业务终端一些实施例的示意图。
图10为本公开用户终端一些实施例的示意图。
图11为本公开计算机装置一些实施例的结构示意图。
图12为本公开页面创建系统一些实施例的示意图。
具体实施方式
下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本公开及其应用或使用的任何限制。基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。
除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本公开的范围。
同时，应当明白，为了便于描述，附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为授权说明书的一部分。
在这里示出和讨论的所有示例中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它示例可以具有不同的值。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。
发明人注意到：随着业务高速发展，平台每天开展的活动越来越多、玩法越来越复杂多元、活动上线时间要求越来越高，依靠传统的活动开发流程已经不能满足业务的需求。
相关技术电商平台用于搭建活动页面的方法总结如下：
一种相关技术的活动页面研发方式包括：业务方提出要求；视觉稿、产品交互图；前后端开发、联调、测试、上线；需要修改活动时需二次开发、二次上线。
该相关技术的技术问题在于：流程串行、周期太长；设计部门多、对部门间合作要求高；设计、研发资源利用率极低；大量重复行为。
另一种相关技术的标准模板搭建方式包括：视觉、产品、研发将经验沉淀下来的活动元素形成楼层模板，如商品模板、广告模板；业务方选择需要的页面模板、关联活动数据，如商品名称、价格、库存等；活动自动化上线。
该相关技术的技术问题在于：固定的模板无法满足定制化需求，消费者审美疲劳；不能满足所有品类、所有活动的特殊需求，特殊需求依然需要定制开发。
鉴于以上技术问题中的至少一项，本公开需要一种页面创建方法、装置和系统、计算机装置和存储介质。下面通过具体实施例对本公开进行说明。
图1为本公开页面创建方法一些实施例的示意图。优选的，本实施例可由业务终端或本公开计算机装置执行。该方法可以包括步骤11-步骤13的至少一项，其中：
步骤11，业务终端根据业务人员的可视化输入，搭建页面模板。
在本公开的一些实施例中，所述可视化输入可以包括点击、拖拽和配置等可视化操作中的至少一项。
在本公开的一些实施例中，所述页面模板可以为根据特定语言协议生成的模板。
在本公开的一些实施例中，所述特定语言协议可以为ViewKit(积木)协议。
在本公开的一些实施例中，所述页面模板可以包括容器、元素和视图中的至少一种。
在本公开的一些实施例中，表1给出了容器、元素和视图的含义和举例。
表1
Figure BDA0003280311990000071
在本公开的一些实施例中，容器决定了第一层视图的布局和交互方式。容器中可以设置有多个视图(例如每个容器中可以有2个视图)，每个视图中可以有多个元素(例如每个视图中各有1个视图).
在本公开的一些实施例中，表2给出了本公开主要元素的类型和描述，表2中，URL为Uniform Resource Locator，统一资源定位器。
表2
Figure BDA0003280311990000072
Figure BDA0003280311990000081
在本公开的一些实施例中，表3给出了本公开视图的类型和描述。
表3
Figure BDA0003280311990000082
在本公开的一些实施例中，容器决定了若干一级视图的布局和交互方式，一个容器可能包含若干个一级视图。容器可以包含如表4所示的容器类型。
表4
属性 容器类型 描述
scroll 滚动容器 多页进行左右/上下滚动
banner 左右滑动容器 轮播
flatView 平铺容器 横向滚动
multiTab 多模块容器 超过平布可横向滚动
在本公开的一些实施例中，不同类型容器的参数不同。
在本公开的一些实施例中，表5给出本公开banner轮播容器的参数。
表5
Figure BDA0003280311990000091
在本公开的一些实施例中，表6给出本公开flatView平铺容器、multiTab多模块容器和scroll滚动容器的参数。
表6
属性 类型 默认值 描述 必填
type string 类型 容器类型 是
valueRefer string 容器依赖的数据 是
style object 样式属性信息 是
在本公开的一些实施例中，步骤11可以包括步骤111-步骤112中的至少一项，其中：
步骤111，业务终端根据业务人员的可视化输入，将元素进行配置、组合构成视图。
步骤112，业务终端根据业务人员的可视化输入，通过容器的选择来确定视图的排列方式。
在本公开的一些实施例中，步骤11可以包括：业务终端根据业务人员的可视化输入，对容器和视图中的至少一种进行多层嵌套。
在本公开的一些实施例中，步骤11可以包括：为了实现无代码开发地进行个性化活动页面搭建，本公开提供了用于搭建楼层模板的UI(User Interface，用户界面)页面，主要面向电商的运营人员，帮助他们通过简单的点击、拖拽、配置等操作即可进行页面搭建。
图2为本公开一些实施例中用于搭建楼层模板的用户界面的示意图。运营人员可以通过图2实施例的该用户界面构建复杂的活动界面模板。具体的，步骤11可以包括：通过基础元素的配置、组合构成视图，再通过容器的选择来确定视图的排列方式，并且可以进行多层嵌套。
在本公开的一些实施例中，步骤11可以包括：业务方(业务人员)提出需求，需要用复杂的模板搭配自定义的数据展示新的营销页面；业务方出视觉稿；业务方基于视觉稿，在可视化的活动楼层模板搭建系统上，按自己的需求搭建页面模板，此过程无需研发人员参与。
步骤12，业务终端将页面模板和业务人员指定的数据源建立关联，生成页面模板数据。
在本公开的一些实施例中，步骤12可以包括：业务终端将页面模板的元素与相应的数据字段进行关联。
在本公开的一些实施例中，步骤12可以包括：业务方在可视化的活动楼层模板搭建系统上，按业务方需要注册自己提供的第三方数据源，此过程无需研发人员参与；模板和数据源就绪后，业务方可以在运营界面使用自己所搭建的模板，关联自己的数据源，即可完成需求。全部过程无需研发参与。
步骤13，业务终端将页面模板数据发送给用户终端，以便用户终端解析页面模板数据，生成页面，并向用户呈现页面。
在本公开的一些实施例中，步骤13可以包括：业务人员在搭建系统搭建的模板后，业务终端(B端)是将一串数据以特定语言协议的格式发送到用户终端(C端)的，C端接入SDK(Software Development Kit，软件开发工具包)后，才能基于协议将这串数据解析渲染成真正用户看到的样式。
在本公开的一些实施例中，特定语言协议可以为ViewKit语言协议，其中，ViewKit语言协议，用于作为iOS、Android、H5解析活动楼层模板的DSL(Domain-specificlanguage，领域特定语言)。
本公开上述实施例全过程由业务方通过业务重点自助完成，无需研发人员参与，避免了固定的模板带来的样式单一的缺点。
本公开上述实施例业务方自助搭建上线，大大提升了效率，降低了沟通成本。
本公开上述实施例可以实现(第一种相关技术的活动页面研发方式)所支持的各种复杂的页面模板，而且周期快，自助性高。
本公开上述实施例提供一个基于文本、图片、倒计时、按钮、开关、标签、进度条等基本元素，在平铺、富文本、滑动、轮播等各种布局模式下，进行自由组合、样式配置的工具，可以满足业务绝大部分定制化页面需求。
本公开上述实施例提供可视化的活动页面的搭建界面，用户无需具备研发背景，即可通过拖拽、配置等操作进行页面搭建，简单快捷。
图3为本公开页面创建方法另一些实施例的示意图。优选的，本实施例可由用户终端或本公开计算机装置执行。该方法可以包括步骤31-步骤33的至少一项，其中：
步骤31，用户终端接收业务终端发送的页面模板数据，其中，页面模板数据是业务终端将页面模板和业务人员指定的数据源建立关联后生成的，页面模板是业务终端根据业务人员的可视化输入搭建的。
步骤32，用户终端解析页面模板数据，生成页面。
在本公开的一些实施例中，步骤32可以包括步骤321-步骤323中的至少一项，其中：
步骤321，根据页面模板数据确定根容器类型，其中，页面模板数据包括根容器dslRoot、数据集dslData和模板字典dslMap等数据结构中的至少一种，数据集为数据源、页面数据或者楼层数据。
在本公开的一些实施例中，表7给出了本公开页面模板数据的数据结构。
表7
Figure BDA0003280311990000121
步骤322，根据引用值字段向数据源获取容器对应的多帧数据。
步骤323，遍历每一帧数据，进行数据解析，以生成页面。步骤33，用户终端向用户呈现生成的页面。
在本公开的一些实施例中，步骤323可以包括：通过每一帧数据内的数据标识向数据集找到对应的模板数据；对模板数据进行逐层递归扫描，对每一个控件和包含控件的视图通过值字段进行寻值。
在本公开的一些实施例中，页面模板数据和页面解析过程适配于多种系统(例如iOS、Android、H5)的用户终端。
步骤33，用户终端向用户呈现生成的页面。
图4为本公开页面解析方法一些实施例的示意图。本公开页面模板数据解析方法(例如图3实施例的步骤32)可以包括步骤41-步骤43中的至少一项，其中：
步骤41，首先明确根容器类型(平铺、滑动、轮播、多模块)，然后根据valueRefer(该字段不可为空)向dslData获取容器对应的n帧数据(数组类型)，然后开始遍历每一帧数据。
步骤42，通过每一帧数据对象内的dslId(模板标识)向dslMap找到对应的模板dsl。
步骤43，对模板dsl进行逐层递归扫描，对每一个控件和包含控件的view(view、image、text、richText，视图、图片、文本、富文本)通过valueRefer向数据dslData寻值。
在本公开的一些实施例中，步骤43可以包括：由于view和richText对应的数据是对象，如果valueRefer是空字段则把父数据传递过来，否则则获取valueRefer对应的数据对象，image和text为空则控件数据为空。
在本公开的一些实施例中，本公开页面模板数据解析方法还包括：如果模板dsl包含子容器类型和根容器类型(平铺、滑动、轮播、多模块)一致的，则重复执行步骤41、步骤42、步骤43。
图5为本公开页面解析方法另一些实施例的示意图。本公开页面模板数据解析方法(例如图3实施例的步骤32)可以包括步骤501-步骤513中的至少一项，其中：
步骤501，解析楼层信息中的dslRoot节点。
步骤502，判断dslRoot是否能在dslMap找到对应对象和样式。若可以找到，则执行步骤503；否则，若不能找到，则执行步骤504。
步骤503，根容器使用dslMap的样式，之后执行步骤505。
步骤504，根容器使用dslRoot的样式。
步骤505，寻找valueRefer对应的dslData对象列表。
步骤506，解析dslData对象，根据dslId字段找到dslMap中对应的信息。
步骤507，解析样式、解析event事件，如果有eventKey(事件键值)，则从dslData的jump(跳转)中寻找对应信息。
在本公开的一些实施例中，步骤507可以包括：dslData结构中view(视图)的子元素的jump也在view这一段中，action＝toSKUDetail(动作为指向商品明细)且valueRefer为空，则说明点击类型配置为无，dslData中没有eventKey对应对象。
步骤508，判断dslMap对象中是否有children子对象待解析。若有，则执行步骤510；否则，若没有，则执行步骤509。
步骤509，判断是否还有更多的dslData对象待解析。若有，则执行步骤506；否则，若没有，则不再执行本实施例的其它步骤，结束。
步骤510，判断dslMap中valueRefer是否为不为空。若不为空，则执行步骤511；否则，若为空，则执行步骤507。
步骤511，判断是否满足dslMap对象类型是view且valueRefer关联的是数据源。若满足，则执行步骤505；否则，若不满足，则执行步骤512。
步骤512，直接从dslMap或dslData中获取值(取决于是自定义还是数据路径)。
步骤513，判断是否还有其它同级子对象待解析。若有，则执行步骤510；否则，若没有，则执行步骤509。
在本公开的一些实施例中，三端(iOS、Android、H5)解析ViewKit协议语言的主要过程一致。
在本公开的一些实施例中，App或者浏览器需满足以下要求以积木(viewkit)的方式渲染页面和楼层：首先确保下发数据遵循SDK的数据结构；客户端加入对应的SDK(iOS和Android)，降级方案为H5。
在本公开的一些实施例中，App或浏览器需接入SDK才能解析viewkit协议，否则不能识别viewkit协议。
图6为本公开iOS接入流程一些实施例的示意图。如图6所示，本公开iOS接入流程可以包括步骤61-步骤65中的至少一步，其中：
步骤61，注册组件。
在本公开的一些实施例中，步骤61可以包括：图片下载、事件响应、埋点等。
步骤62，实例化对象。
步骤63，存储map信息。
步骤64，生成viewkit楼层信息。
步骤65，图层生成。
图7为本公开Android接入流程一些实施例的示意图。如图7所示，本公开Android接入流程可以包括步骤71-步骤75中的至少一步，其中：
步骤71，引入Viewkit库。
步骤72，注册服务，生成Viewkit实例化对象。
步骤73，存入DSL模板。
步骤74，生成viewkit楼层信息。
步骤75，图层生成。
图8为本公开H5接入流程一些实施例的示意图。如图8所示，本公开H5接入流程可以包括步骤81-步骤85中的至少一步，其中：
步骤81，引入Viewkit库。
步骤82，初始化。
步骤83，图层生成。
本公开上述实施例通过独创的ViewKit语言协议中的容器、视图、元素之间的组合、嵌套，可以满足一般电商活动页面的所有需求，实现了极高的灵活性及开放性。
本公开上述实施例采用ViewKit语言协议，提供了三端解析(iOS、Android、H5)的能力，满足活动页面在各端的浏览需求。
本公开上述实施例提供可视化的活动页面模板的搭建界面，用户无需具备研发背景，即可通过拖拽、配置等操作进行页面搭建，满足活动运营快速、便捷的需求。
根据本公开的另一方面，提供一种页面创建方法，可以包括上述至少一种实施例(例如图1-图8至少一种实施例)所述的页面创建方法。
本公开上述实施例提供一种活动页面创建的一体化解决方案，用于无代码开发地解决个性化活动页面搭建的需求，大大提高了页面搭建效率，大幅缩减了活动上线时间成本和研发成本，同时能满足业务方绝大部分定制化需求，生成丰富的页面。
图9为本公开业务终端一些实施例的示意图。如图9所示，本公开业务终端可以包括模板搭建模块110、模板数据生成模块120和模板数据发送模块130，其中：
模板搭建模块110，用于根据业务人员的可视化输入，搭建页面模板。
在本公开的一些实施例中，所述页面模板包括容器、元素和视图中的至少一种。
在本公开的一些实施例中，所述可视化输入包括点击、拖拽和配置中的至少一项。
在本公开的一些实施例中，模板搭建模块110，可以用于根据业务人员的可视化输入，将元素进行配置、组合构成视图；根据业务人员的可视化输入，通过容器的选择来确定视图的排列方式。
在本公开的一些实施例中，模板搭建模块110，可以用于根据业务人员的可视化输入，对容器和视图中的至少一种进行多层嵌套。
模板数据生成模块120，用于将页面模板和业务人员指定的数据源建立关联，生成页面模板数据。
在本公开的一些实施例中，模板数据生成模块120，可以用于将页面模板的元素与相应的数据字段进行关联。
模板数据发送模块130，用于将页面模板数据发送给用户终端，以便用户终端解析页面模板数据，生成页面，并向用户呈现页面。
在本公开的一些实施例中，所述业务终端用于执行实现如上述任一实施例(例如图1-图2任一实施例)所述的页面创建方法的操作。
本公开上述实施例提供了可视化的活动楼层模板搭建系统，用于提供搭建楼层模板的UI页面。
本公开上述实施例提供一个基于文本、图片、倒计时、按钮、开关、标签、进度条等基本元素，在平铺、富文本、滑动、轮播等各种布局模式下，进行自由组合、样式配置的工具，理论上可以满足业务绝大部分定制化页面需求。
本公开上述实施例提供了可视化的活动页面的搭建界面，用户无需具备研发背景，即可通过拖拽、配置等操作进行页面搭建，简单快捷。
本公开上述实施例统一了全平台的活动页面搭建流程，大大降低研发成本以及沟通成本，实现活动搭建平台化、规范化、一站化。
本公开上述实施例需要修改活动页面时，只需在可视化活动搭建平台修改配置、自动发布，无需繁琐的代码发布流程，快速灵活。
图10为本公开用户终端一些实施例的示意图。如图10所示，本公开业务终端可以包括模板数据接收模块210、数据解析模块220和页面呈现模块230，其中：
模板数据接收模块210，用于接收业务终端发送的页面模板数据，其中，页面模板数据是业务终端将页面模板和业务人员指定的数据源建立关联后生成的，页面模板是业务终端根据业务人员的可视化输入搭建的。
数据解析模块220，用于解析页面模板数据，生成页面。
在本公开的一些实施例中，数据解析模块220可以用于根据页面模板数据确定根容器类型，其中，页面模板数据包括根容器、数据集和模板字典中的至少一种，数据集为数据源、页面数据或者楼层数据；根据引用值字段向数据源获取容器对应的多帧数据；遍历每一帧数据，进行数据解析，以生成页面。
在本公开的一些实施例中数据解析模块220在遍历每一帧数据，进行数据解析的情况下，可以用于通过每一帧数据内的数据标识向数据集找到对应的模板数据；对模板数据进行逐层递归扫描，对每一个控件和包含控件的视图通过值字段进行寻值。
在本公开的一些实施例中，页面模板数据和页面解析过程可以适配于多种系统(例如iOS、Android、H5)的用户终端。
页面呈现模块230，用于向用户呈现生成的页面。
在本公开的一些实施例中，所述用户终端可以用于执行实现如上述任一实施例(例如图3-图8任一实施例)所述的页面创建方法的操作。
本公开上述实施例的ViewKit语言协议，用于作为iOS、Android、H5解析活动楼层模板的领域特定语言。
本公开上述实施例的ViewKit解析SDK，提供给iOS、Android、H5用于解析ViewKit语言，渲染可原生的活动页面(可降级为H5页面)。
本公开上述实施例的活动页面适配三端(iOS、Android、H5)，提供客户端SDK，优先解析原生页面，提升性能和用户体验，同时可降级H5，确保活动页面在任何环境下都能正确打开。
本公开上述实施例的语言协议实现了数据和样式分离，使用者无需担心活动模板样式与活动数据结构耦合。
图11为本公开计算机装置一些实施例的结构示意图。如图11所示，计算机装置包括存储器310和处理器320。
存储器310用于存储指令，处理器320耦合到存储器310，处理器320被配置为基于存储器存储的指令执行实现如上述任一实施例(例如图1-图8任一实施例)所述的页面创建方法。
在本公开的一些实施例中，处理器320在执行实现如上述任一实施例(例如图1-图2任一实施例)所述的页面创建方法的情况下，本公开计算机装置可以实现为本公开业务终端。
在本公开的一些实施例中，处理器320在执行实现如上述任一实施例(例如图3-图8任一实施例)所述的页面创建方法的情况下，本公开计算机装置可以实现为本公开用户终端。
如图11所示，该计算机装置还包括通信接口330，用于与其它设备进行信息交互。同时，该计算机装置还包括总线340，处理器320、通信接口330、以及存储器310通过总线340完成相互间的通信。
存储器310可以包含高速RAM存储器，也可还包括非易失性存储器(non-volatilememory)，例如至少一个磁盘存储器。存储器310也可以是存储器阵列。存储器310还可能被分块，并且块可按一定的规则组合成虚拟卷。
此外，处理器320可以是一个中央处理器CPU，或者可以是专用集成电路ASIC，或是被配置成实施本公开实施例的一个或多个集成电路。
图12为本公开页面创建系统一些实施例的示意图。如图12所示，本公开业务终端可以包括业务终端100和用户终端200，其中：
业务终端100，为如本公开上述任一实施例(例如图9实施例)所述的业务终端。
用户终端200，为如本公开上述任一实施例(例如图10实施例)所述的用户终端。
本公开上述实施例提供了快速搭建电商运营活动多端适配页面的一体化解决方案。本公开上述实施例用于无代码开发地解决个性化活动页面搭建的需求，大大提高了页面搭建效率，大幅缩减了活动上线时间成本和研发成本，同时本公开上述实施例能满足业务方绝大部分定制化需求，生成丰富的页面。
根据本公开的另一方面，提供一种非瞬时性计算机可读存储介质，其中，所述非瞬时性计算机可读存储介质存储有计算机指令，所述指令被处理器执行时实现如上述至少一种实施例(例如图1-图8种至少一个实施例)所述的页面创建方法。
本领域内的技术人员应明白，本公开的实施例可提供为方法、装置、或计算机程序产品。因此，本公开可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本公开可采用在一个或多个其中包含有计算机可用程序代码的计算机可用非瞬时性存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本公开是参照根据本公开实施例的方法、设备(系统)和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在上面所描述的业务终端和用户终端可以实现为用于执行本申请所描述功能的通用处理器、可编程逻辑控制器(PLC)、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件或者其任意适当组合。
至此，已经详细描述了本公开。为了避免遮蔽本公开的构思，没有描述本领域所公知的一些细节。本领域技术人员根据上面的描述，完全可以明白如何实施这里公开的技术方案。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指示相关的硬件完成，所述的程序可以存储于一种非瞬时性计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
本公开的描述是为了示例和描述起见而给出的，而并不是无遗漏的或者将本公开限于所公开的形式。很多修改和变化对于本领域的普通技术人员而言是显然的。选择和描述实施例是为了更好说明本公开的原理和实际应用，并且使本领域的普通技术人员能够理解本公开从而设计适于特定用途的带有各种修改的各种实施例。

Claims (19)

1.一种页面创建方法，其特征在于，包括：
业务终端根据业务人员的可视化输入，搭建页面模板；
业务终端将页面模板和业务人员指定的数据源建立关联，生成页面模板数据；
业务终端将页面模板数据发送给用户终端，以便用户终端解析页面模板数据，生成页面，并向用户呈现页面。
2.根据权利要求1所述的页面创建方法，其特征在于，
所述可视化输入包括点击、拖拽和配置中的至少一项；
所述页面模板包括容器、元素和视图中的至少一种；
所述业务终端根据业务人员的可视化输入，搭建页面模板包括：
业务终端根据业务人员的可视化输入，将元素进行配置、组合构成视图；
业务终端根据业务人员的可视化输入，通过容器的选择来确定视图的排列方式。
3.根据权利要求2所述的页面创建方法，其特征在于，所述业务终端将页面模板和业务人员指定的数据源建立关联包括：
业务终端将页面模板的元素与相应的数据字段进行关联。
4.根据权利要求2或3所述的页面创建方法，其特征在于，所述业务终端根据业务人员的可视化输入，搭建页面模板包括：
业务终端根据业务人员的可视化输入，对容器和视图中的至少一种进行多层嵌套。
5.一种页面创建方法，其特征在于，包括：
用户终端接收业务终端发送的页面模板数据，其中，页面模板数据是业务终端将页面模板和业务人员指定的数据源建立关联后生成的，页面模板是业务终端根据业务人员的可视化输入搭建的；
用户终端解析页面模板数据，生成页面；
用户终端向用户呈现生成的页面。
6.根据权利要求5所述的页面创建方法，其特征在于，所述用户终端解析页面模板数据，生成页面包括：
根据页面模板数据确定根容器类型，其中，页面模板数据包括根容器、数据集和模板字典中的至少一种，数据集为数据源、页面数据或者楼层数据；
根据引用值字段向数据源获取容器对应的多帧数据；
遍历每一帧数据，进行数据解析，以生成页面。
7.根据权利要求6所述的页面创建方法，其特征在于，所述遍历每一帧数据，进行数据解析包括：
通过每一帧数据内的数据标识向数据集找到对应的模板数据；
对模板数据进行逐层递归扫描，对每一个控件和包含控件的视图通过值字段进行寻值。
8.根据权利要求5-7中任一项所述的页面创建方法，其特征在于，
页面模板数据和页面解析过程适配于多种系统的用户终端。
9.一种业务终端，其特征在于，包括：
模板搭建模块，用于根据业务人员的可视化输入，搭建页面模板；
模板数据生成模块，用于将页面模板和业务人员指定的数据源建立关联，生成页面模板数据；
模板数据发送模块，用于将页面模板数据发送给用户终端，以便用户终端解析页面模板数据，生成页面，并向用户呈现页面。
10.根据权利要求9所述的业务终端，其特征在于，所述可视化输入包括点击、拖拽和配置中的至少一项；
所述页面模板包括容器、元素和视图中的至少一种；
所述业务终端用于根据业务人员的可视化输入，将元素进行配置、组合构成视图；根据业务人员的可视化输入，通过容器的选择来确定视图的排列方式。
11.根据权利要求10所述的业务终端，其特征在于，
所述业务终端用于将页面模板的元素与相应的数据字段进行关联。
12.根据权利要求10或11所述的业务终端，其特征在于，
所述业务终端用于根据业务人员的可视化输入，对容器和视图中的至少一种进行多层嵌套。
13.一种用户终端，其特征在于，包括：
模板数据接收模块，用于接收业务终端发送的页面模板数据，其中，页面模板数据是业务终端将页面模板和业务人员指定的数据源建立关联后生成的，页面模板是业务终端根据业务人员的可视化输入搭建的；
数据解析模块，用于解析页面模板数据，生成页面；
页面呈现模块，用于向用户呈现生成的页面。
14.根据权利要求13所述的用户终端，其特征在于，
所述用户终端用于根据页面模板数据确定根容器类型，其中，页面模板数据包括根容器、数据集和模板字典中的至少一种，数据集为数据源、页面数据或者楼层数据；根据引用值字段向数据源获取容器对应的多帧数据；遍历每一帧数据，进行数据解析，以生成页面。
15.根据权利要求14所述的用户终端，其特征在于，
所述用户终端用于通过每一帧数据内的数据标识向数据集找到对应的模板数据；对模板数据进行逐层递归扫描，对每一个控件和包含控件的视图通过值字段进行寻值。
16.根据权利要求13-15中任一项所述的用户终端，其特征在于，
页面模板数据和页面解析过程适配于多种系统的用户终端。
17.一种计算机装置，其特征在于，包括：
存储器，用于存储指令；
处理器，用于执行所述指令，使得所述计算机装置执行实现如权利要求1-8中任一项所述的页面创建方法的操作。
18.一种页面创建系统，其特征在于，包括如权利要求9-12中任一项所述的业务终端和如权利要求13-16中任一项所述的用户终端。
19.一种非瞬时性计算机可读存储介质，其特征在于，所述非瞬时性计算机可读存储介质存储有计算机指令，所述指令被处理器执行时实现如权利要求1-8中任一项所述的页面创建方法。
CN202111130523.4A 2021-09-26 2021-09-26 页面创建方法、装置和系统、计算机装置和存储介质 Pending CN113805886A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202111130523.4A CN113805886A (zh) 2021-09-26 2021-09-26 页面创建方法、装置和系统、计算机装置和存储介质
PCT/CN2022/097878 WO2023045412A1 (zh) 2021-09-26 2022-06-09 页面创建方法、装置和系统、计算机装置和存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111130523.4A CN113805886A (zh) 2021-09-26 2021-09-26 页面创建方法、装置和系统、计算机装置和存储介质

Publications (1)

Publication Number Publication Date
CN113805886A true CN113805886A (zh) 2021-12-17

Family

ID=78938570

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111130523.4A Pending CN113805886A (zh) 2021-09-26 2021-09-26 页面创建方法、装置和系统、计算机装置和存储介质

Country Status (2)

Country Link
CN (1) CN113805886A (zh)
WO (1) WO2023045412A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023045412A1 (zh) * 2021-09-26 2023-03-30 北京沃东天骏信息技术有限公司 页面创建方法、装置和系统、计算机装置和存储介质

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108008954A (zh) * 2017-12-01 2018-05-08 深圳乐信软件技术有限公司 页面配置方法、装置、服务器及介质
CN109062550B (zh) * 2018-07-27 2021-10-01 京东数字科技控股有限公司 页面构建方法和系统、用户终端、服务器和可读存储介质
CN110764763B (zh) * 2018-07-27 2022-04-26 北京京东尚科信息技术有限公司 移动端页面构建方法、系统和移动端
GB201812377D0 (en) * 2018-07-30 2018-09-12 Ibm Importing external content into a content management system
CN113805886A (zh) * 2021-09-26 2021-12-17 北京沃东天骏信息技术有限公司 页面创建方法、装置和系统、计算机装置和存储介质
CN114115844A (zh) * 2021-11-16 2022-03-01 招联消费金融有限公司 页面生成方法、装置、计算机设备和存储介质

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023045412A1 (zh) * 2021-09-26 2023-03-30 北京沃东天骏信息技术有限公司 页面创建方法、装置和系统、计算机装置和存储介质

Also Published As

Publication number Publication date
WO2023045412A1 (zh) 2023-03-30

Similar Documents

Publication Publication Date Title
CN108153788B (zh) 页面信息个性化处理方法、装置及系统
US8799829B2 (en) Methods and systems for background uploading of media files for improved user experience in production of media-based products
CN104536729B (zh) 一种实现在浏览器页面中进行截图的方法和装置
US9282201B2 (en) Methods for prioritizing activation of grid-based or object-based snap guides for snapping digital graphics to grids in a layout in an electronic interface
CN110727431A (zh) 小程序生成方法以及装置
US9934208B2 (en) Populating visual designs with web content
CN111428177A (zh) 用于web内容生成的方法和系统
JP2022534933A (ja) ウェブ構築システムサービスにユーザフィードバックを統合するシステム及び方法
CN106294770A (zh) 信息分享方法、装置及终端
CN108108157B (zh) 生成页面及提供页面信息的方法及装置
CN102027476A (zh) 经由管道应用的文件访问
CN105683887B (zh) 与用户生成内容相关的辅助内容建议
CN111124533A (zh) 一种活动页面动态配置的方法及装置
CN104731936A (zh) 信息搜索方法和信息搜索装置
JP6031210B1 (ja) 販売予測装置、販売予測方法、およびプログラム
CN111367514B (zh) 页面卡片的开发方法和装置、计算设备和存储介质
CN113805886A (zh) 页面创建方法、装置和系统、计算机装置和存储介质
CN108153465A (zh) 基于企业SaaS应用的标签设置方法及装置
CN114090002A (zh) 前端界面构建方法、装置、电子设备和存储介质
CN114266233A (zh) 表单生成方法、装置、设备及介质
US10134052B2 (en) Graphical system for database marketing
CN113656719A (zh) 数据渲染方法、系统、电子设备与存储介质
CN110648206A (zh) 商品属性识别方法、装置、电子设备及可读存储介质
CN111782309A (zh) 显示信息的方法、装置及计算机可读存储介质
CN112799552A (zh) 一种推广图片分享方法、装置和存储介质

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