CN103793225A - Catalogue visualization maintenance method and device - Google Patents
Catalogue visualization maintenance method and device Download PDFInfo
- Publication number
- CN103793225A CN103793225A CN201410024881.0A CN201410024881A CN103793225A CN 103793225 A CN103793225 A CN 103793225A CN 201410024881 A CN201410024881 A CN 201410024881A CN 103793225 A CN103793225 A CN 103793225A
- Authority
- CN
- China
- Prior art keywords
- html code
- catalogue
- source
- action events
- label
- 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
Images
Abstract
The invention provides a catalogue visualization maintenance method and device. The method includes the steps that source html codes are called for front ends of pages and are embedded in a page file so that the structure of a catalogue can be showed; a JavaScript event function is loaded to each category of html labels in the source html codes; operation events of the structure of the catalogue are captured by a user through the event function and the source html codes are modified according to the operation events; the structure of the catalogue is showed at the front ends of the pages according to the modified html codes. According to the catalogue visualization maintenance method and device, WYSIWYG visualization maintenance of the structure of the catalogue can be achieved, the catalogue maintenance error rate is effectively reduced and maintenance efficiency is improved.
Description
Technical field
The present invention relates to website maintenance field, in particular to the visual maintaining method of a kind of catalogue and device.
Background technology
The content that often need to show at the page front end bibliographic structure in web station system, as commodity classification, geographic classification etc., these information contents are unfixing, need to carry out background maintenance.
Existing maintenance mode is as follows: utilize text box assembly (textbox) that the code of these catalogues is directly displayed on backstage, then in textbox, revise code, finally show at page front end again.
Prior art scheme is utilized the code of the form maintenance directory structure of textbox, is equivalent to writing a program, and interface is unfriendly and easily cause the high error rate of maintenance, and then causes page front end to show mistake.In addition, catalogue is the larger module of page front end use amount, once it is larger to systematic influence to make mistakes, is unfavorable for the popularization of website.
The maintenance mode that how to change this code-oriented improves maintenance efficiency simultaneously, is the difficult problem that website maintenance personnel face.
Summary of the invention
For solving the problems of the technologies described above, the invention provides the visual maintaining method of a kind of catalogue and device, the maintenance of visual What You See Is What You Get is carried out at the interface that can represent pattern with catalogue at page front end.
According to an embodiment of the present, provide a kind of catalogue visual maintaining method, having comprised:
Page front end calls source HTML (Hypertext Markup Language) (Hyper Text Mark-up Language, html) code, and described source html code is embedded to pagefile to show the structure of catalogue;
For each the class html label in the html code of described source loads JavaScript event functions;
Catch the Action Events of the structure of user to described catalogue and according to described Action Events, described source html code modified by described event functions;
Show the structure of catalogue according to amended html code at described page front end.
According to an embodiment of the present, provide a kind of catalogue visual attending device, having comprised:
Page front end, for calling source html code, embeds pagefile to show the structure of catalogue by described source html code;
Event functions load-on module, is used to each the class html label in the html code of described source to load JavaScript event functions;
Event functions processing module, for catching the Action Events of the structure of user to described catalogue and according to described Action Events, described source html code being modified;
Described page front end also for, show the structure of catalogue according to amended html code.
Implement the visual maintaining method of catalogue and device that the embodiment of the present invention provides, tool has the following advantages: the number that does not rely on the classification quantity in number and each level of catalogue level, can adaptively read existing bibliographic structure, by the code of catalogue being embedded into pagefile and showing at page front end, simultaneously by event being set and utilizing JavaScript to control the increase for bibliographic structure that this event triggers, delete or retouching operation (in essence i.e. updating of the html code to these bibliographic structures), thereby realize the visual maintenance of catalogue, effectively improve maintenance efficiency.
Accompanying drawing explanation
Fig. 1 is according to the schematic flow sheet of the visual maintaining method of a kind of catalogue of the embodiment of the present invention;
Fig. 2 is according to the schematic flow sheet of the visual maintaining method of a kind of catalogue of the embodiment of the present invention;
Fig. 3 is according to the block schematic diagram of the visual attending device of a kind of catalogue of the embodiment of the present invention;
Fig. 4 is according to the block schematic diagram of the visual attending device of a kind of catalogue of the embodiment of the present invention.
Embodiment
For making object, technical scheme and the advantage of embodiments of the invention clearer, below in conjunction with accompanying drawing, the present invention is described in further detail.
Fig. 1 is that referring to Fig. 1, the method comprises according to the schematic flow sheet of the visual maintaining method of a kind of catalogue of the embodiment of the present invention:
100: page front end calls source html code, described source html code is embedded to pagefile to show the structure of catalogue.Wherein, the source html code that page front end calls can be complete source html code, can be also source html code snippet.
Can show the graphic interface through browser resolves at page front end by 100.
102: for each the class html label in the html code of described source loads JavaScript event functions.
JavaScript is a kind of based on object (Object) and event-driven (Event Driven) and have the script of security performance.Use JavaScript to realize together with html HTML (Hypertext Markup Language), java script language to connect in a Web page multiple objects, with the effect such as Web customer interaction.JavaScript realizes by embedding or call in the html language of standard.
104: catch the Action Events of the structure of user to described catalogue and according to described Action Events, described source html code modified by described event functions.
Wherein, described user's Action Events can comprise mouse event (for example: click event), KeyEvent etc.
106: the structure of showing catalogue at described page front end according to amended html code.
The visual maintaining method of catalogue that the present embodiment provides, by 102 and 104, has realized by event-driven mechanism and has revised source html code; By 106, realize in the html code of the source of modification and shown amended effect (that is: the structure of catalogue) at the page.Therefore, the method that the present embodiment provides has realized visual maintenance (every single stepping that maintainer does of the What You See Is What You Get of catalogue, can be real-time see that this operates in the bandwagon effect of page front end), can reduce and safeguard error rate, and improve maintenance efficiency.
In addition, if utilize the page that the classification in each level of catalogue and this level is displayed to safeguard one by one, because the classification quantity in level, each level of catalogue is all constantly to change, will cause a kind of serious consequence: the representing to become of page elements is difficult to control.And in conjunction with the maintenance mode of What You See Is What You Get, there is not above-mentioned defect by show the structure while of catalogue at page front end in the method that the present embodiment provides.
Fig. 2 is that referring to Fig. 2, the method comprises according to the schematic flow sheet of the visual maintaining method of a kind of catalogue of the embodiment of the present invention:
200: page front end calls source html code, described source html code is embedded to pagefile to show the structure of catalogue.
Optionally, described source html code storage, in database, before 200, reads source html code and is sent to page front end from database.
Wherein, the source html code that page front end calls can be complete source html code, can be also source html code snippet.
202: for each the class html label in the html code of described source loads JavaScript event functions.
204: catch the Action Events of the structure of user to described catalogue and according to described Action Events, described source html code modified by described event functions.
Optionally, in a kind of implementation of the present embodiment, 204 comprise: according to the front and back label construction at the label place of the described Action Events of triggering, increase or deletion tag element in the html code of described source.For example: after classification A that need to be in catalogue when a newly-increased classification B, described event functions can be for catching user's click event, particularly, described event functions catches user's clicking for classification A, there is " newly-increased " below, " deletion " and " modification " button, catch afterwards user's clicking for " newly-increased " button below, and trigger following operation: eject the input frame of inputting the title of newly-increased classification for user, confirm after input content user, it (is after the tag element of classification A that the content of user input is inserted to relevant position in the html code of source with the form of html tag element, before the tag element of classification B).Again for example, when catalogue comprises classification A, the classification B and the classification C that are arranged in order, and need to delete classification B time, described event functions catches for the clicking of " deletions " button, and triggers following operation: delete tag element relevant to classification B in the html code of source (for example: after deleting the html that classification A is corresponding, html code corresponding to classification B tag element before).
Optionally, in a kind of implementation of the present embodiment, 204 comprise: according to the label that triggers described Action Events, in the html code of described source, revise tag element.For example, in the time need to modifying to the title of the classification A of catalogue, event functions captures user and operates below for the rear triggering of clicking of " modification " button: eject the input frame of inputting amended title for user, confirm after output content user, according to the respective labels element in the source html code of the content modification classification A of input frame.
205: preserve amended html code.For example, amended html code is kept to database, in formal process of externally showing, read amended described code and be embedded in the page and show.
206: the structure of showing catalogue at described page front end according to amended html code.Thereby represent in real time amended effect.
The method providing by the present embodiment has realized the visual maintenance of the What You See Is What You Get of catalogue.
Fig. 3 is according to the block schematic diagram of the visual attending device of a kind of catalogue of the embodiment of the present invention, and with reference to Fig. 3, described attending device 30 comprises page front end 31, event functions load-on module 32 and event functions processing module 33.Lower mask body describes.
Event functions load-on module 32, is used to each the class html label in the html code of described source to load JavaScript event functions.
Event functions processing module 33, for catching the Action Events of the structure of user to described catalogue and according to described Action Events, described source html code being modified.Wherein, described user's Action Events can comprise mouse event (for example: click event), KeyEvent etc.
Described page front end 31 also for, show the structure of catalogue according to amended html code.
The visual attending device of catalogue that the present embodiment provides, by event functions load-on module 32 and event functions processing module 33, has realized by event-driven mechanism and has revised source html code; By page front end 31, realize in the html code of the source of modification and shown amended effect (that is: the structure of catalogue) at the page.Therefore, the device that the present embodiment provides has been realized visual maintenance (every single stepping that maintainer does of the What You See Is What You Get of catalogue, can be real-time see that this operates in the bandwagon effect of page front end), can reduce and safeguard error rate, and improve maintenance efficiency.
Fig. 4 is according to the block schematic diagram of the visual attending device of a kind of catalogue of the embodiment of the present invention, with reference to Fig. 4, described attending device 40 is except comprising page front end 31, event functions load-on module 32 and event functions processing module 33, also comprise memory module 41, be used for preserving amended html code, or for amended html code is saved to database.Make, in formal process of externally showing, can read amended html code and be embedded in the page and show by memory module 41.
Optionally, in a kind of implementation of the present embodiment, event functions processing module 33 comprises:
Optionally, in a kind of implementation of the present embodiment, event functions processing module 33 comprises:
Revise and process submodule 332, for according to the label that triggers described Action Events, in the html code of described source, revise tag element.Illustrate and please refer to the respective description in embodiment of the method shown in Fig. 2.
The visual attending device of catalogue providing by the embodiment of the present invention, can realize the visual maintenance for the What You See Is What You Get of catalogue.
Through the above description of the embodiments, those skilled in the art can be well understood to the present invention and can realize by the mode of software combined with hardware platform, can certainly all implement by hardware.Based on such understanding, what technical scheme of the present invention contributed to background technology can embody with the form of software product in whole or in part, this computer software product can be stored in storage medium, as ROM/RAM, magnetic disc, CD etc., comprise that some instructions (can be personal computers in order to make a computer equipment, server, or the network equipment etc.) carry out the method described in some part of each embodiment of the present invention or embodiment.
Above disclosed is only the preferred embodiments of the present invention; certainly can not limit protection scope of the present invention with this; therefore the equivalent variations of according to the instruction of the claims in the present invention, above-described embodiment being done, still belongs in the scope that the claims in the present invention contain.
Claims (10)
1. the visual maintaining method of catalogue, is characterized in that, described method comprises:
Page front end calls source html code, and described source html code is embedded to pagefile to show the structure of catalogue;
For each the class html label in the html code of described source loads JavaScript event functions;
Catch the Action Events of the structure of user to described catalogue and according to described Action Events, described source html code modified by described event functions;
Show the structure of catalogue according to amended html code at described page front end.
2. the method for claim 1, is characterized in that, after described source html code is modified, described method also comprises: preserve amended html code.
3. the method for claim 1, is characterized in that, according to described Action Events, described source html code is modified and is comprised:
According to the front and back label construction at the label place of the described Action Events of triggering, in the html code of described source, increase or deletion tag element.
4. the method for claim 1, is characterized in that, according to described Action Events, described source html code is modified and is comprised:
According to the label that triggers described Action Events, in the html code of described source, revise tag element.
5. the method as described in any one in claim 1-4, is characterized in that, described Action Events comprises click event.
6. the visual attending device of catalogue, is characterized in that, described device comprises:
Page front end, for calling source html code, embeds pagefile to show the structure of catalogue by described source html code;
Event functions load-on module, is used to each the class html label in the html code of described source to load JavaScript event functions;
Event functions processing module, for catching the Action Events of the structure of user to described catalogue and according to described Action Events, described source html code being modified;
Described page front end also for, show the structure of catalogue according to amended html code.
7. device as claimed in claim 6, is characterized in that, described device also comprises:
Memory module, for preserving amended html code, or for amended html code is saved to database.
8. device as claimed in claim 6, is characterized in that, described event functions processing module comprises:
Submodule is processed in additions and deletions, for according to the front and back label construction at the label place of the described Action Events of triggering, increases or deletion tag element in the html code of described source.
9. device as claimed in claim 6, is characterized in that, described event functions processing module comprises:
Revise and process submodule, for according to the label that triggers described Action Events, in the html code of described source, revise tag element.
10. the device as described in any one in claim 6-9, is characterized in that, described Action Events comprises click event.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410024881.0A CN103793225A (en) | 2014-01-20 | 2014-01-20 | Catalogue visualization maintenance method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410024881.0A CN103793225A (en) | 2014-01-20 | 2014-01-20 | Catalogue visualization maintenance method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103793225A true CN103793225A (en) | 2014-05-14 |
Family
ID=50668942
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410024881.0A Pending CN103793225A (en) | 2014-01-20 | 2014-01-20 | Catalogue visualization maintenance method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103793225A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109725806A (en) * | 2018-12-28 | 2019-05-07 | 北京小米移动软件有限公司 | Website edit methods and device |
| CN113794921A (en) * | 2021-09-10 | 2021-12-14 | 京东方科技集团股份有限公司 | Interactive interface loading method and interactive interface loading device |
| CN113794921B (en) * | 2021-09-10 | 2024-04-16 | 京东方科技集团股份有限公司 | Interactive interface loading method and interactive interface loading device |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6268852B1 (en) * | 1997-06-02 | 2001-07-31 | Microsoft Corporation | System and method for facilitating generation and editing of event handlers |
| CN101807209A (en) * | 2010-04-14 | 2010-08-18 | 深圳市同洲电子股份有限公司 | Method and system for manufacturing webpage, client and server |
| CN102024182A (en) * | 2009-09-10 | 2011-04-20 | 上海宝信软件股份有限公司 | System for managing asset information |
-
2014
- 2014-01-20 CN CN201410024881.0A patent/CN103793225A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6268852B1 (en) * | 1997-06-02 | 2001-07-31 | Microsoft Corporation | System and method for facilitating generation and editing of event handlers |
| CN102024182A (en) * | 2009-09-10 | 2011-04-20 | 上海宝信软件股份有限公司 | System for managing asset information |
| CN101807209A (en) * | 2010-04-14 | 2010-08-18 | 深圳市同洲电子股份有限公司 | Method and system for manufacturing webpage, client and server |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109725806A (en) * | 2018-12-28 | 2019-05-07 | 北京小米移动软件有限公司 | Website edit methods and device |
| CN113794921A (en) * | 2021-09-10 | 2021-12-14 | 京东方科技集团股份有限公司 | Interactive interface loading method and interactive interface loading device |
| CN113794921B (en) * | 2021-09-10 | 2024-04-16 | 京东方科技集团股份有限公司 | Interactive interface loading method and interactive interface loading device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10699061B2 (en) | Application page quick access | |
| CN103034568B (en) | For input data reconstruction method and the device of browser | |
| CN103034724B (en) | Browser is carried out input the method and device that data are recovered | |
| CN102646135B (en) | Webpage collecting method, device and system | |
| CN110688600A (en) | Online editing method, device and equipment based on HTML (Hypertext markup language) page and storage medium | |
| CN101986292A (en) | Method and system for processing forms based on an image | |
| CN111125598A (en) | Intelligent data query method, device, equipment and storage medium | |
| CN104243273A (en) | Method and device for displaying information on instant messaging client and information display system | |
| CN102043626A (en) | Method and device for encapsulating extjs component, and method and system for generating user interface | |
| US20170010869A1 (en) | Multistage customizing of web-based application in a browser independent of platform and operating system | |
| WO2016024987A1 (en) | Web-intrinsic interactive documents | |
| CN103559184A (en) | Form page display method and device | |
| CN109445775B (en) | One-key active embedded code method, device and computer readable storage medium | |
| CN104375858A (en) | Method and device for multiple browser platforms to execute javascript | |
| CN104732182A (en) | Two-dimension-code-based communication method on webpage | |
| CN104966223A (en) | Order information managing system | |
| WO2016022137A1 (en) | Replicating a web technology | |
| CN103853717A (en) | Web crawler | |
| CN103678510A (en) | Method and device for providing visualized label for webpage | |
| CN109542501A (en) | Browser table compatibility method, device, computer equipment and storage medium | |
| CN103793225A (en) | Catalogue visualization maintenance method and device | |
| CN103838575A (en) | Plug-in type page customization implementation method based on EXTJS frame | |
| CN102073694B (en) | Original translated text multi-page checking method | |
| CN111435300A (en) | Web system development method, device, equipment and storage medium | |
| CN103246662B (en) | The treating method and apparatus of area data content in Webpage |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into 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: 20140514 |