CN108509195A - Production method, electronic device and the readable storage medium storing program for executing of H5 loose-leafs - Google Patents
Production method, electronic device and the readable storage medium storing program for executing of H5 loose-leafs Download PDFInfo
- Publication number
- CN108509195A CN108509195A CN201711326929.3A CN201711326929A CN108509195A CN 108509195 A CN108509195 A CN 108509195A CN 201711326929 A CN201711326929 A CN 201711326929A CN 108509195 A CN108509195 A CN 108509195A
- Authority
- CN
- China
- Prior art keywords
- loose
- leafs
- modified
- mouse
- instruction
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
-
- 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
The invention discloses a kind of production methods of H5 loose-leafs, belong to Internet technical field.A kind of production method of H5 loose-leafs, including：S1, identify that the addition of user is operated to generate addition instruction；S2, it is instructed according to addition, obtains the initial configuration information corresponding to the making element of user's selection and be added in the global variable of H5 scenes, include the H5 loose-leafs for making element to be generated in H5 creation interface zones；S3, element to be modified is obtained by mouse action of the user in the H5 loose-leafs；S4, identify that the modification of user is operated to generate corresponding modification instruction；S5, according to modification instruction and/or mouse action, the configuration information corresponding to the element to be modified is changed in global variable, to generate new H5 loose-leafs after modification in H5 creation interface zones.By the present invention in that with global variable, editor of the user to pattern was both met, while also meeting the requirement to function.
Description
Technical field
The present invention relates to Internet technical field, it is related to a kind of production method of H5 loose-leafs, electronic device and readable
Storage medium.
Background technology
With the development of internet, the marketing activity of enterprise is real by internet and social circle from being shifted on line under line
Existing Brand Marketing, obtains the targets such as client at customer service.
Before enterprise markets on initial, the loose-leaf for event promotion is first made, in order to avoid activity every time
A loose-leaf will be developed again so that movable fabrication cycle is long, and development cost is high, and many enterprises start various activities
Classification directly uses existing loose-leaf template to be made to reduce cost, thereby produces many loose-leaf templates.
But enterprise is had when using existing loose-leaf template inside many limitations, especially function module
Pattern cannot be edited so that enterprise sometimes has to be repaiied according to template when using existing loose-leaf template
Change the activity scheme imagined originally, to meet existing loose-leaf template.
Therefore, be badly in need of now it is a kind of can be with the loose-leaf template of editting function module, more to meet enterprise not
Same demand.
Invention content
The technical problem to be solved by the present invention is in order to overcome the sample of function module in loose-leaf template in the prior art
Formula not editable the shortcomings that, it is proposed that a kind of production method, electronic device and the readable storage medium storing program for executing of H5 loose-leafs, by making
With global variable, the addition, deletion and editting function of function module are realized.
The present invention is to solve above-mentioned technical problem by following technical proposals：
A kind of production method of H5 loose-leafs, includes the following steps：
S1, identify that the addition of user is operated to generate addition instruction；
S2, it is instructed according to the addition, obtains the initial configuration information corresponding to the making element of user's selection and be added to
Include the H5 loose-leafs for making element to be generated in H5 creation interface zones in the global variable of H5 scenes；
S3, element to be modified is obtained by mouse action of the user in the H5 loose-leafs；
S4, identify that the modification of user is operated to generate corresponding modification instruction；
S5, according to the modification instruction and/or mouse action, changed in global variable corresponding to the element to be modified
Configuration information, to generate new H5 loose-leafs after modification in H5 creation interface zones.
Preferably, include initial position message in the initial configuration information for making element, user, which adds, makes member
When plain, the element that makes always show the region that the initial position message is corresponded in H5 creation interface zones.
Preferably, the step S3 include it is following step by step：
S31, mouse action of the user in H5 creation interface zones is obtained；
S32, judge that the position of mouse action whether there is making element, if executing step S33；
S33, it is used as element to be modified to making element addition mark.
Preferably, the modification operation includes editor and deletion, corresponds to generation edit instruction and deletes instruction.
Preferably, when generating deletion instruction, step S5 is replaced by following steps：
S511, it is instructed, is deleted in the global variable of H5 scenes corresponding to the element to be modified according to the deletion
Configuration information, to delete the element to be modified in the H5 creation interface zone；
S512, parsing H5 scenes are to generate new H5 loose-leafs.
Preferably, when generating edit instruction, step S5 is replaced by following steps：
S521, according to the edit instruction, obtain when mouse is clicked the initial position message of mouse and described to be repaired respectively
Change the title of a reign element initial position message, calculated according to the continually changing new location information of mouse during mouse drag described to be repaired
It changes the title of a reign the corresponding continually changing new location information of element；
S522, the continually changing new location information of the element to be modified is constantly covered to the overall situation preserved to H5 scenes
In variable；
S523, H5 scenes are routinely parsed with the dragging of mouse, generates continually changing new H5 activities
The page.
Preferably, the computation rule of the new location information of the element to be modified is：
S1=S0+ (S4-S3)；
L1=L0+ (L4-L3)；
Wherein, S1 and L1 be respectively the element to be modified new location information in include new origin and H5 create interface
Vertical range between the upper edge and left margin in region, S0 and L0 be respectively the element to be modified old location information in wrap
Vertical range between the old origin contained and the upper edge and left margin of H5 creation interface zones, S4 and L4 are respectively working as mouse
Vertical range between front position and the upper edge and left margin of H5 creation interface zones, S3 and L3 were respectively mouse in upper a period of time
Vertical range of the position at quarter between the upper edge and left margin that H5 creates interface zone.
A kind of electronic device, including memory and processor are stored with and can be executed by the processor on the memory
H5 loose-leafs manufacturing system, the manufacturing system of the H5 loose-leafs includes：
Directive generation module is added, for by identifying that the addition of user is operated to generate addition instruction；
Element add module is added to H5 for obtaining the initial configuration information corresponding to the making element of user's selection
Include the H5 loose-leafs for making element to be generated in H5 creation interface zones in the global variable of scape；
Object acquisition module is changed, for obtaining to be repaired change the title of a reign by mouse action of the user in the H5 loose-leafs
Element；
Directive generation module is changed, for by identifying that the modification of user is operated to generate corresponding modification instruction；
Element modified module is changed described to be modified according to modification instruction and/or mouse action in global variable
Configuration information corresponding to element, with H5 loose-leafs new after the generation modification in H5 creation interface zones.
Preferably, the element modified module includes deleting submodule and editor's submodule；The modification instruction includes deleting
Except Command And Edit instructs；
The deletion submodule, for being deleted corresponding to the element to be modified in global variable according to deletion instruction
Configuration information ultimately generates new H5 loose-leafs to delete the element to be modified in the H5 creation interface zone；
Editor's submodule, for obtained respectively according to edit instruction mouse click when mouse initial position message and
The initial position message of the element to be modified, the new location information of mouse calculates described to be repaired when being terminated according to mouse drag
It changes the title of a reign the corresponding new location information of element, the new location information of the element to be modified is then covered into the life of its initial position message
The configuration information of Cheng Xin is stored in the global variable of H5 scenes, ultimately generates new H5 loose-leafs.
A kind of computer readable storage medium is stored with the making of H5 loose-leafs in the computer readable storage medium
The manufacturing system of system, the H5 loose-leafs can be performed by least one processor, so that at least one processor
The step of executing the production method of the H5 loose-leafs as described in any one of aforementioned.
The positive effect of the present invention is that：By the present invention in that with global variable, in global variable addition or
It deletes and makes addition and deletion function that the corresponding configuration information of element realizes making element；At the same time it can also by that can drag
The dynamic each making element of editor both meets editor of the user to pattern, while also meeting and being wanted to function to change pattern
It asks.
Description of the drawings
Fig. 1 shows the hardware structure schematic diagram of one embodiment of electronic device of the present invention；
Fig. 2 shows the program module signals of the manufacturing system first embodiment of H5 loose-leafs in electronic device of the present invention
Figure；
Fig. 3 shows element modified module in the manufacturing system second embodiments of H5 loose-leafs in electronic device of the present invention
Program module schematic diagram；
Fig. 4 shows the flow chart of the production method embodiment one of H5 loose-leafs of the present invention；
Fig. 5 shows the flow chart that element to be modified is obtained in the production method embodiments two of H5 loose-leafs of the present invention；
Fig. 6 shows the flow chart that element to be modified is deleted in the production method embodiments three of H5 loose-leafs of the present invention；
Fig. 7 shows the flow chart that element to be modified is edited in the production method example IVs of H5 loose-leafs of the present invention.
Specific implementation mode
It is further illustrated the present invention below by the mode of embodiment, but does not therefore limit the present invention to the reality
It applies among a range.
First, the present invention proposes a kind of electronic device.
As shown in fig.1, being the hardware structure schematic diagram of one embodiment of electronic device of the present invention.It is described in the present embodiment
Electronic device 2 be it is a kind of can be automatic to carry out numerical computations and/or information processing according to the instruction for being previously set or storing
Equipment.For example, it may be smart mobile phone, tablet computer, laptop, desktop computer, rack-mount server, blade type take
It is engaged in device, tower server or Cabinet-type server (including the server set that independent server or multiple servers are formed
Group) etc..As shown, the electronic device 2 includes at least, but it is not limited to, connection storage can be in communication with each other by system bus
The manufacturing system 20 of device 21, processor 22, network interface 23 and H5 loose-leafs.Wherein：
The memory 21 includes at least a type of computer readable storage medium, and the readable storage medium storing program for executing includes
Flash memory, hard disk, multimedia card, card-type memory (for example, SD or DX memories etc.), random access storage device (RAM), it is static with
Machine accesses memory (SRAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), may be programmed only
Read memory (PROM), magnetic storage, disk, CD etc..In some embodiments, the memory 21 can be the electricity
The internal storage unit of sub-device 2, for example, the electronic device 2 hard disk or memory.In further embodiments, the memory
21 can also be the External memory equipment of the electronic device 2, such as the plug-in type hard disk being equipped on the electronic device 2, intelligence
Storage card (Smart Media Card, SMC), secure digital (Secure Digital, SD) card, flash card (Flash Card)
Deng.Certainly, the memory 21 can also both include the internal storage unit of the electronic device 2 or be set including its external storage
It is standby.In the present embodiment, the memory 21 is installed on the operating system and types of applications of the electronic device 2 commonly used in storage
Software, for example, the manufacturing system 20 of the H5 loose-leafs program code etc..In addition, the memory 21 can be also used for temporarily
When store the Various types of data that has exported or will export.
The processor 22 can be in some embodiments central processing unit (Central Processing Unit,
CPU), controller, microcontroller, microprocessor or other data processing chips.The processor 22 is commonly used in the control electricity
The overall operation of sub-device 2, such as execute and carry out data interaction with the electronic device 2 or communicate relevant control and processing
Deng.In the present embodiment, the processor 22 is for running the program code stored in the memory 21 or processing data, example
The manufacturing system 20 of H5 loose-leafs as described in running.
The network interface 23 may include radio network interface or wired network interface, which is commonly used in
Communication connection is established between the electronic device 2 and other electronic devices.For example, the network interface 23 is used to incite somebody to action by network
The electronic device 2 is connected with exterior terminal, between the electronic device 2 and exterior terminal establish data transmission channel and
Communication connection etc..The network can be intranet (Intranet), internet (Internet), global system for mobile telecommunications system
Unite (Global System of Mobile communication, GSM), wideband code division multiple access (Wideband Code
Division Multiple Access, WCDMA), 4G networks, 5G networks, bluetooth (Bluetooth), Wi-Fi etc. is wireless or has
Gauze network.
It should be pointed out that Fig. 1 illustrates only the electronic device 2 with component 21-23, it should be understood that not
It is required that implement all components shown, the implementation that can be substituted is more or less component.
In the present embodiment, the manufacturing system 20 for the H5 loose-leafs being stored in memory 21 can be divided into
One or more program module, one or more of program modules are stored in memory 21, and can by one or
Multiple processors (the present embodiment is processor 22) are performed, to complete the present invention.
For example, Fig. 2 shows the program module schematic diagram of 20 first embodiment of manufacturing system of the H5 loose-leafs, it should
In embodiment, the manufacturing system 20 of the H5 loose-leafs can be divided into addition directive generation module 201, element addition mould
Block 202, modification object acquisition module 203, modification directive generation module 204 and element modified module 205.Wherein, institute of the present invention
The program module of title is the series of computation machine program instruction section for referring to complete specific function, than program more suitable for describing institute
State implementation procedure of the manufacturing system 20 of H5 loose-leafs in the electronic device 2.The journey will specifically be introduced by being described below
The concrete function of sequence module 201-205.
The addition directive generation module 201, for by identifying that the addition of user is operated to generate addition instruction.
Addition operation described here can be the right click mouse in H5 creation interface zones, and then selection addition order is with life
It is instructed at addition；Or addition order can be selected in menu bar to generate addition instruction etc..It should be noted that addition behaviour
Without choosing existing any making in H5 creation interface zones when making.
The element add module 202 adds for obtaining the initial configuration information corresponding to the making element of user's selection
It is added in the global variable of H5 scenes, includes the H5 active pages for making element to be generated in H5 creation interface zones
Face.The generation of H5 loose-leafs comes particular by the parsing to H5 scenes.
Making element described here can be stored in advance in element database, can also be directly from local storage unit
Directly selected.In general, some common elements that make can be stored in element database by user, to directly invoke later.
The modification object acquisition module 203, for being obtained by mouse action of the user in the H5 loose-leafs
Element to be modified；Typically mouse pointer is placed on element to be modified, then a mouse click is to choose element to be modified.
The modification directive generation module 204, for being referred to generating corresponding modification by identifying that the modification of user is operated
It enables.
Modification operation described here is different from aforementioned addition operation, needs first to choose in H5 creation interface zones
Element to be modified after, could carry out this operation；The generation of the similar addition instruction of its generating mode, is choosing element to be modified
Afterwards, the right click mouse in H5 creation interface zones, then selection modification order is to generate modification instruction.
The element modified module 205 changes institute according to modification instruction and/or mouse action in global variable
The configuration information corresponding to element to be modified is stated, with H5 loose-leafs new after the generation modification in H5 creation interface zones.
Mouse action described here is used to then only need if it is delete operation for the edit operation of element to be modified
Modification instruction is without mouse action.
For user makes H5 loose-leafs using this system below, this system is illustrated：
1, user enters the making page of this system, can show H5 creation interface zones and corresponding menu bar, by
H5 creates right click mouse in interface zone and selects addition element, and then user can select from element database or be locally stored list
Required making element is selected to be added in H5 creation interface zones in member.Here while choosing making element, being exactly will
The corresponding initial configuration information of making element is added in the global variable of H5 scenes, and system is by parsing H5 scenes to realize
The making element chosen is shown in H5 creation interface zones.
It should be noted that including that the making element is shown in H5 creation interface zones in initial configuration information
Original coordinates, it is each when making element and being added in H5 creation interface zones, all can include according in its initial configuration information
Original coordinates be shown in the specific position in H5 creation interface zones, it is assumed that each original coordinates for making element are phases
Together, then it can be all shown on the same position of H5 creation interface zones when it is added in H5 creation interface zones.
2, it when user needs to modify to the making element in display H5 creation interface zones, then needs first to choose this
Element is made as element to be modified, is then repaiied by creating right click mouse selection modification order in interface zone in H5 with generating
Change instruction.
If 3, modification instruction is to delete element to be modified, after generating modification instruction, will just be waited for described in global variable
It changes the configuration information corresponding to element to delete, i.e. H5 creates the element to be modified shown in interface zone and disappears；If modification
Instruction is editor's element to be modified, then after generating modification instruction, mouse is dragged after clicking, will be complete according to mouse drag operation
Configuration information corresponding to element to be modified described in office's variable is covered in real time, and boundary is created in H5 to form element to be modified
In the region of face with mouse drag the animation of movement, finally when mouse is decontroled, the element to be modified is then fixed on mouse and puts
Position when opening where element to be modified.
It should be noted that element to be modified is only capable of moving in H5 creation interface zones, it is when mouse drag so as to be repaired
It changes the title of a reign when moving out H5 creation interface zones of element, the element to be modified can only be fixed on H5 creation interface zone edge not
It moves again.
Above-mentioned addition operation and modification operation, in addition to the corresponding modification order of right click mouse selection in H5 creation interface zones
In addition, it can also be selected from menu bar, also be not excluded for using other common similar operations.
In another example Fig. 3 shows the program module schematic diagram of 20 second embodiment of manufacturing system of the H5 loose-leafs,
In the embodiment, the modification instruction in the manufacturing system 20 of the H5 loose-leafs includes deleting Command And Edit instruction, corresponding
Both modification instructions, element modified module 205 can also be further segmented to delete submodule 2051 and editor's submodule
2052。
The deletion submodule 2051, it is right for deleting the element institute to be modified in global variable according to deletion instruction
The configuration information answered ultimately generates new H5 active pages to delete the element to be modified in the H5 creation interface zone
Face
Editor's submodule 2052, the initial bit confidence for obtaining mouse when mouse is clicked respectively according to edit instruction
The initial position message of breath and the element to be modified, the new location information of mouse calculates described when being terminated according to mouse drag
The corresponding new location information of element to be modified, then covers its initial bit confidence by the new location information of the element to be modified
Breath generates new configuration information and is stored in the global variable of H5 scenes, ultimately generates new H5 loose-leafs.
Secondly, the present invention proposes a kind of production method of H5 loose-leafs.
In embodiment one, as shown in figure 4, the production method of the H5 loose-leafs includes the following steps：
S1, identify that the addition of user is operated to generate addition instruction；
S2, it is instructed according to the addition, obtains the initial configuration information corresponding to the making element of user's selection and be added to
Include the H5 loose-leafs for making element to be generated in H5 creation interface zones in the global variable of H5 scenes；
The making element can derive from element database or local storage unit；Element database is derived from when making element
When, just its initial configuration information, such as coordinate, size etc. are inputted when it is stored in element database；And work as the making element source
When local storage unit, an initial configuration information can be uniformly pre-entered to such case, that is, is derived from and be locally stored
The making element initial configuration information having the same of unit.
S3, element to be modified is obtained by mouse action of the user in the H5 loose-leafs；
S4, identify that the modification of user is operated to generate corresponding modification instruction；
S5, according to the modification instruction and/or mouse action, changed in global variable corresponding to the element to be modified
Configuration information, to generate new H5 loose-leafs after modification in H5 creation interface zones.
It includes initial position message to be made described in abovementioned steps S2 in the initial configuration information of element, and user adds system
When making element, the element that makes always show the region that the initial position message is corresponded in H5 creation interface zones.Institute
Initial position message is stated to include coordinate, make two adjacent edges of element along the relative distance with H5 creation interface zones edge
Deng.
It includes editor and deletion that modification described in abovementioned steps S4, which operates, corresponds to and generates edit instruction and delete instruction.
Below to be illustrated for carrying out the making of H5 loose-leafs：
1, identification user adds operation, and addition operation described in this example is specifically with the mouse right click in H5 creation interface zones
For, occur including the selection menu for adding order after right click, then mouse-click addition order is instructed to generate addition.
2, can be that from element database or list is locally stored into the selection interface for making element after addition instruction generates
Making element needed for member selection just adds the initial configuration information corresponding to the making element once choosing making element
Include then the making member by parsing H5 scenes to create generation in interface zone in H5 into the global variable of H5 scenes
The H5 loose-leafs of element.
3, it modifies for making element of the addition in H5 creation interface zones, mouse-click is first wanted to choose a certain system
Make element as element to be modified, modification operation later is all directed to element progress to be modified.
4, the modification operation of identification user, modification operation described in this example are operated with aforementioned addition, and modification operation, which is divided into, deletes
Division operation and edit operation, corresponding generate respectively delete Command And Edit instruction.
5, it is instructed according to different modifications, carries out different modifications；Global variable is then directly deleted if it is instruction is deleted
Described in configuration information corresponding to element to be modified；If it is edit instruction, then matching for mouse action (such as dragging) is needed
It closes, the configuration information corresponding to element to be modified described in global variable is changed according to mouse action；After the completion of modification, again
H5 scenes are parsed, new H5 loose-leafs are generated.
In embodiment two, it is based on the basis of embodiment one, as shown in figure 5, the process for obtaining element to be modified is as follows：
S31, mouse action of the user in H5 creation interface zones is obtained.
The mouse action can be a mouse click in H5 creation interface zones.
S32, judge that the position of mouse action whether there is making element, if executing step S33.
The position of the mouse action is exactly the position that finger mouse is clicked, that is, judges whether mouse is clicked to have chosen and be located at
H5 creates a certain making element in interface zone, if not choosing any making element, then it is assumed that be invalid operation.
S33, it is used as element to be modified to making element addition mark.
After choosing a certain making element, then by adding mark as element to be modified, modification later operates
Only for the element to be modified.
It should be noted that modification operation is only capable of being directed to an element to be modified in the same time, it is therefore assumed that choosing one
After a making element, operation of not modifying, but choose another making element again, then the making element chosen by after automatically is made
For element to be modified, the mark on the previous making element chosen cancels automatically, and mark is added to the latter making element chosen
As new element to be modified.
In embodiment three, based on the basis of embodiment two, as shown in fig. 6, when generating deletion instruction, step S5 has
Body is replaced by following steps：
S511, it is instructed, is deleted in the global variable of H5 scenes corresponding to the element to be modified according to the deletion
Configuration information, to delete the element to be modified in the H5 creation interface zone；
S512, parsing H5 scenes are to generate new H5 loose-leafs.
In this example, deletes after instruction generates, that is, delete and match confidence corresponding to element to be modified described in global variable
Breath, then by parsing H5 scenes to get to new H5 loose-leafs, unborn element to be modified disappears in new page.
In example IV, based on the basis of embodiment two, as shown in fig. 7, when generating edit instruction, step S5 has
Body is replaced by following steps：
S521, according to the edit instruction, obtain when mouse is clicked the initial position message of mouse and described to be repaired respectively
Change the title of a reign element initial position message, calculated according to the continually changing new location information of mouse during mouse drag described to be repaired
It changes the title of a reign the corresponding continually changing new location information of element；
S522, the continually changing new location information of the element to be modified is constantly covered to the overall situation preserved to H5 scenes
In variable；
S523, H5 scenes are routinely parsed with the dragging of mouse, generates continually changing new H5 activities
The page.
In this example, edit instruction also needs to mouse action after generating could be described here to element to be modified into edlin
Editor refers specifically to the change of element position to be modified.
After selecting edit commands, mouse is clicked and drags, the element to be modified can together be moved with mouse；It is mobile
In the process, the corresponding location information of the element to be modified preserved in the global variable of H5 scenes can be constantly by new location information
Covering, while constantly H5 scenes can be parsed, to generate continually changing new H5 loose-leafs, that is, realize to be repaired change the title of a reign
The picture effect that element moves together with mouse.
In this example, the location information of the element to be modified creates interface zone by the initial point distance H5 of the element to be modified
Upper edge and left margin distance determine, when element to be modified moves together with the dragging of mouse, element to be modified
The computation rule of location information is specific as follows：
S1=S0+ (S4-S3)；
L1=L0+ (L4-L3)；
Wherein, S1 and L1 be respectively the element to be modified new location information in include new origin and H5 create interface
Vertical range between the upper edge and left margin in region, S0 and L0 be respectively the element to be modified old location information in wrap
Vertical range between the old origin contained and the upper edge and left margin of H5 creation interface zones, S4 and L4 are respectively working as mouse
Vertical range between front position and the upper edge and left margin of H5 creation interface zones, S3 and L3 were respectively mouse in upper a period of time
Vertical range of the position at quarter between the upper edge and left margin that H5 creates interface zone.
In addition, a kind of computer readable storage medium of the present invention, H5 activities are stored in the computer readable storage medium
The manufacturing system 20 of the page when manufacturing system 20 of the H5 loose-leafs can be executed by one or more processors, is realized above-mentioned
The production method of H5 loose-leafs or the operation of electronic device.
Although specific embodiments of the present invention have been described above, it will be appreciated by those of skill in the art that this is only
For example, protection scope of the present invention is to be defined by the appended claims.Those skilled in the art without departing substantially from
Under the premise of the principle and substance of the present invention, many changes and modifications may be made, but these change and
Modification each falls within protection scope of the present invention.
Claims (10)
1. a kind of production method of H5 loose-leafs, which is characterized in that include the following steps：
S1, identify that the addition of user is operated to generate addition instruction；
S2, it is instructed according to the addition, obtains the initial configuration information corresponding to the making element of user's selection and be added to H5
Include the H5 loose-leafs for making element to be generated in H5 creation interface zones in the global variable of scape；
S3, element to be modified is obtained by mouse action of the user in the H5 loose-leafs；
S4, identify that the modification of user is operated to generate corresponding modification instruction；
S5, according to the modification instruction and/or mouse action, matching corresponding to the element to be modified is changed in global variable
Confidence ceases, with H5 loose-leafs new after the generation modification in H5 creation interface zones.
2. the production method of H5 loose-leafs according to claim 1, which is characterized in that described to make initially matching for element
Include initial position message in confidence breath, when user adds making element, the making element is always showed creates boundary in H5
The region of the initial position message is corresponded in the region of face.
3. the production method of H5 loose-leafs according to claim 1, which is characterized in that the step S3 includes following point
Step：
S31, mouse action of the user in H5 creation interface zones is obtained；
S32, judge that the position of mouse action whether there is making element, if executing step S33；
S33, it is used as element to be modified to making element addition mark.
4. the production method of H5 loose-leafs according to any one of claim 1-3, which is characterized in that the modification behaviour
Work includes editor and deletion, corresponds to generation edit instruction and deletes instruction.
5. the production method of H5 loose-leafs according to claim 4, which is characterized in that when generating deletion instruction, step
Rapid S5 is replaced by following steps：
S511, it is instructed according to the deletion, the configuration corresponding to the element to be modified is deleted in the global variable of H5 scenes
Information, to delete the element to be modified in the H5 creation interface zone；
S512, parsing H5 scenes are to generate new H5 loose-leafs.
6. the production method of H5 loose-leafs according to claim 4, which is characterized in that when generating edit instruction, step
Rapid S5 is replaced by following steps：
S521, according to the edit instruction, obtain when mouse is clicked the initial position message of mouse respectively and described to be repaired change the title of a reign
The initial position message of element calculates described to be repaired change the title of a reign according to the continually changing new location information of mouse during mouse drag
The corresponding continually changing new location information of element；
S522, the continually changing new location information of the element to be modified is constantly covered to the global variable preserved to H5 scenes
In；
S523, H5 scenes are routinely parsed with the dragging of mouse, generates continually changing new H5 loose-leafs.
7. the production method of H5 loose-leafs according to claim 6, which is characterized in that the new position of the element to be modified
Confidence breath computation rule be：
S1=S0+ (S4-S3)；
L1=L0+ (L4-L3)；
Wherein, S1 and L1 be respectively the element to be modified new location information in include new origin and H5 create interface zone
Upper edge and left margin between vertical range, S0 and L0 be respectively the element to be modified old location information in include
Vertical range between old origin and the upper edge and left margin of H5 creation interface zones, S4 and L4 are respectively the present bit of mouse
The vertical range between the upper edge and left margin of creating interface zone H5 is set, S3 and L3 are respectively mouse in last moment
Vertical range of the position between the upper edge and left margin that H5 creates interface zone.
8. a kind of electronic device, including memory and processor, which is characterized in that being stored on the memory can be by the place
The manufacturing system for the H5 loose-leafs that device executes is managed, the manufacturing system of the H5 loose-leafs includes：
Directive generation module is added, for by identifying that the addition of user is operated to generate addition instruction；
Element add module is added to H5 scenes for obtaining the initial configuration information corresponding to the making element of user's selection
Include the H5 loose-leafs for making element to be generated in H5 creation interface zones in global variable；
Object acquisition module is changed, for obtaining element to be modified by mouse action of the user in the H5 loose-leafs；
Directive generation module is changed, for by identifying that the modification of user is operated to generate corresponding modification instruction；
Element modified module changes the element to be modified according to modification instruction and/or mouse action in global variable
Corresponding configuration information, with H5 loose-leafs new after the generation modification in H5 creation interface zones.
9. electronic device according to claim 8, which is characterized in that the element modified module include delete submodule and
Edit submodule；The modification instruction includes deleting Command And Edit instruction；
The deletion submodule, for deleting the configuration corresponding to the element to be modified in global variable according to deletion instruction
Information ultimately generates new H5 loose-leafs to delete the element to be modified in the H5 creation interface zone；
Editor's submodule, for obtaining when mouse is clicked the initial position message of mouse and described respectively according to edit instruction
The initial position message of element to be modified, the new location information of mouse calculates described to be repaired change the title of a reign when being terminated according to mouse drag
Then the new location information of the element to be modified is covered its initial position message and generated newly by the corresponding new location information of element
Configuration information be stored in the global variable of H5 scenes, ultimately generate new H5 loose-leafs.
10. a kind of computer readable storage medium, which is characterized in that be stored with H5 activities in the computer readable storage medium
The manufacturing system of the page, the manufacturing systems of the H5 loose-leafs can performed by least one processor so that it is described at least
One processor executes the step of production method of the H5 loose-leafs as described in any one of claim 1-7.
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711326929.3A CN108509195A (en) | 2017-12-12 | 2017-12-12 | Production method, electronic device and the readable storage medium storing program for executing of H5 loose-leafs |
| PCT/CN2018/077362 WO2019114136A1 (en) | 2017-12-12 | 2018-02-27 | H5 activity page production method, electronic device and readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711326929.3A CN108509195A (en) | 2017-12-12 | 2017-12-12 | Production method, electronic device and the readable storage medium storing program for executing of H5 loose-leafs |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108509195A true CN108509195A (en) | 2018-09-07 |
Family
ID=63375370
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711326929.3A Pending CN108509195A (en) | 2017-12-12 | 2017-12-12 | Production method, electronic device and the readable storage medium storing program for executing of H5 loose-leafs |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN108509195A (en) |
| WO (1) | WO2019114136A1 (en) |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109445780A (en) * | 2018-09-19 | 2019-03-08 | 平安科技（深圳）有限公司 | A kind of pattern edit methods and equipment |
| CN109597954A (en) * | 2018-11-28 | 2019-04-09 | 南京赛克蓝德网络科技有限公司 | Data item methods of exhibiting, calculates equipment and medium at device |
| CN109634603A (en) * | 2018-11-28 | 2019-04-16 | 广东智合创享营销策划有限公司 | A kind of H5 page animation method and apparatus based on Canvas painting canvas |
| CN109871210A (en) * | 2019-01-17 | 2019-06-11 | 平安城市建设科技(深圳)有限公司 | Web page element amending method, device, equipment and storage medium |
| CN109960773A (en) * | 2019-03-29 | 2019-07-02 | 上海中商网络股份有限公司 | Page animation method, apparatus, equipment and storage medium based on HTML5 |
| CN110297636A (en) * | 2019-07-03 | 2019-10-01 | 广州鲁邦通物联网科技有限公司 | A kind of automatic production of HTML page and parameter management method based on page configuration file, system and device |
| CN110457633A (en) * | 2019-08-09 | 2019-11-15 | 四川长虹电器股份有限公司 | A method of generating target pages |
| CN111930295A (en) * | 2020-08-10 | 2020-11-13 | 人教数字出版有限公司 | Page element control method and device, readable medium and equipment |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104090979A (en) * | 2014-07-23 | 2014-10-08 | 上海天脉聚源文化传媒有限公司 | Method and device for editing webpage |
| CN106484393A (en) * | 2016-09-13 | 2017-03-08 | 厦门兆慧网络科技有限公司 | A kind of visualization view method for designing |
| US20170097763A1 (en) * | 2008-02-25 | 2017-04-06 | Tixtrack, Inc. | Sports and concert event ticket pricing and visualization system |
| CN107132975A (en) * | 2017-05-26 | 2017-09-05 | 努比亚技术有限公司 | A kind of control editing and processing method, mobile terminal and computer-readable recording medium |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP2798606A4 (en) * | 2011-12-28 | 2015-12-02 | Intel Corp | Layout for dynamic web content management |
| CN103034710B (en) * | 2012-12-07 | 2016-08-24 | 北京奇虎科技有限公司 | Page rendering method and device for browser |
-
2017
- 2017-12-12 CN CN201711326929.3A patent/CN108509195A/en active Pending
-
2018
- 2018-02-27 WO PCT/CN2018/077362 patent/WO2019114136A1/en active Application Filing
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20170097763A1 (en) * | 2008-02-25 | 2017-04-06 | Tixtrack, Inc. | Sports and concert event ticket pricing and visualization system |
| CN104090979A (en) * | 2014-07-23 | 2014-10-08 | 上海天脉聚源文化传媒有限公司 | Method and device for editing webpage |
| CN106484393A (en) * | 2016-09-13 | 2017-03-08 | 厦门兆慧网络科技有限公司 | A kind of visualization view method for designing |
| CN107132975A (en) * | 2017-05-26 | 2017-09-05 | 努比亚技术有限公司 | A kind of control editing and processing method, mobile terminal and computer-readable recording medium |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109445780A (en) * | 2018-09-19 | 2019-03-08 | 平安科技（深圳）有限公司 | A kind of pattern edit methods and equipment |
| CN109597954A (en) * | 2018-11-28 | 2019-04-09 | 南京赛克蓝德网络科技有限公司 | Data item methods of exhibiting, calculates equipment and medium at device |
| CN109634603A (en) * | 2018-11-28 | 2019-04-16 | 广东智合创享营销策划有限公司 | A kind of H5 page animation method and apparatus based on Canvas painting canvas |
| CN109871210A (en) * | 2019-01-17 | 2019-06-11 | 平安城市建设科技(深圳)有限公司 | Web page element amending method, device, equipment and storage medium |
| CN109960773A (en) * | 2019-03-29 | 2019-07-02 | 上海中商网络股份有限公司 | Page animation method, apparatus, equipment and storage medium based on HTML5 |
| CN110297636A (en) * | 2019-07-03 | 2019-10-01 | 广州鲁邦通物联网科技有限公司 | A kind of automatic production of HTML page and parameter management method based on page configuration file, system and device |
| CN110297636B (en) * | 2019-07-03 | 2023-06-27 | 广州鲁邦通物联网科技股份有限公司 | Page automatic generation and parameter management method, system and device based on page configuration file |
| CN110457633A (en) * | 2019-08-09 | 2019-11-15 | 四川长虹电器股份有限公司 | A method of generating target pages |
| CN111930295A (en) * | 2020-08-10 | 2020-11-13 | 人教数字出版有限公司 | Page element control method and device, readable medium and equipment |
| CN111930295B (en) * | 2020-08-10 | 2022-02-18 | 人教数字出版有限公司 | Page element control method and device, readable medium and equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| WO2019114136A1 (en) | 2019-06-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108509195A (en) | Production method, electronic device and the readable storage medium storing program for executing of H5 loose-leafs | |
| CN108363587B (en) | Application program operation monitoring method and device, computer equipment and storage medium | |
| CN109542433A (en) | Product page face generates method, apparatus, computer equipment and storage medium | |
| CN110362307A (en) | Forms pages configuration method and server | |
| CN109933322A (en) | A kind of page editing method, apparatus and computer readable storage medium | |
| CN101526942A (en) | Component implementation technology for automatically generating dynamic web page on line in real time | |
| CN110955418A (en) | Code generation method and device, computer equipment and storage medium | |
| CN111984902A (en) | Visual page configuration method, system, computer equipment and storage medium | |
| US8694286B2 (en) | Modifying a parametrically defined model with an explicit modeler | |
| US20210406794A1 (en) | Flexible Work Breakdown Structure | |
| CN106658139A (en) | Focus control method and device | |
| CN109597979A (en) | Inventory table generation method, device, computer equipment and storage medium | |
| CN107179910A (en) | The logic configuration method that a kind of online editing comes into force immediately | |
| CN108334385A (en) | A kind of the user interface skins management method and device of application | |
| CN110543330A (en) | environment data management system, environment deployment method, device and storage medium | |
| CN102681861B (en) | Method and device for installing software | |
| CN204406148U (en) | Generate the system of numerically-controlled machine machining control data | |
| CN112560403A (en) | Text processing method and device and electronic equipment | |
| CN112859748B (en) | G code processing file generation method and device and processor | |
| CN104133684A (en) | Graphical user interface state control method based on state machine | |
| CN107977245A (en) | A kind of application terminal exchange method and application terminal | |
| CN113836872A (en) | Page diagram object editing method, device, equipment and readable medium | |
| CN109213785A (en) | Bill compilation method, apparatus, computer equipment and storage medium | |
| CN105183910A (en) | Cloud data based collaborative making system for electronic map of tourist attraction | |
| CN110263303A (en) | The retroactive method and device of text modification history |
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: 20180907 |
|
| RJ01 | Rejection of invention patent application after publication |