CN108268260A - It is a kind of quick micro- using assemble method based on integrated support technology - Google Patents
It is a kind of quick micro- using assemble method based on integrated support technology Download PDFInfo
- Publication number
- CN108268260A CN108268260A CN201711396506.9A CN201711396506A CN108268260A CN 108268260 A CN108268260 A CN 108268260A CN 201711396506 A CN201711396506 A CN 201711396506A CN 108268260 A CN108268260 A CN 108268260A
- Authority
- CN
- China
- Prior art keywords
- micro
- application
- page
- window
- party
- 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
- 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
Abstract
The invention discloses a kind of quick micro- using assemble method based on integrated support technology, including：A, layout templates, history template, the micro- application of third party and micro- application of control generation are created in the page by ajax, the layout templates and history template are all json objects；B, div containers are created in current Page Container, and the div structure of container is written in json objects；C, window is created, while creates the virtual relation between the window and the page, and the respective attributes of record window, the window is the floating vessel that can pull and change size；D, and then micro- application of the micro- application of third party or control generation is dragged in cell therefor and be shown；E, if the micro- application of third party, then configuration file directly is written into the address of the micro- application of the third party.The present invention quickly can be assembled and be issued based on selected layout on configured board, improve the convenience of operation, simultaneously, additionally it is possible to realize that melting for a variety of statistical data is poly-.
Description
Technical field
The present invention relates to computer information technology fields more particularly to a kind of based on the quick of integrated support technology
It is micro- to apply assemble method.
Background technology
In recent years, as demand of the people to application is increasingly diversified, higher want is proposed for the flexibility of application
It asks, for example is required to cope with various provisional, paroxysmal demand has then just derived the general of light-duty applications program
It reads.
In the prior art, traditional micro- application, is developed by technical staff, issued, and user carries out down according to different demands
It carries, developer carries out the exploitation of new application, cause the waste of manpower and materials cost, open further according to the new demand of user
Send out of high cost.
Therefore, the prior art has yet to be improved and developed.
Invention content
The technical problem to be solved in the present invention is, for the drawbacks described above of the prior art, provides a kind of based on integration
Support technology it is quick it is micro- apply assemble method, it is intended to solve the problems, such as that micro- application and development of the prior art is of high cost.
The technical proposal for solving the technical problem of the invention is as follows：
It is a kind of quick micro- using assemble method based on integrated support technology, wherein, include the following steps：
A, creating layout templates, history template, the micro- application of third party and the micro- of control generation in the page by ajax should
With the layout templates and history template are all json objects；
B, div containers are created in current Page Container, and the div structure of container is written in json objects；
C, window is created, while creates the virtual relation between the window and the page, and the respective attributes of record window,
The window is the floating vessel that can pull and change size；
D, and then micro- application of the micro- application of third party or control generation is dragged in cell therefor and be shown；
E, if the micro- application of third party, then configuration file directly is written into the address of the micro- application of the third party, if
Be micro- application of control generation, then need to send ajax requests to backstage, judge control generation micro- application whether under
It carries, is downloaded if without downloading, otherwise directly return url, the page after completion editor after publication assembling can preserve from the background
This json object；
Then it is the configuration directly using the configuration json objects of the history template as the assembling page if history template
Json objects finally obtain the page of assembling.
Preferably, it is described quick micro- using assemble method based on integrated support technology, wherein, if the page
It is deleted, then window can be also deleted, page layout switch, then window can also switch.
Preferably, it is described quick micro- using assemble method based on integrated support technology, wherein, the json objects
Comprising img attributes and html attributes, the html attributes include width, height and type attribute again.
Preferably, it is described quick micro- using assemble method based on integrated support technology, wherein, it checks or preview
During the page of the assembling, corresponding div containers are created in preview interface.
It is compared with prior art, provided by the present invention quick micro- using assemble method based on integrated support technology,
It, can be concurrent based on the quick assembling of selected layout on configured board for micro- application of the micro- application of third party and control generation
Cloth, and can realize the interaction between micro- application, micro- application after assembling can be widely applied for the applications such as large-size screen monitors, desktop, movement
Scene improves the convenience of operation, simultaneously, additionally it is possible to realize that melting for a variety of statistical data is poly-, being integrated commander provide offer
The information support of more comprehensive multidimensional provides more accurately decision-making foundation.
Description of the drawings
Fig. 1 is a kind of quick micro- flow using assemble method preferred embodiment based on integrated support technology of the present invention
Figure.
Specific embodiment
To make the objectives, technical solutions, and advantages of the present invention clearer, clear and definite, develop simultaneously embodiment pair referring to the drawings
The present invention is further described.It should be appreciated that the specific embodiments described herein are merely illustrative of the present invention, and does not have to
It is of the invention in limiting.
Fig. 1 is a kind of quick micro- flow using assemble method preferred embodiment based on integrated support technology of the present invention
Figure, as shown in Figure 1, present pre-ferred embodiments provide a kind of quick micro- application assembling side based on integrated support technology
Method, wherein, include the following steps：Layout templates, history template, the micro- application of third party and control are created in the page by ajax
Micro- application of generation, the layout templates and history template are all json objects；Div is created in current Page Container to hold
Device, and the div structure of container is written in json objects；Window is created, while is created between the window and the page
Virtual relation, and the respective attributes of record window, the window are the floating vessel that can pull and change size；Then by
Micro- application of the micro- application of tripartite or control generation, which is dragged in cell therefor, to be shown；If the micro- application of third party,
Configuration file directly then is written into the address of the micro- application of the third party, if micro- application of control generation, then need backward
Platform sends ajax requests, judges whether micro- application of the control generation has downloaded, and is downloaded if without downloading, otherwise directly
It connects and returns to url, issue the page after assembling after completing editor, this json object can be preserved from the background；Then it is straight if history template
The configuration json objects using the configuration json objects of the history template as the assembling page are connect, finally obtain the page of assembling.
The assembling of micro- application can upload basic micro- application model by software developer, and user can be according to oneself
Demand, be freely combined, without technical foundation, flexibly and easily, shorten the R＆D cycle, reduce development cost.Therefore,
Micro- application of the micro- application of third party and control generation is mainly quickly assembled and is issued by the present invention.
Pass through the append (" of jquery plug-in units<Iframe src=" '+practical application address+' " frameborder
=" 0 "></iframe>It is 100% iframe full of container and by micro- application that ") method creates length and width in a reservoir
Url is written in the src attributes of iframe.
Append additional contents to the inside of each matched element, this operation is with performing specified element
AppendChild methods, situation about adding them in document is similar, and the parameter of append parameters is contentString,
Element, application method are $ (Element) .appendChild (contentString | Function).
Specific implementation, due to there are float layer, the page can according to the z-index of container come judge be which container reception this
A micro- application.
Z-index attributes set the stacking order of element, and the element for possessing higher stacking order always can be suitable in stacking
Before the relatively low element of sequence.So Z-INDEX:999 represent some element the priority parameters for being shown in front be 999.
Pay attention to：Parameter is bigger, represent more can be shown in other stack elements on, Z-index be only capable of on location element effectively (such as
position:absolute；).
In further preferred embodiment of the invention, if the page is deleted, then window can be also deleted, and the page is cut
It changes, then window can also switch.
When it is implemented, the window does not have subordinate relation, but be configured with the page on the dom structure trees of html
In json, between the two there are set membership, window belongs to the page, if webpage is deleted, then window can also be deleted
It removes, webpage has switched, then window can also switch.
In further preferred embodiment of the invention, the json objects include img attributes and html attributes, and the html belongs to
Property again include width, height and type attribute.
In further preferred embodiment of the invention, check or preview described in assemble the page when, created in preview interface
Corresponding div containers.
In conclusion the invention discloses a kind of quick micro- using assemble method based on integrated support technology, for
The micro- application of third party and micro- application of control generation, quickly can be assembled and issued based on selected layout on configured board,
And can realize the interaction between micro- application, micro- application after assembling can be widely applied for the applied fields such as large-size screen monitors, desktop, movement
Scape improves the convenience of operation, simultaneously, additionally it is possible to realize that melting for a variety of statistical data is poly-, being integrated commander provides more
Add the information support of comprehensive multidimensional, more accurately decision-making foundation is provided.
It should be understood that the application of the present invention is not limited to the above, it for those of ordinary skills, can
To be improved or converted according to the above description, all these modifications and variations should all belong to the guarantor of appended claims of the present invention
Protect range.
Claims (4)
- It is 1. a kind of quick micro- using assemble method based on integrated support technology, which is characterized in that include the following steps：A, layout templates, history template, the micro- application of third party and micro- application of control generation, institute are created in the page by ajax It is all json objects to state layout templates and history template；B, div containers are created in current Page Container, and the div structure of container is written in json objects；C, window is created, while creates the virtual relation between the window and the page, and the respective attributes of record window, it is described Window is the floating vessel that can pull and change size；D, and then micro- application of the micro- application of third party or control generation is dragged in cell therefor and be shown；E, if the micro- application of third party, then configuration file directly is written into the address of the micro- application of the third party, if control Micro- application of part generation then needs to send ajax requests to backstage, judges whether micro- application of the control generation has downloaded, such as It does not download, is downloaded, otherwise directly return to url, issue the page after assembling after completing editor, this can be preserved from the background Json objects；Then it is json pairs of the configuration directly using the configuration json objects of the history template as the assembling page if history template As finally obtaining the page of assembling.
- It is 2. according to claim 1 quick micro- using assemble method based on integrated support technology, which is characterized in that such as The page is deleted described in fruit, then window can be also deleted, page layout switch, then window can also switch.
- It is 3. according to claim 1 quick micro- using assemble method based on integrated support technology, which is characterized in that institute It states json objects and includes img attributes and html attributes, the html attributes include width, height and type attribute again.
- It is 4. according to claim 1 quick micro- using assemble method based on integrated support technology, which is characterized in that look into See or preview described in assemble the page when, create corresponding div containers in preview interface.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711396506.9A CN108268260A (en) | 2017-12-21 | 2017-12-21 | It is a kind of quick micro- using assemble method based on integrated support technology |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711396506.9A CN108268260A (en) | 2017-12-21 | 2017-12-21 | It is a kind of quick micro- using assemble method based on integrated support technology |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108268260A true CN108268260A (en) | 2018-07-10 |
Family
ID=62772518
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711396506.9A Pending CN108268260A (en) | 2017-12-21 | 2017-12-21 | It is a kind of quick micro- using assemble method based on integrated support technology |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108268260A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109725957A (en) * | 2017-10-27 | 2019-05-07 | 钉钉控股（开曼）有限公司 | Group's configuration method and device, content share system |
| CN113811854A (en) * | 2020-03-26 | 2021-12-17 | 思杰系统有限公司 | Micro-application function suggestions with cross-application activity relevance |
| US11553053B2 (en) | 2020-04-16 | 2023-01-10 | Citrix Systems, Inc. | Tracking application usage for microapp recommendation |
| WO2023093414A1 (en) * | 2021-11-29 | 2023-06-01 | Oppo广东移动通信有限公司 | Micro-application development method and apparatus, and device, storage medium and program product |
| US11797623B2 (en) | 2021-12-09 | 2023-10-24 | Citrix Systems, Inc. | Microapp recommendations for networked application functionality |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6496870B1 (en) * | 1997-01-31 | 2002-12-17 | Sun Microsystems, Inc. | System, method and article of manufacture for collaboration with an application |
| CN102004777A (en) * | 2010-11-19 | 2011-04-06 | 中国科学院软件研究所 | Customizable Web information integration method and system |
| CN104598277A (en) * | 2015-01-13 | 2015-05-06 | 北京中交兴路车联网科技有限公司 | Method for building mobile terminal applications, mobile terminal and system |
| CN104636146A (en) * | 2015-03-05 | 2015-05-20 | 北京掌中经纬技术有限公司 | Online visual customizing method and system |
| CN106327858A (en) * | 2015-07-10 | 2017-01-11 | 沈阳市公安局交通警察支队 | Traffic management command platform system based on one-host and three-screen technology |
| CN107193546A (en) * | 2017-04-11 | 2017-09-22 | 国网天津市电力公司信息通信公司 | A kind of micro services business application system |
-
2017
- 2017-12-21 CN CN201711396506.9A patent/CN108268260A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6496870B1 (en) * | 1997-01-31 | 2002-12-17 | Sun Microsystems, Inc. | System, method and article of manufacture for collaboration with an application |
| CN102004777A (en) * | 2010-11-19 | 2011-04-06 | 中国科学院软件研究所 | Customizable Web information integration method and system |
| CN104598277A (en) * | 2015-01-13 | 2015-05-06 | 北京中交兴路车联网科技有限公司 | Method for building mobile terminal applications, mobile terminal and system |
| CN104636146A (en) * | 2015-03-05 | 2015-05-20 | 北京掌中经纬技术有限公司 | Online visual customizing method and system |
| CN106327858A (en) * | 2015-07-10 | 2017-01-11 | 沈阳市公安局交通警察支队 | Traffic management command platform system based on one-host and three-screen technology |
| CN107193546A (en) * | 2017-04-11 | 2017-09-22 | 国网天津市电力公司信息通信公司 | A kind of micro services business application system |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109725957A (en) * | 2017-10-27 | 2019-05-07 | 钉钉控股（开曼）有限公司 | Group's configuration method and device, content share system |
| CN113811854A (en) * | 2020-03-26 | 2021-12-17 | 思杰系统有限公司 | Micro-application function suggestions with cross-application activity relevance |
| CN113811854B (en) * | 2020-03-26 | 2022-06-28 | 思杰系统有限公司 | Micro-application function suggestions with cross-application activity relevance |
| US11553053B2 (en) | 2020-04-16 | 2023-01-10 | Citrix Systems, Inc. | Tracking application usage for microapp recommendation |
| WO2023093414A1 (en) * | 2021-11-29 | 2023-06-01 | Oppo广东移动通信有限公司 | Micro-application development method and apparatus, and device, storage medium and program product |
| US11797623B2 (en) | 2021-12-09 | 2023-10-24 | Citrix Systems, Inc. | Microapp recommendations for networked application functionality |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108268260A (en) | It is a kind of quick micro- using assemble method based on integrated support technology | |
| CA2687530C (en) | Method and system for transcoding web pages by limiting selection through direction | |
| CN107885848B (en) | Webpage screen capturing method based on web technology | |
| US8887132B1 (en) | Application runtime environment and framework | |
| CN105955888B (en) | Page debugging preview method and system | |
| CN102810105B (en) | Edit method for pages accessed by mobile terminals and webpage editor | |
| US20130326333A1 (en) | Mobile Content Management System | |
| US20110167336A1 (en) | Gesture-based web site design | |
| CN107832108A (en) | Rendering intent, device and the electronic equipment of 3D canvas web page elements | |
| CN102163233A (en) | Method and system for converting webpage markup language format | |
| WO2016054549A1 (en) | Application prototyping tool | |
| CN105045887A (en) | Mixed mode cross-domain data interaction system and method | |
| JP2010134934A (en) | Method and apparatus for transcoding web page into format to be displayed on mobile terminal | |
| CN103959281A (en) | Method for associating third party content with online document signing | |
| US20120011447A1 (en) | Facilitating propagation of user interface patterns or themes | |
| CN112100550A (en) | Page construction method and device | |
| US20110167360A1 (en) | Incoming web traffic conversion | |
| US20170169474A1 (en) | Internet-based display material system and internet-based display material producing method | |
| CN109697130A (en) | Front and back end separation method, device, equipment and the storage medium of web system | |
| CN102622395A (en) | Method, server and client for assisting in accessing to webpage by application virtualization | |
| CN105808701A (en) | Method and system for realizing automatic verification of form and communication among multiple systems | |
| CN102982088B (en) | It is a kind of for providing user the method for the feedback information on target pages | |
| CN106919406A (en) | A kind of desktop application component issue, update method and device | |
| CN113391808A (en) | Page configuration method and device and electronic equipment | |
| CN102253986A (en) | Method and device for improving webpage displaying effect in multiple terminals |
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: 20180710 |