CN111638932A - Angle-based public cloud private cloud height multiplexing front-end sharing method and system - Google Patents
Angle-based public cloud private cloud height multiplexing front-end sharing method and system Download PDFInfo
- Publication number
- CN111638932A CN111638932A CN202010483108.6A CN202010483108A CN111638932A CN 111638932 A CN111638932 A CN 111638932A CN 202010483108 A CN202010483108 A CN 202010483108A CN 111638932 A CN111638932 A CN 111638932A
- Authority
- CN
- China
- Prior art keywords
- cloud
- module
- public cloud
- parameter
- display
- 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 21
- 238000004519 manufacturing process Methods 0.000 abstract description 4
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000006467 substitution reaction Methods 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/451—Execution arrangements for 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/954—Navigation, e.g. using categorised browsing
Abstract
The invention discloses an angular-based public cloud proprietary cloud height multiplexing front-end sharing method and system, and relates to the technical field of cloud network front-end configuration; the method comprises the following specific steps: s1, configuring parameters in an angular front-end framework to distinguish a public cloud from a private cloud; s2, setting display buttons of a public cloud and a private cloud; s3 self-defining instructions to inform the display and hiding of components on the page; different values are configured through one configuration parameter to respectively present the operation of different front-end pages, so that the method can be universally used for different system front-end interfaces, additional development is not needed, the manpower and material resource investment is saved, and the production cost is reduced.
Description
Technical Field
The invention discloses an angular-based public cloud proprietary cloud height multiplexing front-end sharing method and system, and relates to the technical field of cloud network front-end configuration.
Background
Almost every enterprise plans or is using cloud computing, but not every enterprise uses the same type of cloud model. There are actually a number of different cloud models, including public and private clouds, that are different from each other for the customer base. The public cloud faces public tenants, applies for the public cloud through the Internet, opens cloud services, and simultaneously selects areas and deducts use cost. The special cloud faces the special tenant, the special cloud can be deployed in a machine room designated by the tenant, the expenses of physical resources, networks and the like can be paid at one time, and the problems of expenses, areas and the like cannot be involved when the tenant uses the special cloud. Therefore, resources such as hardware, storage, broadband and the like used by the back ends of the public cloud and the private cloud are the same, only interfaces presented to tenants are different, but a set of corresponding front-end interfaces is developed for two sets of systems respectively, and manpower and material resources are wasted;
therefore, a front-end sharing method and system for public cloud proprietary cloud height multiplexing in enterprise are provided to solve the above problems.
Disclosure of Invention
Aiming at the problems in the prior art, the invention provides an angular-based front-end sharing method and system for private cloud height multiplexing of a public cloud, and the adopted technical scheme is as follows:
a public cloud proprietary cloud high-multiplexing front-end sharing method based on angular comprises the following specific steps:
s1, configuring parameters in an angular front-end framework to distinguish a public cloud from a private cloud;
s2, setting display buttons of a public cloud and a private cloud;
s3 the custom instruction informs the display and hiding of the components on the page.
The public cloud proprietary cloud height multiplexing front-end sharing method based on the angular is characterized in that the S1 configures a cloudType parameter in an application.
The configuration process of the cloudType parameter in the S1 specifically includes the following steps:
s101, configuring the public cloud to be 1 by using an [ nzType ] parameter of a closed-type instruction;
s102 configures the proprietary cloud to "0" with the [ nzType ] parameter of the closed-type instruction.
The specific steps of setting the display buttons of the public cloud and the private cloud in the S2 include:
s201, selecting the configuration quantity of the button component according to the display requirement;
s202 configures the close-type instruction in the corresponding < button > component.
The specific steps of the S3 user-defined instruction notifying display and hiding of the components on the page include:
s301 applies a cloudType parameter of a json file on a corresponding menu configuration to be displayed;
s302 matches the cloudType parameter of the application.json file with the post-cloudType attribute contained in the menu;
s303, when the S302 matches and is consistent, the page pending component is displayed.
The utility model provides a public cloud proprietary cloud height multiplex's front end shared system based on angular, the system specifically including distinguish module, button setting module and self-defined module:
a distinguishing module: s1, configuring parameters in an angular front-end framework to distinguish a public cloud from a private cloud;
a button setting module: s2, setting display buttons of a public cloud and a private cloud;
a self-defining module: s3 the custom instruction informs the display and hiding of the components on the page.
The distinguishing module configures a cloudType parameter in an application.json file of the regular front-end framework to distinguish the public cloud from the private cloud.
The distinguishing module specifically comprises a public cloud configuration module and a private cloud configuration module:
public cloud configuration module: configure the public cloud to "1" with the [ nzType ] parameter of the closed-type instruction;
proprietary cloud configuration module: the proprietary cloud is configured to be "0" with the [ nziType ] parameter of the group-type instruction.
The button setting module specifically comprises an assembly configuration module and an instruction configuration module:
a component configuration module: selecting the configuration quantity of the < button > component according to the display requirement;
the instruction configuration module: the close-type instruction is configured in the corresponding < button > component.
The user-defined module specifically comprises a menu configuration module, an attribute matching module and a display module:
the menu configuration module: applying a cloudType parameter of a json file on a corresponding menu configuration needing to be displayed;
an attribute matching module: matching the cloudType parameter of the application json file with the post-cloudType attribute contained in the menu;
a display module: and when the attribute matching modules are matched and consistent, the page standby component is displayed.
The invention has the beneficial effects that: when the system works, taking charging display as an example, the public cloud needs to display a charging mode, but the private cloud does not need to display the charging mode, the public cloud and the private cloud are distinguished by configuring parameters in an angular front-end framework through a distinguishing module, and two cloud services are distinguished to realize the display of control table elements;
when the public cloud needs to display the buttons but the private cloud does not need to display, the display buttons of the public cloud are arranged through the button setting module, and when the display buttons of the public cloud and the private cloud are both needed to be displayed, the display buttons of the public cloud and the private cloud are arranged through the button setting module, so that the display of the control button elements is realized;
finally, according to the display requirement, the user-defined module self-defines the instruction to inform the display and the hiding of the components on the page, different menus are displayed on the display buttons of the public cloud and the private cloud according to different systems, and then the operation that different values are configured through one configuration parameter and different front-end pages are respectively displayed is achieved, the display device can be universally used for different system front-end interfaces, additional development is not needed, the manpower and material resource investment is saved, and the production cost is reduced.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings needed to be used in the description of the embodiments or the prior art will be briefly introduced below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to these drawings without creative efforts.
FIG. 1 is a flow chart of the method of the present invention; fig. 2 is a schematic diagram of the system of the present invention.
Detailed Description
The present invention is further described below in conjunction with the following figures and specific examples so that those skilled in the art may better understand the present invention and practice it, but the examples are not intended to limit the present invention.
The first embodiment is as follows:
a public cloud proprietary cloud high-multiplexing front-end sharing method based on angular comprises the following specific steps:
s1, configuring parameters in an angular front-end framework to distinguish a public cloud from a private cloud;
s2, setting display buttons of a public cloud and a private cloud;
s3 self-defining instructions to inform the display and hiding of components on the page;
when the method is implemented, taking charging display as an example, the public cloud needs to display a charging mode, but the private cloud does not need to display the charging mode, the public cloud and the private cloud are distinguished by configuring parameters in an angular front-end framework through S1, and two cloud services are distinguished to realize the display of control table elements;
when the public cloud needs to display the button but the private cloud does not need to display, the display button of the public cloud is set through S2, and when the display button of the public cloud and the display button of the private cloud are both needed, the display buttons of the public cloud and the private cloud are set through S2, so that the display of the control button elements is realized;
finally, according to the display requirement, the display and the hiding of the components on the page are informed through an S3 self-defined instruction, different menus are displayed on the display buttons of the public cloud and the private cloud according to different systems, and further, the operation that different front-end pages are respectively displayed through configuring different values of one configuration parameter is realized, the operation can be universally used for different system front-end interfaces, additional development is not needed, the labor and material investment is saved, and the production cost is reduced;
further, the S1 configures a cloudType parameter in an application.json file of the regular front-end framework to distinguish the public cloud from the private cloud;
further, the configuration process of the cloudType parameter in S1 specifically includes the following steps:
s101, configuring the public cloud to be 1 by using an [ nzType ] parameter of a closed-type instruction;
s102, configuring the proprietary cloud to be '0' by using an [ nzType ] parameter of a closed-type instruction;
further, the specific step of setting the display buttons of the public cloud and the private cloud in S2 includes:
s201, selecting the configuration quantity of the button component according to the display requirement;
s202, configuring the closed-type instruction in a corresponding button component;
still further, the specific step of S3 customizing the instruction to notify display and hiding of the component on the page includes:
s301 applies a cloudType parameter of a json file on a corresponding menu configuration to be displayed;
s302 matches the cloudType parameter of the application.json file with the post-cloudType attribute contained in the menu;
s303, when the S302 matches and is consistent, the page pending component is displayed.
Example two:
the utility model provides a public cloud proprietary cloud height multiplex's front end shared system based on angular, the system specifically including distinguish module, button setting module and self-defined module:
a distinguishing module: configuring parameters in an angular front-end framework to distinguish a public cloud from a private cloud;
a button setting module: setting display buttons of a public cloud and a private cloud;
a self-defining module: the user-defined instruction informs the display and the hiding of the components on the page;
when the system works, taking charging display as an example, the public cloud needs to display a charging mode, but the private cloud does not need to display the charging mode, the public cloud and the private cloud are distinguished by configuring parameters in an angular front-end framework through a distinguishing module, and two cloud services are distinguished to realize the display of control table elements;
when the public cloud needs to display the buttons but the private cloud does not need to display, the display buttons of the public cloud are arranged through the button setting module, and when the display buttons of the public cloud and the private cloud are both needed to be displayed, the display buttons of the public cloud and the private cloud are arranged through the button setting module, so that the display of the control button elements is realized;
finally, according to the display requirement, the user-defined module self-defines the instruction to inform the display and the hiding of the components on the page, different menus are displayed on the display buttons of the public cloud and the private cloud according to different systems, and further, the operation that different values are configured through one configuration parameter to respectively display different front-end pages is realized, the operation can be universally used for different system front-end interfaces, additional development is not needed, the manpower and material resource investment is saved, and the production cost is reduced;
the distinguishing module is used for configuring a clodType parameter in an application.json file of an anchor front-end framework to distinguish a public cloud from a private cloud;
the distinguishing module specifically comprises a public cloud configuration module and a private cloud configuration module:
public cloud configuration module: configure the public cloud to "1" with the [ nzType ] parameter of the closed-type instruction;
proprietary cloud configuration module: configure the proprietary cloud to "0" with the [ nzType ] parameter of the group-type instruction;
the button setting module specifically comprises an assembly configuration module and an instruction configuration module:
a component configuration module: selecting the configuration quantity of the < button > component according to the display requirement;
the instruction configuration module: configuring a closed-type instruction in a corresponding < button > component;
the user-defined module specifically comprises a menu configuration module, an attribute matching module and a display module:
the menu configuration module: applying a cloudType parameter of a json file on a corresponding menu configuration needing to be displayed;
an attribute matching module: matching the cloudType parameter of the application json file with the post-cloudType attribute contained in the menu;
a display module: and when the attribute matching modules are matched and consistent, the page standby component is displayed.
Finally, it should be noted that: the above examples are only intended to illustrate the technical solution of the present invention, but not to limit it; although the present invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; and such modifications or substitutions do not depart from the spirit and scope of the corresponding technical solutions of the embodiments of the present invention.
Claims (10)
1. A public cloud proprietary cloud height multiplexing front-end sharing method based on angular is characterized by comprising the following specific steps:
s1, configuring parameters in an angular front-end framework to distinguish a public cloud from a private cloud;
s2, setting display buttons of a public cloud and a private cloud;
s3 the custom instruction informs the display and hiding of the components on the page.
2. The method for sharing the front end of the public cloud private cloud height multiplexing based on the regular according to claim 1, wherein the S1 configures a cloudType parameter in an application.
3. The regular-based front-end sharing method for private cloud high-multiplexing of public cloud according to claim 2, wherein the configuration process of the cloudType parameter in S1 specifically includes the following steps:
s101, configuring the public cloud to be 1 by using an [ nzType ] parameter of a closed-type instruction;
s102 configures the proprietary cloud to "0" with the [ nzType ] parameter of the closed-type instruction.
4. The angular-based front-end sharing method for private cloud high multiplexing of public cloud according to claim 3, wherein the step of setting the display buttons of the public cloud and the private cloud at S2 comprises:
s201, selecting the configuration quantity of the button component according to the display requirement;
s202 configures the close-type instruction in the corresponding < button > component.
5. The front-end sharing method for private cloud high-multiplexing of public cloud based on angular of claim 1, wherein the specific step of S3 custom instruction notification of displaying and hiding components on the page includes:
s301 applies a cloudType parameter of a json file on a corresponding menu configuration to be displayed;
s302 matches the cloudType parameter of the application.json file with the post-cloudType attribute contained in the menu;
s303, when the S302 matches and is consistent, the page pending component is displayed.
6. The utility model provides a public cloud proprietary cloud height multiplex's front end shared system based on angular, characterized by the system specifically including distinguish module, button setting module and self-defined module:
a distinguishing module: s1, configuring parameters in an angular front-end framework to distinguish a public cloud from a private cloud;
a button setting module: s2, setting display buttons of a public cloud and a private cloud;
a self-defining module: s3 the custom instruction informs the display and hiding of the components on the page.
7. The infrastructure-based public cloud private cloud high-multiplexing front-end sharing system according to claim 6, wherein the distinguishing module configures a cloudType parameter in an application.
8. The angular-based public cloud private cloud high-multiplexing front-end sharing system according to claim 7, wherein the distinguishing module specifically includes a public cloud configuration module and a private cloud configuration module:
public cloud configuration module: configure the public cloud to "1" with the [ nzType ] parameter of the closed-type instruction;
proprietary cloud configuration module: the proprietary cloud is configured to be "0" with the [ nziType ] parameter of the group-type instruction.
9. The angular-based public cloud proprietary cloud high-multiplexing front-end sharing system according to claim 8, wherein the button setting module specifically includes a component configuration module and an instruction configuration module:
a component configuration module: selecting the configuration quantity of the < button > component according to the display requirement;
the instruction configuration module: the close-type instruction is configured in the corresponding < button > component.
10. The infrastructure-based public cloud-specific cloud high-multiplexing front-end sharing system according to claim 9, wherein the customization module specifically includes a menu configuration module, an attribute matching module, and a presentation module:
the menu configuration module: applying a cloudType parameter of a json file on a corresponding menu configuration needing to be displayed;
an attribute matching module: matching the cloudType parameter of the application json file with the post-cloudType attribute contained in the menu;
a display module: and when the attribute matching modules are matched and consistent, the page standby component is displayed.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010483108.6A CN111638932A (en) | 2020-06-01 | 2020-06-01 | Angle-based public cloud private cloud height multiplexing front-end sharing method and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010483108.6A CN111638932A (en) | 2020-06-01 | 2020-06-01 | Angle-based public cloud private cloud height multiplexing front-end sharing method and system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111638932A true CN111638932A (en) | 2020-09-08 |
Family
ID=72329725
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010483108.6A Pending CN111638932A (en) | 2020-06-01 | 2020-06-01 | Angle-based public cloud private cloud height multiplexing front-end sharing method and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111638932A (en) |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105162884A (en) * | 2015-09-25 | 2015-12-16 | 浪潮(北京)电子信息产业有限公司 | Cloud management platform based on micro-service architecture |
| CN111078220A (en) * | 2019-12-19 | 2020-04-28 | 浪潮云信息技术有限公司 | Method and system for implementing front-end state change management |
-
2020
- 2020-06-01 CN CN202010483108.6A patent/CN111638932A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105162884A (en) * | 2015-09-25 | 2015-12-16 | 浪潮(北京)电子信息产业有限公司 | Cloud management platform based on micro-service architecture |
| CN111078220A (en) * | 2019-12-19 | 2020-04-28 | 浪潮云信息技术有限公司 | Method and system for implementing front-end state change management |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| WO2018213991A1 (en) | Network slice creating method and apparatus, and communication system | |
| CN102662727B (en) | The creation method of virtual machine and device | |
| US20150244597A1 (en) | Managing a hybrid cloud service | |
| EP3319020A1 (en) | Reservation management terminal, reservation management method, and reservation management program | |
| CN107797780A (en) | The data of Mosaic screen are shown, control method and device, system, display device | |
| CN113923785A (en) | Network management system and method based on cloud network cooperation | |
| CN109120444B (en) | Cloud resource management method, processor and storage medium | |
| CN109246201B (en) | Cloud resource delivery method, processor and storage medium | |
| CN104778022A (en) | Data processing method and electronic equipment | |
| CN105867864A (en) | Method and device for displaying of K virtual machines (KVMs) | |
| CN102833405A (en) | Method and device for displaying static wallpaper and mobile terminal | |
| CN111638932A (en) | Angle-based public cloud private cloud height multiplexing front-end sharing method and system | |
| CN112333672B (en) | Method and device for opening UPF network element of 5G core network | |
| CN102023862B (en) | Mobile terminal control method and system | |
| CN102236510B (en) | A kind of method and apparatus utilizing super taskbar to control instant communication software | |
| CN110460456B (en) | Method and device for synchronously generating network topology by Management Information Base (MIB) | |
| CN109764483A (en) | A kind of air conditioner centralized control method, apparatus and client | |
| CN105700870B (en) | A kind of methods of exhibiting and server of the flow content of multi-source | |
| CN109144884A (en) | Program error localization method, device and computer readable storage medium | |
| CN105306255A (en) | System having large data size and multiple topological graph instances in telecommunication network management and method for managing a large data size and multiple topological graph instances in telecommunication network management | |
| CN104133675A (en) | Distribution network multi-theme application interface integrating method based on dynamic configuration technology | |
| CN108427544A (en) | A kind of list double screen application switching method and interface | |
| CN105323273B (en) | For controlling the methods, devices and systems of energy consumption monitoring system | |
| CN106412262A (en) | Mobile phone display method for animation effect contained app with baffle processing | |
| CN102760037B (en) | A kind of electronic equipment input display method and electronic equipment |
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: 20200908 |