CN111124544A - 界面显示方法、装置、电子设备及存储介质 - Google Patents
界面显示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN111124544A CN111124544A CN201911359705.1A CN201911359705A CN111124544A CN 111124544 A CN111124544 A CN 111124544A CN 201911359705 A CN201911359705 A CN 201911359705A CN 111124544 A CN111124544 A CN 111124544A
- Authority
- CN
- China
- Prior art keywords
- interface
- component
- target
- initial
- components
- 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
- 238000000034 method Methods 0.000 title claims abstract description 40
- 238000009877 rendering Methods 0.000 claims abstract description 26
- 230000003993 interaction Effects 0.000 claims description 43
- 238000004891 communication Methods 0.000 claims description 18
- 230000002452 interceptive effect Effects 0.000 claims description 13
- 230000002159 abnormal effect Effects 0.000 claims description 7
- 238000004590 computer program Methods 0.000 claims description 7
- 238000004806 packaging method and process Methods 0.000 claims description 7
- 238000012827 research and development Methods 0.000 abstract description 20
- 238000011160 research Methods 0.000 abstract description 2
- 238000010586 diagram Methods 0.000 description 6
- 230000008569 process Effects 0.000 description 5
- 230000009471 action Effects 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 238000013500 data storage Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
Images
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/44505—Configuring for program initiating, e.g. using registry, configuration files
-
- 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/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种界面显示方法、装置、电子设备及存储介质。所述方法包括：获取界面加载请求；所述界面加载请求包含界面配置信息；根据所述界面加载请求，获取初始UI界面；根据预先创建的UI组件库，获取与所述界面配置信息匹配的目标UI组件；基于所述目标UI组件对所述初始UI界面进行配置，生成目标UI界面；渲染显示所述目标UI界面。本发明可以减少研发人员的工作量，且减少了UI界面变更后重新研发的时间，降低了研发成本的投入。
Description
技术领域
本发明涉及UI界面显示技术领域，特别是涉及一种界面显示方法、装置、电子设备及存储介质。
背景技术
用户界面(User Interface，UI)的渲染通常情况下需要经过应用的逻辑执行、框架层的逻辑执行以及布局等操作生成用户界面渲染命令，再通过渲染引擎执行用户界面渲染命令以对用户界面进行渲染。
目前，移动前端UI界面会经常发生改动，那么就需要修改UI界面的原码、xml(Extensible Markup Language，可扩展标记语言)、xib(拖控件编程，xib即为文件后缀)等前端布局文件，此种方式会导致之前写的代码被废弃，甚至需要重新开发。
上述修改UI界面的方式，导致研发人员的工作量较大，比较耗时，且增加了开发成本。
发明内容
本发明实施例的目的在于提供一种界面显示方法、装置、电子设备及存储介质，以实现减少研发人员的工作量，降低了研发成本的投入的目的。具体技术方案如下：
在本发明实施的第一方面，提供了一种界面显示方法，包括：
获取界面加载请求；所述界面加载请求包含界面配置信息；
根据所述界面加载请求，获取初始UI界面；
根据预先创建的UI组件库，获取与所述界面配置信息匹配的目标UI组件；
基于所述目标UI组件对所述初始UI界面进行配置，生成目标UI界面；
渲染显示所述目标UI界面。
可选地，在所述获取界面加载请求之前，还包括：
创建初始UI组件库；
将预先编译生成的多个UI控件封装成相应的UI组件；所述目标UI组件为多个所述UI组件中的组件；
将多个所述UI组件添加至所述初始UI组件库，生成所述UI组件库。
可选地，所述将多个所述UI组件添加至所述初始UI组件库，生成所述UI组件库，包括：
根据每个所述UI控件的布局信息及至少两个所述UI控件之间的交互信息，确定每个所述UI组件的组件布局信息，及与至少两个所述UI控件对应的UI组件之间的组件交互信息；
将多个所述UI组件、每个所述UI组件的组件布局信息、及至少两个所述UI组件之间的组件交互信息添加至所述初始UI组件库，生成所述UI组件库。
可选地，所述基于所述目标UI组件对所述初始UI界面进行配置，生成目标UI界面，包括：
获取所述目标UI组件对应的目标组件布局信息，及所述目标UI组件对应的目标组件交互信息；
基于所述目标UI组件、所述目标组件布局信息及所述目标组件交互信息，生成所述目标UI界面。
可选地，在所述渲染显示所述目标UI界面之后，还包括：
保存所述目标UI界面；
在接收到针对所述初始UI界面的下一界面加载请求，且当前网络异常的情况下，渲染显示保存的所述目标UI界面。
在本发明实施的第二方面，提供了一种界面显示装置，包括：
界面加载请求获取模块，用于获取界面加载请求；所述界面加载请求包含界面配置信息；
初始UI界面获取模块，用于根据所述界面加载请求，获取初始UI界面；
目标UI组件获取模块，用于根据预先创建的UI组件库，获取与所述界面配置信息匹配的目标UI组件；
目标UI界面生成模块，用于基于所述目标UI组件对所述初始UI界面进行配置，生成目标UI界面；
目标UI界面渲染模块，用于渲染显示所述目标UI界面。
可选地，还包括：
UI组件库创建模块，用于初始创建初始UI组件库；
UI组成生成模块，用于将预先编译生成的多个UI控件封装成相应的UI组件；所述目标UI组件为多个所述UI组件中的组件；
UI组件库生成模块，用于将多个所述UI组件添加至所述初始UI组件库，生成所述UI组件库。
可选地，所述UI组件库生成模块包括：
布局交互信息确定子模块，用于根据每个所述UI控件的布局信息及至少两个所述UI控件之间的交互信息，确定每个所述UI组件的组件布局信息，及与至少两个所述UI控件对应的UI组件之间的组件交互信息；
UI组件库生成子模块，用于将多个所述UI组件、每个所述UI组件的组件布局信息、及至少两个所述UI组件之间的组件交互信息添加至所述初始UI组件库，生成所述UI组件库。
可选地，所述目标UI界面生成模块包括：
目标布局交互获取子模块，用于获取所述目标UI组件对应的目标组件布局信息，及所述目标UI组件对应的目标组件交互信息；
目标UI界面生成子模块，用于基于所述目标UI组件、所述目标组件布局信息及所述目标组件交互信息，生成所述目标UI界面。
可选地，还包括：
目标UI界面保存模块，用于保存所述目标UI界面；
UI界面渲染显示模块，用于在接收到针对所述初始UI界面的下一界面加载请求，且当前网络异常的情况下，渲染显示保存的所述目标UI界面。
在本发明实施的又一方面，提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；
存储器，用于存放计算机程序；
处理器，用于执行存储器上所存放的程序时，实现上述界面显示方法。
在本发明实施的又一方面，还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述界面显示方法。
本发明实施例提供的界面显示方案，通过获取界面加载请求，界面加载请求包含界面配置信息，根据界面加载请求获取初始UI界面，根据预先创建的UI组件库，获取与界面配置信息匹配的目标UI组件，基于目标UI组件对初始UI界面进行配置，生成目标UI界面，渲染显示目标UI界面。本发明实施例通过预先创建UI组件，在需要对UI界面进行修改时，可以直接通过UI组件库中的UI组件进行UI界面的配置，无需重新开发代码，可以减少研发人员的工作量，且减少了UI界面变更后重新研发的时间，降低了研发成本的投入。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。
图1为本发明实施例一提供的一种界面显示方法的步骤流程图；
图2为本发明实施例二提供的一种界面显示方法的步骤流程图；
图3为本发明实施例提供的一种界面显示***的结构框图；
图4为本发明实施例三提供的一种界面显示装置的结构框图；
图5为本发明实施例四提供的一种界面显示装置的结构框图；
图6为本发明实施例提供的一种电子设备的结构框图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行描述。
参照图1，示出了本发明实施例一提供的一种界面显示方法的步骤流程图。如图1所示，该界面显示方法可以包括如下步骤：
步骤101：获取界面加载请求；所述界面加载请求包含界面配置信息。
在本发明实施例中，界面加载请求是指由客户端发起的用于请求加载一个UI界面的请求。
在某些示例中，可以通过预先在客户端侧设置一个交互接口，客户端用户可以通过交互接口输入生成界面加载请求的语音，通过对语音进行识别，以获取界面加载请求。
在某些示例中，可以通过客户端用户点击一个UI界面的触发按钮，通过该点击操作获取界面加载请求。
可以理解地，上述示例仅是为了更好地理解本发明实施例的技术方案而列举的示例，不作为对本发明实施例的唯一限制。
界面配置信息是指用户对请求的UI界面进行自定义设置的信息，如修改UI界面的布局、UI界面的显示信息等等，具体地，可以根据实际情况而定，本发明实施例对此不加以限制。
在界面加载请求中包含有用户设置的界面配置信息，通过该界面配置信息可以用于获取相应的UI组件。
在获取界面加载请求之后，执行步骤102。
步骤102：根据所述界面加载请求，获取初始UI界面。
初始UI界面是指界面加载请求用于请求加载的UI界面，也即原始的UI界面。
在获取界面加载请求之后，可以对界面加载请求进行解析，从而获取所请求的初始UI界面，及界面加载请求中包含的界面配置信息。具体地，可以分为以下两种情况：
1、在客户端侧对界面加载请求进行解析
在客户端侧获取到界面加载请求之后，可以直接对界面加载请求进行解析，从而可以根据界面加载请求中所包含的UI界面的URL(Uniform Resource Locator，统一资源定位符)，确定出初始UI界面，并获取其中所包含的界面配置信息。
2、在服务器侧对界面加载请求进行解析
在客户端侧获取到界面加载请求之后，可以将界面加载请求发送至服务器侧，并由服务器对界面加载请求进行解析，以根据界面加载请求中所包含的UI界面的URL，确定出初始UI界面，并获取其中所包含的界面配置信息。
在根据界面加载请求获取初始UI界面之后，执行步骤103。
步骤103：根据预先创建的UI组件库，获取与所述界面配置信息匹配的目标UI组件。
在本发明中，目标UI组件是指与界面配置信息匹配的UI组件。
预先创建有UI组件库，在UI组件库中包含有多个UI组件。
UI组件库中的UI组件是由研发人员将常用的UI控件进行封装得到的组件，UI组件库中的每个UI组件均是相互独立的，并且，在两个或多个组件之间可以预先建立相互关联，生成更高阶的组件。
在获取界面配置信息之后，可以根据界面配置信息从预先创建的UI组件库中获取匹配的目标UI组件，例如，界面配置信息中包含有对某个UI控件的显示信息进行更改，更改为“xxx”，从而可以从预先创建的UI组件库中获取显示信息为“xxx”的UI组件，作为目标UI组件。
可以理解地，上述示例仅是为了更好地理解本发明实施例的技术方案而列举的示例，不作为对本发明实施例的唯一限制。
在根据预先创建的UI组件库，获取与界面配置信息匹配的目标UI组件之后，执行步骤104。
步骤104：基于所述目标UI组件对所述初始UI界面进行配置，生成目标UI界面。
目标UI界面是指对初始UI界面进行调整之后，得到的UI界面。
在获取目标UI组件之后，可以根据目标UI组件对初始UI界面进行配置，从而可以生成目标UI界面，例如，目标UI组件为初始UI界面中的第一个UI控件进行配置的组件，在得到目标UI组件和初始UI界面之后，可以将目标UI组件对初始UI界面中的第一UI控件进行替换，从而能够生成目标UI界面。
可以理解地，上述示例仅是为了更好地理解本发明实施例的技术方案而列举的示例，不作为对本发明实施例的唯一限制。
在基于目标UI组件对初始UI界面进行配置生成目标UI界面之后，执行步骤105。
步骤105：渲染显示所述目标UI界面。
在生成目标UI界面之后，可以渲染显示目标UI界面。
本发明实施例通过对UI界面进行自定义配置，可以实现UI界面的个性化显示，且根据预先设置的UI组件即可实现UI界面的动态配置，无需重新开发代码。
本发明实施例提供的界面显示方法，通过获取界面加载请求，界面加载请求包含界面配置信息，根据界面加载请求获取初始UI界面，根据预先创建的UI组件库，获取与界面配置信息匹配的目标UI组件，基于目标UI组件对初始UI界面进行配置，生成目标UI界面，渲染显示目标UI界面。本发明实施例通过预先创建UI组件，在需要对UI界面进行修改时，可以直接通过UI组件库中的UI组件进行UI界面的配置，无需重新开发代码，可以减少研发人员的工作量，且减少了UI界面变更后重新研发的时间，降低了研发成本的投入。
参照图2，示出了本发明实施例二提供的一种界面显示方法的步骤流程图。如图2所示，该界面显示方法可以包括如下步骤：
步骤201：创建初始UI组件库。
在本发明实施例中，初始UI组件库是指预先创建的用于存储指定的UI组件的库，初始UI组件库是一个空库，即还未添加指定的UI组件的库。
业务人员可以预先创建初始UI组件库，以用于后续过程中添加指定的UI组件。
在创建初始UI组件库之后，执行步骤202。
步骤202：将预先编译生成的多个UI控件封装成相应的UI组件。
多个UI控件是指项目中常用的UI控件。
在本发明中，可以预先编译生成多个常用的UI控件，并将多个UI控件封装成一个个单独的UI组件，每个UI组件是相互独立的，即各个UI组件之间互不干扰，可以单独调用一个UI组件。
下述步骤中提及的目标UI组件封装得到的多个UI组件中的UI组件。
在将预先编译生成的多个UI控件封装成相应的UI组件之后，执行步骤203。
步骤203：将多个所述UI组件添加至所述初始UI组件库，生成所述UI组件库。
在将预先编译生成的多个UI组件添加至初始UI组件库之后，可以得到UI组件库。
当然，在将预先编译生成的多个UI组件添加至初始UI组件库时，还可以预先建立至少两个UI控件之间的交互关系，具体地，结合下述优选实施例进行详细描述。
在本发明的一种优选实施例中，上述步骤203可以包括：
子步骤S1：根据每个所述UI控件的布局信息及至少两个所述UI控件之间的交互信息，确定每个所述UI组件的组件布局信息，及与至少两个所述UI控件对应的UI组件之间的组件交互信息。
在本发明实施例中，组件交互信息是指组件之间的交互信息，如点击A组件对应的控件可以跳转至B组件对应的控件，点击B组件对应的控件可以跳转至C组件对应的控件，那么，A组件、B组件和C组件之间存在交互关系，可以确定A组件、B组件和C组件之间的组件交互信息。
可以理解地，上述示例仅是为了更好地理解本发明实施例的技术方案而列举的示例，不作为对本发明实施例的唯一限制。
在获取多个UI组件之后，可以根据每个UI控件的布局信息及至少两个UI控件之间的交互信息，确定每个UI组件的组件布局信息，及与至少两个UI控件对应的UI组件之间的组件交互信息。
在确定每个UI组件的组件布局信息，及与至少两个UI控件对应的UI组件之间的组件交互信息之后，执行子步骤S2。
子步骤S2：将多个所述UI组件、每个所述UI组件的组件布局信息、及至少两个所述UI组件之间的组件交互信息添加至所述初始UI组件库，生成所述UI组件库。
在确定出每个UI组件的组件布局信息，及与至少两个UI控件对应的UI组件之间的组件交互信息之后，可以将多个UI组件、每个UI组件的组件布局信息、及至少两个UI组件之间的组件交互信息添加至初始UI组件库，可以生成UI组件库。如图3所示，在客户端可以预先设置一个JSON-UI转换器，可以根据客户端常用的UI界面，得到常用的UI控件，并将这些UI控件添加至JSON-UI转换器，由JSON-UI转换器对这些UI控件进行单独封装，以封装成一个个单独的UI组件，并将UI组件添加至初始UI组件库，能够得到UI组件库。
在将多个UI组件添加至初始UI组件库生成UI组件库之后，执行步骤204。
步骤204：获取界面加载请求；所述界面加载请求包含界面配置信息。
界面加载请求是指由客户端发起的用于请求加载一个UI界面的请求。
在某些示例中，可以通过预先在客户端侧设置一个交互接口，客户端用户可以通过交互接口输入生成界面加载请求的语音，通过对语音进行识别，以获取界面加载请求。
在某些示例中，可以通过客户端用户点击一个UI界面的触发按钮，通过该点击操作获取界面加载请求。
可以理解地，上述示例仅是为了更好地理解本发明实施例的技术方案而列举的示例，不作为对本发明实施例的唯一限制。
界面配置信息是指用户对请求的UI界面进行自定义设置的信息，如修改UI界面的布局、UI界面的显示信息等等，具体地，可以根据实际情况而定，本发明实施例对此不加以限制。
在界面加载请求中包含有用户设置的界面配置信息，通过该界面配置信息可以用于获取相应的UI组件。
在获取界面加载请求之后，执行步骤102。
步骤205：根据所述界面加载请求，获取初始UI界面。
步骤206：根据预先创建的UI组件库，获取与所述界面配置信息匹配的目标UI组件。
在获取界面加载请求之后，可以将界面加载请求发送至服务器，如图3所示，由服务器对界面加载请求进行解析，以根据界面加载请求中所包含的UI界面的URL，确定出初始UI界面，并获取其中所包含的界面配置信息。并由服务器根据界面配置信息从预先创建的UI组件库中查找匹配的目标UI组件，由服务器将初始UI界面和目标UI组件发送给客户端。
客户端可以获取服务器发送的初始UI界面和目标UI组件，进而，执行步骤207。
步骤207：获取所述目标UI组件对应的目标组件布局信息，及所述目标UI组件对应的目标组件交互信息。
目标组件布局信息是指目标UI组件的布局信息。
目标组件交互信息是指目标UI组件之间存在的交互信息，可以根据层次将目标UI组件一一添加到父视图中，添加完成之后再根据布局参数设置控件的布局方式。
在获取目标UI组件之后，可以获取目标UI组件对应的目标组件布局信息及目标UI组件对应的目标组件交互信息，进而，执行步骤208。
步骤208：基于所述目标UI组件、所述目标组件布局信息及所述目标组件交互信息，生成所述目标UI界面。
在得到目标UI组件、目标组件布局信息和目标组件交互信息之后，可以结合这些信息，对初始UI界面进行更改，以得到目标UI界面。
步骤209：渲染显示所述目标UI界面。
在生成目标UI界面之后，可以渲染显示目标UI界面。
本发明实施例通过对UI界面进行自定义配置，可以实现UI界面的个性化显示，且根据预先设置的UI组件即可实现UI界面的动态配置，无需重新开发代码。
步骤210：保存所述目标UI界面。
在生成目标UI界面之后，可以将目标UI界面保存于客户端侧，进而，执行步骤211。
步骤211：在接收到针对所述初始UI界面的下一界面加载请求，且当前网络异常的情况下，渲染显示保存的所述目标UI界面。
下一界面加载请求是指客户端侧发起的用于请求加载UI界面的请求。
为了避免有时候断网打开app(Application，应用程序)不能正常显示页面，可以在本地保存目标UI界面，先加载本地保存的目标UI界面，然后请求成功后刷新页面，并保存最新的UI界面至本地。
从而能够在下一次请求，且网络异常时，渲染显示保存的最新的UI界面。
本发明实施例提供的界面显示方法，通过获取界面加载请求，界面加载请求包含界面配置信息，根据界面加载请求获取初始UI界面，根据预先创建的UI组件库，获取与界面配置信息匹配的目标UI组件，基于目标UI组件对初始UI界面进行配置，生成目标UI界面，渲染显示目标UI界面。本发明实施例通过预先创建UI组件，在需要对UI界面进行修改时，可以直接通过UI组件库中的UI组件进行UI界面的配置，无需重新开发代码，可以减少研发人员的工作量，且减少了UI界面变更后重新研发的时间，降低了研发成本的投入。
参照图4，示出了本发明实施例三提供的一种界面显示装置的结构框图。如图4所示，该界面显示装置300可以包括如下模块：
界面加载请求获取模块301，用于获取界面加载请求；所述界面加载请求包含界面配置信息；
初始UI界面获取模块302，用于根据所述界面加载请求，获取初始UI界面；
目标UI组件获取模块303，用于根据预先创建的UI组件库，获取与所述界面配置信息匹配的目标UI组件；
目标UI界面生成模块304，用于基于所述目标UI组件对所述初始UI界面进行配置，生成目标UI界面；
目标UI界面渲染模块305，用于渲染显示所述目标UI界面。
本发明实施例提供的界面显示装置，通过获取界面加载请求，界面加载请求包含界面配置信息，根据界面加载请求获取初始UI界面，根据预先创建的UI组件库，获取与界面配置信息匹配的目标UI组件，基于目标UI组件对初始UI界面进行配置，生成目标UI界面，渲染显示目标UI界面。本发明实施例通过预先创建UI组件，在需要对UI界面进行修改时，可以直接通过UI组件库中的UI组件进行UI界面的配置，无需重新开发代码，可以减少研发人员的工作量，且减少了UI界面变更后重新研发的时间，降低了研发成本的投入。
参照图5，示出了本发明实施例四提供的一种界面显示装置的结构框图。如图5所示，该界面显示装置400可以包括如下模块：
UI组件库创建模块401，用于初始创建初始UI组件库；
UI组成生成模块402，用于将预先编译生成的多个UI控件封装成相应的UI组件；所述目标UI组件为多个所述UI组件中的组件；
UI组件库生成模块403，用于将多个所述UI组件添加至所述初始UI组件库，生成所述UI组件库；
界面加载请求获取模块404，用于获取界面加载请求；所述界面加载请求包含界面配置信息；
初始UI界面获取模块405，用于根据所述界面加载请求，获取初始UI界面；
目标UI组件获取模块406，用于根据预先创建的UI组件库，获取与所述界面配置信息匹配的目标UI组件；
目标UI界面生成模块407，用于基于所述目标UI组件对所述初始UI界面进行配置，生成目标UI界面；
目标UI界面渲染模块408，用于渲染显示所述目标UI界面；
目标UI界面保存模块409，用于保存所述目标UI界面；
UI界面渲染显示模块410，用于在接收到针对所述初始UI界面的下一界面加载请求，且当前网络异常的情况下，渲染显示保存的所述目标UI界面。
可选地，所述UI组件库生成模块403包括：
布局交互信息确定子模块，用于根据每个所述UI控件的布局信息及至少两个所述UI控件之间的交互信息，确定每个所述UI组件的组件布局信息，及与至少两个所述UI控件对应的UI组件之间的组件交互信息；
UI组件库生成子模块，用于将多个所述UI组件、每个所述UI组件的组件布局信息、及至少两个所述UI组件之间的组件交互信息添加至所述初始UI组件库，生成所述UI组件库。
可选地，所述目标UI界面生成模块407包括：
目标布局交互获取子模块4071，用于获取所述目标UI组件对应的目标组件布局信息，及所述目标UI组件对应的目标组件交互信息；
目标UI界面生成子模块4072，用于基于所述目标UI组件、所述目标组件布局信息及所述目标组件交互信息，生成所述目标UI界面。
本发明实施例提供的界面显示装置，通过获取界面加载请求，界面加载请求包含界面配置信息，根据界面加载请求获取初始UI界面，根据预先创建的UI组件库，获取与界面配置信息匹配的目标UI组件，基于目标UI组件对初始UI界面进行配置，生成目标UI界面，渲染显示目标UI界面。本发明实施例通过预先创建UI组件，在需要对UI界面进行修改时，可以直接通过UI组件库中的UI组件进行UI界面的配置，无需重新开发代码，可以减少研发人员的工作量，且减少了UI界面变更后重新研发的时间，降低了研发成本的投入。
本发明实施例还提供了一种电子设备，如图6所示，包括处理器601、通信接口602、存储器603和通信总线604，其中，处理器601，通信接口602，存储器603通过通信总线604完成相互间的通信，
存储器603，用于存放计算机程序；
处理器601，用于执行存储器603上所存放的程序时，实现如下步骤：
获取界面加载请求；所述界面加载请求包含界面配置信息；
根据所述界面加载请求，获取初始UI界面；
根据预先创建的UI组件库，获取与所述界面配置信息匹配的目标UI组件；
基于所述目标UI组件对所述初始UI界面进行配置，生成目标UI界面；
渲染显示所述目标UI界面。
可选地，在所述获取界面加载请求之前，还包括：
创建初始UI组件库；
将预先编译生成的多个UI控件封装成相应的UI组件；所述目标UI组件为多个所述UI组件中的组件；
将多个所述UI组件添加至所述初始UI组件库，生成所述UI组件库。
可选地，所述将多个所述UI组件添加至所述初始UI组件库，生成所述UI组件库，包括：
根据每个所述UI控件的布局信息及至少两个所述UI控件之间的交互信息，确定每个所述UI组件的组件布局信息，及与至少两个所述UI控件对应的UI组件之间的组件交互信息；
将多个所述UI组件、每个所述UI组件的组件布局信息、及至少两个所述UI组件之间的组件交互信息添加至所述初始UI组件库，生成所述UI组件库。
可选地，所述基于所述目标UI组件对所述初始UI界面进行配置，生成目标UI界面，包括：
获取所述目标UI组件对应的目标组件布局信息，及所述目标UI组件对应的目标组件交互信息；
基于所述目标UI组件、所述目标组件布局信息及所述目标组件交互信息，生成所述目标UI界面。
可选地，在所述渲染显示所述目标UI界面之后，还包括：
保存所述目标UI界面；
在接收到针对所述初始UI界面的下一界面加载请求，且当前网络异常的情况下，渲染显示保存的所述目标UI界面。
上述终端提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect，简称PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture，简称EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述终端与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory，简称RAM)，也可以包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(Digital Signal Processing，简称DSP)、专用集成电路(Application SpecificIntegrated Circuit，简称ASIC)、现场可编程门阵列(Field－Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在本发明提供的又一实施例中，还提供了一种计算机可读存储介质，该计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述实施例中任一项所述的界面显示方法。
在本发明提供的又一实施例中，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述实施例中任一项所述的界面显示方法。
在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。
需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于***实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。
Claims (10)
1.一种界面显示方法，其特征在于，包括：
获取界面加载请求；所述界面加载请求包含界面配置信息；
根据所述界面加载请求，获取初始UI界面；
根据预先创建的UI组件库，获取与所述界面配置信息匹配的目标UI组件；
基于所述目标UI组件对所述初始UI界面进行配置，生成目标UI界面；
渲染显示所述目标UI界面。
2.根据权利要求1所述的方法，其特征在于，在所述获取界面加载请求之前，还包括：
创建初始UI组件库；
将预先编译生成的多个UI控件封装成相应的UI组件；所述目标UI组件为多个所述UI组件中的组件；
将多个所述UI组件添加至所述初始UI组件库，生成所述UI组件库。
3.根据权利要求2所述的方法，其特征在于，所述将多个所述UI组件添加至所述初始UI组件库，生成所述UI组件库，包括：
根据每个所述UI控件的布局信息及至少两个所述UI控件之间的交互信息，确定每个所述UI组件的组件布局信息，及与至少两个所述UI控件对应的UI组件之间的组件交互信息；
将多个所述UI组件、每个所述UI组件的组件布局信息、及至少两个所述UI组件之间的组件交互信息添加至所述初始UI组件库，生成所述UI组件库。
4.根据权利要求3所述的方法，其特征在于，所述基于所述目标UI组件对所述初始UI界面进行配置，生成目标UI界面，包括：
获取所述目标UI组件对应的目标组件布局信息，及所述目标UI组件对应的目标组件交互信息；
基于所述目标UI组件、所述目标组件布局信息及所述目标组件交互信息，生成所述目标UI界面。
5.根据权利要求1所述的方法，其特征在于，在所述渲染显示所述目标UI界面之后，还包括：
保存所述目标UI界面；
在接收到针对所述初始UI界面的下一界面加载请求，且当前网络异常的情况下，渲染显示保存的所述目标UI界面。
6.一种界面显示装置，其特征在于，包括：
界面加载请求获取模块，用于获取界面加载请求；所述界面加载请求包含界面配置信息；
初始UI界面获取模块，用于根据所述界面加载请求，获取初始UI界面；
目标UI组件获取模块，用于根据预先创建的UI组件库，获取与所述界面配置信息匹配的目标UI组件；
目标UI界面生成模块，用于基于所述目标UI组件对所述初始UI界面进行配置，生成目标UI界面；
目标UI界面渲染模块，用于渲染显示所述目标UI界面。
7.根据权利要求6所述的装置，其特征在于，还包括：
UI组件库创建模块，用于初始创建初始UI组件库；
UI组成生成模块，用于将预先编译生成的多个UI控件封装成相应的UI组件；所述目标UI组件为多个所述UI组件中的组件；
UI组件库生成模块，用于将多个所述UI组件添加至所述初始UI组件库，生成所述UI组件库。
8.根据权利要求7所述的信息，其特征在于，所述UI组件库生成模块包括：
布局交互信息确定子模块，用于根据每个所述UI控件的布局信息及至少两个所述UI控件之间的交互信息，确定每个所述UI组件的组件布局信息，及与至少两个所述UI控件对应的UI组件之间的组件交互信息；
UI组件库生成子模块，用于将多个所述UI组件、每个所述UI组件的组件布局信息、及至少两个所述UI组件之间的组件交互信息添加至所述初始UI组件库，生成所述UI组件库。
9.一种电子设备，其特征在于，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；
存储器，用于存放计算机程序；
处理器，用于执行存储器上所存放的程序时，实现权利要求1至5中任一项所述的界面显示方法。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-5中任一所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911359705.1A CN111124544A (zh) | 2019-12-25 | 2019-12-25 | 界面显示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911359705.1A CN111124544A (zh) | 2019-12-25 | 2019-12-25 | 界面显示方法、装置、电子设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111124544A true CN111124544A (zh) | 2020-05-08 |
Family
ID=70503828
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911359705.1A Pending CN111124544A (zh) | 2019-12-25 | 2019-12-25 | 界面显示方法、装置、电子设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111124544A (zh) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111708519A (zh) * | 2020-06-12 | 2020-09-25 | 北京思特奇信息技术股份有限公司 | 一种业务组件的处理方法、装置、设备和存储介质 |
| CN111796819A (zh) * | 2020-05-19 | 2020-10-20 | 北京三快在线科技有限公司 | 小程序界面生成方法、装置、电子设备及可读存储介质 |
| CN112199097A (zh) * | 2020-10-13 | 2021-01-08 | 深圳市广和通无线股份有限公司 | 安装包生成方法、装置、计算机设备和存储介质 |
| CN113794921A (zh) * | 2021-09-10 | 2021-12-14 | 京东方科技集团股份有限公司 | 一种交互界面加载方法及交互界面加载装置 |
| CN114153539A (zh) * | 2020-12-31 | 2022-03-08 | 万翼科技有限公司 | 前端应用界面生成方法、装置、电子设备和存储介质 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103870266A (zh) * | 2012-12-12 | 2014-06-18 | 杭州新世纪电子科技有限公司 | 一种页面生成方法和*** |
| CN105117234A (zh) * | 2015-09-16 | 2015-12-02 | 北京金和网络股份有限公司 | 一种web控件组合方法 |
| CN106598655A (zh) * | 2016-12-05 | 2017-04-26 | 腾讯科技（深圳）有限公司 | 应用程序页面处理方法和装置 |
| CN106815007A (zh) * | 2015-12-02 | 2017-06-09 | 阿里巴巴集团控股有限公司 | 应用程序的处理方法和装置 |
| CN108664296A (zh) * | 2017-03-31 | 2018-10-16 | 阿里巴巴集团控股有限公司 | 一种页面渲染方法和装置、一种页面处理方法和装置 |
| CN108846087A (zh) * | 2018-06-12 | 2018-11-20 | 恒生电子股份有限公司 | 一种页面渲染方法、装置、终端及服务器 |
| CN109343903A (zh) * | 2018-09-26 | 2019-02-15 | 深圳壹账通智能科技有限公司 | 一种更新用户界面的方法及终端 |
-
2019
- 2019-12-25 CN CN201911359705.1A patent/CN111124544A/zh active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103870266A (zh) * | 2012-12-12 | 2014-06-18 | 杭州新世纪电子科技有限公司 | 一种页面生成方法和*** |
| CN105117234A (zh) * | 2015-09-16 | 2015-12-02 | 北京金和网络股份有限公司 | 一种web控件组合方法 |
| CN106815007A (zh) * | 2015-12-02 | 2017-06-09 | 阿里巴巴集团控股有限公司 | 应用程序的处理方法和装置 |
| CN106598655A (zh) * | 2016-12-05 | 2017-04-26 | 腾讯科技（深圳）有限公司 | 应用程序页面处理方法和装置 |
| CN108664296A (zh) * | 2017-03-31 | 2018-10-16 | 阿里巴巴集团控股有限公司 | 一种页面渲染方法和装置、一种页面处理方法和装置 |
| CN108846087A (zh) * | 2018-06-12 | 2018-11-20 | 恒生电子股份有限公司 | 一种页面渲染方法、装置、终端及服务器 |
| CN109343903A (zh) * | 2018-09-26 | 2019-02-15 | 深圳壹账通智能科技有限公司 | 一种更新用户界面的方法及终端 |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111796819A (zh) * | 2020-05-19 | 2020-10-20 | 北京三快在线科技有限公司 | 小程序界面生成方法、装置、电子设备及可读存储介质 |
| CN111708519A (zh) * | 2020-06-12 | 2020-09-25 | 北京思特奇信息技术股份有限公司 | 一种业务组件的处理方法、装置、设备和存储介质 |
| CN111708519B (zh) * | 2020-06-12 | 2023-08-18 | 北京思特奇信息技术股份有限公司 | 一种业务组件的处理方法、装置、设备和存储介质 |
| CN112199097A (zh) * | 2020-10-13 | 2021-01-08 | 深圳市广和通无线股份有限公司 | 安装包生成方法、装置、计算机设备和存储介质 |
| CN112199097B (zh) * | 2020-10-13 | 2024-01-05 | 深圳市广和通无线股份有限公司 | 安装包生成方法、装置、计算机设备和存储介质 |
| CN114153539A (zh) * | 2020-12-31 | 2022-03-08 | 万翼科技有限公司 | 前端应用界面生成方法、装置、电子设备和存储介质 |
| CN114153539B (zh) * | 2020-12-31 | 2024-06-25 | 深圳市万翼数字技术有限公司 | 前端应用界面生成方法、装置、电子设备和存储介质 |
| CN113794921A (zh) * | 2021-09-10 | 2021-12-14 | 京东方科技集团股份有限公司 | 一种交互界面加载方法及交互界面加载装置 |
| CN113794921B (zh) * | 2021-09-10 | 2024-04-16 | 京东方科技集团股份有限公司 | 一种交互界面加载方法及交互界面加载装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP6740373B2 (ja) | ページコンポーネント動的レイアウト | |
| CN111124544A (zh) | 界面显示方法、装置、电子设备及存储介质 | |
| CN108156022B (zh) | 一种服务调用方法、装置及电子设备 | |
| CN106406844B (zh) | 实现通讯交互平台公众号菜单的方法和装置 | |
| EP3457666A1 (en) | Method and system for starting application | |
| US11930096B2 (en) | Systems and methods for rendering interactive web pages | |
| CN107479868B (zh) | 一种界面加载方法、装置及设备 | |
| US10594764B2 (en) | Request cache to improve web applications performance | |
| CN113535587B (zh) | 目标应用检测方法、装置及计算机设备 | |
| CN110807162A (zh) | 加载占位图的方法和装置 | |
| JP5535184B2 (ja) | ブラウザ実行スクリプト変換システムおよびブラウザ実行スクリプト変換プログラム | |
| CN111414154A (zh) | 前端开发的方法、装置、电子设备和存储介质 | |
| CN110795646A (zh) | 请求处理方法、装置、电子设备和计算机可读存储介质 | |
| US12001458B2 (en) | Multi-cloud object store access | |
| CN113779122B (zh) | 导出数据的方法和装置 | |
| US20130332568A1 (en) | Method of data processing by a navigation module | |
| CN114296793A (zh) | 混淆代码的反混淆方法、装置、可读介质及电子设备 | |
| CN114064176A (zh) | 一种视图交互方法、装置、电子设备及计算机可读介质 | |
| CN113760274A (zh) | 一种前端组件逻辑注入方法和装置 | |
| US8527580B2 (en) | Saving multiple data items using partial-order planning | |
| CN112445498B (zh) | 一种程序安装方法、装置、电子设备及存储介质 | |
| CN109947546B (zh) | 一种任务执行方法、装置、电子设备及存储介质 | |
| CN111931083B (zh) | 网页加载方法、装置、终端设备以及可读存储介质 | |
| KR101865344B1 (ko) | 확장형 업로드 모듈을 포함하는 연산 처리 시스템, 이를 이용한 파일 업로드 방법 및 이를 위한 컴퓨터 프로그램 | |
| US10275224B1 (en) | Just in time generation system |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200508 |