CN112988151A - Engine for constructing native applet based on standard Web technology - Google Patents
Engine for constructing native applet based on standard Web technology Download PDFInfo
- Publication number
- CN112988151A CN112988151A CN202110252694.8A CN202110252694A CN112988151A CN 112988151 A CN112988151 A CN 112988151A CN 202110252694 A CN202110252694 A CN 202110252694A CN 112988151 A CN112988151 A CN 112988151A
- Authority
- CN
- China
- Prior art keywords
- page
- unit
- definition
- application
- style
- 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
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
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Abstract
The invention provides an engine for constructing a native applet based on a standard Web technology, which comprises the following steps: a terminal presentation layer and a service layer; the service layer comprises: common frame services, page designers, page metadata, page renderers. The invention provides a visual design configuration page; the method supports the rapid conversion of the webpage application into the native applet; expandable; can be multiplexed across platforms; the method can ensure the loading speed of the application, can be flexibly adapted to each applet platform, solves the problem that the native applet cannot run across platforms, and solves the problem that the HTML page loading speed is low.
Description
Technical Field
The invention belongs to the technical field of Internet of things, and particularly relates to an engine for constructing a native applet based on a standard Web technology.
Background
With the development of information technology, more and more enterprises correspondingly launch applets. The applet is a mobile phone application which can be used without downloading and installation, and has the characteristics of light weight, no need of unloading and installation, quick loading, convenient use and no occupation of a mobile phone memory. Different enterprises follow the corresponding development specifications, and the small programs of various platforms are easily developed by using the corresponding languages to develop the small programs.
The traditional HTML page is limited by the technology, the loading speed is not as high as that of the native applet, but the HTML also has the advantage that the native applet does not have, and the HTML can run across platforms. At present, the implementation cost for constructing the native applet is high, corresponding native components need to be constructed on corresponding applet platforms, and the method is complex.
Disclosure of Invention
In order to solve the technical problem, the invention provides an engine for constructing a native applet based on a standard Web technology. The following presents a simplified summary in order to provide a basic understanding of some aspects of the disclosed embodiments. This summary is not an extensive overview and is intended to neither identify key/critical elements nor delineate the scope of such embodiments. Its sole purpose is to present some concepts in a simplified form as a prelude to the more detailed description that is presented later.
The invention adopts the following technical scheme:
in some alternative embodiments, there is provided an engine for building native applets based on standard Web technologies, comprising: the terminal display layer and the service layer, the service layer includes: the public frame service is used for converting the JSP webpage into an HTML page, providing management service for HTML fragments and providing storage and cache service; the page designer is used for providing a page building tool, and the page building tool is used for combining various assemblies in a supporting and pulling mode to build a page; page metadata, which is used as the output product of the page designer and the input content of the page renderer, and uses and describes the data defined by the page; and the page renderer is used for analyzing the page definition and restoring the page metadata into a page visible to the user.
In some optional embodiments, the common framework service comprises: a metadata storage unit for providing a persistent storage service for metadata; the page staticizing unit is used for converting the dynamic JSP webpage into a static HTML page; the page cache unit is used for providing cache service for page storage; and the template management unit is used for providing management service for the HTML fragments and dynamically increasing, deleting, modifying and checking various HTML fragments.
In some optional embodiments, the page designer comprises: the style theme editor is used for providing style theme edition for the page and the components in the page; the application module loading unit is used for loading the application supporting the configuration for the page designer to use; the application module configuration unit is used for providing attribute configuration for the application dragged into the page; the page definition generating unit is used for synchronously generating a definition of the application in the page in the process that the application is dragged, and the definition describes the configuration content of the application; and the view extension specification unit is used for carrying out extension according to the view extension specification.
In some optional embodiments, the page renderer comprises: the page definition analysis unit is used for dividing the page definition analysis into a template definition, a data loading definition and a style definition; the template loading unit is used for completing the analysis of the template in the page and storing the template; the data loading unit is used for analyzing and completing the data loading mode of each application in the page and storing the data loading mode; the style loading unit is used for completing the analysis of the style definition of each application in the page and storing the style definition; an H5 rendering unit for displaying a page by utilizing the HTML displaying capability of the browser; and the applet rendering unit is used for converting the template into a native component, arranging the component to a corresponding position of the page, loading the content of the component and setting the style of the component.
The invention has the following beneficial effects: providing a visual design configuration page; the method supports the rapid conversion of the webpage application into the native applet; expandable; can be multiplexed across platforms; the method can ensure the loading speed of the application, can be flexibly adapted to each applet platform, solves the problem that the native applet cannot run across platforms, and solves the problem that the HTML page loading speed is low.
Drawings
FIG. 1 is a schematic diagram of an engine for building native applets based on standard Web technologies.
Detailed Description
The following description and the drawings sufficiently illustrate specific embodiments of the invention to enable those skilled in the art to practice them. Other embodiments may incorporate structural, logical, electrical, process, and other changes. The examples merely typify possible variations. Individual components and functions are optional unless explicitly required, and the sequence of operations may vary. Portions and features of some embodiments may be included in or substituted for those of others.
As shown in fig. 1, in some illustrative embodiments, an engine for constructing a native applet based on a standard Web technology is provided, and the mechanism for designing, generating, and converting a page based on the standard Web technology in the present invention can enable a Web page to generate a native WeChat applet, a buffalo applet, and the like, which can be defined as a page conversion system.
One of the engines that has been purchased to build native applets based on standard Web technology includes: the terminal presents a layer and a service layer.
The terminal display layer mainly supports 3 types of terminals, and comprises the following steps: h5, APP and wechat applets. H5 is the traditional HTML page, has added the standard of HTML5, has the advantage of cross-platform operation. APP supports Android and iOS platforms at present, and can provide better experience for users. The WeChat applet is an application mode which is just proposed in recent years, is also an application which is mainly supported by the technology, and has the characteristics of large user base number, high propagation speed, easy application acquisition and the like. Other forms of presentation also include: a tremble applet, a pay pal applet, a hundredth applet, etc. can be adapted quickly by the engine.
The service layer comprises: common frame services, page designers, page metadata, page renderers.
And the public frame service is used for converting the JSP webpage into an HTML page, providing management service for the HTML fragment and providing storage and caching service. The common framework service mainly provides the following components: the device comprises a metadata storage unit, a page staticizing unit, a page caching unit and a template management unit. A metadata storage unit for providing a persistent storage service for metadata; the page staticizing unit is used for converting the dynamic JSP webpage into a static HTML page; the page cache unit is used for providing cache service for page storage so as to improve the access speed; and the template management unit is used for providing management service for the HTML fragments, dynamically increasing, deleting and checking various HTML fragments, wherein the templates are the HTML fragments, and the template management is the HTML fragment management service.
The page designer is used for providing a page building tool, and the page building tool is used for combining various assemblies in a supporting and pulling mode to build a page. The page designer includes: the system comprises a style theme editor, an application module loading unit, an application module configuration unit, a page definition generating unit and a view extension specification unit.
The style theme editor is used for providing style theme editors for the pages and the components in the pages, such as: background color, background picture, transparency, etc.
And the application module loading unit is used for loading the application supporting the configuration for the page designer to use, and the application can be added into the page in a dragging mode.
An application module configuration unit, configured to provide attribute configuration for an application dragged into a page, where the attribute configuration includes: title, jumped link, etc.
And the page definition generating unit is used for synchronously generating a definition of the application in the page in the process of dragging the application, and the definition describes the configuration content of the application. The configuration content comprises: a configuration style for describing an icon, a background color, and the like of the application, an application attribute for describing an application-specific attribute such as a title thereof, and the like; multiple application attributes are aggregated together to form the completed page definition.
And the view extension specification unit is used for carrying out extension according to the view extension specification. In addition to the style views that are already provided in the designer at present, extensions can be subsequently made according to view extension specifications, such as: at present, the application view of the carousel map exists, and the views of picture navigation, lists, cards and the like can be expanded subsequently, so that expanded contents can be managed and maintained uniformly, and expansion specifications must be followed when expansion is performed.
Page metadata, which is used as the output product of the page designer and the input content of the page renderer, uses and describes the data of the page definition, such as: the page definition attribution, the page definition rules, the page definition content, etc., are designer output artifacts and are renderer input content.
And the page renderer is used for analyzing the page definition and restoring the page metadata into a page visible to the user. The page renderer includes: page definition parsing unit, template loading unit, style loading unit, H5 rendering unit, applet rendering unit, other platform rendering.
And the page definition analysis unit is used for dividing the page definition analysis into a template definition, a data loading definition and a style definition, and the contents are used for describing the position, the data loading and the style setting of an application in a page.
And the template loading unit is used for completing the analysis of the template in the page and storing the template.
And the data loading unit is used for analyzing and completing the data loading mode of each application in the page and storing the data loading mode.
And the style loading unit is used for completing the analysis of the style definition of each application in the page and storing the style definition.
And the H5 rendering unit is used for displaying the page by utilizing the HTML displaying capability of the browser, including placing the template at the right position of the page, loading the application content, setting the style of the application, and enabling all the renderer processes to be basically consistent and to be different from the rendering mode of the template.
An applet rendering unit for converting the template into native assemblies, arranging the assemblies at corresponding positions on the page, loading the contents of the assemblies and setting the styles of the assemblies by using the capability of the WeChat applet platform and the native applet engine
And rendering by other platforms, wherein the template is a description of future extension, so that if a new rendering platform exists, only a new renderer needs to be implemented, and the rest of the rendering platforms such as template loading, data loading, style loading and page definition parsing are reusable and are core parts of an engine.
The invention provides a visual design configuration page; the method supports the rapid conversion of the webpage application into the native applet application; the renderer can be expanded, and besides the WeChat applet renderer, a tremble applet renderer, a Payment small program renderer and the like can be expanded; providing a generic rendering component that can be multiplexed across platforms, comprising: page definition parsing, template loading, data loading and style loading.
Those of skill would further appreciate that the various illustrative logical blocks, modules, circuits, and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware, computer software, or combinations of both. To clearly illustrate this interchangeability of hardware and software, various illustrative components, blocks, modules, circuits, and steps have been described above generally in terms of their functionality. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the overall system. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present disclosure.
Claims (4)
1. An engine for building native applets based on standard Web technology, comprising: the terminal display layer and the service layer, the service layer includes:
the public frame service is used for converting the JSP webpage into an HTML page, providing management service for HTML fragments and providing storage and cache service;
the page designer is used for providing a page building tool, and the page building tool is used for combining various assemblies in a supporting and pulling mode to build a page;
page metadata, which is used as the output product of the page designer and the input content of the page renderer, and uses and describes the data defined by the page;
and the page renderer is used for analyzing the page definition and restoring the page metadata into a page visible to the user.
2. The engine for building native applets based on standard Web technologies as claimed in claim 1, wherein said common framework services comprise:
a metadata storage unit for providing a persistent storage service for metadata;
the page staticizing unit is used for converting the dynamic JSP webpage into a static HTML page;
the page cache unit is used for providing cache service for page storage;
and the template management unit is used for providing management service for the HTML fragments and dynamically increasing, deleting, modifying and checking various HTML fragments.
3. The engine for building native applets based on standard Web technologies as claimed in claim 2, wherein said page designer comprises:
the style theme editor is used for providing style theme edition for the page and the components in the page;
the application module loading unit is used for loading the application supporting the configuration for the page designer to use;
the application module configuration unit is used for providing attribute configuration for the application dragged into the page;
the page definition generating unit is used for synchronously generating a definition of the application in the page in the process that the application is dragged, and the definition describes the configuration content of the application;
and the view extension specification unit is used for carrying out extension according to the view extension specification.
4. The engine for building native applets based on standard Web technologies as claimed in claim 3, wherein said page renderer comprises:
the page definition analysis unit is used for dividing the page definition analysis into a template definition, a data loading definition and a style definition;
the template loading unit is used for completing the analysis of the template in the page and storing the template;
the data loading unit is used for analyzing and completing the data loading mode of each application in the page and storing the data loading mode;
the style loading unit is used for completing the analysis of the style definition of each application in the page and storing the style definition;
an H5 rendering unit for displaying a page by utilizing the HTML displaying capability of the browser;
and the applet rendering unit is used for converting the template into a native component, arranging the component to a corresponding position of the page, loading the content of the component and setting the style of the component.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110252694.8A CN112988151A (en) | 2021-03-08 | 2021-03-08 | Engine for constructing native applet based on standard Web technology |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110252694.8A CN112988151A (en) | 2021-03-08 | 2021-03-08 | Engine for constructing native applet based on standard Web technology |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112988151A true CN112988151A (en) | 2021-06-18 |
Family
ID=76335283
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110252694.8A Pending CN112988151A (en) | 2021-03-08 | 2021-03-08 | Engine for constructing native applet based on standard Web technology |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112988151A (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20050182768A1 (en) * | 2003-10-14 | 2005-08-18 | Waldorf Jerry A. | Web browser as web service server in interaction with business process engine |
| CN1783079A (en) * | 2004-11-30 | 2006-06-07 | 阿尔卡特公司 | Method of displaying data of a client computer |
| US7316003B1 (en) * | 2002-12-18 | 2008-01-01 | Oracle International Corp. | System and method for developing a dynamic web page |
| CN105117473A (en) * | 2015-09-02 | 2015-12-02 | 上海航盛实业有限公司 | Information inquiry system based on Web and information inquiry method based on Web |
| CN107729005A (en) * | 2017-10-12 | 2018-02-23 | 福建富士通信息软件有限公司 | A kind of visualization business interface Dynamic Configuration based on H5 |
| CN112100550A (en) * | 2019-06-17 | 2020-12-18 | 北京京东尚科信息技术有限公司 | Page construction method and device |
-
2021
- 2021-03-08 CN CN202110252694.8A patent/CN112988151A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7316003B1 (en) * | 2002-12-18 | 2008-01-01 | Oracle International Corp. | System and method for developing a dynamic web page |
| US20050182768A1 (en) * | 2003-10-14 | 2005-08-18 | Waldorf Jerry A. | Web browser as web service server in interaction with business process engine |
| CN1783079A (en) * | 2004-11-30 | 2006-06-07 | 阿尔卡特公司 | Method of displaying data of a client computer |
| CN105117473A (en) * | 2015-09-02 | 2015-12-02 | 上海航盛实业有限公司 | Information inquiry system based on Web and information inquiry method based on Web |
| CN107729005A (en) * | 2017-10-12 | 2018-02-23 | 福建富士通信息软件有限公司 | A kind of visualization business interface Dynamic Configuration based on H5 |
| CN112100550A (en) * | 2019-06-17 | 2020-12-18 | 北京京东尚科信息技术有限公司 | Page construction method and device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108984714B (en) | Page rendering method and device, electronic equipment and computer readable medium | |
| CN105955888B (en) | Page debugging preview method and system | |
| CN110309451B (en) | Method and device for generating web preloading page | |
| CN109325195A (en) | Rendering method and system, computer equipment, the computer storage medium of browser | |
| KR20150079867A (en) | Html5-protocol-based webpage presentation method and device | |
| CN111143725A (en) | Page generation method and device and electronic equipment | |
| CN111611518B (en) | Automatic visual display page publishing method and system based on Html5 | |
| CN113010827B (en) | Page rendering method and device, electronic equipment and storage medium | |
| CN104704468A (en) | Cross system installation of WEB applications | |
| CN109558323B (en) | System, method and apparatus for debugging pages | |
| CN104750851A (en) | Webpage content lazy loading method and system | |
| CN105335410A (en) | Synthesis rendering acceleration based webpage updating method and apparatus | |
| CN106919406A (en) | A kind of desktop application component issue, update method and device | |
| US10951486B2 (en) | Terminal device, UI expansion method, and UI expansion program | |
| CN110795649A (en) | Target page display method, device and system and electronic equipment | |
| CN111951356B (en) | Animation rendering method based on JSON data format | |
| CN114706616A (en) | Applet construction method and device | |
| CN114265657A (en) | Method and device for displaying page of applet | |
| CN113326043A (en) | Webpage rendering method, webpage manufacturing method and webpage rendering system | |
| CN109582580B (en) | System, method and apparatus for debugging pages | |
| CN112286525A (en) | Skeleton screen generation method, device and equipment | |
| US20210185109A1 (en) | Page presentation method and system, computer system, and computer readable medium | |
| CN107092514A (en) | A kind of content of pages methods of exhibiting and device | |
| CN111435300A (en) | Web system development method, device, equipment and storage medium | |
| CN112988151A (en) | Engine for constructing native applet based on standard Web technology |
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 |