CN104182212A - Telescopic WEB system interface framework design - Google Patents
Telescopic WEB system interface framework design Download PDFInfo
- Publication number
- CN104182212A CN104182212A CN201310199642.4A CN201310199642A CN104182212A CN 104182212 A CN104182212 A CN 104182212A CN 201310199642 A CN201310199642 A CN 201310199642A CN 104182212 A CN104182212 A CN 104182212A
- Authority
- CN
- China
- Prior art keywords
- interface
- area
- function
- web system
- button
- 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
- User Interface Of Digital Computer (AREA)
Abstract
The invention relates to a WEB application framework. The WEB application framework comprises two parts of an interface design part and an interface control part; an interface main body comprises three parts of an upper area, a left area and a right area, the upper area is mainly a system operation area, the left area is a function selection area, and the right area is a main function display area of a system; the interface control part is mainly used for realizing the click response on an interface, the hiding of an interface area and the loading of an interface function module; the upper area is a system button area which is capable of simultaneously displaying pictures or advertisements customized by a customer, system buttons comprise a control panel, a printing button, a refreshing button and a system exit function button; the left area is used for displaying the function selection, the function can be divided into broad categories, each broad category can be defined into a plurality of functions, the functions can be displayed in a sliding block mode, and an function interface can be displayed in the right area after the function selection area is clicked.
Description
Technical field
The present invention relates to software product interface and realization in electronic information technology, refer to especially the Design and implementation of the WEB system interface based on browser.
Background technology
The today mixing very much at browser model and version, based on being applied in of WEB, on interface, also run into very large challenge.Current, the competition of internet works software manufacturer and various new technology are risen, old technology does not step down from the stage of history again, for example the various version of IE browser is being used simultaneously, in demestic user's terminal, from IE6 to IE9, there is the user of different proportion, and IE browser all carries out many great changes at IE7, IE9, some technology are once eliminated, and new method is employed; The browser of different vendor selects to support different WEB page layout kernels simultaneously, for example Firefox, Chrome, Safari have the kernel that is different from IE, make the WEB system that we tested on IE run into again new challenge, even sometimes the function of arduous exploitation has to abandon because not adapting to user's browser.The interface of WEB application should meet product function and needs attractive in appearance, and browser that again can simultaneous adaptation miscellaneous editions is also wanted easy to operate characteristic.
Summary of the invention
The present invention is a kind of WEB application framework, comprises two parts of interface and interface control.Interface main body comprises, three of left and rights part, is mainly system operation on wherein, and left is function selection, and the right side is main function of system display area; Interface control is partly mainly click response, hiding of interface zone and being written into of interface function module realizing on interface.
Wherein interface portion comprises following characteristics:
1. going up region is system button region, can show picture or the advertisement of customization simultaneously, the system button function that comprises control panel, prints, refreshes and log off.Wherein:
A) left side, region can show title icon and the title title of product, also can be customized to client and want the picture showing, as long as the size customization of installation system explanation and replacement picture can be realized the switching of displaying contents.
B) the right in region is button alignment area, can place as required and delete icon, and built-in part icon in system, comprising: control panel, print, refresh, exit, help.
I. wherein each icon comprises and the picture of two switchings is shown as obvious icon in the time of mouse-over or process, reverts to original icon when mouse leaves.
Ii. wherein control panel button can eject a time and management object scope selection dialog box when clicking, and can in this dialog box, select time and the object range of global data.This selection acts on ensuing all functions module.
Iii. wherein print button is clicked rear ejection system print dialog, and the setting of printing of prompting to current page function, once select to arrange rear definite current page function of just printing.
Iv. wherein refresh button can be reloaded current function pages after clicking, and resends the current parameter of having set while refreshing.
V. wherein help button can show at functional area the help homepage of current system after clicking.
Whether vi. wherein exit button click is rear can confirm in the prompting of ejection dialog box, if selection " determining " can be exited current system and get back to log in page; If selected " cancellation ", can close box, whatever inoperation.
2. left region Presentation Function is selected, and function can be divided into large class, and each large class can define some functions, uses slide block form to show, after click at Presentation Function interface, right region.Wherein:
A) large class is shown as button, and large class is arranged in order, and synchronization only has the feature list of a large class to be shown; When clicking a large class button of closing, can close the list when front opening, show the feature list of the large class of clicking.
B) function belongs to large class separately, is shown as text, can add icon.
C) click function title, can open corresponding function at functional area.
3. wherein go up, left region can click retraction button and be retracted in browser frame, functional area expands whole browser to simultaneously; Retraction button becomes ejector button simultaneously; Click ejector button, the region of contraction comes back to original position.
4. the size that wherein go up, left region can be used computer screen automatically, is shown as interface upper and lower, that left and right is paved with.
5. center section is functional area, and functional area is according to the selection in He Zuo region, upper region, Presentation Function module contents.
6. These characteristics is supported existing multiple browser, at least comprises each version, Firefox, Chrome, the Safari of IE.
Wherein interface control partly comprises following characteristics:
1. control panel action scope is controlled, and the parameter that control panel is set is global parameter, can in each function, directly call.
2. program interface style is controlled, and style is controlled and is mainly included in CSS file, can directly revise the look & feel of system by revising CSS file, revises these styles without carrying out source code exploitation, can directly have interface designer to complete.
3. functional module shows control, supports to control and want display module classification and functional module according to the needs of system.
4. support that, according to the different classification of user right Presentation Function and module classification, the module of the same Function Classification that different user is seen also can be different.
5., if all modules below this Function Classification are not shown, this classification also can automatically be hidden and not show.
6. support that user arranges the data number of every page, support to set the number that acquiescence shows, and click the number of how rear demonstration.
7. can self-defined system owner information, system owner information can be presented at the below of functional module.
Accompanying drawing explanation
Accompanying drawing 1: interface framework schematic diagram of the present invention.
Accompanying drawing 2: control panel dialog box schematic diagram of the present invention.
Accompanying drawing 3: component drawings of the present invention.
Accompanying drawing 4: control structure schematic diagram of the present invention.
Embodiment
The present invention can implement in accordance with the following steps:
1. the title picture of manufacturing system, according to the title picture size of system specialization, makes onesize picture, is put into the path of regulation, the picture file of replacement system acquiescence.Also can use the picture of acquiescence.
2. make control knob picture, each button is made two pictures, such as two of light and darks, according to the naming method of system, replaces original picture.Also can use the picture of acquiescence.
3. customization function module classification and module list.
4. CSS style design table is set, can directly revises style sheet file, or use Dreamwaver editing machine editor.
5. setup and use person information, is directly used the text editor content of edit that opens file.
6. dispose the present invention in IIS or Apache, then use browser access.
Claims (13)
1. a WEB system interface, comprises two parts of interface and interface control, and wherein interface portion comprises: title and control knob region, be used for showing title and control knob, and be positioned at the topmost at interface; Upper area control knob, is used for controlling the demonstration of upper area and hiding; Functional module viewing area, is used for Presentation Function module list, and functional module is wherein arranged by backstage and user right is controlled, and is positioned at the left part at interface; Left part Region control button, is used for controlling the demonstration in left part region and hiding; Fumction display region, is used for the content of Presentation Function module, accounts for the overwhelming majority at interface, is the main part at interface, and interface control partly comprises: control panel, for setting overall object range and time range; Look & feel control documents, for setting overall look & feel, at least comprises color, font, form; Functional module show to be controlled, and is used for the click of response interface, opens and hidden function list; Print response, be used for invoking page to print; Refresh response, is used for the refresh function page; Exit response, response exit button event, whether prompting user really exits.
2. WEB system interface according to claim 1, is characterized in that: the top at interface and left part can stash as required, browser area is all left for to functional module and show use, and recovery original effect can be opened at any time in hiding region.
3. WEB system interface according to claim 1, is characterized in that: the title picture on top can be used the replacement of picture of the same name.
4. picture according to claim 3, is further characterized in that: can use background program to control the picture of output, such as can be at this position advertisement Image Display.
5. WEB system interface according to claim 1, is characterized in that: control knob can show animation effect at mouse through out-of-date, and mouse is removed rear reinstatement.
6. WEB system interface according to claim 1, is characterized in that: while clicking exit button, can eject confirmation dialog box, whether prompting user really exits, and user can click definite exiting, or clicks and cancel the system of getting back to.
7. WEB system interface according to claim 1, is characterized in that: the functional module of left part shows can be according to arranging and the difference of user right and difference, does not have the Function Classification of module list can be automatic hiding.
8. WEB system interface according to claim 1, is characterized in that: no matter be the module of clicking top button and left part, its action scope is all functional area.
9. WEB system interface according to claim 1, is characterized in that: owner's information that user can page below, defined function territory, these needs are revised configuration file.
10. WEB system interface according to claim 1, is characterized in that: user only need to revise color, font, the table style that CSS file just can be revised interface, without program design.
11. WEB system interfaces according to claim 1, is characterized in that: it prints the content that function of tonic chord region is only printed in response, do not print the content of framework.
12. WEB system interfaces according to claim 1, is characterized in that: refresh response only refreshes function of tonic chord region.
13. according to the WEB system interface described in claim 1 to 8, it is characterized in that: these features can realize on existing popular browser, and described browser at least comprises: IE6 to IE9, Firefox, Chrome, Safari.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310199642.4A CN104182212A (en) | 2013-05-27 | 2013-05-27 | Telescopic WEB system interface framework design |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310199642.4A CN104182212A (en) | 2013-05-27 | 2013-05-27 | Telescopic WEB system interface framework design |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN104182212A true CN104182212A (en) | 2014-12-03 |
Family
ID=51963292
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310199642.4A Pending CN104182212A (en) | 2013-05-27 | 2013-05-27 | Telescopic WEB system interface framework design |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104182212A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106355970A (en) * | 2016-08-31 | 2017-01-25 | 上海交通大学 | Virtual military training system |
| CN106599171A (en) * | 2016-12-09 | 2017-04-26 | 北京恒华伟业科技股份有限公司 | Information processing method and device and system |
| CN107239714A (en) * | 2017-05-31 | 2017-10-10 | 北京凤凰理理它信息技术有限公司 | Browser control access rights method, device, storage medium and electronic equipment |
| CN109683770A (en) * | 2018-11-28 | 2019-04-26 | 国云科技股份有限公司 | A kind of adaptive methods of exhibiting of page left menu based on management platform |
-
2013
- 2013-05-27 CN CN201310199642.4A patent/CN104182212A/en active Pending
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106355970A (en) * | 2016-08-31 | 2017-01-25 | 上海交通大学 | Virtual military training system |
| CN106599171A (en) * | 2016-12-09 | 2017-04-26 | 北京恒华伟业科技股份有限公司 | Information processing method and device and system |
| CN107239714A (en) * | 2017-05-31 | 2017-10-10 | 北京凤凰理理它信息技术有限公司 | Browser control access rights method, device, storage medium and electronic equipment |
| CN109683770A (en) * | 2018-11-28 | 2019-04-26 | 国云科技股份有限公司 | A kind of adaptive methods of exhibiting of page left menu based on management platform |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102414682B (en) | Method and apparatus for providing scraped web pages in a graphical user interface | |
| US7996765B1 (en) | System and method for style sheet language coding that maintains a desired relationship between display elements | |
| CN102254049A (en) | Web page design system and method for building same | |
| CN104484363B (en) | Search result shows method and device | |
| CN106648337A (en) | Method and apparatus for displaying contents in display list, and electronic device | |
| CN104182212A (en) | Telescopic WEB system interface framework design | |
| CN111679818A (en) | Method and system for editing display software | |
| CN112241265A (en) | Visual page processing method and equipment | |
| CN103942231A (en) | Webpage displaying method and electronic device | |
| Desolda et al. | End-user composition of interactive applications through actionable UI components | |
| Hrabovskyi et al. | The methodology of developing a mobile application design for creating a genealogical tree | |
| CN112346610A (en) | Implementation method of multi-level selectable option selection component, electronic device and storage medium | |
| CN113971176B (en) | Method and storage medium for generating visual signage according to personalized needs of industrial users | |
| Lambert et al. | Microsoft® PowerPoint® 2010 Step by Step | |
| KR101397178B1 (en) | System for supporting a customizing of program module | |
| Stoeva | Interactive Multimedia tool for dynamic generation of web interfaces with HTML5/PHP/MySQL and JavaScript | |
| CN115686678B (en) | Interface information display and interaction definition system and method based on objects | |
| Hallot | Using Styles and Templates | |
| CN117454459A (en) | Mall front-end decoration method and device and computer equipment | |
| Hallot | , Working with Styles, Templates, and Hyperlinks | |
| Munro et al. | Using Themes and Styles | |
| Kolokolov | Corporate Identity | |
| Morris | Visual Basic 2005 Made Simple | |
| Kosinska et al. | Microsoft Expression Blend 4 Step by Step | |
| Narayn | Power Apps |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20141203 |
|
| WD01 | Invention patent application deemed withdrawn after publication |