CN106909385A - The operating method of visual page editing machine and visual page editing machine - Google Patents
The operating method of visual page editing machine and visual page editing machine Download PDFInfo
- Publication number
- CN106909385A CN106909385A CN201710108103.3A CN201710108103A CN106909385A CN 106909385 A CN106909385 A CN 106909385A CN 201710108103 A CN201710108103 A CN 201710108103A CN 106909385 A CN106909385 A CN 106909385A
- Authority
- CN
- China
- Prior art keywords
- component
- editing machine
- page editing
- visual page
- user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Abstract
This application discloses visual page editing machine and the operating method of visual page editing machine.One specific embodiment of method includes：User is received in the interactive interface of visual page editing machine to the drag operation of operation object；In the operation object is inserted into the drag operation as daughter element the corresponding component of terminal or element, wherein, the operation object includes component or element.The implementation method realizes the flexible developer component of operation or element according to user so that the fusion function of component or element is protruded.
Description
Technical field
The application is related to field of computer technology, and in particular to technical field of the computer network, more particularly to visualization page
The operating method of face editing machine and visual page editing machine.
Background technology
Page editing device, can be used for building the page of webpage or the page of application program etc..
The conventional page editing device of current industry, including together it is elegant, just can quickly create browsing for website without coding
The visual page editing machines such as device plug-in unit (Webflow).Wherein, show is a kind of page editing device of absolute fix together, can be with
Do the simple operation page.Webflow is a complete editing platform, it is possible to achieve dynamic interaction is designed.
However, there is problems with current page editing device：(1) layout element of absolute fix elegant together layout is not
Can be strutted by inner element, the simple operation page can only be done, the increasingly complex page only has by streaming layout completion.(2)
The content of the dynamic interaction design of Webflow is not customizable, and not modularization can not Insert service Custom component so that
Operation strategies are narrower.
The content of the invention
The purpose of the application is to propose the behaviour of a kind of improved visual page editing machine and visual page editing machine
Make method to solve the technical problem that background section above is mentioned.
In a first aspect, this application provides a kind of visual page editing machine, visual page editing machine includes：Receive mould
Block, for receiving user in the interactive interface of visual page editing machine to the drag operation of operation object；Insertion module, uses
In using operation object as daughter element insertion drag operation the corresponding component of terminal or element in, operation object include component or
Element.
In certain embodiments, the component and element in the interactive interface of visual page editing machine use relative positioning
And/or absolute fix.
In certain embodiments, when the component and element in the interactive interface of visual page editing machine use relative positioning
When, the position location of component and element is adjusted according to the size and/or position of component and element.
In certain embodiments, visual page editing machine also includes：Generation module, for the operator in response to user
Default combination operation is closed, the component based on default component and/or the generation combination of the component of upload.
In certain embodiments, operation object is located at the menu bar of interactive interface or the view area of interactive interface.
In certain embodiments, the menu bar of interactive interface includes following one or more：Preview button, destruction operation are pressed
Button, repeat button, save button, combination button and tree button.
In certain embodiments, visual page editing machine also includes：Adjusting module, for being grasped according to the editor of user
Make, the parameter of adjustment component and element.
In certain embodiments, the configuration file of visual page editing machine is unrelated with operating platform.
Second aspect, this application provides a kind of operating method of visual page editing machine, operating method includes：Receive
User is in the interactive interface of visual page editing machine to the drag operation of operation object；Inserted operation object as daughter element
In entering the corresponding component of terminal or element of drag operation, wherein, operation object includes component or element.
In certain embodiments, the component and element in interactive interface use relative positioning and/or absolute fix.
In certain embodiments, when the component and element in interactive interface use relative positioning, component and element are determined
Position position is adjusted according to the size and/or position of component and element.
In certain embodiments, operating method also includes：Operation in response to user meets default combination operation, is based on
Default component and/or the component of the component of upload generation combination.
In certain embodiments, operation object is located at the menu bar of interactive interface or the view area of interactive interface.
In certain embodiments, the menu bar of interactive interface includes following one or more：Preview button, destruction operation are pressed
Button, repeat button, save button, combination button and tree button.
In certain embodiments, operating method also includes：According to the edit operation of user, the ginseng of adjustment component and element
Number.
The third aspect, this application provides a kind of page, the content of the page uses visual page editor as described above
Device editor.
Fourth aspect, this application provides a kind of equipment, including：One or more processors；Storage device, for storing
One or more programs；Interactive unit, the result for gathering user's operation and display user's operation；When one or more journeys
Sequence is executed by one or more processors so that one or more processors realize as above any described operating method.
5th aspect, this application provides a kind of computer-readable recording medium, is stored thereon with computer program, and it is special
Levy and be, the program is when executed by realizing as above any described operating method.
Visual page editing machine and the operating method of visual page editing machine that the application is provided, the visual page
Editing machine receives user in the interactive interface of visual page editing machine to the drag operation of operation object first, afterwards will behaviour
In making object as the corresponding component of terminal or element of daughter element insertion drag operation, operation object includes component or element.
It is achieved thereby that the flexible developer component of operation or element according to user so that the fusion function of component or element is protruded.
Brief description of the drawings
By the detailed description made to non-limiting example made with reference to the following drawings of reading, the application other
Feature, objects and advantages will become more apparent upon：
Fig. 1 is the indicative flowchart of one embodiment of the visual page editing machine according to the application；
Fig. 2 is the indicative flowchart of another embodiment of the visual page editing machine according to the application；
Fig. 3 shows the exemplary application scene of one embodiment of the visual page editing machine according to the application；
Fig. 4 is the example arrangement of one embodiment of the operating method of the visual page editing machine according to the application
Figure；
Fig. 5 is the example arrangement of another embodiment of the operating method of the visual page editing machine according to the application
Figure；
Fig. 6 is adapted for the structural representation for realizing the terminal device of the embodiment of the present application or the computer system of server
Figure.
Specific embodiment
The application is described in further detail with reference to the accompanying drawings and examples.It is understood that this place is retouched
The specific embodiment stated is used only for explaining related invention, rather than the restriction to the invention.It also should be noted that, in order to
Be easy to description, be illustrate only in accompanying drawing to about the related part of invention.
It should be noted that in the case where not conflicting, the feature in embodiment and embodiment in the application can phase
Mutually combination.Describe the application in detail below with reference to the accompanying drawings and in conjunction with the embodiments.
Fig. 1 shows the flow 100 of one embodiment of the visual page editing machine according to the application.Visualization page
Face editing machine includes：Receiver module 110 and insertion module 120.The visual page editing machine can apply to various electronics and set
In standby.
Wherein, receiver module 110, are configured to receive user in the interactive interface of visual page editing machine to operation
The drag operation of object.Insertion module 120, is configured to operation object is corresponding as the terminal of daughter element insertion drag operation
Component or element in.
In the present embodiment, visual page editing machine refers to using computer graphics and image processing techniques, by number
According to being converted into figure or image shows on screen, and carry out the software journey for edit page content of interaction process
Sequence, content of pages here can be the content of pages of the interior perhaps application program of webpage.
In receiver module 110, the interactive interface of visual page editing machine is the interface for being interacted with user,
For example, touch-screen of computer screen, mobile device etc..User is right in the interactive interface of visual page editing machine
The drag operation of operation object, can be realized, example by the input unit of the electronic equipment where visual page editing machine
Such as, can be input into by the mouse of computer and realize drag operation, the touch-screen by mobile device is to receive drag operation, with
And the user gesture of the camera seizure for passing through electronic equipment realizes drag operation etc..Operation object therein, can be the page
Component or element.Here component refers to the simplified package to data and method, such as under the form, tree, linkage in the page
Draw frame etc.；Here element refer in the page it can be seen that master data, such as word, picture, audio, animation, video etc..
In module 120 is inserted, the position that the terminal of the drag operation of user is stopped can wish insertion with instruction user
Component or element.It is determined that after the component or element of user instruction, the operation object that user pulls can be inserted into this and referred to
In the component or element that show.For example, the component that user is pulled or element are inserted in another component as daughter element, or will
The component or element of user's towing are inserted in another element.That is, any component or element for possessing insertion daughter element ability
(such as layout component), can thereto pull any component or element into, can still be pulled into the component pulled into or element
The component or element of daughter element are may be inserted into, so can be with the insertion daughter element of Infinite Cyclic.
In some optional implementations of the present embodiment, the group in the interactive interface of above-mentioned visual page editing machine
Part and element use relative positioning and/or absolute fix.
In this optional implementation, layout element can use relative positioning, in relative positioning, the width height meeting of element
Other elements are influenceed, such as top element increased height, following element can be extruded into lower section, can so be competent at complicated cloth
The making of office's page.Alternatively or additionally, layout element can also use absolute fix, in absolute fix, element
Position in the page is the position of setting, and the change not according to element itself or the parameter of other elements is adjusted.
Component and element in the interactive interface of visual page editing machine, by using relative positioning, can be efficiently
Any change of reply component or element, reacts faster more positive.Component in the interactive interface of visual page editing machine and
Element, it is also possible to by the position using absolute fix come fixation kit or element in the page, not by other components or element
The interference of change.
In some optional implementations of the present embodiment, when the component in the interactive interface of visual page editing machine and
When element uses relative positioning, the position location of component and element is adjusted according to the size and/or position of component and element.
In this implementation, because the position location of component and element is according to the size and/or position of component and element
It is adjusted, therefore can causes that component and element in the page adapt to the change in size of the page, and/or adapts to component in the page
Or the size or change in location of element.
The visual page editing machine that the above embodiments of the present application are provided, receives user visual by receiver module first
To the drag operation of operation object in the interactive interface of change page editing device, afterwards by inserting module using operation object as son
In the corresponding component of terminal or element of element insertion drag operation, realize according to the flexible developer component of operation of user or
Element, improves the fusion function of component or element.
With further reference to Fig. 2, Fig. 2 shows the stream of another embodiment of the visual page editing machine according to the application
Journey 200.The visual page editing machine includes：
Receiver module 210, drags in the interactive interface of visual page editing machine for receiving user to operation object
Drag operation；Insertion module 220, the corresponding component of terminal or element for operation object to be inserted drag operation as daughter element
In, operation object includes component or element；Alternatively or additionally, visual page editing machine can also include generation module
230, meet default combination operation for the operation in response to user, generated based on default component and/or the component of upload
The component of combination；Alternatively or additionally, visual page editing machine can also include adjusting module 240, for according to user
Edit operation, adjustment component and element parameter.
In the present embodiment, receiver module 210 is identical with receiver module in Fig. 1 110, is inserted in insertion module 220 and Fig. 1
Module 120 is identical, will not be repeated here.
In generation module 230, default combination operation can at least include：User submits the operation of compound object to, with
And user submits the operation to the combination request of compound object to.The submission of the two operations sequentially, can be according to the demand of user
Setting, the application is not limited this.For example, in a visual page editing machine, can be first carried out submitting to combination right
The operation of elephant, performs the operation for submitting combination request to afterwards；In another visual page editing machine, can be first carried out carrying
The operation of combination request is handed over, the operation submitted to and choose compound object is performed afterwards.
User, can be with the man-machine interaction in prior art or the technology of future development when default combination operation is submitted to
Mode is submitted to.These man-machine interaction modes are included but is not limited to：Rock terminal, click virtual push button and (be for example displayed in display
Virtual push button on screen), click on entity button (such as volume button), gesture identification, speech recognition or other futures and will open
The man-machine interaction mode of hair.By taking gesture identification as an example, in the case where terminal has camera, the initiation of default combination operation
Mode can also be the operating gesture corresponding with default combination operation for acting on camera.More specifically, first,
The operating gesture corresponding with default combination operation is submitted to can be predefined；Afterwards, the camera of terminal can be right in real time
User gesture is caught and is recognized, if it is corresponding with the default combination operation submitted to that user gesture is then recognized
Operating gesture, then submit default combination operation to.
Meet default combination operation in response to the operation of user in generation module 230, based on default component and/or on
During the component of the component generation combination of biography, there can be two ways to make the component of combination, be respectively that privatization makes when disposing
The component of combination, and the online component for making combination.
Refer to that this visual page editing machine is installed in developer when the component of combination is made when privatization is disposed
When, by the incoming editing machine of component, and by writing configuration file, can editing machine can be operated as operation general purpose module
Any customizable component.
It is online to make, refer to the combination function of editing machine, combination function (including can contain any view area component
Have the high polymerization degree component of any daughter element) it is set to a new component and (such as combines 1,2), combination is appeared in drags for combination
Drag on menu bar, as common component, it is also possible to be dragged in the page, and the combination can be directly generated.For example, making
During one recruitment website, we can be a component for combination ready-made content area whole installation, when next piece of making
During content area, directly pull be combined to view area generation content block, can immediately copy one with that time generated combine when
The component (this component has many daughter elements, constitutes entire content block) for choosing component the same, than pulling N (N again
Be the integer more than 0) individual widgets come it is faster.
In adjusting module 240, visual page editing machine provides a user with the parameter of modification component or the parameter of element
Interface, and the edit operation in response to user for interface, the parameter of adjustment component or element.The parameter of component here can
Think component architecture, size, position or appearance form etc., the parameter of element can be the size of element, position and shape is presented
Formula etc..
In some optional implementations of the present embodiment, operation object is located at the menu bar or interactive interface of interactive interface
View area.
In this implementation, when user's towing is located at menu bar operation object, the operation object can be inserted and pulled
The corresponding component of terminal or element in, and operation object in former menu bar still suffers from；When user's towing is located at interaction circle
During the operation object of the view area in face, in the corresponding component of terminal or element that operation object insertion can be pulled, and
The operation object of former view area is no longer present.
By being pointed to the towing of the operation object of menu bar, be conducive to selection and application of the user to operation object, carry
The development efficiency of user high.By the towing of the operation object in view area, user is conducive to enter one to operation object
Step operation, improves the development efficiency of user.
In some optional implementations of the present embodiment, the menu bar of interactive interface includes following one or more：In advance
Look at button, destruction operation button, repeat button, save button, combination button and tree button.
In this implementation, the menu bar of interactive interface is by setting preview button, destruction operation button, repeating
One or more in button, save button, combination button and tree button, user can be facilitated to select application, so that
Improve development efficiency.
In some optional implementations of the present embodiment, the configuration file of visual page editing machine and operating platform without
Close.
In this implementation, the configuration file of visual page editing machine generation be with the operating platform of electronic equipment without
Close, therefore the operating platform that can be run can include：The Web page application program at PC end, the web application of mobile terminal
Program, the native applications program of Android operation system, native applications program of Apple Macintosh operating system etc..Page end uses webpage
Application programming interface builds document object model tree, and Android and apple native applications program can use cross-platform movement
Application and development (such as React-native) technology, most configuration file is converted into the primary user interface components of system and renders at last.
Configuration file by visual page editing machine is unrelated with operating platform, can extend visual page editing machine in different behaviour
Make the application on platform, so as to extend the range of application of visual page editing machine.
The visual page editing machine that the above embodiments of the present application are provided, compared with the embodiment shown in Fig. 1, increased
Generation module and/or adjusting module, by increasing generation module, can be in the component or element in using generation module next time
During edit page, user's edit page speed is speeded；By increasing adjusting module, can in user's edit page, according to
Family needs to set the parameter of component or element, so as to improve the applicability of visual page editing machine.
Below in conjunction with Fig. 3, exemplary application of the description according to one embodiment of the visual page editing machine of the application
Scene.
As shown in figure 3, in visual page editing machine 310, the general purpose module 320 of user input can be received, it is also possible to
The customizable component 330 of user input is received, user can also be received by the component 340 after general purpose module and customizable component combination,
User can also be received to choosing the drag operation of component in visual page editing machine 310, so as to obtain Nesting Module,
So as to the edit operation according to user input, Webpage 350 and the application program page 360 are generated.
The visual page editing machine that the above-mentioned application scenarios of the application are provided, has expanded the applied field of the visual edit page
Scape.
With further reference to Fig. 4, as the realization to the above method, this application provides a kind of visual page editing machine
One embodiment of operating method, the embodiment phase of the embodiment of the operating method and the visual page editing machine shown in Fig. 1
Correspondence, thus, operating method 400 is equally applicable to above with respect to the operation of visual page editing machine description and feature in Fig. 1
And wherein comprising the step of, will not be repeated here.
As shown in figure 4, the operating method 400 of the visual page editing machine of the present embodiment is comprised the following steps：
In step 410, user is received in the interactive interface of visual page editing machine to the towing behaviour of operation object
Make；
At step 420, in the corresponding component of terminal or element that operation object are inserted into drag operation as daughter element,
Wherein, operation object includes component or element.
In some optional implementations of the present embodiment, component and element in interactive interface using relative positioning and/
Or absolute fix.
In some optional implementations of the present embodiment, when the component and element in interactive interface use relative positioning
When, the position location of component and element is adjusted according to the size and/or position of component and element.
With further reference to Fig. 5, as the realization to the above method, this application provides a kind of visual page editing machine
Another embodiment of operating method, the device embodiment is corresponding with the embodiment of the visual page editing machine shown in Fig. 2,
Thus, it is equally applicable to operating method above with respect to the operation of each module description of visual page editing machine and feature in Fig. 2
500 and wherein comprising the step of, will not be repeated here.
As shown in figure 5, the operating method 500 of the visual page editing machine of the present embodiment includes：
In step 510, user is received in the interactive interface of visual page editing machine to the towing behaviour of operation object
Make；
In step 520, in the corresponding component of terminal or element that operation object are inserted into drag operation as daughter element,
Wherein, operation object includes component or element；
Alternatively, in step 530, the operation in response to user meets default combination operation, based on default component
And/or the component of the component generation combination for uploading；
Alternatively, in step 540, according to the edit operation of user, the parameter of adjustment component and element.
In some optional implementations of the present embodiment, operation object is located at the menu bar or interactive interface of interactive interface
View area.
In some optional implementations of the present embodiment, the menu bar of interactive interface includes following one or more：In advance
Look at button, destruction operation button, repeat button, save button, combination button and tree button.
In some optional implementations of the present embodiment, the configuration file of visual page editing machine and operating platform without
Close.
Present invention also provides a kind of embodiment of the page, the content of the page uses visual page as described above
Editing machine editor.
Present invention also provides a kind of embodiment of equipment, including：One or more processors；Storage device, for depositing
Store up one or more programs；Interactive unit, the result for gathering user's operation and display user's operation；When one or
Multiple programs are by one or more of computing devices so that one or more of processors realize operation as described above
Method.
Present invention also provides a kind of embodiment of computer-readable recording medium, computer program is stored thereon with, should
Program is when executed by realizing operating method as described above.
Below with reference to Fig. 6, it illustrates the calculating for being suitable to terminal device or server for realizing the embodiment of the present application
The structural representation of machine system 600.Terminal device/server shown in Fig. 6 is only an example, and the application should not be implemented
Example function and using range band any limitation.
As shown in fig. 6, computer system 600 includes CPU (CPU) 601, it can be according to storage read-only
Program in memory (ROM) 602 or be loaded into program in random access storage device (RAM) 603 from storage part 608 and
Perform various appropriate actions and treatment.In RAM 603, the system that is also stored with 600 operates required various programs and data.
CPU 601, ROM 602 and RAM 603 are connected with each other by bus 604.Input/output (I/O) interface 605 is also connected to always
Line 604.
I/O interfaces 605 are connected to lower component：Including the importation 606 of keyboard, mouse etc.；Penetrated including such as negative electrode
The output par, c 607 of spool (CRT), liquid crystal display (LCD) etc. and loudspeaker etc.；Storage part 608 including hard disk etc.；
And the communications portion 609 of the NIC including LAN card, modem etc..Communications portion 609 via such as because
The network of spy's net performs communication process.Driver 610 is also according to needing to be connected to I/O interfaces 606.Detachable media 611, such as
Disk, CD, magneto-optic disk, semiconductor memory etc., as needed on driver 610, in order to read from it
Computer program be mounted into as needed storage part 608.
Especially, in accordance with an embodiment of the present disclosure, the process above with reference to flow chart description may be implemented as computer
Software program.For example, embodiment of the disclosure includes a kind of computer program product, it includes being carried on computer-readable medium
On computer program, the computer program includes the program code for the method shown in execution flow chart.Such
In embodiment, the computer program can be downloaded and installed by communications portion 609 from network, and/or be situated between from detachable
Matter 611 is mounted.When the computer program is performed by CPU (CPU) 601, restriction in the present processes is performed
Above-mentioned functions.
It should be noted that computer-readable medium described herein can be computer-readable signal media or meter
Calculation machine readable storage medium storing program for executing or the two are combined.Computer-readable recording medium for example can be --- but not
Be limited to --- the system of electricity, magnetic, optical, electromagnetic, infrared ray or semiconductor, device or device, or it is any more than combination.Meter
The more specifically example of calculation machine readable storage medium storing program for executing can be included but is not limited to：Electrical connection with one or more wires, just
Take formula computer disk, hard disk, random access storage device (RAM), read-only storage (ROM), erasable type and may be programmed read-only storage
Device (EPROM or flash memory), optical fiber, portable compact disc read-only storage (CD-ROM), light storage device, magnetic memory device,
Or above-mentioned any appropriate combination.In this application, computer-readable recording medium can be it is any comprising or storage journey
The tangible medium of sequence, the program can be commanded execution system, device or device and use or in connection.And at this
In application, computer-readable signal media can include the data-signal propagated in a base band or as a carrier wave part,
Wherein carry computer-readable program code.The data-signal of this propagation can take various forms, including but not limit
In electromagnetic signal, optical signal or above-mentioned any appropriate combination.Computer-readable signal media can also be that computer can
Read any computer-readable medium beyond storage medium, the computer-readable medium can send, propagates or transmit to be used for
Used by instruction execution system, device or device or program in connection.Included on computer-readable medium
Program code can be transmitted with any appropriate medium, including but not limited to：Wirelessly, electric wire, optical cable, RF etc., or it is above-mentioned
Any appropriate combination.
Flow chart and block diagram in accompanying drawing, it is illustrated that according to the system of the various embodiments of the application, method and computer journey
The architectural framework in the cards of sequence product, function and operation.At this point, each square frame in flow chart or block diagram can generation
One part for module, program segment or code of table a, part for the module, program segment or code includes one or more
Executable instruction for realizing the logic function of regulation.It should also be noted that in some realizations as replacement, institute in square frame
The function of mark can also occur with different from the order marked in accompanying drawing.For example, two square frame reality for succeedingly representing
On can perform substantially in parallel, they can also be performed in the opposite order sometimes, and this is depending on involved function.Also
It is noted that the combination of the square frame in each square frame and block diagram and/or flow chart in block diagram and/or flow chart, Ke Yiyong
Perform the function of regulation or the special hardware based system of operation to realize, or can be referred to computer with specialized hardware
The combination of order is realized.
Being described in involved module in the embodiment of the present application can be realized by way of software, it is also possible to by hard
The mode of part is realized.Described module can also be set within a processor, for example, can be described as：A kind of processor bag
Include receiver module and insertion module.Wherein, the title of these modules does not constitute the limit to the module in itself under certain conditions
It is fixed, for example, receiver module is also described as " receiving user right to operating in the interactive interface of visual page editing machine
The module of the drag operation of elephant ".
As on the other hand, present invention also provides a kind of nonvolatile computer storage media, the non-volatile calculating
Machine storage medium can be the nonvolatile computer storage media included in device described in above-described embodiment；Can also be
Individualism, without the nonvolatile computer storage media allocated into terminal.Above-mentioned nonvolatile computer storage media is deposited
One or more program is contained, when one or more of programs are performed by an equipment so that the equipment：Receive
User is in the interactive interface of visual page editing machine to the drag operation of operation object；Using the operation object as daughter element
In inserting the corresponding component of terminal or element of the drag operation, wherein, the operation object includes component or element.
Above description is only the preferred embodiment and the explanation to institute's application technology principle of the application.People in the art
Member is it should be appreciated that involved invention scope in the application, however it is not limited to the technology of the particular combination of above-mentioned technical characteristic
Scheme, while should also cover in the case where foregoing invention design is not departed from, is carried out by above-mentioned technical characteristic or its equivalent feature
Other technical schemes for being combined and being formed.Such as features described above has similar work(with (but not limited to) disclosed herein
The technical scheme that the technical characteristic of energy is replaced mutually and formed.
Claims (18)
1. a kind of visual page editing machine, it is characterised in that the visual page editing machine includes：
Receiver module, for receiving user in the interactive interface of visual page editing machine to the drag operation of operation object；
Insertion module, the corresponding component of terminal or unit for the operation object to be inserted the drag operation as daughter element
In element, the operation object includes component or element.
2. visual page editing machine according to claim 1, it is characterised in that the friendship of the visual page editing machine
Component and element in mutual interface use relative positioning and/or absolute fix.
3. visual page editing machine according to claim 2, it is characterised in that when the visual page editing machine
When component and element in interactive interface use relative positioning, the position location of the component and element is according to the component and unit
The size and/or position of element are adjusted.
4. the visual page editing machine according to claim 1-3 any one, it is characterised in that the visual page
Editing machine also includes：
Generation module, default combination operation is met for the operation in response to user, based on the default component and/or on
The component of the component generation combination for passing.
5. the visual page editing machine according to claim 1-3, it is characterised in that the operation object is located at the friendship
The menu bar or the view area of the interactive interface at mutual interface.
6. visual page editing machine according to claim 5, it is characterised in that the menu bar of the interactive interface includes
One or more below：
Preview button, destruction operation button, repeat button, save button, combination button and tree button.
7. visual page editing machine according to claim 1, it is characterised in that the visual page editing machine is also wrapped
Include：
Adjusting module, for the edit operation according to user, adjusts the parameter of the component and the element.
8. visual page editing machine according to claim 1, it is characterised in that the visual page editing machine is matched somebody with somebody
Put file unrelated with operating platform.
9. a kind of operating method of visual page editing machine, it is characterised in that the operating method includes：
User is received in the interactive interface of visual page editing machine to the drag operation of operation object；
In the operation object is inserted into the drag operation as daughter element the corresponding component of terminal or element, wherein, institute
Stating operation object includes component or element.
10. operating method according to claim 9, it is characterised in that component and element in the interactive interface are used
Relative positioning and/or absolute fix.
11. operating methods according to claim 10, it is characterised in that when the component and element in the interactive interface are adopted
When using relative positioning, the position location of the component and element is adjusted according to the size and/or position of the component and element
It is whole.
12. operating method according to claim 9-11 any one, it is characterised in that the operating method also includes：
Operation in response to user meets default combination operation, the component based on the default component and/or upload
Generate the component of combination.
13. operating method according to claim 9-11 any one, it is characterised in that the operation object is located at described
The view area of the menu bar of interactive interface or the interactive interface.
14. operating methods according to claim 13, it is characterised in that the menu bar of the interactive interface is included with next
Item is multinomial：Preview button, destruction operation button, repeat button, save button, combination button and tree button.
15. operating methods according to claim 9, it is characterised in that the operating method also includes：
According to the edit operation of user, the parameter of the component and the element is adjusted.
16. a kind of pages, it is characterised in that the content of the page is using visual as described in claim 1-8 any one
Change page editing device editor.
A kind of 17. equipment, it is characterised in that including：
One or more processors；
Storage device, for storing one or more programs；
Interactive unit, the result for gathering user's operation and display user's operation；
When one or more of programs are by one or more of computing devices so that one or more of processor realities
The existing operating method as described in any in claim 9-15.
A kind of 18. computer-readable recording mediums, are stored thereon with computer program, it is characterised in that the program is by processor
The operating method as described in any in claim 9-15 is realized during execution.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710108103.3A CN106909385A (en) | 2017-02-27 | 2017-02-27 | The operating method of visual page editing machine and visual page editing machine |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710108103.3A CN106909385A (en) | 2017-02-27 | 2017-02-27 | The operating method of visual page editing machine and visual page editing machine |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106909385A true CN106909385A (en) | 2017-06-30 |
Family
ID=59207994
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710108103.3A Pending CN106909385A (en) | 2017-02-27 | 2017-02-27 | The operating method of visual page editing machine and visual page editing machine |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106909385A (en) |
Cited By (23)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107577459A (en) * | 2017-08-21 | 2018-01-12 | 杰为软件系统(深圳)有限公司 | A kind of towed cross-platform development system and method based on modularization |
| CN107885533A (en) * | 2017-11-30 | 2018-04-06 | 广州酷狗计算机科技有限公司 | The method and device of management assembly code |
| CN107918958A (en) * | 2017-11-07 | 2018-04-17 | 珠海金山网络游戏科技有限公司 | One kind visualization and customizable three-dimensional rendering system and method |
| CN108008943A (en) * | 2017-11-30 | 2018-05-08 | 深圳市华力特电气有限公司 | A kind of webAPP development approaches and system |
| CN108388444A (en) * | 2018-03-05 | 2018-08-10 | 重庆邮电大学 | A kind of front end page configuration method and system based on React components |
| CN108958736A (en) * | 2018-07-20 | 2018-12-07 | 北京三快在线科技有限公司 | Page generation method, device, electronic equipment and computer-readable medium |
| CN109032568A (en) * | 2018-07-13 | 2018-12-18 | 孟智平 | Generation method, terminal device and the storage medium of programmed logic |
| CN109130336A (en) * | 2018-07-19 | 2019-01-04 | 上海复合材料科技有限公司 | A kind of high precision high stability composite material antenna reflective face and preparation method thereof |
| CN109299422A (en) * | 2018-09-20 | 2019-02-01 | 江苏满运软件科技有限公司 | Visualize page authoring method, system, equipment and storage medium |
| CN109558190A (en) * | 2018-10-26 | 2019-04-02 | 深圳点猫科技有限公司 | A kind of method and electronic equipment of the convenient mobile Web page module of language based on programming |
| CN109815469A (en) * | 2018-12-29 | 2019-05-28 | 天津字节跳动科技有限公司 | A kind of word editing method, device, medium and electronic equipment |
| CN109918600A (en) * | 2019-01-28 | 2019-06-21 | 平安普惠企业管理有限公司 | Generate method, apparatus, computer equipment and the storage medium of H5 active page |
| CN110109727A (en) * | 2019-04-30 | 2019-08-09 | 上海掌门科技有限公司 | The configuration method and device of application |
| CN110543307A (en) * | 2019-07-23 | 2019-12-06 | 江苏联盟信息工程有限公司 | application construction method and device |
| CN110633436A (en) * | 2019-08-28 | 2019-12-31 | 河南九商科技有限公司 | Visualization and user-defined panorama editing method, system, storage medium and equipment |
| CN111061473A (en) * | 2019-12-16 | 2020-04-24 | 新奥数能科技有限公司 | Visual component editing method and device for quickly building page |
| CN111381899A (en) * | 2020-02-21 | 2020-07-07 | 泰康保险集团股份有限公司 | Method and apparatus for developing target system |
| CN112015501A (en) * | 2020-07-15 | 2020-12-01 | 深圳市金蝶天燕云计算股份有限公司 | Visual page generation method and device, computer equipment and storage medium |
| CN112230914A (en) * | 2019-07-15 | 2021-01-15 | 腾讯科技（深圳）有限公司 | Method and device for producing small program, terminal and storage medium |
| CN112596728A (en) * | 2020-12-26 | 2021-04-02 | 中国农业银行股份有限公司 | Page generation method and device |
| CN114185523A (en) * | 2022-02-11 | 2022-03-15 | 北京金堤科技有限公司 | Page tree structure processing method and device based on components |
| WO2023000867A1 (en) * | 2021-07-21 | 2023-01-26 | 京东科技控股股份有限公司 | Page configuration method and apparatus |
| CN116225414A (en) * | 2023-03-09 | 2023-06-06 | 广州市华势信息科技有限公司 | Software visual rapid development system based on zero code |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102270125A (en) * | 2010-06-04 | 2011-12-07 | 中兴通讯股份有限公司 | Device and method for developing Web application |
| US20150012818A1 (en) * | 2013-07-07 | 2015-01-08 | Ana Rink | System and method for semantics-concise interactive visual website design |
| CN104484171A (en) * | 2014-12-11 | 2015-04-01 | 深圳市路通网络技术有限公司 | System, method and associated equipment for designing terminal interface |
| CN104615422A (en) * | 2015-01-07 | 2015-05-13 | 青岛艾迪森软件有限公司 | Procedure customizing method for application software interface |
| CN104932889A (en) * | 2015-06-15 | 2015-09-23 | 北京奇虎科技有限公司 | Page visual generation method and device |
| CN105068815A (en) * | 2015-08-24 | 2015-11-18 | 用友网络科技股份有限公司 | Page editor interaction apparatus and method |
| CN106445520A (en) * | 2016-09-23 | 2017-02-22 | 北京赢点科技有限公司 | Method and device for making visualized themed page |
-
2017
- 2017-02-27 CN CN201710108103.3A patent/CN106909385A/en active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102270125A (en) * | 2010-06-04 | 2011-12-07 | 中兴通讯股份有限公司 | Device and method for developing Web application |
| US20150012818A1 (en) * | 2013-07-07 | 2015-01-08 | Ana Rink | System and method for semantics-concise interactive visual website design |
| CN104484171A (en) * | 2014-12-11 | 2015-04-01 | 深圳市路通网络技术有限公司 | System, method and associated equipment for designing terminal interface |
| CN104615422A (en) * | 2015-01-07 | 2015-05-13 | 青岛艾迪森软件有限公司 | Procedure customizing method for application software interface |
| CN104932889A (en) * | 2015-06-15 | 2015-09-23 | 北京奇虎科技有限公司 | Page visual generation method and device |
| CN105068815A (en) * | 2015-08-24 | 2015-11-18 | 用友网络科技股份有限公司 | Page editor interaction apparatus and method |
| CN106445520A (en) * | 2016-09-23 | 2017-02-22 | 北京赢点科技有限公司 | Method and device for making visualized themed page |
Cited By (30)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107577459B (en) * | 2017-08-21 | 2020-11-13 | 杰为软件系统(深圳)有限公司 | Dragging type cross-platform application development system and method based on componentization |
| CN107577459A (en) * | 2017-08-21 | 2018-01-12 | 杰为软件系统(深圳)有限公司 | A kind of towed cross-platform development system and method based on modularization |
| CN107918958A (en) * | 2017-11-07 | 2018-04-17 | 珠海金山网络游戏科技有限公司 | One kind visualization and customizable three-dimensional rendering system and method |
| CN107918958B (en) * | 2017-11-07 | 2020-10-30 | 珠海金山网络游戏科技有限公司 | Visualization and customizable three-dimensional rendering system and method |
| CN107885533A (en) * | 2017-11-30 | 2018-04-06 | 广州酷狗计算机科技有限公司 | The method and device of management assembly code |
| CN108008943A (en) * | 2017-11-30 | 2018-05-08 | 深圳市华力特电气有限公司 | A kind of webAPP development approaches and system |
| CN108388444A (en) * | 2018-03-05 | 2018-08-10 | 重庆邮电大学 | A kind of front end page configuration method and system based on React components |
| CN109032568A (en) * | 2018-07-13 | 2018-12-18 | 孟智平 | Generation method, terminal device and the storage medium of programmed logic |
| CN109130336A (en) * | 2018-07-19 | 2019-01-04 | 上海复合材料科技有限公司 | A kind of high precision high stability composite material antenna reflective face and preparation method thereof |
| CN108958736B (en) * | 2018-07-20 | 2022-04-15 | 北京三快在线科技有限公司 | Page generation method and device, electronic equipment and computer readable medium |
| CN108958736A (en) * | 2018-07-20 | 2018-12-07 | 北京三快在线科技有限公司 | Page generation method, device, electronic equipment and computer-readable medium |
| CN109299422A (en) * | 2018-09-20 | 2019-02-01 | 江苏满运软件科技有限公司 | Visualize page authoring method, system, equipment and storage medium |
| CN109558190A (en) * | 2018-10-26 | 2019-04-02 | 深圳点猫科技有限公司 | A kind of method and electronic equipment of the convenient mobile Web page module of language based on programming |
| CN109815469A (en) * | 2018-12-29 | 2019-05-28 | 天津字节跳动科技有限公司 | A kind of word editing method, device, medium and electronic equipment |
| CN109815469B (en) * | 2018-12-29 | 2023-09-26 | 天津字节跳动科技有限公司 | Text editing method, text editing device, medium and electronic equipment |
| CN109918600A (en) * | 2019-01-28 | 2019-06-21 | 平安普惠企业管理有限公司 | Generate method, apparatus, computer equipment and the storage medium of H5 active page |
| CN110109727A (en) * | 2019-04-30 | 2019-08-09 | 上海掌门科技有限公司 | The configuration method and device of application |
| US11954464B2 (en) | 2019-07-15 | 2024-04-09 | Tencent Technology (Shenzhen) Company Limited | Mini program production method and apparatus, terminal, and storage medium |
| CN112230914B (en) * | 2019-07-15 | 2023-09-15 | 腾讯科技（深圳）有限公司 | Method, device, terminal and storage medium for producing small program |
| CN112230914A (en) * | 2019-07-15 | 2021-01-15 | 腾讯科技（深圳）有限公司 | Method and device for producing small program, terminal and storage medium |
| CN110543307A (en) * | 2019-07-23 | 2019-12-06 | 江苏联盟信息工程有限公司 | application construction method and device |
| CN110633436A (en) * | 2019-08-28 | 2019-12-31 | 河南九商科技有限公司 | Visualization and user-defined panorama editing method, system, storage medium and equipment |
| CN110633436B (en) * | 2019-08-28 | 2022-12-20 | 河南九商科技有限公司 | Visual and user-defined panoramic editing method, system, storage medium and equipment |
| CN111061473A (en) * | 2019-12-16 | 2020-04-24 | 新奥数能科技有限公司 | Visual component editing method and device for quickly building page |
| CN111381899A (en) * | 2020-02-21 | 2020-07-07 | 泰康保险集团股份有限公司 | Method and apparatus for developing target system |
| CN112015501A (en) * | 2020-07-15 | 2020-12-01 | 深圳市金蝶天燕云计算股份有限公司 | Visual page generation method and device, computer equipment and storage medium |
| CN112596728A (en) * | 2020-12-26 | 2021-04-02 | 中国农业银行股份有限公司 | Page generation method and device |
| WO2023000867A1 (en) * | 2021-07-21 | 2023-01-26 | 京东科技控股股份有限公司 | Page configuration method and apparatus |
| CN114185523A (en) * | 2022-02-11 | 2022-03-15 | 北京金堤科技有限公司 | Page tree structure processing method and device based on components |
| CN116225414A (en) * | 2023-03-09 | 2023-06-06 | 广州市华势信息科技有限公司 | Software visual rapid development system based on zero code |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106909385A (en) | The operating method of visual page editing machine and visual page editing machine | |
| CN104932889B (en) | Page visualized generation method and device | |
| CN107919129A (en) | Method and apparatus for controlling the page | |
| US11875437B2 (en) | Image drawing method based on target template image, apparatus, readable medium and electronic device | |
| CN109117138B (en) | Configuration method and device and computer readable storage medium | |
| CN107563332A (en) | For the method and apparatus for the driving behavior for determining unmanned vehicle | |
| CN106303723A (en) | Method for processing video frequency and device | |
| CN107832045A (en) | Across the method and apparatus of programming language interface conversion | |
| US10649618B2 (en) | System and method for creating visual representation of data based on generated glyphs | |
| US9323737B2 (en) | Generating an interactive page template based on setting a material type and a plurality of input and output signals for a mobile device | |
| CN106980508A (en) | Method and apparatus for generating the page | |
| CN106033333A (en) | A visual augmented reality scene making system and method | |
| CN110796712A (en) | Material processing method, device, electronic equipment and storage medium | |
| US10410606B2 (en) | Rendering graphical assets on electronic devices | |
| US20200175975A1 (en) | Voice interaction for image editing | |
| CN105930059A (en) | Display method and apparatus for mobile terminal | |
| US11146742B2 (en) | Method and apparatus for multi-exposure photography, and storage medium | |
| CN109857388A (en) | Code generating method, device, server and computer-readable medium | |
| CN113052262A (en) | Form generation method and device, computer equipment and storage medium | |
| JP2022538702A (en) | Voice packet recommendation method, device, electronic device and program | |
| CN109389660A (en) | Image generating method and device | |
| Fanning | Coyote's Guide to Traditional IDL Graphics | |
| CN110109591A (en) | A kind of picture editing method and device | |
| Anders | Blender 2.49 Scripting | |
| CN113515922A (en) | Document processing method, system, device and interaction 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 |
Application publication date: 20170630 |
|
| RJ01 | Rejection of invention patent application after publication |