IP Library › Granted Patent US 11,640,441
Granted Patent B2
US 11,640,441 · App. 17/490,867 · Granted May 2, 2023

Page displaying method and device, computer-readable storage medium and electronic device

Inventor: Cunqing Li (Beijing, CN)
Assignee: BOE TECHNOLOGY GROUP CO., LTD.
G06F16/972G06F8/65G06F16/9574G06F16/9577G06F16/986G06F40/106
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 11,640,441
App. No.
17/490,867
Granted
May 2, 2023
Kind
B2
Abstract

The present disclosure provides a page displaying method and device, a computer-readable storage medium, and an electronic device. The method comprises: acquiring, in response to a display instruction to a target page in a Flutter application program, a component file of the target page from a server, wherein the component file comprises at least: component building information, a data interface address, and a binding relation between component data and a page object; acquiring the component data of the target page according to the data interface address, and building a component object of the target page according to the component building information; merging the component data into a corresponding component object according to the binding relation to build the target page; and displaying the target page.

Claims (79)

1. A page displaying method, wherein the method comprises:

acquiring, in response to a display instruction to a target page in a Flutter application program, a component file of the target page from a server, wherein the component file comprises at least: component building information, a data interface address, and a binding relation between component data and a page object;

acquiring the component data of the target page according to the data interface address, and building a component object of the target page according to the component building information;

merging the component data into a corresponding component object according to the binding relation, to build the target page; and

displaying the target page.

2. The page displaying method according to claim 1 , wherein after the step of displaying the target page, the method further comprises:

replacing, in response to an update instruction to the target page, a replacement character in the data interface address according to a page update strategy corresponding to the target page, to obtain a replaced data interface address;

acquiring update data according to the replaced data interface address;

re-performing a building process of the target page according to the update data, to obtain an updated target page; and

displaying the updated target page.

3. The page displaying method according to claim 2 , wherein the update instruction comprises at least a target operation type, and the page update strategy comprises a corresponding relation between an operation type and an address character;

the step of replacing a replacement character in the data interface address according to a page update strategy corresponding to the target page comprises:

acquiring, according to the page update strategy, a target address character corresponding to the target operation type; and

replacing the replacement character in the data interface address with the target address character.

4. The page displaying method according to claim 2 , wherein the step of re-performing a building process of the target page according to the updated data, to obtain an updated target page comprises:

merging the update data with the component data to obtain merged data; and

re-performing the building process of the target page according to the merged data, to obtain the updated target page.

5. The page displaying method according to claim 2 , wherein after the step of displaying the updated target page, the method further comprises

storing the target page before updating into a local cache;

when receiving, in a preset time period, a switching instruction to the target page before updating, acquiring the target page before updating from the local cache and displaying the target page before updating; or

when not receiving, in the preset time period, the switching instruction to the target page before updating, deleting the target page before updating that is stored in the local cache.

6. The page displaying method according to claim 1 , wherein the step of acquiring a component file of the target page from a server comprises:

acquiring a component file of an AST data structure from the server, wherein the component file is obtained by using a language analyzer to convert a DART component file into a JSON component file; and

parsing the component file according to a parsing rule of the AST data structure, and acquiring the component building information, the data interface address, and the binding relation between the component data and the page object of the target page.

7. The page displaying method according to claim 1 , wherein when the target page is a list page, the page object comprises list items;

the step of merging the component data into a corresponding component object according to the binding relation to build the target page comprises:

adding the component data into a corresponding list item according to the binding relation to build a list page.

8. A nonvolatile computer-readable storage media, having a computer program stored therein, wherein when the computer program is executed by a processor, implements operations comprising:

acquiring, in response to a display instruction to a target page in a Flutter application program, a component file of the target page from a server, wherein the component file comprises at least: component building information, a data interface address, and a binding relation between component data and a page object;

acquiring the component data of the target page according to the data interface address, and building a component object of the target page according to the component building information;

merging the component data into a corresponding component object according to the binding relation, to build the target page; and

displaying the target page.

9. The storage media according to claim 8 , wherein after the operation of displaying the target page, the operation further comprises:

replacing, in response to an update instruction to the target page, a replacement character in the data interface address according to a page update strategy corresponding to the target page, to obtain a replaced data interface address;

acquiring update data according to the replaced data interface address;

re-performing a building process of the target page according to the update data, to obtain an updated target page; and

displaying the updated target page.

10. The storage media according to claim 9 , wherein the update instruction comprises at least a target operation type, and the page update strategy comprises a corresponding relation between an operation type and an address character;

the operation of replacing a replacement character in the data interface address according to a page update strategy corresponding to the target page comprises:

acquiring, according to the page update strategy, a target address character corresponding to the target operation type; and

replacing the replacement character in the data interface address with the target address character.

11. The storage media according to claim 9 , wherein the operation of re-performing a building process of the target page according to the updated data, to obtain an updated target page comprises:

merging the update data with the component data to obtain merged data; and

re-performing the building process of the target page according to the merged data, to obtain the updated target page.

12. The storage media according to claim 9 , wherein after the operation of displaying the updated target page, the operation further comprises

storing the target page before updating into a local cache;

when receiving, in a preset time period, a switching instruction to the target page before updating, acquiring the target page before updating from the local cache to display; or

when not receiving, in the preset time period, the switching instruction to the target page before updating, deleting the target page before updating that is stored in the local cache.

13. The storage media according to claim 8 , wherein the operation of acquiring a component file of the target page from a server comprises:

acquiring a component file of an AST data structure from the server, wherein the component file is obtained by using a language analyzer to convert a DART component file into a JSON component file; and

parsing the component file according to a parsing rule of the AST data structure, and acquiring the component building information, the data interface address, and the binding relation between the component data and the page object of the target page.

14. The storage media according to claim 8 , wherein when the target page is a list page, the page object comprises list items;

the operation of merging the component data into a corresponding component object according to the binding relation to build the target page comprises:

adding the component data into a corresponding list item according to the binding relation to build a list page.

15. An electronic device, wherein the electronic device comprises:

a processor, a memory, and a computer program which is stored in the memory and is capable of being run in the processor, wherein when the computer program is executed by the processor, implements operations comprising:

acquiring, in response to a display instruction to a target page in a Flutter application program, a component file of the target page from a server, wherein the component file comprises at least: component building information, a data interface address, and a binding relation between component data and a page object;

acquiring the component data of the target page according to the data interface address, and building a component object of the target page according to the component building information;

merging the component data into a corresponding component object according to the binding relation, to build the target page; and

displaying the target page.

16. The electronic device according to claim 15 , wherein after the operation of displaying the target page, the operation further comprises:

replacing, in response to an update instruction to the target page, a replacement character in the data interface address according to a page update strategy corresponding to the target page, to obtain a replaced data interface address;

acquiring update data according to the replaced data interface address;

re-performing a building process of the target page according to the update data, to obtain an updated target page; and

displaying the updated target page.

17. The electronic device according to claim 16 , wherein the update instruction comprises at least a target operation type, and the page update strategy comprises a corresponding relation between an operation type and an address character;

the operation of replacing a replacement character in the data interface address according to a page update strategy corresponding to the target page comprises:

acquiring, according to the page update strategy, a target address character corresponding to the target operation type; and

replacing the replacement character in the data interface address with the target address character.

18. The electronic device according to claim 16 , wherein the operation of re-performing a building process of the target page according to the updated data, to obtain an updated target page comprises:

merging the update data with the component data to obtain merged data; and

re-performing the building process of the target page according to the merged data, to obtain the updated target page.

19. The electronic device according to claim 16 , wherein after the operation of displaying the updated target page, the operation further comprises

storing the target page before updating into a local cache;

when receiving, in a preset time period, a switching instruction to the target page before updating, acquiring the target page before updating from the local cache to display; or

when not receiving, in the preset time period, the switching instruction to the target page before updating, deleting the target page before updating that is stored in the local cache.

20. The electronic device according to claim 15 , wherein the operation of acquiring a component file of the target page from a server comprises:

acquiring a component file of an AST data structure from the server, wherein the component file is obtained by using a language analyzer to convert a DART component file into a JSON component file; and

parsing the component file according to a parsing rule of the AST data structure, and acquiring the component building information, the data interface address, and the binding relation between the component data and the page object of the target page.

Assignments (1)
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Sep 30, 2021
From: LI, CUNQING
To: BOE TECHNOLOGY GROUP CO., LTD.
Reel/Frame 057660/0212 →
Priority Claims (1)
CN 202110091323.6 · Jan 22, 2021 · national
Continuity (1)
Related Publication 20220237254A1 · Jul 28, 2022