CN108228288A - 一种组件***及其调用方法和装置 - Google Patents
一种组件***及其调用方法和装置 Download PDFInfo
- Publication number
- CN108228288A CN108228288A CN201611200017.7A CN201611200017A CN108228288A CN 108228288 A CN108228288 A CN 108228288A CN 201611200017 A CN201611200017 A CN 201611200017A CN 108228288 A CN108228288 A CN 108228288A
- Authority
- CN
- China
- Prior art keywords
- page
- component
- user
- service logic
- module
- 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
Links
Classifications
-
- 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
-
- 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/76—Adapting program code to run in a different environment; Porting
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
本发明涉及移动终端技术领域,尤其涉及一种组件***及其调用方法和装置,为了解决现有技术中,技术人员针对不同操作***中的不同平台参数对应的应用程序,需要采用相应的编程语言进行开发,而导致开发效率较低的问题,本发明提供的组件***,在同一个组件中,为不同的平台参数设置了相应格式的组件代码,这样,在该组件被运行前,通过提取用户终端的平台参数,然后再获取该平台参数对应的组件代码,直接运行该组件代码,无需考虑兼容性,也无需封装不同平台参数各自对应的组件,节约了开发时间,从而提高了开发效率。
Description
技术领域
本发明涉及移动终端技术领域,尤其涉及一种组件***及其调用方法和装置。
背景技术
移动终端的发展带动了应用于移动终端的应用程序(Application,APP)的火热,现有技术下,技术人员在进行APP开发时,通常是采用的原生APP开发,即,采用原生程序进行开发,如,Android操作***下的APP是采用JAVA语言开发的,IOS操作***下的APP是采用Object-C语言开发的,Windows操作***下的APP是采用C#语言开发的。
对于技术人员来说,开发任意一种操作***的APP,需要熟练掌握该操作***对应的开发语言,对于技术人员来说,技术成本较高,现有技术下,Facebook公司提供了一种原生移动应用开发框架React Native,然而,现有的基于React Native框架创建的组件只能应用在一种操作***下,如,组件A只能用于开发IOS操作***的APP,组件B只能用于开发Android操作***的APP。
因此,为了简化技术人员的开发过程,以及提高开发效率,设计了一种新的基于React Native的跨平台组件***以克服上述技术缺陷。
发明内容
本发明实施例提供一种组件***及其调用方法和装置,用于解决现有技术中,技术人员针对不同操作***中的不同平台参数对应的应用程序,需要采用相应的编程语言进行开发,而导致技术人员开发效率较低的问题。
本发明实施例提供的具体技术方案如下:
一种组件***,至少包括业务逻辑对象模块、根组件模块和子组件模块,其中,
业务逻辑对象模块,用于向根组件模块提供至少一种业务逻辑方法;
根组件模块,用于接收用户终端发送的指令,并基于所述指令,指示子组件模块对页面元素进行渲染以向用户呈现展示页面,以及调用所述业务逻辑对象模块提供的业务逻辑方法对所述展示页面进行修改,并将修改后的展示页面呈现给用户;
子组件模块,用于根据所述根组件模块的指示,获取所述用户终端的平台参数,并获取对应所述平台参数设置的相应格式的组件代码,以及执行所述组件代码,对页面元素进行渲染。
可选的,向根组件模块提供至少一种业务逻辑方法之前,所述业务逻辑对象模块用于:
获取至少一种业务功能需求;
分别确定每一种业务功能需求对应的业务逻辑方法,并分别为每一种业务逻辑方法封装对应的接口信息,其中,一种业务逻辑方法对应至少一个子组件模块。
可选的,基于所述指令,指示子组件模块对页面元素进行渲染以向用户呈现展示页面之前,所述根组件模块用于:
对所述子组件模块进行初始化,将所述子组件模块设为默认状态。
可选的,基于所述指令,指示子组件模块对页面元素进行渲染以向用户呈现展示页面时,所述根组件模块用于:
向所述子组件模块提供属性列表,所述属性列表包含所述子组件模块对应的各个页面元素的属性值;
指示所述子组件模块基于所述属性列表中的每一个属性值,分别对相应的页面元素进行渲染;
将渲染后的各个页面元素进行组合,并向用户呈现展示页面,所述展示页面包含所述各个页面元素。
可选的,调用所述业务逻辑对象模块提供的业务逻辑方法对所述展示页面进行修改之前,所述根组件模块用于:
分别记录所述业务逻辑对象模块提供的所述每一种业务逻辑方法对应的接口信息。
可选的,调用所述业务逻辑对象模块提供的业务逻辑方法对所述展示页面进行修改,并将修改后的展示页面呈现给用户时,所述根组件模块用于:
监测用户对所述展示页面的操作行为;
基于用户对所述展示页面中任意一个页面元素的操作行为,确定所述任意一个页面元素对应的子组件模块;
基于所述子组件模块,确定所述子组件模块对应的业务逻辑方法;
通过所述业务逻辑方法的接口信息,调用所述业务逻辑方法,在对应的存储位置对所述任意一个页面元素的状态进行修改,并将修改后的状态呈现给用户。
一种组件***的调用方法,包括:
接收用户终端发送的指令;
基于所述指令,获取所述用户终端的平台参数,并获取对应所述平台参数设置的相应格式的组件代码;
执行所述组件代码,对页面元素进行渲染以向用户呈现展示页面;
调用设定的业务逻辑方法对所述展示页面进行修改,并将修改后的展示页面呈现给用户。
可选的,获取对应所述平台参数设置的相应格式的组件代码之后,执行所述组件代码,对页面元素进行渲染之前,还包括:
对所述组件代码进行初始化,将所述组件代码中包含的所有对象设为默认状态。
可选的,执行所述组件代码,对页面元素进行渲染以向用户呈现展示页面,包括:
在属性列表中,获取各个页面元素对应的属性值;
基于每一个属性值,分别对相应的页面元素进行渲染;
将渲染后的各个页面元素进行组合,并向用户呈现展示页面,所述展示页面包含所述各个页面元素。
可选的,调用设定的业务逻辑方法对所述展示页面进行修改之前,还包括:
获取至少一种业务功能需求;
分别确定每一种业务功能需求对应的业务逻辑方法,并分别为每一种业务逻辑方法封装对应的接口信息,其中,一种业务逻辑方法对应至少一个页面元素;
分别记录所述每一种业务逻辑方法对应的接口信息。
可选的,调用设定的业务逻辑方法对所述展示页面进行修改,并将修改后的展示页面呈现给用户,包括:
监测用户对所述展示页面的操作行为;
基于用户对所述展示页面中任意一个页面元素的操作行为,确定所述任意一个页面元素对应的业务逻辑方法;
通过所述业务逻辑方法的接口信息,调用所述业务逻辑方法,在对应的存储位置对所述任意一个页面元素的状态进行修改,并将修改后的状态呈现给用户。
一种组件***的调用装置,包括:
接收单元,用于接收用户终端发送的指令;
获取单元,用于基于所述指令,获取所述用户终端的平台参数,并获取对应所述平台参数设置的相应格式的组件代码;
第一处理单元,用于执行所述组件代码,对页面元素进行渲染以向用户呈现展示页面;
第二处理单元,用于调用设定的业务逻辑方法对所述展示页面进行修改,并将修改后的展示页面呈现给用户。
可选的,获取对应所述平台参数设置的相应格式的组件代码之后,执行所述组件代码,对页面元素进行渲染之前,所述第一处理单元还用于:
对所述组件代码进行初始化,将所述组件代码中包含的所有对象设为默认状态。
可选的,执行所述组件代码,对页面元素进行渲染以向用户呈现展示页面时,所述第一处理单元用于:
在属性列表中,获取各个页面元素对应的属性值;
基于每一个属性值,分别对相应的页面元素进行渲染;
将渲染后的各个页面元素进行组合,并向用户呈现展示页面,所述展示页面包含所述各个页面元素。
可选的,调用设定的业务逻辑方法对所述展示页面进行修改之前,所述第二处理单元还用于:
获取至少一种业务功能需求;
分别确定每一种业务功能需求对应的业务逻辑方法,并分别为每一种业务逻辑方法封装对应的接口信息,其中,一种业务逻辑方法对应至少一个页面元素;
分别记录所述每一种业务逻辑方法对应的接口信息。
可选的,调用设定的业务逻辑方法对所述展示页面进行修改,并将修改后的展示页面呈现给用户时,所述第二处理单元用于:
监测用户对所述展示页面的操作行为;
基于用户对所述展示页面中任意一个页面元素的操作行为,确定所述任意一个页面元素对应的业务逻辑方法;
通过所述业务逻辑方法的接口信息,调用所述业务逻辑方法,在对应的存储位置对所述任意一个页面元素的状态进行修改,并将修改后的状态呈现给用户。
本发明实例中,提供了一种组件***,在同一个组件中,为不同的平台参数设置了相应格式的组件代码,这样,在该组件被运行前,通过提取用户终端的平台参数,然后再获取该平台参数对应的组件代码,直接运行该组件代码,无需考虑兼容性,也无需封装不同平台参数各自对应的组件,节约了开发时间,从而提高了开发效率。
附图说明
图1为本发明实施例中组件***结构图;
图2为本发明实施例中组件***调用方法流程图;
图3为本发明实施例中登录界面示例图;
图4为本发明实施例中交互示例图;
图5为本发明实施例中组件***调用装置结构图。
具体实施方式
为了降低开发成本,提高开发效率,本发明实施例中,提供了一种组件***,通过获取用户终端的平台参数,获取对应平台参数设置的相应格式的组件代码,然后,执行该组件代码对页面元素进行渲染,以向用户呈现展示页面,以及基于设定的业务逻辑方法对展示页面进行修改,实现用户交互。
下面通过具体实施例对本发明方案进行详细描述,当然,本发明并不限于以下实施例。
由于,不同操作***之间的平台参数不一样,为了能将一个组件同时能应用在多个操作***下,本发明实施中,提供了一种组件***,为不同操作***的不同的平台参数,设置了相应格式的组件代码,这样,在运行前,通过提取用户终端的平台参数,就可以运行已设置的对应该平台参数的组件代码,无需再为不同的操作***封装不同格式的组件。
具体的,参阅图1所示,本发明实施例中,设计的一种组件***,至少包括业务逻辑对象模块10、根组件模块11和子组件模块12,其中,
业务逻辑对象模块10,用于向根组件模块11提供至少一种业务逻辑方法;
根组件模块11,用于接收用户终端发送的指令,并基于指令,指示子组件模块12对页面元素进行渲染以向用户呈现展示页面,以及调用业务逻辑对象模块10提供的业务逻辑方法对展示页面进行修改,并将修改后的展示页面呈现给用户;
子组件模块12,用于根据根组件模块11的指示,获取用户终端的平台参数,并获取对应平台参数设置的相应格式的组件代码,以及执行组件代码,对页面元素进行渲染。
较佳的,本发明实施例中,提供的组件***是基于React Native框架的,根组件模块(也可称root组件模块)由N个子组件模块(也可称view子组件模块)组合而成,其中,子组件模块只用于对页面元素进行渲染显示,并根据根组件模块提供的属性列表(也可称Props列表)进行传值和回调,完成通信,而具体页面功能则由业务逻辑对象模块向根组件模块提供,如,鼠标左击输入、键盘Enter键输入等等。
具体的,参阅图2所示,本发明实施例中,一种组件***的调用方法的具体流程如下:
步骤200:组件***接收用户终端发送的指令。
具体的,用户通过用户终端上的应用程序(Application,APP)访问组件***时,可以通过点击用户终端屏幕,或者,通过滑动用户终端屏幕,向组件***发送的指令,组件***接收用户终端发送的指令。
进一步地,组件***包括根组件模块、子组件模块和业务逻辑对象模块,其中,组件***是通过根组件模块实现交互,因此,在组件***中,是通过根组件模块接收用户终端发送的指令,而且,无论是根组件还是子组件,在被创建时,均要设置对应的组件标识,以在后续调用时能被识别,。
例如,以登录界面为例,参阅图3所示,根组件模块对应为整个登录界面,“用户名”框、“密码”框和“登录按钮”均为子组件模块,并将“登录按钮”子组件模块的业务功能设定为,检测到“用户名”和“密码”同时输入正确时,鼠标左击“登录”按钮即可跳转至业务首页,检测到“用户名”和“密码”至少存在一个输入错误时,显示提示“密码输入错误”或“用户名输入错误”页面,检测到用户点击该登录界面对应的APP时,确定用户进入登录界面。
步骤210:组件***基于接收到的指令,获取用户终端的平台参数,并获取对应该平台参数设置的相应格式的组件代码。
具体的,由于不同的操作***对应的平台参数不同,因此,本发明实施例中,在封装每一个组件时,会对应不同操作***的不同平台参数设置相应格式的组件代码,以实现不同操作***之间的兼容。
进一步地,组件***中的根组件模块在接收到用户终端的指令后,会指示子组件模块对页面元素进行渲染以向用户呈现展示页面,而子组件模块会根据根组件模块的指示,先获取用户终端的平台参数,以判断当前用户终端的操作***,然后,再从包含的所有组件代码中提取,预先为该操作***的平台参数设置的相应格式的组件代码。
由于,在本发明实施例提供的组件***是基于React Native框架,因此,在对应平台参数设置相应格式的组件代码时,需要基于IOS操作***和Android操作***各自的平台参数,设置相应格式的组件代码。
例如,仍以登录界面为例,若子组件模块获取到用户终端的平台参数后,判断当前用户终端的操作***为IOS,那么,此时“用户名”子组件、“密码”子组件和“登录按钮”子组件,会在各自包含的组件代码中,提取出为IOS的平台参数设置的相应格式的组件代码A。
又例如,仍以登录界面为例,若子组件模块获取到用户终端的平台参数后,判断当前用户终端的操作***为IOS,那么,此时“用户名”子组件、“密码”子组件和“登录按钮”子组件,会在各自包含的组件代码中,提取出为Android的平台参数设置的相应格式的组件代码B。
步骤220:组件***执行获取的组件代码,并对页面元素进行渲染,以向用户呈现展示页面。
具体的,组件***中的子组件模块在获取到对应的组件代码后,会执行获取到的组件代码,并对页面元素进行渲染,以向用户呈现展示页面。
进一步地,在子组件模块对页面元素进行渲染以向用户呈现展示页面之前,组件***中的根组件模块会对该根组件模块包含的子组件模块进行初始化,将子组件模块设为默认状态。
又进一步地,由于子组件模块是根据根组件模块提供的属性列表而对页面元素进行渲染的,因此,根组件模块在完成子组件模块的初始化后,会向外提供Props列表,即,向子组件模块提供属性列表,而属性列表包含了子组件模块对应的各个页面元素的属性值,然后,指示子组件模块基于该属性列表中的每一个属性值分别对应相应的页面元素进行渲染,并将渲染后的各个页面元素进行组合,并向用户呈现展示页面,其中,展示页面包含上述各个页面元素。
例如,仍以登录界面为例,若根组件向“用户名”子组件和“密码”子组件提供的属性列表中各自对应的显示属性值分别为“ABC”和“123”,且登录界面设置为记住用户名和密码模式,那么,当用户已使用过该登录界面成功登录之后,且再次重新进入登录界面时,向用户呈现的展示页面中,“用户名”框里会显示“ABC”,而“密码”框中则会显示“123”,。
又例如,仍以登录界面为例,若根组件向“用户名”子组件和“密码”子组件提供的属性列表中各自对应的显示属性值分别为“123”和“0”,且登录界面设置为不记录用户名和密码模式,那么,不管用户是否使用过该登录界面成功登录,向用户呈现的展示页面中,“用户名”框和“密码”框中都不显示任何值。
步骤230:组件***设定的业务逻辑方法对该展示页面进行修改,并将修改后的展示页面呈现给用户。
具体的,本发明实施例中,子组件模块只提供对页面元素进行渲染的功能,以及根据根组件模块提供的属性列表进行相应的值显示功能,根组件模块实现的所有的页面功能对应的业务逻辑方法,都是由组件***中的业务逻辑对象模块提供,因此,需要设定的业务逻辑方法将子组件对页面元素进行渲染后得到的展示页面进行修改,然后再将修改后的展示页面呈现给用户。
进一步地,在业务逻辑对象模块向根组件模块提供业务逻辑方法之前,会将先获取至少一种业务功能需求,如,页面功能中的鼠标点击当前展示页面任意位置可进入下一页等等,并为获取到的每一种业务功能需求确定对应的业务逻辑方法,以及为每一种业务逻辑方法封装对应的接口信息,其中,一种业务逻辑方法对应至少一个子组件模块。
又进一步地,根组件模块会监测用户对该展示页面的操作行为,然后,基于用户对该展示页面中任意一个页面元素的操作行为,确定该任意一个页面元素对应的子组件模块,基于该子组件模块,确定该子组件模块对应的业务逻辑方法,通过该业务逻辑方法的接口信息,调用该业务逻辑方法,在对应的存储位置对该任意一个页面元素的状态进行修改,并将修改后的状态呈现给用户,本发明实施例中,root组件模块会调用业务逻辑方法在Store中(存储位置,可以理解为数据仓库)修改状态(State),然后将修改结果通过dispatch返回至root组件模块,由root组件模块将修改后的状态呈现给用户,参阅图4所示。
例如,仍以登录页面为例,假设正确的用户名为“ABC”,正确的密码为“123”,若根组件模块监测到用户在“用户名”框和“密码”框中分别输入“ABC”和“123”时,会跳转到业务首页,若根组件模块监测到用户在“用户名”框和“密码”框中分别输入的值至少一个与正确的“ABC”和“123”相违背时,会显示提示“密码输入错误”或“用户名输入错误”页面。
当然,本发明实施例中,一个展示页面可以由一个组件***实现,如上述流程,也可以由多个组件***实现,各个组件***在执行各自对应的功能时,与上述流程一致。
参阅图5所示,本发明实施例中,组件***的调用装置包括接收单元50、获取单元51、第一处理单元52和第二处理单元53,其中,
接收单元50,用于接收用户终端发送的指令;
获取单元51,用于基于所述指令,获取所述用户终端的平台参数,并获取对应所述平台参数设置的相应格式的组件代码;
第一处理单元52,用于执行所述组件代码,对页面元素进行渲染以向用户呈现展示页面;
第二处理单元53,用于调用设定的业务逻辑方法对所述展示页面进行修改,并将修改后的展示页面呈现给用户。
可选的,获取对应所述平台参数设置的相应格式的组件代码之后,执行所述组件代码,对页面元素进行渲染之前,所述第一处理单元52还用于:
对所述组件代码进行初始化,将所述组件代码中包含的所有对象设为默认状态。
可选的,执行所述组件代码,对页面元素进行渲染以向用户呈现展示页面时,所述第一处理单元52用于:
在属性列表中,获取各个页面元素对应的属性值;
基于每一个属性值,分别对相应的页面元素进行渲染;
将渲染后的各个页面元素进行组合,并向用户呈现展示页面,所述展示页面包含所述各个页面元素。
可选的,调用设定的业务逻辑方法对所述展示页面进行修改之前,所述第二处理单元53还用于:
获取至少一种业务功能需求;
分别确定每一种业务功能需求对应的业务逻辑方法,并分别为每一种业务逻辑方法封装对应的接口信息,其中,一种业务逻辑方法对应至少一个页面元素;
分别记录所述每一种业务逻辑方法对应的接口信息。
可选的,调用设定的业务逻辑方法对所述展示页面进行修改,并将修改后的展示页面呈现给用户时,所述第二处理单元53用于:
监测用户对所述展示页面的操作行为;
基于用户对所述展示页面中任意一个页面元素的操作行为,确定所述任意一个页面元素对应的业务逻辑方法;
通过所述业务逻辑方法的接口信息,调用所述业务逻辑方法,在对应的存储位置对所述任意一个页面元素的状态进行修改,并将修改后的状态呈现给用户。
本发明实例中,提供了一种组件***,在同一个组件中,为不同的平台参数设置了相应格式的组件代码,这样,在该组件被运行前,通过提取用户终端的平台参数,然后再获取该平台参数对应的组件代码,直接运行该组件代码,无需考虑兼容性,也无需封装不同平台参数各自对应的组件,节约了开发时间,从而提高了开发效率。
本领域内的技术人员应明白,本发明的实施例可提供为方法、***、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本发明的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例作出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。
显然,本领域的技术人员可以对本发明实施例进行各种改动和变型而不脱离本发明实施例的精神和范围。这样,倘若本发明实施例的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包含这些改动和变型在内。
Claims (16)
1.一种组件***,其特征在于,至少包括业务逻辑对象模块、根组件模块和子组件模块,其中,
业务逻辑对象模块,用于向根组件模块提供至少一种业务逻辑方法;
根组件模块,用于接收用户终端发送的指令,并基于所述指令,指示子组件模块对页面元素进行渲染以向用户呈现展示页面,以及调用所述业务逻辑对象模块提供的业务逻辑方法对所述展示页面进行修改,并将修改后的展示页面呈现给用户;
子组件模块,用于根据所述根组件模块的指示,获取所述用户终端的平台参数,并获取对应所述平台参数设置的相应格式的组件代码,以及执行所述组件代码,对页面元素进行渲染。
2.如权利要求1所述的***,其特征在于,向根组件模块提供至少一种业务逻辑方法之前,所述业务逻辑对象模块用于:
获取至少一种业务功能需求;
分别确定每一种业务功能需求对应的业务逻辑方法,并分别为每一种业务逻辑方法封装对应的接口信息,其中,一种业务逻辑方法对应至少一个子组件模块。
3.如权利要求1所述的***,其特征在于,基于所述指令,指示子组件模块对页面元素进行渲染以向用户呈现展示页面之前,所述根组件模块用于:
对所述子组件模块进行初始化,将所述子组件模块设为默认状态。
4.如权利要求1所述的***,其特征在于,基于所述指令,指示子组件模块对页面元素进行渲染以向用户呈现展示页面时,所述根组件模块用于:
向所述子组件模块提供属性列表,所述属性列表包含所述子组件模块对应的各个页面元素的属性值;
指示所述子组件模块基于所述属性列表中的每一个属性值,分别对相应的页面元素进行渲染;
将渲染后的各个页面元素进行组合,并向用户呈现展示页面,所述展示页面包含所述各个页面元素。
5.如权利要求1所述的***,其特征在于,调用所述业务逻辑对象模块提供的业务逻辑方法对所述展示页面进行修改之前,所述根组件模块用于:
分别记录所述业务逻辑对象模块提供的所述每一种业务逻辑方法对应的接口信息。
6.如权利要求1-5任一项所述的***,其特征在于,调用所述业务逻辑对象模块提供的业务逻辑方法对所述展示页面进行修改,并将修改后的展示页面呈现给用户时,所述根组件模块用于:
监测用户对所述展示页面的操作行为;
基于用户对所述展示页面中任意一个页面元素的操作行为,确定所述任意一个页面元素对应的子组件模块;
基于所述子组件模块,确定所述子组件模块对应的业务逻辑方法;
通过所述业务逻辑方法的接口信息,调用所述业务逻辑方法,在对应的存储位置对所述任意一个页面元素的状态进行修改,并将修改后的状态呈现给用户。
7.一种组件***的调用方法,其特征在于,包括:
接收用户终端发送的指令;
基于所述指令,获取所述用户终端的平台参数,并获取对应所述平台参数设置的相应格式的组件代码;
执行所述组件代码,对页面元素进行渲染以向用户呈现展示页面;
调用设定的业务逻辑方法对所述展示页面进行修改,并将修改后的展示页面呈现给用户。
8.如权利要求7所述的方法,其特征在于,获取对应所述平台参数设置的相应格式的组件代码之后,执行所述组件代码,对页面元素进行渲染之前,还包括:
对所述组件代码进行初始化,将所述组件代码中包含的所有对象设为默认状态。
9.如权利要求7所述的方法,其特征在于,执行所述组件代码,对页面元素进行渲染以向用户呈现展示页面,包括:
在属性列表中,获取各个页面元素对应的属性值;
基于每一个属性值,分别对相应的页面元素进行渲染;
将渲染后的各个页面元素进行组合,并向用户呈现展示页面,所述展示页面包含所述各个页面元素。
10.如权利要求7-9任一项所述的方法,其特征在于,调用设定的业务逻辑方法对所述展示页面进行修改之前,还包括:
获取至少一种业务功能需求;
分别确定每一种业务功能需求对应的业务逻辑方法,并分别为每一种业务逻辑方法封装对应的接口信息,其中,一种业务逻辑方法对应至少一个页面元素;
分别记录所述每一种业务逻辑方法对应的接口信息。
11.如权利要求10所述的方法,其特征在于,调用设定的业务逻辑方法对所述展示页面进行修改,并将修改后的展示页面呈现给用户,包括:
监测用户对所述展示页面的操作行为;
基于用户对所述展示页面中任意一个页面元素的操作行为,确定所述任意一个页面元素对应的业务逻辑方法;
通过所述业务逻辑方法的接口信息,调用所述业务逻辑方法,在对应的存储位置对所述任意一个页面元素的状态进行修改,并将修改后的状态呈现给用户。
12.一种组件***的调用装置,其特征在于,包括:
接收单元,用于接收用户终端发送的指令;
获取单元,用于基于所述指令,获取所述用户终端的平台参数,并获取对应所述平台参数设置的相应格式的组件代码;
第一处理单元,用于执行所述组件代码,对页面元素进行渲染以向用户呈现展示页面;
第二处理单元,用于调用设定的业务逻辑方法对所述展示页面进行修改,并将修改后的展示页面呈现给用户。
13.如权利要求12所述的装置,其特征在于,获取对应所述平台参数设置的相应格式的组件代码之后,执行所述组件代码,对页面元素进行渲染之前,所述第一处理单元还用于:
对所述组件代码进行初始化,将所述组件代码中包含的所有对象设为默认状态。
14.如权利要求12所述的装置,其特征在于,执行所述组件代码,对页面元素进行渲染以向用户呈现展示页面时,所述第一处理单元用于:
在属性列表中,获取各个页面元素对应的属性值;
基于每一个属性值,分别对相应的页面元素进行渲染;
将渲染后的各个页面元素进行组合,并向用户呈现展示页面,所述展示页面包含所述各个页面元素。
15.如权利要求12-14任一项所述的装置,其特征在于,调用设定的业务逻辑方法对所述展示页面进行修改之前,所述第二处理单元还用于:
获取至少一种业务功能需求;
分别确定每一种业务功能需求对应的业务逻辑方法,并分别为每一种业务逻辑方法封装对应的接口信息,其中,一种业务逻辑方法对应至少一个页面元素;
分别记录所述每一种业务逻辑方法对应的接口信息。
16.如权利要求15所述的装置,其特征在于,调用设定的业务逻辑方法对所述展示页面进行修改,并将修改后的展示页面呈现给用户时,所述第二处理单元用于:
监测用户对所述展示页面的操作行为;
基于用户对所述展示页面中任意一个页面元素的操作行为,确定所述任意一个页面元素对应的业务逻辑方法;
通过所述业务逻辑方法的接口信息,调用所述业务逻辑方法,在对应的存储位置对所述任意一个页面元素的状态进行修改,并将修改后的状态呈现给用户。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201611200017.7A CN108228288A (zh) | 2016-12-22 | 2016-12-22 | 一种组件***及其调用方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201611200017.7A CN108228288A (zh) | 2016-12-22 | 2016-12-22 | 一种组件***及其调用方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN108228288A true CN108228288A (zh) | 2018-06-29 |
Family
ID=62656336
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201611200017.7A Pending CN108228288A (zh) | 2016-12-22 | 2016-12-22 | 一种组件***及其调用方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108228288A (zh) |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109144478A (zh) * | 2018-07-12 | 2019-01-04 | 北京猫眼文化传媒有限公司 | 组件框架***以及组件框架***的使用方法 |
CN109460230A (zh) * | 2018-11-09 | 2019-03-12 | 苏宁消费金融有限公司 | 一种页面间传值和业务逻辑复用的方法和*** |
CN109522077A (zh) * | 2018-11-15 | 2019-03-26 | 中国电子科技集团公司第四十研究所 | 一种适用于仪器软面板的通用参数设置方法 |
CN109976756A (zh) * | 2019-03-11 | 2019-07-05 | 宸瑞普惠(广州)科技有限公司 | Ui显示效果一致性的处理方法与*** |
CN110046021A (zh) * | 2019-05-21 | 2019-07-23 | 北京字节跳动网络技术有限公司 | 一种页面显示方法、装置、***、设备和存储介质 |
CN110059278A (zh) * | 2019-03-12 | 2019-07-26 | 平安普惠企业管理有限公司 | Web页面配置方法、服务器及计算机可读存储介质 |
CN110069312A (zh) * | 2019-04-26 | 2019-07-30 | 北京三快在线科技有限公司 | 一种ui组件配置和生成ui组件库的方法及装置 |
CN111090431A (zh) * | 2019-11-29 | 2020-05-01 | 亚信科技(南京)有限公司 | 一种数据处理方法及装置 |
CN111310083A (zh) * | 2018-12-11 | 2020-06-19 | 阿里巴巴集团控股有限公司 | 页面展示方法及装置、*** |
CN112114777A (zh) * | 2020-09-09 | 2020-12-22 | 深圳市紫金支点技术股份有限公司 | 一种atmc应用软件开发方法、智能终端、存储介质 |
CN112631699A (zh) * | 2020-12-21 | 2021-04-09 | 平安普惠企业管理有限公司 | 应用程序显示方法、装置、设备及计算机存储介质 |
CN112860344A (zh) * | 2021-02-19 | 2021-05-28 | 中国工商银行股份有限公司 | 组件处理方法、装置、电子设备和存储介质 |
CN116450305A (zh) * | 2023-06-16 | 2023-07-18 | 北京长亭科技有限公司 | 基于分布式任务调度的soar平台组件执行方法与装置 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104636147A (zh) * | 2015-03-09 | 2015-05-20 | 北京恒华伟业科技股份有限公司 | 一种跨平台移动应用的实现方法和*** |
-
2016
- 2016-12-22 CN CN201611200017.7A patent/CN108228288A/zh active Pending
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104636147A (zh) * | 2015-03-09 | 2015-05-20 | 北京恒华伟业科技股份有限公司 | 一种跨平台移动应用的实现方法和*** |
Non-Patent Citations (2)
Title |
---|
CNSNAKE11: "ReactNative的组件架构设计", 《SEGMENTFAULT思否》 * |
STRAWFERRY: "React Native特定平台选择-Platform", 《CSDN》 * |
Cited By (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109144478A (zh) * | 2018-07-12 | 2019-01-04 | 北京猫眼文化传媒有限公司 | 组件框架***以及组件框架***的使用方法 |
CN109460230A (zh) * | 2018-11-09 | 2019-03-12 | 苏宁消费金融有限公司 | 一种页面间传值和业务逻辑复用的方法和*** |
CN109522077A (zh) * | 2018-11-15 | 2019-03-26 | 中国电子科技集团公司第四十研究所 | 一种适用于仪器软面板的通用参数设置方法 |
CN111310083A (zh) * | 2018-12-11 | 2020-06-19 | 阿里巴巴集团控股有限公司 | 页面展示方法及装置、*** |
CN111310083B (zh) * | 2018-12-11 | 2023-05-02 | 阿里巴巴集团控股有限公司 | 页面展示方法及装置、*** |
CN109976756B (zh) * | 2019-03-11 | 2022-11-11 | 宸瑞普惠(广州)科技有限公司 | Ui显示效果一致性的处理方法与*** |
CN109976756A (zh) * | 2019-03-11 | 2019-07-05 | 宸瑞普惠(广州)科技有限公司 | Ui显示效果一致性的处理方法与*** |
CN110059278A (zh) * | 2019-03-12 | 2019-07-26 | 平安普惠企业管理有限公司 | Web页面配置方法、服务器及计算机可读存储介质 |
CN110069312A (zh) * | 2019-04-26 | 2019-07-30 | 北京三快在线科技有限公司 | 一种ui组件配置和生成ui组件库的方法及装置 |
CN110046021A (zh) * | 2019-05-21 | 2019-07-23 | 北京字节跳动网络技术有限公司 | 一种页面显示方法、装置、***、设备和存储介质 |
CN111090431A (zh) * | 2019-11-29 | 2020-05-01 | 亚信科技(南京)有限公司 | 一种数据处理方法及装置 |
CN111090431B (zh) * | 2019-11-29 | 2024-02-23 | 亚信科技(南京)有限公司 | 一种数据处理方法及装置 |
CN112114777A (zh) * | 2020-09-09 | 2020-12-22 | 深圳市紫金支点技术股份有限公司 | 一种atmc应用软件开发方法、智能终端、存储介质 |
CN112631699A (zh) * | 2020-12-21 | 2021-04-09 | 平安普惠企业管理有限公司 | 应用程序显示方法、装置、设备及计算机存储介质 |
CN112860344A (zh) * | 2021-02-19 | 2021-05-28 | 中国工商银行股份有限公司 | 组件处理方法、装置、电子设备和存储介质 |
CN116450305A (zh) * | 2023-06-16 | 2023-07-18 | 北京长亭科技有限公司 | 基于分布式任务调度的soar平台组件执行方法与装置 |
CN116450305B (zh) * | 2023-06-16 | 2023-09-12 | 北京长亭科技有限公司 | 基于分布式任务调度的soar平台组件执行方法与装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108228288A (zh) | 一种组件***及其调用方法和装置 | |
CN108959068B (zh) | 软件界面测试方法、设备及存储介质 | |
US10810113B2 (en) | Method and apparatus for creating reference images for an automated test of software with a graphical user interface | |
CN107122301A (zh) | 界面测试方法及装置 | |
CN109725901A (zh) | 前端代码的开发方法、装置、设备和计算机存储介质 | |
JP2014510482A (ja) | モバイル・コミュニケーション・デバイスのコンテンツをテストするシステムおよび方法 | |
CN104391797A (zh) | Gui控件的识别方法和装置 | |
US20210073108A1 (en) | Virtualized device-based test system and method thereof | |
CN104571874B (zh) | 动态切换键盘背景的方法和装置 | |
CN109918604A (zh) | 网页绘图方法、装置、设备及存储介质 | |
US11245601B2 (en) | Automated integrated test system and method thereof | |
CN112445564B (zh) | 界面显示方法及电子设备、计算机可读存储介质 | |
CN110750255A (zh) | 一种小程序渲染方法和装置 | |
US20220350581A1 (en) | Generating applications for versatile platform deployment | |
CN107526676A (zh) | 一种跨***测试方法及装置 | |
CN106919406A (zh) | 一种桌面应用组件发布、更新方法及装置 | |
CN107193465B (zh) | 一种触控页面展示方法及*** | |
CN107548083A (zh) | 无线接入点功能测试方法及设备 | |
US20170039037A1 (en) | Live mobile application visual editor demo | |
US11080939B1 (en) | Generating test cases for augmented reality (AR) application testing | |
CN105930166A (zh) | 一种基于web界面弹出层的方法 | |
CN105069328B (zh) | 一种数据处理方法和装置 | |
JP7029557B1 (ja) | 判定装置、判定方法および判定プログラム | |
US11687351B2 (en) | Creating and exporting graphical user interfaces for video game runtime environments | |
CN108241488A (zh) | 一种生成app界面的***及方法 |
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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180629 |
|
RJ01 | Rejection of invention patent application after publication |