CN109725806A - Website edit methods and device - Google Patents
Website edit methods and device Download PDFInfo
- Publication number
- CN109725806A CN109725806A CN201811625778.6A CN201811625778A CN109725806A CN 109725806 A CN109725806 A CN 109725806A CN 201811625778 A CN201811625778 A CN 201811625778A CN 109725806 A CN109725806 A CN 109725806A
- Authority
- CN
- China
- Prior art keywords
- target
- page
- icon
- component
- directory
- 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 disclosure is directed to website edit methods and devices.This method comprises: showing navigation directory editing interface, site page editing interface and pulling toolbar；When that can pull component icon and be drawn to the target position for the target pages that site page editing interface is currently edited, target element corresponding with component icon can be pulled is generated in the target position of target pages, and shows target element picture and text corresponding with component icon can be pulled in the target position of target pages；When target pages tab icon is drawn to the target directory level for the target directory page that navigation directory editing interface is currently edited, page access corresponding with target pages tab icon is generated in target directory level to link, and shows target pages picture and text corresponding with target pages tab icon in target tier.The technical solution simplifies the process and difficulty of editor, while also allowing users to the edit effect for intuitively knowing site page and target pages in real time, improves user experience.
Description
Technical field
This disclosure relates to field of computer technology more particularly to website edit methods and device.
Background technique
In the related technology, website generally comprises multiple site pages and is used to indicate the target of page structure in the website
The page needs individually to edit site page and target pages using software for editing, and can not when editing website
User is set intuitively to know edited effect, to compromise user experience.
Summary of the invention
To overcome the problems in correlation technique, embodiment of the disclosure provides a kind of website edit methods and device.
Technical solution is as follows:
It is according to an embodiment of the present disclosure in a first aspect, providing a kind of website edit methods, comprising:
It shows navigation directory editing interface, site page editing interface and pulls toolbar, include in dragging toolbar
Multiple to pull component icon, site page editing interface includes target pages tab icon corresponding with target pages；
When the target position that can be pulled component icon and be drawn to the target pages that site page editing interface is currently edited
When setting, target element corresponding with component icon can be pulled is generated in the target position of target pages, and in the mesh of target pages
Cursor position shows target element picture and text corresponding with that can pull component icon；
When target pages tab icon is drawn to the target directory page that navigation directory editing interface is currently edited
When target directory level, page access corresponding with target pages tab icon is generated in target directory level and is linked, and in mesh
Mark level shows target pages picture and text corresponding with target pages tab icon.
In the technical scheme provided by this disclosed embodiment, by showing navigation directory editing interface, site page editor
Interface and dragging toolbar, are drawn to the page object that site page editing interface is currently edited when that can pull component icon
When the target position in face, target element corresponding with component icon can be pulled is generated in the target position of target pages, and in mesh
The target position of the mark page shows target element picture and text corresponding with that can pull component icon；When target pages tab icon is dragged
It is raw in target directory level when dragging the target directory level for the target directory page currently edited to navigation directory editing interface
It links, and shows in target tier corresponding with target pages tab icon at page access corresponding with target pages tab icon
Target pages picture and text.In above scheme, due to that can be edited by pulling component icon to site page, pass through dragging
Page-tag icon edits catalog page, to simplify the process of editor, reduces the difficulty of editor, while may be used also
The edit effect for intuitively knowing site page and target pages in real time is allowed the user to, so as to improve user experience.
In one embodiment, site page editing interface further includes page entries key, method further include:
When page entries key is triggered, displayed page entry column, page entries column includes multiple Page Templates；
When Page Template is selected, site page editing interface is made to configure page object according to chosen Page Template
Face.
In one embodiment, can pull component icon includes enquiring component icon corresponding with enquiring component, Yi Jiyu
The corresponding chart components icon of chart components.
In one embodiment, method further include:
When that can pull component icon and be drawn to target position, in target position, component exhibiting configures key；
When component Configuration key is triggered, component exhibiting configuration information column, module configuration information column includes a plurality of default
Module configuration information；
When description components configuration information is modified, target element and target are configured according to modified module configuration information
Component picture and text.
In one embodiment, method further include:
Directory-extension key is shown when target pages tab icon is drawn to target directory level；
The hierarchy of sub-directories of target directory level is generated when directory-extension key is triggered.
Second aspect according to an embodiment of the present disclosure provides a kind of website editing device, comprising:
Showing interface module, for showing navigation directory editing interface, site page editing interface and pulling toolbar,
It pulls in toolbar and pulls component icon including multiple, site page editing interface includes page object corresponding with target pages
Face tab icon；
Site page generation module, for currently being compiled when can pull component icon and be drawn to site page editing interface
When the target position for the target pages collected, target group corresponding with component icon can be pulled is generated in the target position of target pages
Part, and target element picture and text corresponding with component icon can be pulled are shown in the target position of target pages；
Catalog page generation module, for being drawn to the current institute of navigation directory editing interface when target pages tab icon
When the target directory level of the target directory page of editor, generated in target directory level corresponding with target pages tab icon
Page access link, and target pages picture and text corresponding with target pages tab icon are shown in target tier.
In one embodiment, site page editing interface further includes page entries key, device further include:
Page entries column display module, for when page entries key is triggered, displayed page entry column, page entries
Column includes multiple Page Templates；
Site page configuration module, for when Page Template is selected, making site page editing interface according to chosen
Page Template configure target pages.
In one embodiment, can pull component icon includes enquiring component icon corresponding with enquiring component, Yi Jiyu
The corresponding chart components icon of chart components.
In one embodiment, device further include:
Component Configuration key display module, when that can pull component icon and be drawn to target position, in target position exhibition
Show component Configuration key；
Module configuration information column display module, for when component Configuration key is triggered, component exhibiting configuration information column,
Module configuration information column includes a plurality of description components configuration information；
Target element configuration module, for when description components configuration information is modified, according to modified component Configuration
Information configuration target element and target element picture and text.
In one embodiment, device further include:
Directory-extension key display module, for the displaying when target pages tab icon is drawn to target directory level
Directory-extension key；
Hierarchy of sub-directories generation module, for generating the subdirectory of target directory level when directory-extension key is triggered
Level.
The third aspect according to an embodiment of the present disclosure provides a kind of website editing device, comprising:
Processor；
Memory for storage processor executable instruction；
Wherein, processor is configured as:
It shows navigation directory editing interface, site page editing interface and pulls toolbar, include in dragging toolbar
Multiple to pull component icon, site page editing interface includes target pages tab icon corresponding with target pages；
When the target position that can be pulled component icon and be drawn to the target pages that site page editing interface is currently edited
When setting, target element corresponding with component icon can be pulled is generated in the target position of target pages, and in the mesh of target pages
Cursor position shows target element picture and text corresponding with that can pull component icon；
When target pages tab icon is drawn to the target directory page that navigation directory editing interface is currently edited
When target directory level, page access corresponding with target pages tab icon is generated in target directory level and is linked, and in mesh
Mark level shows target pages picture and text corresponding with target pages tab icon.
Fourth aspect according to an embodiment of the present disclosure provides a kind of computer readable storage medium, is stored thereon with meter
Calculation machine instruction, when which is executed by processor the step of any one of first aspect of realization embodiment of the disclosure method.
It should be understood that above general description and following detailed description be only it is exemplary and explanatory, not
The disclosure can be limited.
Detailed description of the invention
The drawings herein are incorporated into the specification and forms part of this specification, and shows the implementation for meeting the disclosure
Example, and together with specification for explaining the principles of this disclosure.
Fig. 1 a1 is the flow diagram of website edit methods shown according to an exemplary embodiment；
Fig. 1 a2 is the structural schematic diagram of editing interface shown according to an exemplary embodiment；
Fig. 1 b1 is the flow diagram of website edit methods shown according to an exemplary embodiment；
Fig. 1 b2 is the structural schematic diagram of editing interface shown according to an exemplary embodiment；
Fig. 1 b3 is the structural schematic diagram of editing interface shown according to an exemplary embodiment；
Fig. 1 b4 is the structural schematic diagram of editing interface shown according to an exemplary embodiment；
Fig. 1 c1 is the flow diagram of website edit methods shown according to an exemplary embodiment；
Fig. 1 c2 is the structural schematic diagram of editing interface shown according to an exemplary embodiment；
Fig. 1 c3 is the structural schematic diagram of editing interface shown according to an exemplary embodiment；
Fig. 1 d1 is the flow diagram of website edit methods shown according to an exemplary embodiment；
Fig. 1 d2 is the structural schematic diagram of editing interface shown according to an exemplary embodiment；
Fig. 1 d3 is the structural schematic diagram of editing interface shown according to an exemplary embodiment；
Fig. 2 a is the structural schematic diagram of website editing device shown according to an exemplary embodiment；
Fig. 2 b is the structural schematic diagram of website editing device shown according to an exemplary embodiment；
Fig. 2 c is the structural schematic diagram of website editing device shown according to an exemplary embodiment；
Fig. 2 d is the structural schematic diagram of website editing device shown according to an exemplary embodiment；
Fig. 3 is a kind of block diagram of device shown according to an exemplary embodiment；
Fig. 4 is a kind of block diagram of device shown according to an exemplary embodiment.
Specific embodiment
Example embodiments are described in detail here, and the example is illustrated in the accompanying drawings.Following description is related to
When attached drawing, unless otherwise indicated, the same numbers in different drawings indicate the same or similar elements.Following exemplary embodiment
Described in embodiment do not represent all implementations consistent with this disclosure.On the contrary, they be only with it is such as appended
The example of the consistent device and method of some aspects be described in detail in claims, the disclosure.
As the high speed development and continuous improvement of people's living standards of science and technology can be visited in recent years by network
The website asked is more and more, and wherein website generally comprises multiple site pages and is used to indicate the mesh of page structure in the website
The page is marked, in the related technology, when editing website, needs individually to compile the code of site page and target pages
It translates, to achieve the purpose that edit site page and target pages, the process of editor is relatively complicated and editor's difficulty is higher, and
It is not available family and intuitively knows edited effect, to compromise user experience.
To solve the above-mentioned problems, in the technical scheme provided by this disclosed embodiment, by showing navigation directory editor
Interface, site page editing interface and dragging toolbar, are drawn to site page editing interface when that can pull component icon
When the target position for the target pages currently edited, generated in the target position of target pages corresponding with component icon can be pulled
Target element, and show target element picture and text corresponding with component icon can be pulled in the target position of target pages；Work as mesh
Mark page-tag icon is drawn to the target directory level for the target directory page that navigation directory editing interface is currently edited
When, generate corresponding with target pages tab icon page access in target directory level and link, and show in target tier and
The corresponding target pages picture and text of target pages tab icon.In above scheme, due to can by pull component icon to website
The page is edited, is edited by pulling page-tag icon to catalog page, to simplify the process of editor, is reduced
The difficulty of editor, while the edit effect for intuitively knowing site page and target pages in real time can also be allowed users to,
So as to improve user experience.
Embodiment of the disclosure provides a kind of website edit methods, and this method is applied to terminal, and terminal can be calculating
Machine, smart phone, tablet computer etc., as shown in Fig. 1 a1, this method comprises the following steps 101 to step 103:
In a step 101, navigation directory editing interface, site page editing interface are shown and pulls toolbar.
Wherein, pull in toolbar include it is multiple pull component icon, site page editing interface includes and page object
The corresponding target pages tab icon in face.
Illustratively, show that navigation directory editing interface and site page editing interface can be equal between each other in displaying
It is not laminated, can also be laminated part when showing.User can also show navigation directory editing interface, site page by pulling
Editing interface and dragging toolbar adjust the display location of above-mentioned three.
In a step 102, the target that site page editing interface is currently edited is drawn to when component icon can be pulled
When the target position of the page, the generation target element corresponding with component icon can be pulled in the target position of target pages, and
The target position of target pages shows target element picture and text corresponding with that can pull component icon.
Illustratively, dragging can pull component icon, it can be understood as user passes through human-computer interaction device such as mouse etc.
It chooses to pull in toolbar and pulls component icon, and by lasting mobile human-computer interaction device, component can be pulled by adjusting this
The position of icon achievees the purpose that component icon can be pulled by pulling this.
The target position that component icon is drawn to the target pages that site page editing interface is currently edited can be pulled,
Can be understood as user will can pull component icon be drawn in the target pages that site page editing interface is currently edited and
When stopping pulling, the position that can pull that component icon is stopped can be understood as target position at this time.It should be noted that working as
When can pull component icon and being located in target pages, user can pull component icon and adjust its position stopped by pulling
Set i.e. target position.Further, method can also include working as in target pages to pull the dragged target out of component icon
When the page, in the delete target page in target element corresponding with component icon can be pulled and target pages with can pull component
The corresponding target element picture and text of icon.
Target element picture and text corresponding with component icon can be pulled, it can be understood as to can pull component icon carry out
At least one of image or text of explanation.
It includes enquiring component icon corresponding with enquiring component, and figure corresponding with chart components that component icon, which can be pulled,
Table component icon.
For example, as shown in Fig. 1 a2, navigation directory editing interface 214, site page editing interface 212 and dragging tool
Column 210.Wherein pulling in toolbar 210 includes enquiring component icon 211 corresponding with enquiring component, when the enquiring component icon
211 when being drawn to the target position for the target pages that site page editing interface 212 is currently edited, in the mesh of target pages
Cursor position generates enquiring component corresponding with enquiring component icon 211, and shows and inquiry group in the target position of target pages
The corresponding enquiring component image of part icon 211.
In step 103, when target pages tab icon is drawn to the mesh that navigation directory editing interface is currently edited
When marking the target directory level of catalog page, page access corresponding with target pages tab icon is generated in target directory level
Link, and target pages picture and text corresponding with target pages tab icon are shown in target tier.
It should be noted that the sequencing of step 103 and step 102 can be overturned mutually.
Illustratively, the target directory page may include at least one catalogue level, mesh included by the target directory page
Record level target pages picture and text corresponding with target pages tab icon, it can be understood as explaining to target pages
At least one of bright image or text.Page access corresponding with target pages tab icon links, it is possible to understand that according to
When page access link accesses, target pages can be entered and carry out browsing data.
Further, method can also include going out target when the target pages tab icon in target directory level is dragged
(can may be to be drawn to other catalogue levels for the target directory page at dragging), delete target catalogue when in catalogue level
In level page access corresponding with target pages tab icon link and target tier show with target pages label
The corresponding target pages picture and text of icon.
For example, site page editing interface 212 includes target pages label corresponding with target pages as shown in Fig. 1 a2
Icon 213.Target pages tab icon 213 is drawn to the target directory page that navigation directory editing interface 214 is currently edited
When the target directory level 215 in face, the page corresponding with target pages tab icon 213 is generated in target directory level 215 and is visited
It asks link, and shows target pages picture and text corresponding with target pages tab icon 213 in target tier 215.
In the technical scheme provided by this disclosed embodiment, by showing navigation directory editing interface, site page editor
Interface and dragging toolbar, are drawn to the page object that site page editing interface is currently edited when that can pull component icon
When the target position in face, target element corresponding with component icon can be pulled is generated in the target position of target pages, and in mesh
The target position of the mark page shows target element picture and text corresponding with that can pull component icon；When target pages tab icon is dragged
It is raw in target directory level when dragging the target directory level for the target directory page currently edited to navigation directory editing interface
It links, and shows in target tier corresponding with target pages tab icon at page access corresponding with target pages tab icon
Target pages picture and text, wherein catalog page includes at least one catalogue level.In above scheme, since dragging group can be passed through
Part icon is edited site page, is edited by pulling page-tag icon to catalog page, to simplify volume
The process collected, reduces the difficulty of editor, while can also allow users to intuitively know site page and page object in real time
The edit effect in face, so as to improve user experience.
In one embodiment, site page editing interface further includes page entries key, and as shown in Fig. 1 b1, method is also
Including step 104 to step 105:
At step 104, when page entries key is triggered, displayed page entry column.
Wherein, page entries column includes multiple Page Templates.
In step 105, when Page Template is selected, make site page editing interface according to chosen Page Template
Configure target pages.
Illustratively, Page Template can serve to indicate that the position that different types of component can be arranged in the page.Example
Such as, as shown in Fig. 1 b2, site page editing interface 212 further includes that page entries key 2121 works as page bars as shown in Fig. 1 b3
When mesh key 2121 is triggered, displayed page entry column 2122.As shown in Fig. 1 b4, when a page in page entries column 2122
When face die plate is selected, site page editing interface 212 is set to configure target pages according to chosen Page Template, with what is postponed
Target pages 1 include first area 2123 and second area 2124, and wherein first area 2123 is for being arranged enquiring component, and second
Region 2124 is for being arranged chart components.
By making site page editing interface further include page entries key, and when page entries key is triggered, exhibition
Show the page entries column including multiple Page Templates, and when Page Template is selected, makes site page editing interface according to quilt
Selected Page Template configures target pages, can be convenient user and sets in Page Template for the position of component to be arranged
It is fixed, so as to improve user experience.
In one embodiment, as shown in Fig. 1 c1, method further includes step 106 to step 108:
In step 106, it when that can pull component icon and be drawn to target position, is configured in target position component exhibiting
Key.
In step 107, when component Configuration key is triggered, component exhibiting configuration information column.
Wherein, module configuration information column includes a plurality of description components configuration information.
In step 108, when description components configuration information is modified, mesh is configured according to modified module configuration information
Mark component and target element picture and text.
Illustratively, description components configuration information can serve to indicate that size, position and the input/output information of component
Format etc..For example, as shown in Fig. 1 c2, when that can pull component icon 211 and be drawn to target position, shown in target position
Component Configuration key 2111.As shown in Fig. 1 c3, when component Configuration key 2111 is triggered, component exhibiting configuration information column
2112, module configuration information column 2112 includes a plurality of description components configuration information, when description components configuration information is modified,
Target element and target element picture and text are configured according to modified module configuration information.
By the way that when that can pull component icon and be drawn to target position, in target position, component exhibiting configures key, when
When component Configuration key is triggered, shows the module configuration information column including a plurality of description components configuration information, work as description components
When configuration information is modified, target element and target element picture and text are configured according to modified module configuration information, can be convenient
User modifies to the configuration for pulling the corresponding target element of component icon being drawn in target pages, and shows modification
Effect afterwards, so as to improve user experience.
In one embodiment, as shown in Fig. 1 d1, method further includes step 109 to step 110:
In step 109, directory-extension key is shown when target pages tab icon is drawn to target directory level.
In step 110, the hierarchy of sub-directories of target directory level is generated when directory-extension key is triggered.
Illustratively, it shows directory-extension key, can be the displaying directory-extension key at the target directory level.Such as
Shown in Fig. 1 d2, directory-extension key 2131 is shown when target pages tab icon 213 is drawn to target directory level 215,
As shown in Fig. 1 d3, the hierarchy of sub-directories 2152 of target directory level 215 is generated when directory-extension key 2131 is triggered.
By showing directory-extension key when target pages tab icon is drawn to target directory level, and work as catalogue
The hierarchy of sub-directories that target directory level is generated when expand is triggered, can be convenient user to the catalogue layer in catalog page
Grade is extended, so as to improve user experience.
Following is embodiment of the present disclosure, can be used for executing embodiments of the present disclosure.
Fig. 2 a is a kind of block diagram of the website editing device 30 shown according to an exemplary embodiment, website editing device
30 can may be a part of terminal for terminal, and website editing device 30 can pass through the knot of software, hardware or both
Conjunction is implemented as some or all of of electronic equipment.As shown in Figure 2 a, which includes:
Showing interface module 301, for showing navigation directory editing interface, site page editing interface and pulling tool
Column pulls in toolbar and pulls component icon including multiple, and site page editing interface includes mesh corresponding with target pages
Mark page-tag icon.
Site page generation module 302, for be drawn to site page editing interface current when that can pull component icon
When the target position for the target pages edited, mesh corresponding with component icon can be pulled is generated in the target position of target pages
Component is marked, and shows target element picture and text corresponding with component icon can be pulled in the target position of target pages；
Catalog page generation module 303, for working as when target pages tab icon is drawn to navigation directory editing interface
When the target directory level of preceding the edited target directory page, generated and target pages tab icon pair in target directory level
The page access link answered, and target pages picture and text corresponding with target pages tab icon are shown in target tier.
In one embodiment, site page editing interface further includes page entries key, as shown in Figure 2 b, website editor
Device 30 further include:
Page entries column display module 304, for when page entries key is triggered, displayed page entry column, the page
Entry column includes multiple Page Templates.
Site page configuration module 305, for when Page Template is selected, making site page editing interface according to selected
Fixed Page Template configures target pages.
In one embodiment, can pull component icon includes enquiring component icon corresponding with enquiring component, Yi Jiyu
The corresponding chart components icon of chart components.
In one embodiment, as shown in Figure 2 c, website editing device 30 further include:
Component Configuration key display module 306, when that can pull component icon and be drawn to target position, in target position
Component exhibiting configures key；
Module configuration information column display module 307, for when component Configuration key is triggered, component exhibiting configuration information
Column, module configuration information column include a plurality of description components configuration information；
Target element configuration module 308, for being matched according to modified component when description components configuration information is modified
Set information configuration target element and target element picture and text.
In one embodiment, as shown in Figure 2 d, website editing device 30 further include:
Directory-extension key display module 309, for when target pages tab icon is drawn to target directory level
Show directory-extension key.
Hierarchy of sub-directories generation module 310, for generating the son of target directory level when directory-extension key is triggered
Catalogue level.
Embodiment of the disclosure provides a kind of website editing device, which can be by showing navigation directory
Editing interface, site page editing interface and dragging toolbar, are drawn to site page editor when that can pull component icon
When the target position for the target pages that interface is currently edited, is generated in the target position of target pages and component icon can be pulled
Corresponding target element, and target element picture and text corresponding with component icon can be pulled are shown in the target position of target pages；
When target pages tab icon is drawn to the target directory for the target directory page that navigation directory editing interface is currently edited
When level, page access corresponding with target pages tab icon is generated in target directory level and is linked, and aobvious in target tier
Show target pages picture and text corresponding with target pages tab icon.In above scheme, since dragging component icon pair can be passed through
Site page is edited, is edited by pulling page-tag icon to catalog page, so that the process of editor is simplified,
The difficulty of editor is reduced, while can also allow users to intuitively know that the editor of site page and target pages is imitated in real time
Fruit, so as to improve user experience.
Fig. 3 is a kind of block diagram of website editing device 40 shown according to an exemplary embodiment, the website editing device
40 can be terminal, or a part of terminal, website editing device 40 include:
Processor 401；
Memory 402 for 401 executable instruction of storage processor；
Wherein, processor 401 is configured as:
It shows navigation directory editing interface, site page editing interface and pulls toolbar, include in dragging toolbar
Multiple to pull component icon, site page editing interface includes target pages tab icon corresponding with target pages；
When the target position that can be pulled component icon and be drawn to the target pages that site page editing interface is currently edited
When setting, target element corresponding with component icon can be pulled is generated in the target position of target pages, and in the mesh of target pages
Cursor position shows target element picture and text corresponding with that can pull component icon；
When target pages tab icon is drawn to the target directory page that navigation directory editing interface is currently edited
When target directory level, page access corresponding with target pages tab icon is generated in target directory level and is linked, and in mesh
Mark level shows target pages picture and text corresponding with target pages tab icon.
In one embodiment, above-mentioned processor 401 can be additionally configured to:
When page entries key is triggered, displayed page entry column, page entries column includes multiple Page Templates；
When Page Template is selected, site page editing interface is made to configure page object according to chosen Page Template
Face.
In one embodiment, above-mentioned processor 401 can be additionally configured to:
It includes enquiring component icon corresponding with enquiring component, and figure corresponding with chart components that component icon, which can be pulled,
Table component icon.
In one embodiment, above-mentioned processor 401 can be additionally configured to:
When that can pull component icon and be drawn to target position, in target position, component exhibiting configures key；
When component Configuration key is triggered, component exhibiting configuration information column, module configuration information column includes a plurality of default
Module configuration information；
When description components configuration information is modified, target element and target are configured according to modified module configuration information
Component picture and text.
In one embodiment, above-mentioned processor 401 can be additionally configured to:
Directory-extension key is shown when target pages tab icon is drawn to target directory level；
The hierarchy of sub-directories of target directory level is generated when directory-extension key is triggered.
Embodiment of the disclosure provides a kind of website editing device, which can be by showing navigation directory
Editing interface, site page editing interface and dragging toolbar, are drawn to site page editor when that can pull component icon
When the target position for the target pages that interface is currently edited, is generated in the target position of target pages and component icon can be pulled
Corresponding target element, and target element picture and text corresponding with component icon can be pulled are shown in the target position of target pages；
When target pages tab icon is drawn to the target directory for the target directory page that navigation directory editing interface is currently edited
When level, page access corresponding with target pages tab icon is generated in target directory level and is linked, and aobvious in target tier
Show target pages picture and text corresponding with target pages tab icon.In above scheme, since dragging component icon pair can be passed through
Site page is edited, is edited by pulling page-tag icon to catalog page, so that the process of editor is simplified,
The difficulty of editor is reduced, while can also allow users to intuitively know that the editor of site page and target pages is imitated in real time
Fruit, so as to improve user experience.
Fig. 4 is shown according to an exemplary embodiment a kind of for editing the block diagram of the device 500 of website, the device
500 are suitable for terminal.For example, device 500 can be mobile phone, computer, digital broadcasting terminal, messaging device, trip
Play console, tablet device, Medical Devices, body-building equipment, personal digital assistant etc..
Device 500 may include following one or more components: processing component 502, memory 504, power supply module 506,
Multimedia component 508, audio component 510, the interface 512 of input/output (I/O), sensor module 514 and communication component
516。
The integrated operation of the usual control device 500 of processing component 502, such as with display, telephone call, data communication, phase
Machine operation and record operate associated operation.Processing element 502 may include that one or more processors 520 refer to execute
It enables, to perform all or part of the steps of the methods described above.In addition, processing component 502 may include one or more modules, just
Interaction between processing component 502 and other assemblies.For example, processing component 502 may include multi-media module, it is more to facilitate
Interaction between media component 508 and processing component 502.
Memory 504 is configured not stored various types of data to support the operation in device 500.These data are shown
Example includes the instruction of any application or method for operating on device 500, contact data, and telephone book data disappears
Breath, picture, video etc..Memory 504 can be by any kind of volatibility or non-volatile memory device or their group
It closes and realizes, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM) is erasable to compile
Journey read-only memory (EPROM), programmable read only memory (PROM), read-only memory (ROM), magnetic memory, flash
Device, disk or CD.
Power supply module 506 provides electric power for the various assemblies of device 500.Power supply module 506 may include power management system
System, one or more power supplys and other with for device 500 generate, manage, and distribute the associated component of electric power.
Multimedia component 508 includes the screen of one output interface of offer between device 500 and user.In some realities
It applies in example, screen may include liquid crystal display (LCD) and touch panel (TP).If screen includes touch panel, screen can
To be implemented as touch screen, to receive input signal from the user.Touch panel include one or more touch sensors with
Sense the gesture on touch, slide, and touch panel.The touch sensor can not only sense the side of touch or sliding action
Boundary, but also detect duration and pressure associated with the touch or slide operation.In some embodiments, multimedia group
Part 508 includes a front camera and/or rear camera.When device 500 is in operation mode, such as screening-mode or video
When mode, front camera and/or rear camera can receive external multi-medium data.Each front camera and postposition
Camera can be a fixed optical lens system or have focusing and optical zoom capabilities.
Audio component 510 is configured as output and/or input audio signal.For example, audio component 510 includes a Mike
Wind (MIC), when device 500 is in operation mode, when such as call mode, recording mode, and voice recognition mode, microphone is matched
It is set to reception external audio signal.The received audio signal can be further stored in memory 504 or via communication set
Part 516 is sent.In some embodiments, audio component 510 further includes a loudspeaker, is used for output audio signal.
I/O interface 512 provides interface between processing component 502 and peripheral interface module, and above-mentioned peripheral interface module can
To be keyboard, click wheel, button etc..These buttons may include, but are not limited to: home button, volume button, start button and lock
Determine button.
Sensor module 514 includes one or more sensors, and the state for providing various aspects for device 500 is commented
Estimate.For example, sensor module 514 can detecte the state that opens/closes of device 500, and the relative positioning of component, for example, it is described
Component is the display and keypad of device 500, and sensor module 514 can be with 500 1 components of detection device 500 or device
Position change, the existence or non-existence that user contacts with device 500,500 orientation of device or acceleration/deceleration and device 500
Temperature change.Sensor module 514 may include proximity sensor, be configured to detect without any physical contact
Presence of nearby objects.Sensor module 514 can also include optical sensor, such as CMOS or ccd image sensor, at
As being used in application.In some embodiments, which can also include acceleration transducer, gyro sensors
Device, Magnetic Sensor, pressure sensor or temperature sensor.
Communication component 516 is configured to facilitate the communication of wired or wireless way between device 500 and other equipment.Device
500 can access the wireless network based on communication standard, such as intercom private network, WiFi, 2G, 3G, 4G or 5G or their group
It closes.In one exemplary embodiment, communication component 516 receives the broadcast from external broadcasting management system via broadcast channel
Signal or broadcast related information.In one exemplary embodiment, the communication component 516 further includes near-field communication (NFC) mould
Block, to promote short range communication.For example, radio frequency identification (RFID) technology, Infrared Data Association (IrDA) skill can be based in NFC module
Art, ultra wide band (UWB) technology, bluetooth (BT) technology and other technologies are realized.
In the exemplary embodiment, device 500 can be believed by one or more application specific integrated circuit (ASIC), number
Number processor (DSP), digital signal processing appts (DSPD), programmable logic device (PLD), field programmable gate array
(FPGA), controller, microcontroller, microprocessor or other electronic components are realized, for executing the above method.
In the exemplary embodiment, a kind of non-transitorycomputer readable storage medium including instruction, example are additionally provided
It such as include the memory 504 of instruction, above-metioned instruction can be executed by the processor 520 of device 500 to complete the above method.For example,
The non-transitorycomputer readable storage medium can be ROM, random access memory (RAM), CD-ROM, tape, floppy disk
With optical data storage devices etc..
A kind of non-transitorycomputer readable storage medium, when the instruction in the storage medium is by the processing of device 500
When device executes, so that device 500 is able to carry out above-mentioned website edit methods, which comprises
It shows navigation directory editing interface, site page editing interface and pulls toolbar, include in dragging toolbar
Multiple to pull component icon, site page editing interface includes target pages tab icon corresponding with target pages；
When the target position that can be pulled component icon and be drawn to the target pages that site page editing interface is currently edited
When setting, target element corresponding with component icon can be pulled is generated in the target position of target pages, and in the mesh of target pages
Cursor position shows target element picture and text corresponding with that can pull component icon；
When target pages tab icon is drawn to the target directory page that navigation directory editing interface is currently edited
When target directory level, page access corresponding with target pages tab icon is generated in target directory level and is linked, and in mesh
Mark level shows target pages picture and text corresponding with target pages tab icon.
In one embodiment, site page editing interface further includes page entries key, method further include:
When page entries key is triggered, displayed page entry column, page entries column includes multiple Page Templates；
When Page Template is selected, site page editing interface is made to configure page object according to chosen Page Template
Face.
In one embodiment, can pull component icon includes enquiring component icon corresponding with enquiring component, Yi Jiyu
The corresponding chart components icon of chart components.
In one embodiment, method further include:
When that can pull component icon and be drawn to target position, in target position, component exhibiting configures key；
When component Configuration key is triggered, component exhibiting configuration information column, module configuration information column includes a plurality of default
Module configuration information；
When description components configuration information is modified, target element and target are configured according to modified module configuration information
Component picture and text.
In one embodiment, method further include:
Directory-extension key is shown when target pages tab icon is drawn to target directory level；
The hierarchy of sub-directories of target directory level is generated when directory-extension key is triggered.
Those skilled in the art will readily occur to its of the disclosure after considering specification and practicing disclosure disclosed herein
Its embodiment.This application is intended to cover any variations, uses, or adaptations of the disclosure, these modifications, purposes or
Person's adaptive change follows the general principles of this disclosure and including the undocumented common knowledge in the art of the disclosure
Or conventional techniques.The description and examples are only to be considered as illustrative, and the true scope and spirit of the disclosure are by following
Claim is pointed out.
It should be understood that the present disclosure is not limited to the precise structures that have been described above and shown in the drawings, and
And various modifications and changes may be made without departing from the scope thereof.The scope of the present disclosure is only limited by the accompanying claims.
Claims (12)
1. a kind of website edit methods characterized by comprising
It shows navigation directory editing interface, site page editing interface and pulls toolbar, include in the dragging toolbar
Multiple to pull component icon, the site page editing interface includes target pages label figure corresponding with the target pages
Mark；
When the mesh for pulling component icon and being drawn to the target pages that the site page editing interface is currently edited
When cursor position, is generated in the target position of the target pages and pull the corresponding target element of component icon with described, and
The target position of the target pages, which is shown, pulls the corresponding target element picture and text of component icon with described；
When the target pages tab icon is drawn to the target directory page that the navigation directory editing interface is currently edited
When the target directory level in face, page access corresponding with the target pages tab icon is generated in the target directory level
Link, and target pages picture and text corresponding with the target pages tab icon are shown in the target tier.
2. website edit methods according to claim 1, which is characterized in that the site page editing interface further includes page
Noodles mesh key, the method also includes:
When the page entries key is triggered, displayed page entry column, the page entries column includes multiple Page Templates；
When the Page Template is chosen, make the site page editing interface according to chosen Page Template configuration
Target pages.
3. website edit methods according to claim 1, which is characterized in that the component icon that pulls includes and inquiry
The corresponding enquiring component icon of component, and chart components icon corresponding with chart components.
4. website edit methods according to claim 1, which is characterized in that the method also includes:
When it is described pull component icon and be drawn to the target position when, pressed in target position component exhibiting configuration
Key；
When the component Configuration key is triggered, component exhibiting configuration information column, the module configuration information column includes a plurality of
Description components configuration information；
When the description components configuration information is modified, according to modified module configuration information configure the target element with
The target element picture and text.
5. website edit methods according to claim 1, which is characterized in that the method also includes:
Directory-extension key is shown when the target pages tab icon is drawn to the target directory level；
The hierarchy of sub-directories of the target directory level is generated when the directory-extension key is triggered.
6. a kind of website editing device characterized by comprising
Showing interface module, it is described for showing navigation directory editing interface, site page editing interface and pulling toolbar
It pulls in toolbar and pulls component icon including multiple, the site page editing interface includes corresponding with the target pages
Target pages tab icon；
Site page generation module, for that can pull component icon when described to be drawn to the site page editing interface current
When the target position for the target pages edited, is generated in the target position of the target pages and pull component icon with described
Corresponding target element, and shown in the target position of the target pages and pull the corresponding target group of component icon with described
Part picture and text；
Catalog page generation module, for working as when the target pages tab icon is drawn to the navigation directory editing interface
When the target directory level of preceding the edited target directory page, generated and the target pages mark in the target directory level
The corresponding page access link of icon is signed, and shows target corresponding with the target pages tab icon in the target tier
Page picture and text.
7. website editing device according to claim 6, which is characterized in that the site page editing interface further includes page
Noodles mesh key, described device further include:
Page entries column display module, for when the page entries key is triggered, displayed page entry column, the page
Entry column includes multiple Page Templates；
Site page configuration module, for making the site page editing interface according to quilt when the Page Template is chosen
Selected Page Template configures the target pages.
8. website editing device according to claim 1, which is characterized in that the component icon that pulls includes and inquiry
The corresponding enquiring component icon of component, and chart components icon corresponding with chart components.
9. website editing device according to claim 1, which is characterized in that described device further include:
Component Configuration key display module, when it is described pull component icon and be drawn to the target position when, in the mesh
Cursor position component exhibiting configures key；
Module configuration information column display module, for when the component Configuration key is triggered, component exhibiting configuration information column,
The module configuration information column includes a plurality of description components configuration information；
Target element configuration module, for when the description components configuration information is modified, according to modified component Configuration
Target element described in information configuration and the target element picture and text.
10. website editing device according to claim 1, which is characterized in that described device further include:
Directory-extension key display module, for when the target pages tab icon is drawn to the target directory level
Show directory-extension key；
Hierarchy of sub-directories generation module, for generating the son of the target directory level when the directory-extension key is triggered
Catalogue level.
11. a kind of website editing device characterized by comprising
Processor；
Memory for storage processor executable instruction；
Wherein, the processor is configured to:
It shows navigation directory editing interface, site page editing interface and pulls toolbar, include in the dragging toolbar
Multiple to pull component icon, the site page editing interface includes target pages label figure corresponding with the target pages
Mark；
When the mesh for pulling component icon and being drawn to the target pages that the site page editing interface is currently edited
When cursor position, is generated in the target position of the target pages and pull the corresponding target element of component icon with described, and
The target position of the target pages, which is shown, pulls the corresponding target element picture and text of component icon with described；
When the target pages tab icon is drawn to the target directory page that the navigation directory editing interface is currently edited
When the target directory level in face, page access corresponding with the target pages tab icon is generated in the target directory level
Link, and target pages picture and text corresponding with the target pages tab icon are shown in the target tier.
12. a kind of computer readable storage medium, is stored thereon with computer instruction, which is characterized in that the instruction is by processor
The step of any one of claim 1-5 the method is realized when execution.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811625778.6A CN109725806A (en) | 2018-12-28 | 2018-12-28 | Website edit methods and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811625778.6A CN109725806A (en) | 2018-12-28 | 2018-12-28 | Website edit methods and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109725806A true CN109725806A (en) | 2019-05-07 |
Family
ID=66295962
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811625778.6A Pending CN109725806A (en) | 2018-12-28 | 2018-12-28 | Website edit methods and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109725806A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110489118A (en) * | 2019-05-13 | 2019-11-22 | 杭州米雅信息科技有限公司 | Webpage generating method, device, system and computer readable storage medium |
| CN111258569A (en) * | 2020-01-09 | 2020-06-09 | 卓望数码技术（深圳）有限公司 | Webpage component editing method, device, equipment and computer readable storage medium |
| CN114610201A (en) * | 2022-02-24 | 2022-06-10 | 烽台科技（北京）有限公司 | Interface display method and device, terminal equipment and storage medium |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103793225A (en) * | 2014-01-20 | 2014-05-14 | 中国建设银行股份有限公司 | Catalogue visualization maintenance method and device |
| CN103955366A (en) * | 2014-04-18 | 2014-07-30 | 南威软件股份有限公司 | Producing method of visualized website template |
| US20140237350A1 (en) * | 2013-02-21 | 2014-08-21 | Atlassian Pty Ltd | Automatically generating column layouts in electronic documents |
| CN107798084A (en) * | 2017-10-17 | 2018-03-13 | 广东广业开元科技有限公司 | The visual edit generation system and device of a kind of web front-end page |
| CN107957868A (en) * | 2017-12-04 | 2018-04-24 | 山东浪潮通软信息科技有限公司 | A kind of html user interface visualizing editing method and device |
| CN108170786A (en) * | 2017-12-26 | 2018-06-15 | 北京洪泰同创信息技术有限公司 | website editing system, method and terminal |
| CN108388444A (en) * | 2018-03-05 | 2018-08-10 | 重庆邮电大学 | A kind of front end page configuration method and system based on React components |
-
2018
- 2018-12-28 CN CN201811625778.6A patent/CN109725806A/en active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140237350A1 (en) * | 2013-02-21 | 2014-08-21 | Atlassian Pty Ltd | Automatically generating column layouts in electronic documents |
| CN103793225A (en) * | 2014-01-20 | 2014-05-14 | 中国建设银行股份有限公司 | Catalogue visualization maintenance method and device |
| CN103955366A (en) * | 2014-04-18 | 2014-07-30 | 南威软件股份有限公司 | Producing method of visualized website template |
| CN107798084A (en) * | 2017-10-17 | 2018-03-13 | 广东广业开元科技有限公司 | The visual edit generation system and device of a kind of web front-end page |
| CN107957868A (en) * | 2017-12-04 | 2018-04-24 | 山东浪潮通软信息科技有限公司 | A kind of html user interface visualizing editing method and device |
| CN108170786A (en) * | 2017-12-26 | 2018-06-15 | 北京洪泰同创信息技术有限公司 | website editing system, method and terminal |
| CN108388444A (en) * | 2018-03-05 | 2018-08-10 | 重庆邮电大学 | A kind of front end page configuration method and system based on React components |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110489118A (en) * | 2019-05-13 | 2019-11-22 | 杭州米雅信息科技有限公司 | Webpage generating method, device, system and computer readable storage medium |
| CN111258569A (en) * | 2020-01-09 | 2020-06-09 | 卓望数码技术（深圳）有限公司 | Webpage component editing method, device, equipment and computer readable storage medium |
| CN114610201A (en) * | 2022-02-24 | 2022-06-10 | 烽台科技（北京）有限公司 | Interface display method and device, terminal equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104375980B (en) | Content of text selection method and device | |
| CN105138259B (en) | Operation executes method and device | |
| CN105830351B (en) | Mobile terminal and its control method | |
| CN108140361A (en) | Viewing pattern | |
| JP2024514783A (en) | User interface for managing media styles | |
| CN105487749B (en) | The method for sorting and device of application icon | |
| KR20180130354A (en) | Portable electronic device and method for controlling the same | |
| CN104598104B (en) | Widget treating method and apparatus | |
| CN106489129A (en) | The method and device that a kind of content is shared | |
| CN110020313A (en) | Show the method and device of task management interface | |
| CN105204846A (en) | Method for displaying video picture in multi-user video, device and terminal equipment | |
| CN106371688A (en) | Full-screen single-hand operation method and apparatus | |
| CN107066172A (en) | The document transmission method and device of mobile terminal | |
| CN107357505A (en) | The method, apparatus and computer-readable recording medium of screenshot capture | |
| KR20180133743A (en) | Mobile terminal and method for controlling the same | |
| CN106233237B (en) | A kind of method and apparatus of processing and the new information of association | |
| CN104793843B (en) | desktop display method and device | |
| CN104503690B (en) | A kind of aligning method and device of application icon | |
| CN107102772A (en) | Touch control method and device | |
| KR20140016107A (en) | Mobile terminal and control method thereof | |
| CN107529699A (en) | Control method of electronic device and device | |
| CN106775202A (en) | A kind of method and device of information transfer | |
| CN109725806A (en) | Website edit methods and device | |
| CN106990903A (en) | Display and the method and device of hide application program | |
| CN105955808B (en) | The task management method and device of instant messaging application |
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: 20190507 |