CN109086053A - A kind of dynamic select, the load APP device control panel UI page and method - Google Patents
A kind of dynamic select, the load APP device control panel UI page and method Download PDFInfo
- Publication number
- CN109086053A CN109086053A CN201810732770.3A CN201810732770A CN109086053A CN 109086053 A CN109086053 A CN 109086053A CN 201810732770 A CN201810732770 A CN 201810732770A CN 109086053 A CN109086053 A CN 109086053A
- Authority
- CN
- China
- Prior art keywords
- native
- module
- panel
- page
- loading
- 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.)
- Withdrawn
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
- G06F8/61—Installation
Abstract
The invention discloses a kind of dynamic select, the load APP device control panel UI page and methods, it is related to computer software technical field, the following steps are included: step 1, client supports the panel container of react native, webview and primary native scheme in advance, supports automatic load, updates panel content；Step 2, client supports the two-way communication with native, server-side, and provides communication and control API；Step 3, the entrance that client provides a panel obtains corresponding code resource packet and panel type according to the data model of deviceModel.Client is configured as rendering different control panels by loading different panel containers.The data model of deviceModel includes uiType and uiId attribute, uiType and uiId attribute marks specific panel type according to the configuration of server-side.The type of uiType attribute is respectively webview, react native and native.The type of uiType attribute can go server-side acquisition panel to be loaded if it is webview and react native type, client according to uiId dynamic.
Description
Technical field
The present invention relates to computer software technical field more particularly to a kind of dynamic selects, load APP equipment control plane
The plate UI page and method.
Background technique
With the popularity of the internet and the needs of user experience, more and more websites are examined first during building a station
What is considered is the compatibility for meeting most of web browsers while providing interactivity stronger dynamic effect；But due to
The equipment of web browser wide variety, version numerous and complicated, carried browser is constantly updated, it is desirable to ensure that browser is simultaneous
Capacitive is extremely difficult.In motive objects working application, it is a kind of cope with special scenes solution when it is necessary.Because
The diversity and variability of internet of things equipment control interface result in the need for often updating APP and carry out meet demand, and different
Control interface may realize interface function using different technical solutions.So, upgrade, publication panel needs to update
APP increases workload.In addition, different panels uses different technical solutions, management service cost is larger.Client provides
Panel container is supported the panel option of webview, react natvie, primary native, is added according to different panel types
Carry different panel containers.For the panel of webview, react native, on-line loaded and upgrading panel are supported, and
It is subsequent can quickly it is extending transversely, with seamless newly-increased panel technology scheme.
Summary of the invention
A kind of dynamic select of the present invention, the method for loading the APP device control panel UI page, including following step
It is rapid:
Step 1, client supports react native, webview and the panel of primary native scheme to hold in advance
Device supports automatic load, updates panel content；
Step 2, client supports the two-way communication with native, server-side, and provides communication and control API；
Step 3, client provides the entrance of a panel, according to the data model of deviceModel, obtains corresponding
Code resource packet and panel type.
Preferably, the client is configured as rendering different control panels by loading different panel containers.
Preferably, the data model of the deviceModel includes uiType and uiId attribute, the uiType and
UiId attribute marks specific panel type according to the configuration of the server-side.
Preferably, the type of the uiType attribute is respectively webview, react native and native.
Preferably, the type of the uiType attribute is if it is webview and react native type, the client
End can go the server-side acquisition panel to be loaded according to uiId dynamic.
The present invention also provides a kind of dynamic selects, the load APP device control panel UI page, including react native
Module, further includes loading module, the first interactive module, the second interactive module and page rendering module, and the loading module is used for
React native module is loaded, first interactive module is described for interacting with the react native module
First interactive module includes omniselector, and the omniselector can position the data-interface in the react native module, is made
The page can switch between different scenes, second interactive module is for capturing and responding user's operation, described second
Interactive module obtains the data-interface of the react-native module by first interactive module, to respond user
Clicking operation, the page rendering module is for obtaining the data source from react-native module, to the data source
It is parsed, and the page is rendered according to the parsing result.
Preferably, the loading module is configured as one resource interacted with first interactive module of setting
Then finger URL loads the text of the Resource Locator address with the native of react-native module rendering class
Part.
Preferably, the Resource Locator is to hand in the address or remote server of local master file with described first
The address for the file that mutual module interacts.
Preferably, the local master file is that the file by the entitled js of suffix under local hard drive bundle is packaged
File.
Preferably, the loading module and the first interactive module are configured as the data interaction of react-native offer
Interface, the data interaction interface are used for the information exchange of the loading module and first interactive module.
Specific embodiment
The present invention is described further With reference to embodiment.
In a preferred embodiment of the present invention, client supports react native, webview, Yi Jiyuan in advance
The panel container of raw native scheme, support load, update panel content automatically, and support pair with native, server-side
To communication, communication, control API are provided.In addition, client provides the entrance of a panel, according to the data of deviceModel
Model obtains corresponding code resource packet and panel type, by loading different panel containers, renders different control planes
Plate.
In another preferred embodiment of the invention, there are uiType, uiId attribute inside the model of equipment, according to clothes
The configuration of business end, to mark specific panel type, tri- types of uiType are respectively H5 (webview), RN (react
Native), NA (native) can go server-side to obtain panel according to uiId dynamic and be loaded if it is H5 and RN type,
It is specifically shown in following code.
The preferred embodiment of the present invention has been described in detail above.It should be appreciated that the ordinary skill of this field is without wound
The property made labour, which according to the present invention can conceive, makes many modifications and variations.Therefore, all technician in the art
Pass through the available skill of logical analysis, reasoning, or a limited experiment on the basis of existing technology under this invention's idea
Art scheme, all should be within the scope of protection determined by the claims.
Claims (10)
1. a kind of dynamic select, the method for loading the APP device control panel UI page, which comprises the following steps:
Step 1, client supports the panel container of react native, webview and primary native scheme in advance, branch
It holds automatic load, update panel content；
Step 2, client supports the two-way communication with native, server-side, and provides communication and control API；
Step 3, client provides the entrance of a panel, according to the data model of deviceModel, obtains corresponding code money
Source packet and panel type.
2. dynamic select as described in claim 1, the method for loading the APP device control panel UI page, which is characterized in that institute
Client is stated to be configured as rendering different control panels by loading different panel containers.
3. dynamic select as described in claim 1, the method for loading the APP device control panel UI page, which is characterized in that institute
The data model for stating deviceModel includes uiType and uiId attribute, uiType the and uiId attribute is according to the service
The configuration at end marks specific panel type.
4. dynamic select as claimed in claim 3, the method for loading the APP device control panel UI page, which is characterized in that institute
The type for stating uiType attribute is respectively webview, react native and native.
5. dynamic select as claimed in claim 3, the method for loading the APP device control panel UI page, which is characterized in that institute
The type of uiType attribute is stated if it is webview and react native type, the client can be gone according to uiId dynamic
The server-side obtains panel and is loaded.
6. a kind of dynamic select, the load APP device control panel UI page, which is characterized in that including react native module,
Loading module, the first interactive module, the second interactive module and page rendering module, the loading module is for loading react
Native module, first interactive module with the react native module for interacting, the first interaction mould
Block includes omniselector, and the omniselector can position the data-interface in the react native module, enables the page
Switch between different scenes, for second interactive module for capturing and responding user's operation, second interactive module is logical
It crosses first interactive module and obtains the data-interface of the react-native module, so that the clicking operation of user is responded,
The page rendering module is used to obtain the data source from react-native module, parses to the data source, and
The page is rendered according to the parsing result.
7. dynamic select as described in claim 1, the method for loading the APP device control panel UI page, which is characterized in that institute
It states loading module and is configured as one Resource Locator interacted with first interactive module of setting, then use react-
The native of native module renders class to load the file of the Resource Locator address.
8. dynamic select as claimed in claim 7, the method for loading the APP device control panel UI page, which is characterized in that institute
State the text interacted in the address or remote server that Resource Locator is local master file with first interactive module
The address of part.
9. dynamic select as described in claim 1, the method for loading the APP device control panel UI page, which is characterized in that institute
Stating local master file is file made of the file as the entitled js of suffix under local hard drive bundle is packaged.
10. dynamic select as described in claim 1, the method for loading the APP device control panel UI page, which is characterized in that
The loading module and the first interactive module are configured as the data interaction interface of react-native offer, the data interaction
Interface is used for the information exchange of the loading module and first interactive module.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810732770.3A CN109086053A (en) | 2018-07-05 | 2018-07-05 | A kind of dynamic select, the load APP device control panel UI page and method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810732770.3A CN109086053A (en) | 2018-07-05 | 2018-07-05 | A kind of dynamic select, the load APP device control panel UI page and method |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109086053A true CN109086053A (en) | 2018-12-25 |
Family
ID=64836994
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810732770.3A Withdrawn CN109086053A (en) | 2018-07-05 | 2018-07-05 | A kind of dynamic select, the load APP device control panel UI page and method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109086053A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111367523A (en) * | 2020-03-16 | 2020-07-03 | 杭州涂鸦信息技术有限公司 | Dynamic UI (user interface) matching method and system for small program |
| CN112799941A (en) * | 2021-01-27 | 2021-05-14 | 上海淇玥信息技术有限公司 | Equipment information calling method and device and electronic equipment |
-
2018
- 2018-07-05 CN CN201810732770.3A patent/CN109086053A/en not_active Withdrawn
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111367523A (en) * | 2020-03-16 | 2020-07-03 | 杭州涂鸦信息技术有限公司 | Dynamic UI (user interface) matching method and system for small program |
| CN112799941A (en) * | 2021-01-27 | 2021-05-14 | 上海淇玥信息技术有限公司 | Equipment information calling method and device and electronic equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP3465467B1 (en) | Web page accelerations for web application hosted in native mobile application | |
| US10277702B2 (en) | Method and apparatus for accessing an enterprise resource planning system via a mobile device | |
| CN105045887B (en) | The system and method for mixed mode cross-domain data interaction | |
| KR102185864B1 (en) | Server-side rendering method and system of native content for presentation | |
| CN103782294B (en) | Remote browsing session management | |
| US7509649B2 (en) | System and method for conversion of generic services' applications into component based applications for devices | |
| RU2589306C2 (en) | Remote viewing session control | |
| CN100535900C (en) | Method and system for rendering asynchronous portal page | |
| US9563929B1 (en) | Caching of content page layers | |
| US10346502B2 (en) | Mobile enablement of existing web sites | |
| US10007532B1 (en) | Data infrastructure for cross-platform cross-device API inter-connectivity | |
| US20060200748A1 (en) | System and method for applying workflow of generic services' to component based applications for devices | |
| US9563928B1 (en) | Bandwidth reduction through delivery of hardware-independent graphics commands for portions of content pages | |
| CA2830783A1 (en) | Method and system for providing a state model of an application program | |
| CN112100550A (en) | Page construction method and device | |
| US9678814B2 (en) | Implementing a java method | |
| CN103383687A (en) | Page processing method and device | |
| CN104010031A (en) | Distributed cooperative method improving application efficiency of Web browser | |
| CN104320482A (en) | Bank teller front-end system | |
| WO2013134813A1 (en) | A method and system of application development for multiple device client platforms | |
| CA2538561C (en) | System and method for conversion of web services applications into component based applications for devices | |
| CN109086053A (en) | A kind of dynamic select, the load APP device control panel UI page and method | |
| CN103440134A (en) | Webkit kernel-based storage resource service local extension method | |
| Liu et al. | YaVNC—a virtual application solution for smartphone | |
| CN103401776A (en) | Method for pushing information by utilizing router |
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 | ||
| WW01 | Invention patent application withdrawn after publication |
Application publication date: 20181225 |
|
| WW01 | Invention patent application withdrawn after publication |