CN112114805A - 页面生成方法、装置、设备 - Google Patents
页面生成方法、装置、设备 Download PDFInfo
- Publication number
- CN112114805A CN112114805A CN202010879067.2A CN202010879067A CN112114805A CN 112114805 A CN112114805 A CN 112114805A CN 202010879067 A CN202010879067 A CN 202010879067A CN 112114805 A CN112114805 A CN 112114805A
- Authority
- CN
- China
- Prior art keywords
- page
- component
- vue
- interpreter
- generated
- 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.)
- Granted
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
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
本发明实施例提供一种页面生成方法、装置、设备,该方法包括:确定待生成页面的页面需求信息;基于待生成页面的页面需求信息,采用应用程序接口生成与待生成页面对应的页面描述对象,该页面描述对象中携带有待生成页面的解释器组件标识及vue组件标识;通过页面描述对象中携带的解释器组件标识及vue组件标识,调用对应的解释器组件及vue组件,以渲染出待生成页面。结合应用程序接口可以生成与待生成页面对应的页面描述对象,从而基于该页面描述对象更高效地渲染出待生成页面。该页面生成方法能够简化页面开发流程,适配各种页面开发场景,提高页面开发效率。
Description
技术领域
本发明涉及互联网技术领域,尤其涉及一种页面生成方法、装置、设备。
背景技术
随着移动终端设备的普及,越来越多人选择通过移动终端设备处理日常生活中的各种事情。例如租房、求职、雇佣家政人员等。
随之而来的,越来越多针对移动终端设备的服务程序进入日常生活的各个领域。为适应不同领域对服务程序的要求,使用户能够获得更好的使用体验,对服务程序的前端开发的要求也越来越高。其中,前端开发是指创建并编写如服务程序页面、网页等用户界面的过程。
以服务程序页面开发过程为例,采用vue组件库进行页面开发,就需要投入大量时间去写模板、写JavaScript(简称“JS”)代码来实现整体开发流程,开发流程复杂,开发工作量大。并且,开发出来的服务程序页面也难以存储已开发完成的页面展示数据,容易导致大量重复代码编写工作,影响页面开发效率。
因而,如何提高页面开发效率,成为目前页面开发过程中亟待解决的技术问题。
发明内容
本发明实施例提供一种页面生成方法、装置、设备,用以高效渲染出待生成页面。
第一方面,本发明实施例提供一种页面生成方法,该方法包括:
确定待生成页面的页面需求信息;
基于待生成页面的页面需求信息,采用应用程序接口(Application ProgrammingInterface,API)生成与待生成页面对应的页面描述对象,该页面描述对象中携带有待生成页面的解释器组件标识及vue组件标识;
通过页面描述对象中携带的解释器组件标识及vue组件标识,调用对应的解释器组件及vue组件,以渲染出待生成页面。
第二方面,本发明实施例提供一种页面生成装置,该装置包括:
确定模块,用于确定待生成页面的页面需求信息;
生成模块,用于基于页面需求信息,采用应用程序接口API生成与待生成页面对应的页面描述对象,页面描述对象中携带有待生成页面的解释器组件标识及vue组件标识;
渲染模块,用于通过页面描述对象中携带的解释器组件标识及vue组件标识,调用对应的解释器组件及vue组件,以渲染出待生成页面。
第三方面,本发明实施例提供一种电子设备,其中包括处理器和存储器,其中,所述存储器上存储有可执行代码,当所述可执行代码被所述处理器执行时,使所述处理器至少可以实现第一方面中的页面生成方法。
第四方面,本发明实施例提供了一种非暂时性机器可读存储介质,所述非暂时性机器可读存储介质上存储有可执行代码,当所述可执行代码被电子设备的处理器执行时,使所述处理器至少可以实现第一方面中的页面生成方法。
本发明实施例中,对于待生成页面,首先,可以确定该待生成页面的页面需求信息。进而,基于待生成页面的页面需求信息,采用应用程序接口生成与待生成页面对应的页面描述对象,该页面描述对象中携带有待生成页面的解释器组件标识及vue组件标识。这样,通过页面描述对象中携带的解释器组件标识及vue组件标识,可以调用该页面描述对象对应的解释器组件及vue组件,以渲染出待生成页面。综上,结合应用程序接口可以生成与待生成页面对应的页面描述对象,以便基于该页面描述对象更高效地渲染出待生成页面。比如,需要生成服务程序中的某一页面,结合应用程序接口可以生成与该某一页面对应的页面描述对象,从而通过页面描述对象中携带的解释器组件标识及vue组件标识,可以调用该页面描述对象对应的解释器组件及vue组件,以渲染出该某一页面。显然,本页面生成方案利用页面描述对象有效降低页面开发代码的编写工作量,简化页面开发流程,提高页面开发效率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的一种页面生成方法的流程图;
图2为本发明实施例提供的一种页面生成过程的原理示意图;
图3为本发明实施例提供的一种页面生成装置的结构示意图;
图4为与图3所示实施例提供的页面生成装置对应的电子设备的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本发明。在本发明实施例中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义,“多种”一般包含至少两种。
取决于语境,如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地,取决于语境,短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的商品或者系统不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种商品或者系统所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的商品或者系统中还存在另外的相同要素。
另外,下述各方法实施例中的步骤时序仅为一种举例,而非严格限定。
本发明实施例提供的页面生成方法可以由一电子设备来执行,该电子设备可以是诸如PC机、笔记本电脑等终端设备,也可以是服务器。该服务器可以是包含一独立主机的物理服务器,或者也可以为主机集群承载的虚拟服务器,或者也可以为云服务器。在实际应用中,该页面生成方法的执行主体可以是服务程序。该服务程序比如是前端开发程序。
该页面生成方法适用于对各种页面开发场景。其中,页面中会包含文字、图片、表格、表单等多种格式属性的内容。在实际应用中,该页面生成方法既可以用于对样式展示层级页面、活动页面等整体页面进行开发维护,也可以对表单、输入框等页面元素进行开发维护。
下面结合以下实施例对该页面生成方法的执行过程进行说明。
图1为本发明实施例提供的一种页面生成方法的流程图。如图1所示,该方法包括如下步骤:
101、确定待生成页面的页面需求信息。
其中,待生成页面为本发明实施例中最终需要渲染出的页面。该待生成页面中包含文字、图片、表格、表单等多种格式属性的内容。实际应用中,待生成页面比如是服务程序中的某一活动页面、或某一样式展示层级页面。
不同待生成页面的页面需求信息不同。下面结合具体示例介绍如何确定待生成页面的页面需求信息:
假设页面生成方法的执行主体为前端开发程序。假设该前端开发程序中包括页面开发界面。基于上述假设,在一示例中,可以在该前端开发程序的页面开发界面中输入待生成页面的页面需求信息。页面需求信息比如是待生成页面的页面颜色、需要使用的页面控件、页面控件的设置参数等。另一示例中,也可以在前端开发程序中导入页面设计文件,该页面设计文件比如是用例图、流程图、产品原型图等。前端开发程序通过解析页面设计文件,获取该页面设计文件对应的页面需求信息。当然,除上述两种方式外,实际应用中,还可以采用其他方式确定待生成页面的页面需求信息。
102、基于待生成页面的页面需求信息,采用应用程序接口API生成与待生成页面对应的页面描述对象。
该页面描述对象中携带有待生成页面的解释器组件标识及vue组件标识。
其中,vue是一套用于构建用户界面的渐进式JavaScript开发框架。vue的核心库主要关注视图层,具有以数据驱动视图变化的特性。不同的vue组件可以展示不同格式的数据内容,在页面中实现不同的功能。实际应用中,本发明实施例提供的页面生成方法适用于vue2.0。
组件是可复用的vue实例。对于一个页面来说,组件可以是页面编辑代码中的某一部分。该部分代码可以重复用于多个页面开发场景。为简化页面开发流程,可以从页面编辑代码中提取除该部分代码,并构建对应的组件。为了能在vue模板中使用,组件需要注册以便vue能够识别出该组件。组件的注册类型主要分为全局注册和局部注册。
实际应用中,对于一个页面来说,组成页面的组件可以实现为一个嵌套的树形结构。比如,页面包括页头、侧边栏、内容区等组件,而这些组件中进一步还包含导航链接、图片、文字、表单等组件,这些组件根据包含关系形成嵌套的树形结构。
其中,102中,基于待生成页面的页面需求信息,采用API生成与待生成页面对应的页面描述对象,具体可以实现为:
确定与页面需求信息对应的解释器组件;分析页面需求信息,并从vue组件库中选取与分析结果匹配的各vue组件以组成vue组件集合;根据解释器组件及vue组件集合,通过API创建页面描述对象。
其中,解释器组件,即解释器,主要用于将一套数据对象解释成对应的vue前端模板。解释过程及规则参见后文。在Vue中,解析template里面的DOM元素转换出来的AST,是一个Javascript对象。该AST是使用JavaScript中的对象来描述一个节点。一个对象表示一个节点,对象中的属性用来保存节点所需的各种数据。父组件的属性用来保存父节点的描述对象,子组件的属性是一个数组,保存了多个子节点的描述对象。多个独立的节点通过父组件的属性和子组件的属性连在一起时,就变成了一棵树,而这样一个用对象描述的节点树就称之为AST。
在一可选实施例中,根据解释器组件及vue组件集合通过API创建页面描述对象,具体可以实现为:
基于解释器组件创建页面描述对象中的父组件,父组件中携带有解释器组件标识;基于vue组件集合创建页面描述对象中的子组件,其中,vue组件集合中各vue组件分别对应于页面描述对象的组件插槽中的各子组件,各子组件中携带有各自对应的各vue组件标识。
对于页面描述对象中的父组件,基于解释器组件创建页面描述对象中的父组件的其中一个可选实施例为:
确定解释器组件对应的解释器组件标识;根据待生成页面的页面需求信息,确定解释器组件对应的页面参数信息;建立待配置的父组件,并通过API在待配置的父组件中导入解释器组件标识及解释器组件对应的页面参数信息,以获得父组件。
其中,解释器组件对应的页面参数信息至少包括:解释器组件的唯一标识、注册组件名称、数据传递接口。
实际应用中,上述实施例可以实现为以下代码逻辑:
上述代码逻辑中,“{……}”中的内容表示一个对象。每个对象中包含的数据代表页面包含的组件内容。其中,id为必填项,wapper是该组件的唯一标识。该组件的唯一标识用于在其他组件内部修改该组件的属性,以便实现各组件联动。组件名称(例如注册组件名称)为PageWrapper.name,PageWrapper为外部或者三方传入的组件。attributes可用于原生指令数据传递,例如样式指令(比如style指令、background指令)的数据传递。attributes也可用于vue指令数据传递,例如v-if指令、v-show指令。简单来说,attributes相当于数据传递接口。实际上,props是子组件访问父组件数据的唯一接口。
对于页面描述对象中的子组件,基于vue组件集合创建页面描述对象中的子组件的其中一个可选实施例为:
确定vue组件集合中各vue组件对应的各vue组件标识;根据待生成页面的页面需求信息,确定各vue组件对应的页面参数信息;建立待配置的各子组件,并通过API在待配置的各子组件中导入各vue组件标识及各vue组件对应的页面参数信息,以获得子组件。
其中,各vue组件对应的页面参数信息至少包括:各vue组件对应的唯一标识、注册组件名称、组件注册数据函数、数据传递接口、及事件对象。
实际应用中,假设子组件包括服务地址输入组件,上述实施例可以实现为以下代码逻辑:
其中,Children表示其中内容为前述组件包含的子组件集合。testAddress为服务地址输入组件的唯一标识。Address.name为服务地址输入组件的名称。data等同于vue api中的data。isCheckAddress表示是否检查地址。addressInfo(data)表示地址信息(传入的参数)。this.serviceTime表示id为serviceTime的组件。this.serviceTime.a表示修改serviceTime组件中data属性里面a的值。mock表示拦截用户输入的数据。event表示三方组件内部所触发的事件。该事件由三方组件定义。
实际应用中,假设子组件包括服务时间组件,上述实施例可以实现为以下代码逻辑:
其中,type:ServiceTime.name表示类型:服务时间.名称。可选地,组件动态获取数据时,需要在数据前加v。例如,v-data、v-model、v-if。serviceTime.b表示使用模板。this.serviceTime表示id为serviceTime的组件。serviceTime.b表示修改serviceTime组件中data属性里面b的值。类似参数参见上文,此处不再展开。
通过上述两个代码逻辑,可以构建出服务地址输入组件和服务时间组件。进而,由服务地址输入组件和服务时间组件构建出vue组件集合。实际上,通过各种vue组件的组合,可以实现样式展示层级页面,并支持各vue组件间的互动。各vue组件间的互动比如是数据共享、数据传递。
另外,需要说明的是,上述两种代码逻辑仅为示例。实际应用中,上述子组件的实现方式还有多种,此处暂不展开。
103、通过页面描述对象中携带的解释器组件标识及vue组件标识,调用对应的解释器组件及vue组件,以渲染出待生成页面。
具体地,通过页面描述对象中携带的解释器组件标识及vue组件标识,调用对应的解释器组件及vue组件,以渲染出待生成页面,包括:
调用解释器组件标识对应的解释器组件,并调用vue组件标识对应的vue组件集合,以触发解释器组件及vue组件集合中各vue组件渲染出待生成页面。
仍以上文对子组件的假设为例,假设子组件包括服务地址输入组件和服务时间组件。通过上述服务地址输入组件和服务时间组件各自对应的代码逻辑建立vue组件集合之后,调用上述解释器组件标识对应的解释器组件,并调用服务地址输入组件和服务时间组件,渲染出如图2所示的页面。
可选地,103之后,还可以将页面展示数据分别存储于解释器组件及所述vue组件集合中各vue组件,以便保存当前页面展示数据,避免数据丢失,提高数据管理能力。
图1示出的页面生成方法,对于待生成页面,首先,可以确定该待生成页面的页面需求信息。进而,基于待生成页面的页面需求信息,采用应用程序接口生成与待生成页面对应的页面描述对象,该页面描述对象中携带有待生成页面的解释器组件标识及vue组件标识。这样,通过页面描述对象中携带的解释器组件标识及vue组件标识,可以调用该页面描述对象对应的解释器组件及vue组件,以渲染出待生成页面。综上,结合应用程序接口可以生成与待生成页面对应的页面描述对象,以便基于该页面描述对象更高效地渲染出待生成页面。比如,需要生成服务程序中的某一页面,结合应用程序接口可以生成与该某一页面对应的页面描述对象,从而通过页面描述对象中携带的解释器组件标识及vue组件标识,可以调用该页面描述对象对应的解释器组件及vue组件,以渲染出该某一页面。显然,本页面生成方案利用页面描述对象有效降低页面开发代码的编写工作量,简化页面开发流程,提高页面开发效率。
以下将详细描述本发明的一个或多个实施例的页面生成装置。本领域技术人员可以理解,这些页面生成装置均可使用市售的硬件组件通过本方案所教导的步骤进行配置来构成。
图3为本发明实施例提供的一种页面生成装置的结构示意图,如图3所示,该页面生成装置包括:确定模块11、生成模块12、渲染模块13。
确定模块11,用于确定待生成页面的页面需求信息;
生成模块12,用于基于页面需求信息,采用应用程序接口API生成与待生成页面对应的页面描述对象,页面描述对象中携带有待生成页面的解释器组件标识及vue组件标识;
渲染模块13,用于通过页面描述对象中携带的解释器组件标识及vue组件标识,调用对应的解释器组件及vue组件,以渲染出待生成页面。
可选地,在基于所述页面需求信息,采用应用程序接口API生成与所述待生成页面对应的页面描述对象的过程中,所述生成模块12具体可以用于:确定与所述页面需求信息对应的所述解释器组件;分析所述页面需求信息,并从所述vue组件库中选取与分析结果匹配的各vue组件以组成vue组件集合;根据所述解释器组件及所述vue组件集合,通过API创建所述页面描述对象。
可选地,在根据所述解释器组件及所述vue组件集合通过API创建所述页面描述对象的过程中,所述生成模块12具体可以用于:基于所述解释器组件创建所述页面描述对象中的父组件;基于所述vue组件集合创建所述页面描述对象中的子组件。
其中,所述父组件中携带有所述解释器组件标识,所述vue组件集合中各vue组件分别对应于所述页面描述对象的组件插槽中的各子组件,所述各子组件中携带有各自对应的各vue组件标识。
其中,可选地,所述子组件包括服务地址输入组件和/或服务时间组件。
可选地,在基于所述解释器组件创建所述页面描述对象中的父组件的过程中,所述生成模块12具体可以用于:确定所述解释器组件对应的所述解释器组件标识;根据所述页面需求信息,确定所述解释器组件对应的页面参数信息;建立待配置的父组件,并通过API在待配置的父组件中导入所述解释器组件标识及所述解释器组件对应的页面参数信息,以获得所述父组件。
其中,所述解释器组件对应的页面参数信息至少包括:所述解释器组件的唯一标识、注册组件名称、数据传递接口。
可选地,在基于所述vue组件集合创建所述页面描述对象中的子组件的过程中,所述生成模块12具体可以用于:确定所述vue组件集合中各vue组件对应的各vue组件标识;根据所述页面需求信息,确定所述各vue组件对应的页面参数信息;建立待配置的各子组件,并通过API在待配置的各子组件中导入所述各vue组件标识及所述各vue组件对应的页面参数信息,以获得所述子组件。
其中,所述各vue组件对应的页面参数信息至少包括:所述各vue组件对应的唯一标识、注册组件名称、组件注册数据函数、数据传递接口、及事件对象。
可选地,在通过所述页面描述对象中携带的所述解释器组件标识及所述vue组件标识,调用对应的解释器组件及vue组件,以渲染出所述待生成页面的过程中,所述渲染模块13具体可以用于:调用所述解释器组件标识对应的所述解释器组件,并调用所述vue组件标识对应的vue组件集合,以触发所述解释器组件及所述vue组件集合中各vue组件渲染出所述待生成页面。
可选地,该页面生成装置还包括:存储模块,用于在所述渲染模块13调用对应的解释器组件及vue组件之后,将所述页面展示数据分别存储于所述解释器组件及所述vue组件集合中各vue组件。
图3所示页面生成装置可以执行前述各实施例中提供的方法,本实施例未详细描述的部分,可参考前述实施例的相关说明,在此不再赘述。
在一个可能的设计中,上述图3所示的页面生成装置的结构可实现为一电子设备。如图4所示,该电子设备可以包括:处理器21、存储器22。其中,所述存储器22上存储有可执行代码,当所述可执行代码被所述处理器21执行时,至少使所述处理器21可以实现如前述实施例中提供的页面生成方法。
其中,该电子设备的结构中还可以包括通信接口23,用于与其他设备或通信网络通信。
另外,本发明实施例提供了一种非暂时性机器可读存储介质,所述非暂时性机器可读存储介质上存储有可执行代码,当所述可执行代码被无线路由器的处理器执行时,使所述处理器执行前述各实施例中提供的页面生成方法。
以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的各个模块可以是或者也可以不是物理上分开的。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下,即可以理解并实施。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到各实施方式可借助加必需的通用硬件平台的方式来实现,当然也可以通过硬件和软件结合的方式来实现。基于这样的理解,上述技术方案本质上或者说做出贡献的部分可以以计算机产品的形式体现出来,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
最后应说明的是:以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (10)
1.一种页面生成方法,其特征在于,包括:
确定待生成页面的页面需求信息;
基于所述页面需求信息,采用应用程序接口API生成与所述待生成页面对应的页面描述对象,所述页面描述对象中携带有所述待生成页面的解释器组件标识及vue组件标识;
通过所述页面描述对象中携带的所述解释器组件标识及所述vue组件标识,调用对应的解释器组件及vue组件,以渲染出所述待生成页面。
2.根据权利要求1所述的页面生成方法,其特征在于,所述基于所述页面需求信息,采用应用程序接口API生成与所述待生成页面对应的页面描述对象,包括:
确定与所述页面需求信息对应的所述解释器组件;
分析所述页面需求信息,并从所述vue组件库中选取与分析结果匹配的各vue组件以组成vue组件集合;
根据所述解释器组件及所述vue组件集合,通过API创建所述页面描述对象。
3.根据权利要求2所述的页面生成方法,其特征在于,所述根据所述解释器组件及所述vue组件集合通过API创建所述页面描述对象,包括:
基于所述解释器组件创建所述页面描述对象中的父组件,所述父组件中携带有所述解释器组件标识;
基于所述vue组件集合创建所述页面描述对象中的子组件,其中,所述vue组件集合中各vue组件分别对应于所述页面描述对象的组件插槽中的各子组件,所述各子组件中携带有各自对应的各vue组件标识。
4.根据权利要求3所述的页面生成方法,其特征在于,所述基于所述解释器组件创建所述页面描述对象中的父组件,包括:
确定所述解释器组件对应的所述解释器组件标识;
根据所述页面需求信息,确定所述解释器组件对应的页面参数信息;
建立待配置的父组件,并通过API在待配置的父组件中导入所述解释器组件标识及所述解释器组件对应的页面参数信息,以获得所述父组件;
其中,所述解释器组件对应的页面参数信息至少包括:所述解释器组件的唯一标识、注册组件名称、数据传递接口。
5.根据权利要求3所述的页面生成方法,其特征在于,所述基于所述vue组件集合创建所述页面描述对象中的子组件,包括:
确定所述vue组件集合中各vue组件对应的各vue组件标识;
根据所述页面需求信息,确定所述各vue组件对应的页面参数信息;
建立待配置的各子组件,并通过API在待配置的各子组件中导入所述各vue组件标识及所述各vue组件对应的页面参数信息,以获得所述子组件;
其中,所述各vue组件对应的页面参数信息至少包括:所述各vue组件对应的唯一标识、注册组件名称、组件注册数据函数、数据传递接口、及事件对象。
6.根据权利要求3或5所述的页面生成方法,其特征在于,所述子组件包括服务地址输入组件和/或服务时间组件。
7.根据权利要求1所述的页面生成方法,其特征在于,所述通过所述页面描述对象中携带的所述解释器组件标识及所述vue组件标识,调用对应的解释器组件及vue组件,以渲染出所述待生成页面,包括:
调用所述解释器组件标识对应的所述解释器组件,并调用所述vue组件标识对应的vue组件集合,以触发所述解释器组件及所述vue组件集合中各vue组件渲染出所述待生成页面。
8.根据权利要求1所述的页面生成方法,其特征在于,所述通过所述页面描述对象中携带的所述解释器组件标识及所述vue组件标识,调用对应的解释器组件及vue组件,以渲染出所述待生成页面之后,还包括:
将所述页面展示数据分别存储于所述解释器组件及所述vue组件集合中各vue组件。
9.一种页面生成装置,其特征在于,包括:
确定模块,用于确定待生成页面的页面需求信息;
生成模块,用于基于所述页面需求信息,采用应用程序接口API生成与所述待生成页面对应的页面描述对象,所述页面描述对象中携带有所述待生成页面的解释器组件标识及vue组件标识;
渲染模块,用于通过所述页面描述对象中携带的所述解释器组件标识及所述vue组件标识,调用对应的解释器组件及vue组件,以渲染出所述待生成页面。
10.一种电子设备,其特征在于,包括:存储器、处理器;其中,所述存储器上存储有可执行代码,当所述可执行代码被所述处理器执行时,使所述处理器执行如权利要求1至8中任一项所述的页面生成方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010879067.2A CN112114805B (zh) | 2020-08-27 | 2020-08-27 | 页面生成方法、装置、设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010879067.2A CN112114805B (zh) | 2020-08-27 | 2020-08-27 | 页面生成方法、装置、设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112114805A true CN112114805A (zh) | 2020-12-22 |
CN112114805B CN112114805B (zh) | 2023-05-12 |
Family
ID=73805013
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010879067.2A Active CN112114805B (zh) | 2020-08-27 | 2020-08-27 | 页面生成方法、装置、设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112114805B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113934414A (zh) * | 2021-09-14 | 2022-01-14 | 南方电网深圳数字电网研究院有限公司 | 基于Vue.js的移动端组件库的应用方法、装置及移动端组件库 |
CN114706583A (zh) * | 2022-04-07 | 2022-07-05 | 中国电信股份有限公司 | Web应用生成方法及装置、电子设备及存储介质 |
Citations (18)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020057837A1 (en) * | 2000-08-14 | 2002-05-16 | Tim Wilkinson | Portable operating environment for information devices |
US7451393B1 (en) * | 2003-12-23 | 2008-11-11 | Sun Microsystems, Inc. | System and method for a page rendering framework |
US20090099919A1 (en) * | 2007-07-18 | 2009-04-16 | Freepath, Inc. | Method, system and computer program product for formatting and delivery of playlist presentation content |
CN102737128A (zh) * | 2012-06-20 | 2012-10-17 | 深圳市远行科技有限公司 | 一种基于浏览器的动态页面处理方法及装置 |
CN106569800A (zh) * | 2016-10-17 | 2017-04-19 | 北京小米移动软件有限公司 | 前端界面生成方法及装置 |
CN108132783A (zh) * | 2016-11-30 | 2018-06-08 | 深圳联友科技有限公司 | 一种Web App的配置方法及装置 |
CN108255847A (zh) * | 2016-12-28 | 2018-07-06 | 腾讯科技(深圳)有限公司 | 页面生成方法及装置 |
CN108984714A (zh) * | 2018-07-09 | 2018-12-11 | 北京三快在线科技有限公司 | 页面渲染方法、装置、电子设备及计算机可读介质 |
CN109117228A (zh) * | 2018-08-01 | 2019-01-01 | 浙江口碑网络技术有限公司 | 图形界面的生成方法及装置 |
CN109508191A (zh) * | 2018-11-22 | 2019-03-22 | 北京腾云天下科技有限公司 | 一种代码生成方法及系统 |
CN109840303A (zh) * | 2019-01-02 | 2019-06-04 | 平安科技(深圳)有限公司 | 列表页面定制方法、装置、设备及计算机可读存储介质 |
CN110020356A (zh) * | 2017-10-16 | 2019-07-16 | 阿里巴巴集团控股有限公司 | 一种页面模块的代码生成方法、装置及系统 |
CN111090431A (zh) * | 2019-11-29 | 2020-05-01 | 亚信科技(南京)有限公司 | 一种数据处理方法及装置 |
CN111177621A (zh) * | 2019-12-23 | 2020-05-19 | 北京达佳互联信息技术有限公司 | 一种web页面开发方法、装置及系统 |
CN111259286A (zh) * | 2020-01-14 | 2020-06-09 | 上海英方软件股份有限公司 | 一种通用web页面布局生成装置及方法 |
CN111258577A (zh) * | 2019-12-02 | 2020-06-09 | 泰康保险集团股份有限公司 | 页面渲染方法、装置、电子设备和存储介质 |
CN111488148A (zh) * | 2020-03-09 | 2020-08-04 | 北京健康之家科技有限公司 | 网页源代码的生成方法及装置 |
CN111580819A (zh) * | 2020-05-21 | 2020-08-25 | 深圳华锐金融技术股份有限公司 | 页面生成方法、装置、计算机设备和存储介质 |
-
2020
- 2020-08-27 CN CN202010879067.2A patent/CN112114805B/zh active Active
Patent Citations (18)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020057837A1 (en) * | 2000-08-14 | 2002-05-16 | Tim Wilkinson | Portable operating environment for information devices |
US7451393B1 (en) * | 2003-12-23 | 2008-11-11 | Sun Microsystems, Inc. | System and method for a page rendering framework |
US20090099919A1 (en) * | 2007-07-18 | 2009-04-16 | Freepath, Inc. | Method, system and computer program product for formatting and delivery of playlist presentation content |
CN102737128A (zh) * | 2012-06-20 | 2012-10-17 | 深圳市远行科技有限公司 | 一种基于浏览器的动态页面处理方法及装置 |
CN106569800A (zh) * | 2016-10-17 | 2017-04-19 | 北京小米移动软件有限公司 | 前端界面生成方法及装置 |
CN108132783A (zh) * | 2016-11-30 | 2018-06-08 | 深圳联友科技有限公司 | 一种Web App的配置方法及装置 |
CN108255847A (zh) * | 2016-12-28 | 2018-07-06 | 腾讯科技(深圳)有限公司 | 页面生成方法及装置 |
CN110020356A (zh) * | 2017-10-16 | 2019-07-16 | 阿里巴巴集团控股有限公司 | 一种页面模块的代码生成方法、装置及系统 |
CN108984714A (zh) * | 2018-07-09 | 2018-12-11 | 北京三快在线科技有限公司 | 页面渲染方法、装置、电子设备及计算机可读介质 |
CN109117228A (zh) * | 2018-08-01 | 2019-01-01 | 浙江口碑网络技术有限公司 | 图形界面的生成方法及装置 |
CN109508191A (zh) * | 2018-11-22 | 2019-03-22 | 北京腾云天下科技有限公司 | 一种代码生成方法及系统 |
CN109840303A (zh) * | 2019-01-02 | 2019-06-04 | 平安科技(深圳)有限公司 | 列表页面定制方法、装置、设备及计算机可读存储介质 |
CN111090431A (zh) * | 2019-11-29 | 2020-05-01 | 亚信科技(南京)有限公司 | 一种数据处理方法及装置 |
CN111258577A (zh) * | 2019-12-02 | 2020-06-09 | 泰康保险集团股份有限公司 | 页面渲染方法、装置、电子设备和存储介质 |
CN111177621A (zh) * | 2019-12-23 | 2020-05-19 | 北京达佳互联信息技术有限公司 | 一种web页面开发方法、装置及系统 |
CN111259286A (zh) * | 2020-01-14 | 2020-06-09 | 上海英方软件股份有限公司 | 一种通用web页面布局生成装置及方法 |
CN111488148A (zh) * | 2020-03-09 | 2020-08-04 | 北京健康之家科技有限公司 | 网页源代码的生成方法及装置 |
CN111580819A (zh) * | 2020-05-21 | 2020-08-25 | 深圳华锐金融技术股份有限公司 | 页面生成方法、装置、计算机设备和存储介质 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113934414A (zh) * | 2021-09-14 | 2022-01-14 | 南方电网深圳数字电网研究院有限公司 | 基于Vue.js的移动端组件库的应用方法、装置及移动端组件库 |
CN114706583A (zh) * | 2022-04-07 | 2022-07-05 | 中国电信股份有限公司 | Web应用生成方法及装置、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN112114805B (zh) | 2023-05-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10942708B2 (en) | Generating web API specification from online documentation | |
US9575950B2 (en) | Systems and methods for managing spreadsheet models | |
JP2021504781A (ja) | ブロックに基づく文書メタデータの抽出のための方法、コンピュータ・プログラム及びシステム | |
CN111324833A (zh) | 页面展示方法、装置、电子设计及计算机可读介质 | |
CN112114805B (zh) | 页面生成方法、装置、设备 | |
CN113535165A (zh) | 界面生成方法、装置、电子设备及计算机可读存储介质 | |
Del Sole | Microsoft computer vision APIs distilled: Getting started with cognitive services | |
KR101552914B1 (ko) | 웹 서버 어플리케이션 프레임워크 장치와 프레임워크를 이용한 웹 어플리케이션 처리 방법 및 이를 구현할 수 있는 컴퓨터로 읽을 수 있는 기록 매체 | |
CN113495730A (zh) | 资源包的生成及解析方法和装置 | |
CN117289905B (zh) | 一种应用软件开发方法和装置、存储介质和电子设备 | |
US11604662B2 (en) | System and method for accelerating modernization of user interfaces in a computing environment | |
Del Sole | Microsoft computer vision apis distilled | |
CN110928540A (zh) | 一种页面生成方法及装置 | |
CN112732254B (zh) | 网页开发方法、装置、计算机设备和存储介质 | |
Martinez et al. | Migrating c/c++ software to mobile platforms in the adm context | |
CN111507079B (zh) | 一种多语言文档生成方法及系统和设备 | |
CN114489607A (zh) | 跨栈应用处理与页面渲染方法、装置、设备及存储介质 | |
CN114356291A (zh) | 基于配置文件生成表单的方法、装置、设备及介质 | |
CN113961279A (zh) | 页面渲染方法、装置、服务器和存储介质 | |
CN101676905A (zh) | 基于用户定制的规则修改资源内容的布局 | |
CN112860259B (zh) | 界面处理方法、装置、电子设备、存储介质 | |
CN111367515B (zh) | 页面卡片的开发方法、装置、计算设备和存储介质 | |
CN116595284B (zh) | 网页系统运行方法、装置、设备、存储介质和程序 | |
CN116820555B (zh) | 应用程序的分包方法、装置、电子设备及可读存储介质 | |
CN117251231B (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |