CN107562509A - A kind of component display methods and device - Google Patents
A kind of component display methods and device Download PDFInfo
- Publication number
- CN107562509A CN107562509A CN201710939370.5A CN201710939370A CN107562509A CN 107562509 A CN107562509 A CN 107562509A CN 201710939370 A CN201710939370 A CN 201710939370A CN 107562509 A CN107562509 A CN 107562509A
- Authority
- CN
- China
- Prior art keywords
- component
- chart components
- chart
- components
- 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
Landscapes
- Details Of Rigid Or Semi-Rigid Containers (AREA)
Abstract
The present invention provides a kind of component display methods and device, the above method comprise the following steps：Chart components to be shown are loaded by assembly container and the chart components to be shown are packaged；Chart components to be shown after encapsulation are ranked up and call the chart components to be shown after sequence to show.In above-mentioned technical proposal, by loading, encapsulating, sequencing display to chart components to be shown, realize homepage content and flexibly show, meet the individual demand of user, avoid customized development, save a large amount of manpower and materials.
Description
Technical field
The invention belongs to field of cloud computer technology, more particularly to a kind of component display methods and device.
Background technology
Each management software has a homepage Dashboard, and the displaying style of homepage is varied, generally, is exactly
It is important in system, statistical, can patterned content displaying come out.
The management softwares such as VMware, Openstack, its homepage design are fairly simple：Such as Openstack, its homepage is general
State, and show only its material resources essential information included, VMware homepages are slightly more, but also simply simply describe
Systemic-function and resource statistics.
Cloud platform includes very more contents, such as cloud resource, cloud service, cloud monitoring, Openstack fusions, user management
Etc. big module, there are several submodules again under each big module, these data contents included are very huge, in homepage, one
As the fixed content for showing several modules.
But above-mentioned technical proposal has the following disadvantages：
1st, homepage displaying content underaction；
2nd, it is difficult to meet the needs of different industries and different clients, the needs of in order to meet different industries and different clients,
Then need to be customized and melt hair, expend substantial amounts of manpower and materials.
Therefore, there is an urgent need to provide a kind of component displaying scheme to solve above-mentioned technical problem.
The content of the invention
The present invention provides a kind of component display methods and device, to solve the above problems.
The embodiment of the present invention provides a kind of component display methods, comprises the following steps：Loaded by assembly container to be shown
Chart components are simultaneously packaged to the chart components to be shown；
Chart components to be shown after encapsulation are ranked up and call the chart components to be shown after sequence to show.
The embodiment of the present invention also provides a kind of component display device, including processor, is adapted for carrying out each instruction；Storage is set
Standby, suitable for storing a plurality of instruction, the instruction is suitable to be loaded and performed by the processor；
Chart components to be shown are loaded by assembly container and the chart components to be shown are packaged；
Chart components to be shown after encapsulation are ranked up and call the chart components to be shown after sequence to show.
The embodiment of the present invention provides following technical scheme：Chart components to be shown are loaded by assembly container and treated to described
Display chart components are packaged；Chart components to be shown after encapsulation are ranked up and call the chart to be shown after sequence
Component is shown.
In above-mentioned technical proposal, by loading, encapsulating, sequencing display to chart components to be shown, homepage content is realized
Flexibly displaying, meets the individual demand of user, avoids customized development, save a large amount of manpower and materials.
The embodiment of the present invention provides following technical scheme：The chart components to be shown are selected from chart components in advance simultaneously
The display order of the chart components to be shown is configured.
In above-mentioned technical proposal, by carrying out individualized selection to chart components, the individual demand of user is met, is kept away
Exempt from customized development, save a large amount of manpower and materials.
Brief description of the drawings
Accompanying drawing described herein is used for providing a further understanding of the present invention, forms the part of the application, this hair
Bright schematic description and description is used to explain the present invention, does not form inappropriate limitation of the present invention.In the accompanying drawings：
Fig. 1 show the component displaying principle figure of the embodiment of the present invention 1；
Fig. 2 show the component display methods flow chart of the embodiment of the present invention 2；
Fig. 3 show the component display device structure figure of the embodiment of the present invention 3.
Embodiment
Describe the present invention in detail below with reference to accompanying drawing and in conjunction with the embodiments.It should be noted that do not conflicting
In the case of, the feature in embodiment and embodiment in the application can be mutually combined.
The present invention realizes that technological core is BootStrap frameworks using a variety of interface tech, using assembly encapsulation method,
And dynamic Div technologies are used, adaptive sort algorithm has been added and realizes, have realized the dynamic exhibition for carrying out homepage as needed
Show.
Principle is as follows：
First, writing homepage needs the chart components that show, each chart components be it is incoherent, it is self-existent, this
It is easy to component to extend, because system in continuous updating and extension, can all there are new chart components to add at any time, it is independently compiled
Write, make chart components one by one, be loaded directly into corresponding chart components when in use；
Secondly, assembly container is write, this assembly container is used for loading chart components, meanwhile, can be in assembly container
Each chart components individually create a component feature space；The effect of assembly container is exactly to load the chart group by component feature space
Part is simultaneously packaged to the chart components；
Wherein, adaptation function is needed in assembly container, adaptive each component feature space in requisition for assembly container adds
Enter adaptive algorithm, its general principle is when the element of some component feature space is removed, and takes a chart components, root from below
The algorithm shown according to its size and hair space, is loaded into blank space, its basic demand is exactly the place of the blank in homepage must
Must be as far as possible few, homepage space is filled up as far as possible, is calculated according to the size of the length and width of chart components and component feature space；
Again, it can be ranked up in assembly container, give tacit consent to and sorted according to the order of chart components loading, this sequence is also
Can be controlled by custom block, the display order of each chart components can be controlled, after sequence, according to setting order by
Individual loading chart components, until loading is completed；Wherein, custom block is used for controlling which chart components of homepage to show, controls
Display order of chart components etc..
Finally, the chart components after sequence are called to be shown.
The present invention is different from traditional homepage displaying, and the displaying of in general homepage, which is fixed, shows several content cans, but
In cloud platform, homepage entirely autonomous can control, and the content that displaying may be selected is very abundant, can meet different industries and difference
The client of demand uses, it is not necessary to and it is customized for special demand and melts hair, saves substantial amounts of manpower and materials, and can be at any time
Increase new chart components to enrich the displaying content of homepage.
Fig. 1 show the component displaying principle figure of the embodiment of the present invention 1, including chart components (chart components 1, chart group
Part 2, chart components 3, chart components 4), assembly container, component order module, component adaptation module, custom block, main exhibition
Show the page.
Mainly include following steps：
1) chart components：The component patterned one by one write as requested, can show various charts, such as
Pie chart, block diagram, line chart, form etc., also there is the component for being designed to picture and text mixing, each component is independent, each enters line number
According to acquisition and chart generation, so prevent from causing to show failure because data are interspersed between multiple charts, if data are interted
With interactive demand, it is necessary to do independent processing；
2) assembly container：It is independent component feature space one by one for loading chart components, in it, can be written generally as sky
Div form, any chart components, and these can be loaded according to id loading contents, each independent component feature space in it
Independent component feature space can be ranked up, move；
3) component order module：Component feature space therein is ranked up i.e. in assembly container, sequence acquiescence is according to figure
The loading sequence of table component is carried out, and after custom block has the order of setting, is ranked up according to the order of setting；
4) component adaptation module：Adaptive is exactly according to the size of existing page space, by figure not of uniform size
Table component content is spliced, and is formed an entirety and is shown；The requirement of adaptive algorithm is minimum space, because we adopt
It is BootStrap frameworks, often row is divided into 12 row, then, the width of each column chart components, which adds up, need to be less than or equal to 12, and
And to try one's best close to 12；
5) custom block：Customized function is exactly the chart content for controlling homepage to show, can set which chart
Component shows which is hidden, and can control the functions such as the background of homepage with the displaying order of control diagram component；
6) main interface is shown：After realizing above-mentioned function, most important is exactly to come out these content displayings, main interface exhibition
Show the displaying for providing for chart components content.
The content that homepage can be shown in the embodiment of the present invention is very abundant, and sustainable extension homepage content, it is only necessary to
An icon component is write, is then inserted into the expansion of content that homepage can be completed in homepage, realizes the sustainability of homepage
Increase function；Also, homepage can be shown control as needed, for the different content of different scene displays, such as only need
The user of cloud resource, the content of cloud resource can be only shown, the user that need to only monitor, can only show monitoring content etc.；In addition, homepage
Content realize adaptive displaying, reduce because component size differ caused by large stretch of blank, the reduction of blank makes interface
Displaying seems very abundant.
Fig. 2 show the component display methods flow chart of the embodiment of the present invention 2, comprises the following steps：
Step 201：Chart components to be shown are loaded by assembly container and the chart components to be shown are packaged；
Further, it is described that chart components to be shown are loaded by assembly container and the chart components to be shown are carried out
Before encapsulation, in addition to：
The chart components to be shown are selected from chart components in advance and display to the chart components to be shown is suitable
Sequence is configured.
Further, the chart components are loaded by the component feature space in the assembly container.
Further, the chart components include pie chart component, block diagram component, line chart component, form component.
Step 202：Chart components to be shown after encapsulation are ranked up and call the chart components to be shown after sequence
Shown.
Further, according to display interface size, tiled display is carried out to the content in the chart components to be shown.
Further, the chart components to be shown are included in the display background of setting.
The embodiment of the present invention realizes the sustainable extension of homepage content, and homepage can customize the function of displaying, and
And each component of homepage can adaptively be shown according to space requirement, the displaying greatly facilitated under varying environment will
Ask.In addition, by adaptively sorting, reducing caused large stretch of blank, the reduction of blank because component size differs makes interface
Displaying seems very abundant
Fig. 3 show the component display device structure figure of the embodiment of the present invention 3, including processor, is adapted for carrying out each instruction；
Storage device, suitable for storing a plurality of instruction, the instruction is suitable to be loaded and performed by the processor；
Chart components to be shown are loaded by assembly container and the chart components to be shown are packaged；
Chart components to be shown after encapsulation are ranked up and call the chart components to be shown after sequence to show.
Further, it is described that chart components to be shown are loaded by assembly container and the chart components to be shown are carried out
Before encapsulation, in addition to：
The chart components to be shown are pre-selected and the display order to the chart components to be shown is configured.
Further, the chart components are loaded by the component feature space in the assembly container.
Further, according to display interface size, tiled display is carried out to the content in the chart components to be shown.
Further, the chart components to be shown are included in the display background of setting.
Further, the chart components include pie chart component, block diagram component, line chart component, form component.
The embodiment of the present invention provides following technical scheme：Chart components to be shown are loaded by assembly container and treated to described
Display chart components are packaged；Chart components to be shown after encapsulation are ranked up and call the chart to be shown after sequence
Component is shown.
In above-mentioned technical proposal, by loading, encapsulating, sequencing display to chart components to be shown, homepage content is realized
Flexibly displaying, meets the individual demand of user, avoids customized development, save a large amount of manpower and materials.
The embodiment of the present invention provides following technical scheme：The chart components to be shown are selected from chart components in advance simultaneously
The display order of the chart components to be shown is configured.
In above-mentioned technical proposal, by carrying out individualized selection to chart components, the individual demand of user is met, is kept away
Exempt from customized development, save a large amount of manpower and materials.
The preferred embodiments of the present invention are the foregoing is only, are not intended to limit the invention, for the skill of this area
For art personnel, the present invention can have various modifications and variations.Within the spirit and principles of the invention, that is made any repaiies
Change, equivalent substitution, improvement etc., should be included in the scope of the protection.
Claims (12)
1. a kind of component display methods, it is characterised in that comprise the following steps：
Chart components to be shown are loaded by assembly container and the chart components to be shown are packaged；
Chart components to be shown after encapsulation are ranked up and call the chart components to be shown after sequence to show.
2. component display methods according to claim 1, it is characterised in that described that figure to be shown is loaded by assembly container
Table component and before being packaged to the chart components to be shown, in addition to：
The chart components to be shown are selected from chart components in advance and the display order to the chart components to be shown enters
Row is set.
3. component display methods according to claim 1 or 2, it is characterised in that pass through the component in the assembly container
Space loads the chart components.
4. component display methods according to claim 3, it is characterised in that according to display interface size, wait to show to described
Show that the content in chart components carries out tiled display.
5. component display methods according to claim 3, it is characterised in that include setting by the chart components to be shown
In fixed display background.
6. component display methods according to claim 3, it is characterised in that the chart components include pie chart component, post
Shape figure component, line chart component, form component.
7. a kind of component display device, it is characterised in that including processor, be adapted for carrying out each instruction；Storage device, suitable for storage
A plurality of instruction, the instruction are suitable to be loaded and performed by the processor
Chart components to be shown are loaded by assembly container and the chart components to be shown are packaged；
Chart components to be shown after encapsulation are ranked up and call the chart components to be shown after sequence to show.
8. component display device according to claim 7, it is characterised in that described that figure to be shown is loaded by assembly container
Table component and before being packaged to the chart components to be shown, in addition to：
The chart components to be shown are pre-selected and the display order to the chart components to be shown is configured.
9. the component display device according to claim 7 or 8, it is characterised in that pass through the component in the assembly container
Space loads the chart components.
10. component display device according to claim 9, it is characterised in that according to display interface size, wait to show to described
Show that the content in chart components carries out tiled display.
11. component display device according to claim 9, it is characterised in that include the chart components to be shown
In the display background of setting.
12. component display device according to claim 9, it is characterised in that the chart components include pie chart component, post
Shape figure component, line chart component, form component.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710939370.5A CN107562509A (en) | 2017-10-10 | 2017-10-10 | A kind of component display methods and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710939370.5A CN107562509A (en) | 2017-10-10 | 2017-10-10 | A kind of component display methods and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107562509A true CN107562509A (en) | 2018-01-09 |
Family
ID=60985162
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710939370.5A Pending CN107562509A (en) | 2017-10-10 | 2017-10-10 | A kind of component display methods and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107562509A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109656530A (en) * | 2018-11-28 | 2019-04-19 | 国云科技股份有限公司 | A kind of chart components method |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105224332A (en) * | 2015-10-14 | 2016-01-06 | 深圳市金证科技股份有限公司 | A kind of application program generates method and apparatus |
| CN105893602A (en) * | 2016-04-21 | 2016-08-24 | 北京京东尚科信息技术有限公司 | Full screen displaying method and full screen displaying system for diagram in webpage applied to terminal browser |
| US20160357527A1 (en) * | 2015-06-07 | 2016-12-08 | Wix.Com Ltd | System and method for the generation of an adaptive user interface in a website building system |
-
2017
- 2017-10-10 CN CN201710939370.5A patent/CN107562509A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160357527A1 (en) * | 2015-06-07 | 2016-12-08 | Wix.Com Ltd | System and method for the generation of an adaptive user interface in a website building system |
| CN105224332A (en) * | 2015-10-14 | 2016-01-06 | 深圳市金证科技股份有限公司 | A kind of application program generates method and apparatus |
| CN105893602A (en) * | 2016-04-21 | 2016-08-24 | 北京京东尚科信息技术有限公司 | Full screen displaying method and full screen displaying system for diagram in webpage applied to terminal browser |
Non-Patent Citations (1)
| Title |
|---|
| TEAVAMC: "【PythonDjango后台实例 第四章】Python3.6.1+Bootstrap3+echarts 在HTML网页中使用echarts展示图表", 《HTTPS://BLOG.CSDN.NET/TEAVAMC/ARTICLE/DETAILS/77164658》 * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109656530A (en) * | 2018-11-28 | 2019-04-19 | 国云科技股份有限公司 | A kind of chart components method |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP7354294B2 (en) | System and method for providing responsive editing and display integrating hierarchical fluid components and dynamic layout | |
| CN103605568B (en) | A kind of Multithread management method and device | |
| CN106339226B (en) | A kind of methods of exhibiting and page presentation device of Webpage | |
| US20230111594A1 (en) | Simplified website creation, configuration, and customization system | |
| CN103067468B (en) | Cloud dispatching method and system thereof | |
| CN105589734B (en) | A kind of method of self-defined template creation application | |
| US11681507B2 (en) | Composable context menus | |
| WO2013049544A1 (en) | Methods and apparatus for general solution of the two-dimensional layout problem by reduction to a single-source path-length problem on a weighted graph | |
| CN105677307B (en) | A kind of mobile terminal big data processing method and system | |
| CN109697055B (en) | Method and system for generating mobile App page | |
| CN106201155B (en) | Method for displaying user interface and system | |
| CN103034518A (en) | Method and browser for loading browser control tool | |
| CN114296722A (en) | Visual rapid development method and system applied to digital reform | |
| CN103399873A (en) | Database dynamic loading management method and device of virtual reality system | |
| CN109684577A (en) | A kind of configuration method of web page contents, system and electronic equipment | |
| CN113779040B (en) | Progressive online high-precision map service engine system | |
| CN107562509A (en) | A kind of component display methods and device | |
| CN101714080A (en) | Method and system for realizing web multiple language control | |
| US20110090258A1 (en) | Device and method for animating a graphic digital document | |
| CN115130448A (en) | Table generation method and device, electronic equipment and computer-readable storage medium | |
| CN113535307A (en) | Interface loading method and device and storage medium | |
| CN106227560A (en) | A kind of list control display packing and system | |
| CN104461636B (en) | A kind of skin resource loading method and electronic equipment | |
| CN109582298A (en) | A kind of software high-efficient disposition melts the design method of hair | |
| US10930036B2 (en) | Bar chart optimization |
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: 20180109 |