CN107766117A - A kind of method and device of showing interface - Google Patents
A kind of method and device of showing interface Download PDFInfo
- Publication number
- CN107766117A CN107766117A CN201711138435.2A CN201711138435A CN107766117A CN 107766117 A CN107766117 A CN 107766117A CN 201711138435 A CN201711138435 A CN 201711138435A CN 107766117 A CN107766117 A CN 107766117A
- Authority
- CN
- China
- Prior art keywords
- interface
- current
- editing mode
- edit
- edit instruction
- 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 37
- 230000003068 static effect Effects 0.000 claims abstract description 63
- 238000009877 rendering Methods 0.000 claims abstract description 31
- 230000008569 process Effects 0.000 description 6
- 230000036541 health Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003466 anti-cipated effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004590 computer program Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 235000013399 edible fruits Nutrition 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The invention provides a kind of method and device of showing interface, this method, including:Corresponding edit instruction is set respectively at least one editable field in interface in advance;When interface needs to enter non-editing mode, perform:Interface is rendered in a manner of static page, shows the interface being under non-editing mode after rendering;When interface needs to enter editing mode by non-editing mode, perform:For each pending edit instruction in interface, according to current edit instruction, create the current edit control for realizing current editable field corresponding to current edit instruction, it is determined that the current static page elements for realizing current editable field in the interface under non-editing mode, the current static page elements being in the interface under non-editing mode are replaced using current edit control;Interface is rendered, shows the interface being under editing mode after rendering.The present invention can improve rendering efficiency.
Description
Technical field
The present invention relates to field of computer technology, more particularly to a kind of method and device of showing interface.
Background technology
As the fast development of computer technology, application are more and more.The showing interface effect of application is increasingly by weight
Depending on.
In the prior art, when opening the function of application, it is necessary to show interface corresponding to the function, the mistake rendered at interface
, it is necessary to the resource file such as download pictures, pattern, script in journey, and need to render each control on interface.Work as interface
Structure it is more complicated, when the control being related to is more, rendering efficiency substantially reduces.
It is visible by foregoing description, the content rendered is needed during the showing interface of prior art, when opening every time
It is more, render that the time of needs is longer, and rendering efficiency is relatively low.
The content of the invention
The embodiments of the invention provide a kind of method and device of showing interface, it is possible to increase rendering efficiency.
On the one hand, the embodiments of the invention provide a kind of method of showing interface, including:It is at least one in interface in advance
Individual editable field sets corresponding edit instruction respectively;
When the interface needs to enter non-editing mode, perform:
The interface is rendered in a manner of static page, shows and is in described under non-editing mode after rendering
Interface;
When the interface needs to enter editing mode by non-editing mode, perform:
For each pending edit instruction in the interface, according to current edit instruction, create for realizing institute
The current edit control of current editable field corresponding to current edit instruction is stated, it is determined that under non-editing mode
The current static page elements of the current editable field are realized in the interface, at the current edit control replacement
The current static page elements in the interface under non-editing mode;
The interface is rendered, shows the interface being under editing mode after rendering.
Further,
The edit instruction includes the information of control type;
The current edit instruction of basis, create for realizing current editable field corresponding to the current edit instruction
Current edit control, including:
Determine the information of current control type in the current edit instruction;
According to the information of the current control type, the current edit control of the current control type is created.
Further,
When the interface need non-editing mode is entered by editing mode when, it is described to the interface with static page
Before mode is rendered, further comprise:
Destroy at least one edit control in the interface.
Further,
This method further comprises:
When loading the interface first, determine that the interface needs to enter non-editing mode.
Further,
In each pending edit instruction being directed in the interface, according to current edit instruction, create and be used for
Before realizing the current edit control of current editable field corresponding to the current edit instruction, further comprise:
The interface is traveled through, determines at least one pending edit instruction in the interface.
Further,
It is described that the interface is rendered in a manner of static page, including:
At least one editable field is realized by static page element.
On the other hand, the embodiments of the invention provide a kind of device of showing interface, including:
Setting unit, for setting corresponding edit instruction respectively at least one editable field in interface;
First display unit, for when the interface needs to enter non-editing mode, performing:To the interface with static state
The mode of the page is rendered, and shows the interface being under non-editing mode after rendering;
Second display unit, for when the interface needs to enter editing mode by non-editing mode, performing:For institute
At least one edit instruction in interface is stated, according to current edit instruction, is created for realizing the current edit instruction
The current edit control of corresponding current editable field, it is determined that for being realized in the interface under non-editing mode
The current static page elements of the current editable field, replaced and be under non-editing mode using the current edit control
The interface in the current static page elements;The interface is rendered, shows being under editing mode after rendering
The interface.
Further,
The edit instruction includes the information of control type;
Second display unit, the current edit instruction of basis is being performed, creating and described work as pre-editing for realizing
The current edit control of current editable field, is specifically used for corresponding to instruction:
Determine the information of current control type in the current edit instruction;
According to the information of the current control type, the current edit control of the current control type is created.
Further,
First display unit, for when the interface need non-editing mode is entered by editing mode when, described
Before being rendered to the interface in a manner of static page, at least one edit control in the interface is destroyed.
Further,
First display unit, it is further used for when loading the interface first, determines that the interface needs to enter
Non- editing mode.
Further,
Second display unit, it is described be directed to the interface in each pending edit instruction, according to current
Edit instruction, create for before realizing the current edit control of current editable field corresponding to the current edit instruction,
It is further used for traveling through the interface, determines at least one pending edit instruction in the interface.
Further,
First display unit, perform it is described the interface is rendered in a manner of static page when, specifically
For at least one editable field to be realized by static page element.
In embodiments of the present invention, interface be divide into editing mode and non-editing mode, when interface needs to enter non-volume
During the state of collecting, without realizing each edit control on interface, it need to only be rendered, can be subtracted in a manner of static page
Few render time, when needing to enter edlin at interface, interface enters editing mode by non-editing mode, is replaced using edit control
Static page element is changed, realizes the interface under editing mode, by the embodiment of the present invention, is all realized respectively without displaying interface every time
Individual edit control, only each edit control need to be just realized when needing and entering editing mode, save render time on the whole, carry
High rendering efficiency.
Brief description of the drawings
In order to illustrate more clearly about the embodiment of the present invention or technical scheme of the prior art, below will be to embodiment or existing
There is the required accompanying drawing used in technology description to be briefly described, it should be apparent that, drawings in the following description are the present invention
Some embodiments, for those of ordinary skill in the art, on the premise of not paying creative work, can also basis
These accompanying drawings obtain other accompanying drawings.
Fig. 1 is a kind of flow chart of the method for showing interface that one embodiment of the invention provides;
Fig. 2 is the flow chart of the method for another showing interface that one embodiment of the invention provides;
Fig. 3 is a kind of schematic diagram of the device for showing interface that one embodiment of the invention provides;
Fig. 4 is the schematic diagram of the device for another showing interface that one embodiment of the invention provides.
Embodiment
To make the purpose, technical scheme and advantage of the embodiment of the present invention clearer, below in conjunction with the embodiment of the present invention
In accompanying drawing, the technical scheme in the embodiment of the present invention is clearly and completely described, it is clear that described embodiment is
Part of the embodiment of the present invention, rather than whole embodiments, based on the embodiment in the present invention, those of ordinary skill in the art
The every other embodiment obtained on the premise of creative work is not made, belongs to the scope of protection of the invention.
The embodiments of the invention provide a kind of method of showing interface, this method may comprise steps of:
Corresponding edit instruction is set respectively at least one editable field in interface in advance;
When the interface needs to enter non-editing mode, perform:
The interface is rendered in a manner of static page, shows and is in described under non-editing mode after rendering
Interface;
When the interface needs to enter editing mode by non-editing mode, perform:
For each pending edit instruction in the interface, according to current edit instruction, create for realizing institute
The current edit control of current editable field corresponding to current edit instruction is stated, it is determined that under non-editing mode
The current static page elements of the current editable field are realized in the interface, at the current edit control replacement
The current static page elements in the interface under non-editing mode;
The interface is rendered, shows the interface being under editing mode after rendering.
In embodiments of the present invention, interface be divide into editing mode and non-editing mode, when interface needs to enter non-volume
During the state of collecting, without realizing each edit control on interface, it need to only be rendered, can be subtracted in a manner of static page
Few render time, when needing to enter edlin at interface, interface enters editing mode by non-editing mode, is replaced using edit control
Static page element is changed, realizes the interface under editing mode, by the embodiment of the present invention, is all realized respectively without displaying interface every time
Individual edit control, only each edit control need to be just realized when needing and entering editing mode, save render time on the whole, carry
High rendering efficiency.
In embodiments of the present invention, can be by institute in interface when interface needs to enter editing mode by non-editing mode
There is edit instruction as pending edit instruction, can also be using the edit instruction partly specified in interface as pending volume
Collect instruction.For example, there are three editable fields in interface, be respectively:" name " " age " " health ".The interface
Active user be patient, although " health " is editable field, patient does not have authority to enter " health "
Edlin, only have " name " " age " the two editable fields to need to generate corresponding editor's control in this case, in interface
Part, when entering editing mode by non-editing mode at interface, by edit instruction corresponding to " name " " age " as pending
Edit instruction.
In an embodiment of the present invention, as shown in figure 1, the embodiments of the invention provide a kind of method of showing interface, bag
Include:
Step 101:Corresponding edit instruction is set respectively at least one editable field in interface in advance.
Step 102:When interface needs renewal, judge whether interface needs to enter editing mode, if it is, holding successively
Row step 103 and step 104, otherwise, perform step 105.
Step 103:For any edit instruction in interface, according to current edit instruction, create for realizing current volume
The current edit control of current editable field corresponding to instruction is collected, it is determined that for real in the interface under non-editing mode
The now current static page elements of current editable field, the interface being under non-editing mode is replaced using current edit control
In current static page elements.
Step 104:Interface is rendered, shows the interface being under editing mode after rendering.
Step 105:Interface is rendered in a manner of static page, shows being under non-editing mode after rendering
Interface.
In embodiments of the present invention, when interface needs renewal, when referring to refresh interface, therefore, it is desirable to again
Render, show interface again.Interface needs more news to include:User checks the interface of non-editing mode, user
Interface is refreshed, also, editing mode need not be entered.User checks the interface of non-editing mode, and user is to boundary
The switching command of face input is, it is necessary to be switched to editing mode.User is brushed in the interface of editing mode, user to interface
Newly, it is not necessary to enter non-editing mode.The switching command that user inputs at the interface of editing mode, user to interface is, it is necessary to cut
Change to non-editing mode.
In an embodiment of the present invention, the edit instruction includes the information of control type;
The current edit instruction of basis, create for realizing current editable field corresponding to the current edit instruction
Current edit control, including:
Determine the information of current control type in the current edit instruction;
According to the information of the current control type, the current edit control of the current control type is created.
In embodiments of the present invention, the information of control type is carried in edit instruction, this can be generated by the information
The edit control of control type.Control type includes:Text, the date, numeral, button, label, pull down help, intelligence help, row
Table, tree-like etc..
For example, current edit instruction includes the information of the control type of list, then creates list control, passes through row
Table control realizes current editable field corresponding to current edit instruction.
In an embodiment of the present invention, when the interface needs to enter non-editing mode by editing mode, described right
Before the interface is rendered in a manner of static page, further comprise:
Destroy at least one edit control in the interface.
In embodiments of the present invention, when interface enters non-editing mode by editing mode, interface needs to update, it is necessary to weight
Newly render, show again.Due to not needing edit control in non-editing mode, it is in by destroying in the interface under editing mode
Edit control can substantially increase the speed rendered when rendering again, without realizing each edit control, can be faster
Displaying interface, improve Consumer's Experience.
For example, in the interface in editing mode, including:Edit control corresponding to " name " and " age " are corresponding
Edit control, after user inputs these information, editing process has been completed, user click on save button, at this moment, interface need
Non- editing mode is entered by editing mode, because user has completed editing process, without realizing each editor in interface
Control, edit control corresponding to " name " and edit control corresponding to " age " are destroyed, is realized in a manner of static page element
" name " and " age " the two editable fields.
In an embodiment of the present invention, this method further comprises:
When loading the interface first, determine that the interface needs to enter non-editing mode.
When loading interface first, because whether uncertain user needs, into edlin, at this moment, to be directly entered non-editor's shape
State, substantially increase the displaying speed at interface.Editing mode is switched to when user needs editor, then by non-editing mode i.e.
Can.
For example, various products information can be shown on interface, when loading interface first, directly with static page
Mode shows the interface, if user need to only check these product informations, without realizing each edit control, by of the invention real
The speed of showing interface can be greatly improved by applying example, and then substantially increase the speed that user checks, improve Consumer's Experience.Such as
Fruit user needs to edit these product informations, and user can click on the Edit button on interface, and interface is switched by non-editing mode
To editing mode.
In an embodiment of the present invention, it is described be directed to the interface in each pending edit instruction, according to work as
Pre-editing instructs, create for realize current editable field corresponding to the current edit instruction current edit control it
Before, further comprise:
The interface is traveled through, determines at least one pending edit instruction in the interface.
In embodiments of the present invention, can be using edit instruction all in interface as pending edit instruction.Can be with
Instructed according to what user inputted at interface to determine pending edit instruction, such as:User clicks " name " in interface
This editable field, at this moment, by edit instruction corresponding to " name " as pending edit instruction.Can be according to user's
Authority determines pending edit instruction, such as:User clicks the Edit button in interface, because user is patient,
The only authority of patient, the authority of patient can only enter edlin to " name " and " age ", and " health " needs the power of doctor
Limit to edit, at this moment, edit instruction corresponding to edit instruction corresponding to " name " and " age " is referred to as pending editor
Order.
In an embodiment of the present invention, it is described that the interface is rendered in a manner of static page, including:
At least one editable field is realized by static page element.
In embodiments of the present invention, when needing to enter non-editing mode at interface, user only needs to check interface, without right
Content in interface enters edlin, at this moment, each editable field need to be usually only realized by static page member, can so be carried
The speed that height renders, and then improve the speed of showing interface.
As shown in Fig. 2 the embodiments of the invention provide a kind of method of showing interface, this method can include following step
Suddenly:
Step 201:Corresponding edit instruction is set respectively at least one editable field in interface in advance, editor refers to
Order includes the information of control type.
For example, the editable field in interface includes:" name ", " age ", " sex ".Wherein, " name " is corresponding
Edit instruction include text box control type information, edit instruction corresponding to " age " includes the control of text box
The information of type, edit instruction corresponding to " sex " include the information of the control type of pull-down menu.
Step 202:Judge whether interface needs to enter editing mode, if it is, performing step 204, step 205 successively
With step 206, otherwise, step 203 is performed.
Step 203:Interface is rendered in a manner of static page, shows being under non-editing mode after rendering
Interface.
Specifically, editable field is shown in a text form.
Specifically, when page rendering, the structure of the page is carried out in a manner of static page and is rendered, reduces wash with watercolours as far as possible
Data volume needed for dye.
For example, " name ", " age ", " sex " are illustrated on the page in a text form.
Step 204:Interface is traveled through, determines at least one pending edit instruction in interface, performs step 205.
For example, travel through the code at interface, found from the code at interface " name ", " age ", corresponding to " sex "
Edit instruction, by edit instruction corresponding to " name ", " age ", " sex " as pending edit instruction.
Step 205:For each pending edit instruction in interface, it is determined that current control class in current edit instruction
The information of type, according to the information of current control type, create for realizing current editable field corresponding to current edit instruction
Current control type current edit control, it is determined that for realizing current editable in the interface under non-editing mode
The current static page elements of field, the current static being in the interface under non-editing mode is replaced using current edit control
Page elements.
Specifically, the position current edit control of generation being inserted into where corresponding current edit instruction, it is,
Position where current editable field.
For example, for " name " to edit instruction, create for realizing the text box of " name ", it is determined that for
The static page element of " name " is realized in the interface under non-editing mode, using for realizing that the text box of " name " replaces
The static page element for being used to realize " name " changed in the interface under non-editing mode.
For example, for " age " to edit instruction, create for realizing the text box at " age ", it is determined that for
The static page element at " age " is realized in the interface under non-editing mode, using for realizing that the text box at " age " replaces
The static page element for being used to realize " age " changed in the interface under non-editing mode.
For example, for " sex " to edit instruction, create for realizing the pull-down menu of " sex ", it is determined that with
In the static page element that " sex " is realized in the interface under non-editing mode, the drop-down for realizing " sex " is utilized
Formula menu replaces the static page element for being used to realize " sex " in the interface being under non-editing mode.
Step 206:Interface is rendered, shows the interface being under editing mode after rendering.
For example, in the interface under editing mode, text box corresponding to " name " is included, corresponding to " age "
Pull-down menu corresponding to text box and " sex ".User can input my name, use in text box corresponding to " name "
Family can input my in text box corresponding to " age " at age, user can select in pull-down menu corresponding to " sex "
Select my sex.
In embodiments of the present invention, it will check that interface and editing interface are separated, when needing to check interface, interface
Need to enter non-editing mode, without realizing edit control corresponding to editable field in interface, improve rendering speed;When need
When wanting editing interface, interface needs to enter editing mode, at this moment, realizes edit control corresponding to editable field in interface, side
Just user enters edlin.
In embodiments of the present invention, when interface needs to enter non-editing mode, pass through static page (pure Html codes)
To construct the page and display data, processing mode consumption resource is less, and rendering efficiency is higher, and Consumer's Experience is more preferable.
Interface in the embodiment of the present invention can be the interface of web applications, and the interface is shown in a browser.
In embodiments of the present invention, the code snippet at the interface in non-editing mode is as follows:Wherein control-type
For edit instruction, corresponding edit control type under editing mode is in for describing editable field.
The code at the interface under editing mode is as follows:
The code snippet for rendering the process at interface is as follows:
As shown in Figure 3, Figure 4, the embodiments of the invention provide a kind of device of showing interface.Device embodiment can pass through
Software is realized, can also be realized by way of hardware or software and hardware combining.For hardware view, as shown in figure 3, being this
A kind of hardware structure diagram of equipment where a kind of device for showing interface that inventive embodiments provide, except the processing shown in Fig. 3
Outside device, internal memory, network interface and nonvolatile memory, the equipment in embodiment where device can also generally include
Other hardware, such as it is responsible for the forwarding chip of processing message.Exemplified by implemented in software, as shown in figure 4, being anticipated as a logic
Device in justice, it is to be read corresponding computer program instructions in nonvolatile memory by the CPU of equipment where it
Operation is formed in internal memory.A kind of device for showing interface that the present embodiment provides, including:
Setting unit 401, for setting corresponding edit instruction respectively at least one editable field in interface;
First display unit 402, for when the interface needs to enter non-editing mode, performing:To the interface with
The mode of static page is rendered, and shows the interface being under non-editing mode after rendering;
Second display unit 403, for when the interface needs to enter editing mode by non-editing mode, performing:Pin
To at least one edit instruction in the interface, according to current edit instruction, create and described work as pre-editing for realizing
The current edit control of current editable field corresponding to instruction, it is determined that in the interface under non-editing mode
The current static page elements of the current editable field are realized, is replaced using the current edit control and is in non-editor's shape
The current static page elements in the interface under state;The interface is rendered, shows and is in editing mode after rendering
Under the interface.
In an embodiment of the present invention, the device further comprises:Judging unit, for judging whether interface needs to enter
Editing mode, if it is, the second display unit of triggering, otherwise, triggers the first display unit.
In an embodiment of the present invention, the edit instruction includes the information of control type;
Second display unit, the current edit instruction of basis is being performed, creating and described work as pre-editing for realizing
The current edit control of current editable field, is specifically used for corresponding to instruction:
Determine the information of current control type in the current edit instruction;
According to the information of the current control type, the current edit control of the current control type is created.
In an embodiment of the present invention, first display unit, for needing to be entered by editing mode when the interface
During non-editing mode, it is described the interface is rendered in a manner of static page before, destroy in the interface extremely
A few edit control.
In an embodiment of the present invention, first display unit, is further used for when loading the interface first, really
The fixed interface needs to enter non-editing mode.
In an embodiment of the present invention, second display unit, it is described be directed to the interface in it is each pending
Edit instruction, according to current edit instruction, create for realizing current editable field corresponding to the current edit instruction
Current edit control before, be further used for traveling through the interface, determine at least one pending volume in the interface
Collect instruction.
In an embodiment of the present invention, first display unit, perform it is described to the interface with static page
When mode is rendered, specifically at least one editable field is realized by static page element.
The contents such as the information exchange between each unit, implementation procedure in said apparatus, due to implementing with the inventive method
Example is based on same design, and particular content can be found in the narration in the inventive method embodiment, and here is omitted.
The embodiments of the invention provide a kind of computer-readable recording medium, including execute instruction, when the computing device of storage control
During the execute instruction, the method for the storage control execution any one showing interface provided in an embodiment of the present invention.
The embodiments of the invention provide a kind of storage control, including:Processor, memory and bus;
The memory is used to store execute instruction, and the processor is connected with the memory by the bus, when
During the storage control operation, the execute instruction of memory storage described in the computing device, so that the storage control
The method that device performs any one showing interface provided in an embodiment of the present invention.
The each embodiment of the present invention at least has the advantages that:
1st, in embodiments of the present invention, interface be divide into editing mode and non-editing mode, when interface is needed into non-
During editing mode, without realizing each edit control on interface, it need to only be rendered in a manner of static page, can
Render time is reduced, when needing to enter edlin at interface, interface enters editing mode by non-editing mode, utilizes edit control
Static page element is replaced, realizes the interface under editing mode, by the embodiment of the present invention, is all realized without displaying interface every time
Each edit control, only each edit control need to be just realized when needing and entering editing mode, save render time on the whole,
Improve rendering efficiency.
2nd, in embodiments of the present invention, when interface enters non-editing mode by editing mode, interface need update, it is necessary to
Again render, show again.Due to not needing edit control in non-editing mode, by destroying the interface being under editing mode
In edit control can substantially increase the speed rendered, Neng Gougeng when rendering again, without realizing each edit control
Fast displaying interface, improves Consumer's Experience.
3rd, in embodiments of the present invention, when needing to enter non-editing mode at interface, user only needs to check interface, without
Edlin is entered to the content in interface, at this moment, each editable field need to be usually only realized by static page member, so can
The speed rendered is improved, and then improves the speed of showing interface.
4th, in embodiments of the present invention, it will check that interface and editing interface are separated, when needing to check interface, boundary
Face needs to enter non-editing mode, without realizing edit control corresponding to editable field in interface, improves rendering speed;When
When needing editing interface, interface needs to enter editing mode, at this moment, realizes edit control corresponding to editable field in interface,
User is facilitated to enter edlin.
It should be noted that herein, such as first and second etc relational terms are used merely to an entity
Or operation makes a distinction with another entity or operation, and not necessarily require or imply and exist between these entities or operation
Any this actual relation or order.Moreover, term " comprising ", "comprising" or its any other variant be intended to it is non-
It is exclusive to include, so that process, method, article or equipment including a series of elements not only include those key elements,
But also the other element including being not expressly set out, or also include solid by this process, method, article or equipment
Some key elements.In the absence of more restrictions, the key element limited by sentence " including one ", is not arranged
Except other identical factor in the process including the key element, method, article or equipment being also present.
One of ordinary skill in the art will appreciate that:Realizing all or part of step of above method embodiment can pass through
Programmed instruction related hardware is completed, and foregoing program can be stored in computer-readable storage medium, the program
Upon execution, the step of execution includes above method embodiment;And foregoing storage medium includes:ROM, RAM, magnetic disc or light
Disk etc. is various can be with the medium of store program codes.
It is last it should be noted that:Presently preferred embodiments of the present invention is the foregoing is only, is merely to illustrate the skill of the present invention
Art scheme, is not intended to limit the scope of the present invention.Any modification for being made within the spirit and principles of the invention,
Equivalent substitution, improvement etc., are all contained in protection scope of the present invention.
Claims (10)
- A kind of 1. method of showing interface, it is characterised in thatCorresponding edit instruction is set respectively at least one editable field in interface in advance;Including:When the interface needs to enter non-editing mode, perform:The interface is rendered in a manner of static page, shows the boundary being under non-editing mode after rendering Face;When the interface needs to enter editing mode by non-editing mode, perform:For each pending edit instruction in the interface, according to current edit instruction, create for realizing described work as The current edit control of current editable field corresponding to pre-editing instruction, it is determined that for described under non-editing mode The current static page elements of the current editable field are realized in interface, are replaced using the current edit control in non- The current static page elements in the interface under editing mode;The interface is rendered, shows the interface being under editing mode after rendering.
- 2. according to the method for claim 1, it is characterised in thatThe edit instruction includes the information of control type;The current edit instruction of basis, create for realizing working as current editable field corresponding to the current edit instruction Pre-editing control, including:Determine the information of current control type in the current edit instruction;According to the information of the current control type, the current edit control of the current control type is created.
- 3. according to the method for claim 1, it is characterised in thatWhen the interface need non-editing mode is entered by editing mode when, it is described to the interface in a manner of static page Before being rendered, further comprise:Destroy at least one edit control in the interface.
- 4. according to the method for claim 1, it is characterised in thatFurther comprise:When loading the interface first, determine that the interface needs to enter non-editing mode.
- 5. according to any described method in claim 1-4, it is characterised in thatIn each pending edit instruction being directed in the interface, according to current edit instruction, create for realizing Before the current edit control of current editable field corresponding to the current edit instruction, further comprise:The interface is traveled through, determines at least one pending edit instruction in the interface;And/orIt is described that the interface is rendered in a manner of static page, including:At least one editable field is realized by static page element.
- A kind of 6. device of showing interface, it is characterised in that including:Setting unit, for setting corresponding edit instruction respectively at least one editable field in interface;First display unit, for when the interface needs to enter non-editing mode, performing:To the interface with static page Mode rendered, displaying render after be in non-editing mode under the interface;Second display unit, for when the interface needs to enter editing mode by non-editing mode, performing:For the boundary At least one edit instruction in face, according to current edit instruction, create for realizing that the current edit instruction is corresponding Current editable field current edit control, it is determined that in the interface under non-editing mode realize described in The current static page elements of current editable field, the institute being under non-editing mode is replaced using the current edit control State the current static page elements in interface;The interface is rendered, shows and is in described under editing mode after rendering Interface.
- 7. device according to claim 6, it is characterised in thatThe edit instruction includes the information of control type;Second display unit, the current edit instruction of basis is being performed, is being created for realizing the current edit instruction The current edit control of corresponding current editable field, is specifically used for:Determine the information of current control type in the current edit instruction;According to the information of the current control type, the current edit control of the current control type is created.
- 8. device according to claim 6, it is characterised in thatFirst display unit, for when the interface need non-editing mode is entered by editing mode when, described to institute State before interface rendered in a manner of static page, destroy at least one edit control in the interface.
- 9. device according to claim 6, it is characterised in thatFirst display unit, it is further used for when loading the interface first, determines that the interface needs to enter non-volume The state of collecting.
- 10. according to any described device in claim 6-9, it is characterised in thatSecond display unit, in each pending edit instruction being directed in the interface, according to working as pre-editing Instruction, create for before realizing the current edit control of current editable field corresponding to the current edit instruction, entering one Walk for traveling through the interface, determine at least one pending edit instruction in the interface;And/orFirst display unit, perform it is described the interface is rendered in a manner of static page when, be specifically used for At least one editable field is realized by static page element.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711138435.2A CN107766117A (en) | 2017-11-16 | 2017-11-16 | A kind of method and device of showing interface |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711138435.2A CN107766117A (en) | 2017-11-16 | 2017-11-16 | A kind of method and device of showing interface |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107766117A true CN107766117A (en) | 2018-03-06 |
Family
ID=61279656
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711138435.2A Pending CN107766117A (en) | 2017-11-16 | 2017-11-16 | A kind of method and device of showing interface |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107766117A (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109145272A (en) * | 2018-07-27 | 2019-01-04 | 广州视源电子科技股份有限公司 | Text rendering and layout method, device, equipment and storage medium |
CN113568615A (en) * | 2021-08-05 | 2021-10-29 | 上海淇玥信息技术有限公司 | Form page editing prohibition display method and device and electronic equipment |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070250542A1 (en) * | 2001-12-18 | 2007-10-25 | International Business Machines, Corporation | Method and apparatus for editing a production data store by shadowing content |
CN102591643A (en) * | 2010-12-22 | 2012-07-18 | 微软公司 | Selectively enabling runtime editing of an application |
CN103019684A (en) * | 2012-11-20 | 2013-04-03 | 北京思特奇信息技术股份有限公司 | Dynamic template-based business page configuring method |
CN105677346A (en) * | 2016-01-04 | 2016-06-15 | 浪潮软件集团有限公司 | Dynamic expansion method of web interface and server |
CN107015775A (en) * | 2016-01-27 | 2017-08-04 | 阿里巴巴集团控股有限公司 | Multi-screen control method and system |
-
2017
- 2017-11-16 CN CN201711138435.2A patent/CN107766117A/en active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070250542A1 (en) * | 2001-12-18 | 2007-10-25 | International Business Machines, Corporation | Method and apparatus for editing a production data store by shadowing content |
CN102591643A (en) * | 2010-12-22 | 2012-07-18 | 微软公司 | Selectively enabling runtime editing of an application |
CN103019684A (en) * | 2012-11-20 | 2013-04-03 | 北京思特奇信息技术股份有限公司 | Dynamic template-based business page configuring method |
CN105677346A (en) * | 2016-01-04 | 2016-06-15 | 浪潮软件集团有限公司 | Dynamic expansion method of web interface and server |
CN107015775A (en) * | 2016-01-27 | 2017-08-04 | 阿里巴巴集团控股有限公司 | Multi-screen control method and system |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109145272A (en) * | 2018-07-27 | 2019-01-04 | 广州视源电子科技股份有限公司 | Text rendering and layout method, device, equipment and storage medium |
CN109145272B (en) * | 2018-07-27 | 2022-09-16 | 广州视源电子科技股份有限公司 | Text rendering and layout method, device, equipment and storage medium |
CN113568615A (en) * | 2021-08-05 | 2021-10-29 | 上海淇玥信息技术有限公司 | Form page editing prohibition display method and device and electronic equipment |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8667416B2 (en) | User interface manipulation for coherent content presentation | |
US20100131869A1 (en) | Technology for generating service program | |
CN108228253A (en) | A kind of APP construction methods and system | |
CN104199647B (en) | A kind of visualization system and implementation method based on IBM main frames | |
CN104823158B (en) | Method and system for simplified knowledge engineering | |
CN103988212A (en) | Methods and systems for routing in state machine | |
CN110188275A (en) | A kind of browsing monitoring method, device, equipment and the storage medium of web page element | |
CN107729475A (en) | Web page element acquisition method, device, terminal and computer-readable recording medium | |
CN106033471A (en) | Method and device for processing form | |
CN107368511A (en) | A kind of information displaying method and device | |
US10977309B2 (en) | Methods and systems for creating networks | |
CN108170435A (en) | A kind of source code conversion method, device and equipment | |
Feng et al. | Auto-icon: An automated code generation tool for icon designs assisting in ui development | |
CN109471580B (en) | Visual 3D courseware editor and courseware editing method | |
CN107704239A (en) | Configuration generating method, device and electronic equipment | |
CN106886398A (en) | The extracting method and equipment of a kind of CSS | |
CN103377039A (en) | Webgame developing and analyzing method, editor and analyzer | |
CN112650966A (en) | Method, generator and medium for generating dynamic list page of online design | |
CN110554866B (en) | MVC transaction type based intelligent contract interactive design method | |
CN107766117A (en) | A kind of method and device of showing interface | |
CN107122185A (en) | One kind shows method for the visualization of distribution network parameters category information | |
CN112685025A (en) | Method and system for quickly building front-end page | |
Feng et al. | Auto-icon+: An automated end-to-end code generation tool for icon designs in ui development | |
CN108874934A (en) | Page body extracting method and device | |
CN107609175A (en) | Dom tree generation method and relevant device |
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: 20180306 |