CN109343849A - A kind of system, the design method and graphic control panel of system UI - Google Patents
A kind of system, the design method and graphic control panel of system UI Download PDFInfo
- Publication number
- CN109343849A CN109343849A CN201811116010.6A CN201811116010A CN109343849A CN 109343849 A CN109343849 A CN 109343849A CN 201811116010 A CN201811116010 A CN 201811116010A CN 109343849 A CN109343849 A CN 109343849A
- Authority
- CN
- China
- Prior art keywords
- function
- design method
- thin item
- page
- thin
- 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
-
- 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
Abstract
The invention discloses a kind of system, the design method of system UI and graphic control panels, and wherein the design method of system UI includes: that the frame page of system UI is divided into different functional areas；It is established for each functional areas and contains the UI resources bank of the thin item of corresponding function；The thin item of corresponding function is selected to be arranged into each functional areas from the UI resources bank.The present invention carries out modularized design by the way that the page is divided into different function area, allows the same section of not homologous ray to call the content of the same modularized design, improves the efficiency of development system.
Description
Technical field
The present invention relates to the modular design methods and use of the design method of system UI more particularly to a kind of system UI
This method is come the system of building UI.
Background technique
Conventional system development is all to summarize corresponding function according to the demand of user, then at different levels according to functional development
Function pages, one engineering of every undertaking, it is necessary to aforesaid operations are come again according to an engineering, but same class in fact
In the system of type, even if user demand can be each different, but can also there be the identical content of major part, if a work
Journey is just developed once, will cause the waste of personnel, resource in this way.
Therefore, how to provide a kind of UI design method that efficiency can be improved is industry technical problem urgently to be resolved.
Summary of the invention
In order to solve the above-mentioned problems in the prior art, the invention proposes the design method of system UI a kind of, packets
It includes:
The frame page of system UI is divided into different functional areas；
It is established for each functional areas and contains the UI resources bank of the thin item of corresponding function；
The thin item of corresponding function is selected to be arranged into each functional areas from the UI resources bank.
It preferably, further include being associated with the relevant thin item of function between each functional areas.
It preferably, further include the login page that different user right and system are set for the thin item of each function.
In the technical scheme, the functional areas include menu bar and display field.In one embodiment, the menu
Column only includes further menu column, the thin item of each function direct one of the thin item of each function and display field in the further menu column
One corresponding association or the corresponding association by the way of one-to-many.In other embodiments, the menu bar includes multilevel menu column,
For the thin item of each function of the menu bar at different levels step by step after corresponding association, the thin Xiang Zaiyu of each function of the menu bar of afterbody is corresponding
Display field the corresponding association of the thin item of each function.For example, the menu bar includes two hierarchical levels of menus column, the further menu column
The thin item of each function respectively with the thin item of each function on second-level menu column by the way of one-to-many it is corresponding association after, second-level menu column
The thin item of each function be that the thin item of each function of display field corresponds association or the corresponding pass using one-to-many by the way of
Connection.
Specifically, the thin item of the function of the menu bar is feature list.The thin item of the function of the display field is specific
Function pages.
Specifically, the frame page of the system UI, login page and UI resources bank are stored in remote server.
The invention also provides a kind of systems, the page including server, in server, and the page is using above-mentioned
Design method described in any one claim designs UI.
Preferably, the system on the local computer loading page when, first access local computer page cache, if
It does not call, and stores into page cache from remote server again.
Preferably, when the thin item of each function of the system loads, the memory for first accessing local computer calls UI resources bank, if
It does not call, and is stored in memory from remote server again.
In a specific embodiment, the system is electric power peak tune monitoring system.The system contains at least one
Engineering, each engineering are associated with a set of page and the thin item of function.
The invention also provides a kind of graphic control panel, it is stored with computer program, when execution realizes above-mentioned technology
Design method in scheme.
The present invention develops unified frame page, and be divided into different function by the common ground of each system of summary, each engineering
Can area, the UI database comprising functional thin item is designed according to each functional areas so that each system, each engineering research and development when,
Different templates can be applied, development efficiency is improved, further, develops the system of completion in load, it is preferably slow from the page
Deposit or memory in obtain the relevant page or data, if not going to download in remote server again, improve the page load
Speed, user experience is more preferably.
Detailed description of the invention
Below with reference to embodiment and attached drawing, the present invention is described in detail, in which:
Fig. 1 is flow chart of the method for the present invention.
Fig. 2 is flow chart of the present system in load.
Specific embodiment
The specific of system UI modular design method proposed by the present invention is described in detail below in content according to figure 1
Step.
The integral layout of system UI is divided into different functional areas first, corresponding function is designed in each functional areas
Thin item.According to most management system, monitoring system etc. in the present embodiment, the integral layout of UI is divided into menu bar and data
Viewing area, the thin item of the function of menu bar can be the feature list being made of button, hyperlink etc., and the function of display field is thin
Xiang Ze is the specific function pages for response function list.
Then, it is established for each functional areas and contains the UI resources bank of the corresponding thin item of function, that is, established and contain function column
The UI resources bank of table and specific function pages.The possible concrete function of different systems can have difference, but also have larger portion
It is identical for dividing, and division of teaching contents involved by each functional areas is the thin item of each function by the present invention, with the project amount of undertaking
Increase, UI resources bank can be enriched, keep the thin item of function in UI resources bank more and more comprehensive, will for the design of system UI
Greatly improve efficiency.
Then the corresponding thin item of function is selected to be arranged into each functional areas according to the needs of Practical Project from UI resources bank
In, it is associated with the relevant thin item of function between each functional areas later, so that the thin item of correlation function that user clicks higher level functional areas can
To respond the corresponding thin item of junior's function.In one embodiment, menu bar only includes further menu column, in further menu column
Each thin item of function can be corresponded directly with the thin item of each function of display field and is associated with, or by the way of one-to-many
Corresponding association.In another embodiment, menu bar also may include multilevel menu column, and each function of the menu bars at different levels is thin
After item corresponds to association step by step, the thin item of each function of the corresponding display field of the thin Xiang Zaiyu of each function of the menu bar of afterbody
Corresponding association.For example, menu bar may include two hierarchical levels of menus column, the thin item of each function on further menu column respectively with second-level menu column
The thin item of each function by the way of one-to-many after corresponding association, the thin Xiang Zaiyu display field of each function on second-level menu column
Each thin item of function corresponds association or the corresponding association by the way of one-to-many.
On the basis of the above, it can also be the corresponding permission of user setting of system, be convenient for system administration.
The present invention also protects the system built using the above method, includes the page of server and storage on the server
Face, these pages be by adopting the above technical scheme in design method carry out modularized design.The system can be electric power peak
Monitoring system is adjusted, contains at least one engineering, the accessible engineering of the user of system in electric power peak tune monitoring system
Accessible multiple engineerings, specifically according to its permission depending on.Each engineering is associated with a set of frame page and corresponding function
The thin item of energy, frame page divide different functional areas, and in a specific embodiment, some engineering contains two hierarchical levels of menus column
With a display field.
Table can be associated to by ID when being associated with each functional areas in engineering in the permission of specifically setting user and engineering
Mode carries out.User possesses its corresponding User ID, and each engineering also has its engineering ID, and a user may possess multiple works
The corresponding relationship of the access authority of journey, each group of user and engineering possesses a user engineering ID, forms following table 1.Using
Same mode makes user engineering ID form corresponding relationship (table 2) with further menu column again, makes further menu column and second level dish
Single column forms corresponding relationship (table 3), and second-level menu column is made to form corresponding pass with the specific function pages of display field
It is (table 4).
Table 1
Table 2
Table 3
Table 4
Fig. 2 gives the specific flow chart of system loading page when in use.The system is when in use, it is necessary first to which opening is stepped on
The page is recorded, system can preferentially access the page cache of local computer, see whether the html file of available login page,
If not called from remote server again, and store into page cache.
User inputs relevant information, such as User ID, engineering ID etc. on login page.Then system obtains user's input
User ID and engineering ID user and the corresponding menu bar of engineering preferentially searched from memory according to User ID, engineering ID
The corresponding concrete function page of feature list, display field, if not having in memory, being downloaded from remote data base and storing
Into memory.
Then, system can preferentially access the page cache of local computer, see whether available frame page
Html file if not calling from remote server again, and is stored into page cache.Then the html file obtained is by about
The fixed relevant feature list of region loaded and displayed and display field.
System in this way improves data acquisition and page load by way of introducing page cache and memory database
Speed.
The software (i.e. computer program) of above-mentioned achievable design method is stored in graphic control panel, which (calculates
Machine program) execute when realize above-mentioned technical proposal in design method.
The foregoing is merely illustrative of the preferred embodiments of the present invention, is not intended to limit the invention, all in essence of the invention
Made any modifications, equivalent replacements, and improvements etc., should all be included in the protection scope of the present invention within mind and principle.
Claims (16)
1. a kind of design method of system UI characterized by comprising
The frame page of system UI is divided into different functional areas；
It is established for each functional areas and contains the UI resources bank of the thin item of corresponding function；
The thin item of corresponding function is selected to be arranged into each functional areas from the UI resources bank.
2. the design method of the system as claimed in claim 1 UI, which is characterized in that further include: it is associated with phase between each functional areas
The thin item of the function of pass.
3. the design method of the system as claimed in claim 1 UI, which is characterized in that further include: not for the thin item setting of each function
The login page of same user right and system.
4. the design method of the system as claimed in claim 1 UI, which is characterized in that the functional areas include menu bar and data
Viewing area.
5. the design method of system UI as claimed in claim 4, which is characterized in that the menu bar only includes further menu
Column, the thin item of each function in the further menu column is directly corresponded with the thin item of each function of display field to be associated with or uses
The corresponding association of one-to-many mode.
6. the design method of system UI as claimed in claim 4, which is characterized in that the menu bar includes multilevel menu column,
For the thin item of each function of the menu bar at different levels step by step after corresponding association, the thin Xiang Zaiyu of each function of the menu bar of afterbody is corresponding
Display field the corresponding association of the thin item of each function.
7. the design method of system UI as claimed in claim 6, which is characterized in that the menu bar includes two hierarchical levels of menus column,
The thin item of each function on the further menu column respectively with the thin item of each function on second-level menu column by the way of one-to-many it is corresponding close
After connection, the thin item of each function on second-level menu column is that the thin item of each function of display field corresponds association or using a pair of
The corresponding association of more modes.
8. the design method of system UI as claimed in claim 4, which is characterized in that the thin item of the function of the menu bar is function
List.
9. the design method of system UI as claimed in claim 4, which is characterized in that the thin item of the function of the display field is
Specific function pages.
10. the design method of system UI as claimed in claim 3, which is characterized in that the frame page of the system UI logs in
The page and UI resources bank are stored in remote server.
11. a kind of system, the page including server, in server, which is characterized in that the page is using above-mentioned any
Design method described in one claim designs UI.
12. system as claimed in claim 11, which is characterized in that the system is first visited in local computer loading page
It asks the page cache of local computer, if not called from remote server again, and stores into page cache.
13. system as claimed in claim 11, which is characterized in that when the thin item of each function of system loads, first access is local
The memory of computer calls UI resources bank, if not calling from remote server again, and is stored in memory.
14. system as claimed in claim 11, which is characterized in that the system is electric power peak tune monitoring system.
15. system as claimed in claim 14, which is characterized in that the system contains at least one engineering, each engineering
It is associated with a set of page and the thin item of function.
16. a kind of graphic control panel, is stored with computer program, which is characterized in that real when the computer program executes
The now design method as described in claim 1-10 any one.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811116010.6A CN109343849A (en) | 2018-09-25 | 2018-09-25 | A kind of system, the design method and graphic control panel of system UI |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811116010.6A CN109343849A (en) | 2018-09-25 | 2018-09-25 | A kind of system, the design method and graphic control panel of system UI |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109343849A true CN109343849A (en) | 2019-02-15 |
Family
ID=65306758
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811116010.6A Pending CN109343849A (en) | 2018-09-25 | 2018-09-25 | A kind of system, the design method and graphic control panel of system UI |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109343849A (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101321306A (en) * | 2008-06-16 | 2008-12-10 | 华为技术有限公司 | Method and device for creating business and deploying business |
| CN102654833A (en) * | 2012-02-01 | 2012-09-05 | 中兴通讯（香港）有限公司 | Mobile phone application development method and system |
| US20170068519A1 (en) * | 2015-05-13 | 2017-03-09 | Nadia Analia Huebra | Computer-applied method for displaying software-type applications based on design specifications |
| CN106557314A (en) * | 2016-10-19 | 2017-04-05 | 深圳智慧林网络科技有限公司 | Applied software development method and device |
| CN108520010A (en) * | 2018-03-19 | 2018-09-11 | 成都星环科技有限公司 | A kind of intelligence page layout method |
| CN108563432A (en) * | 2018-03-14 | 2018-09-21 | 广东能龙教育股份有限公司 | Android application program componentization rapid development method through route configuration |
-
2018
- 2018-09-25 CN CN201811116010.6A patent/CN109343849A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101321306A (en) * | 2008-06-16 | 2008-12-10 | 华为技术有限公司 | Method and device for creating business and deploying business |
| CN102654833A (en) * | 2012-02-01 | 2012-09-05 | 中兴通讯（香港）有限公司 | Mobile phone application development method and system |
| US20170068519A1 (en) * | 2015-05-13 | 2017-03-09 | Nadia Analia Huebra | Computer-applied method for displaying software-type applications based on design specifications |
| CN106557314A (en) * | 2016-10-19 | 2017-04-05 | 深圳智慧林网络科技有限公司 | Applied software development method and device |
| CN108563432A (en) * | 2018-03-14 | 2018-09-21 | 广东能龙教育股份有限公司 | Android application program componentization rapid development method through route configuration |
| CN108520010A (en) * | 2018-03-19 | 2018-09-11 | 成都星环科技有限公司 | A kind of intelligence page layout method |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Mackenzie | Virtual positions and power | |
| KR101942818B1 (en) | Codeless sharing of spreadsheet objects | |
| US7523147B2 (en) | Method and system for managing inventory for a migration using history data | |
| CN107450903B (en) | Information processing method and device | |
| CN112070457A (en) | Project management method and device, electronic equipment and storage medium | |
| US8918709B2 (en) | Object templates for data-driven applications | |
| WO2009058740A2 (en) | A language framework and infrastructure for safe and composable applications | |
| WO2012116355A2 (en) | Named object view over multiple files | |
| CN111427491A (en) | Method and device for configuring system background menu button | |
| CN103617070A (en) | Virtual machine migration method and device | |
| US10585658B2 (en) | Architectures and techniques for record protection and field management | |
| CN103488674A (en) | Computing system and method for implementing and controlling thereof | |
| CN103036855A (en) | Achievement device and method of authority management | |
| CN103390018A (en) | Web service data modeling and searching method based on SDD (service data description) | |
| CN110780953A (en) | Combined computer application | |
| CN114741667A (en) | Document display method and device and computer readable storage medium | |
| US6868434B1 (en) | System and method for testing server latencies using multiple concurrent users in a computer system | |
| CN111339098A (en) | Authority management method, data query method and device | |
| CN109343849A (en) | A kind of system, the design method and graphic control panel of system UI | |
| CN116050786A (en) | Business process construction method and device, electronic equipment and storage medium | |
| CN105938431A (en) | Web page developing method and device | |
| CN111198675B (en) | Management and control method and system | |
| CN100373340C (en) | Distribution computer system managing method | |
| Tian et al. | Research on the application of enterprise portal integration technology | |
| KR20140110602A (en) | Excel function providing method in supply chain management program |
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 |
Application publication date: 20190215 |
|
| RJ01 | Rejection of invention patent application after publication |