CN109992698A - Data processing method, device, electronic equipment and readable storage medium storing program for executing - Google Patents
Data processing method, device, electronic equipment and readable storage medium storing program for executing Download PDFInfo
- Publication number
- CN109992698A CN109992698A CN201910290108.1A CN201910290108A CN109992698A CN 109992698 A CN109992698 A CN 109992698A CN 201910290108 A CN201910290108 A CN 201910290108A CN 109992698 A CN109992698 A CN 109992698A
- Authority
- CN
- China
- Prior art keywords
- data
- instance
- instance objects
- node
- format
- 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.)
- Granted
Links
Landscapes
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
The data processing method that the disclosure provides, device, electronic equipment and readable storage medium storing program for executing, using the instance objects for being included on the edit page for collecting webpage, the first instance objects drawn by drawing tool are filtered out from the instance objects, structuring processing is carried out to first instance objects, obtain the exemplary construction data of extensible markup language format, so as to using exemplary construction data show institute the first instance objects drawing process displaying handle, and then a kind of technical solution that can show the drawing process in drawing tool is provided for developer, the drawing process in drawing tool is understood convenient for developer, effectively improve development efficiency of the developer when carrying out the drafting exploitation of Web page image using drawing tool.
Description
Technical field
This disclosure relates to computer technology more particularly to a kind of data processing method, device, electronic equipment and readable storage
Medium.
Background technique
With the hair of application hypertext markup language (HyperText Markup Language, abbreviation HTML) technology
Exhibition, drawing tool of more and more developer's selections including Canvas carry out rendering of page-images etc. and draw.
Conventionally, as drawing tool Canvas needs to operate the application programming interface of bottom
(Application Programming Interface, abbreviation API), developer is only capable of using DOM Document Object Model
(Document Object Model, abbreviation DOM) developing instrument, checks the drafting state of Canvas.
But it since DOM developing instrument is only capable of viewing the drafting state of drawing tool Canvas entirety, can not check
Drawing process in drawing tool can not view the status information of each node in drawing tool running example object,
This makes the development efficiency when carrying out the drafting exploitation of Web page image using Canvas lower, is unfavorable for the use of developer.
Summary of the invention
For problem set forth above, present disclose provides a kind of data processing method, device, electronic equipment and readable deposit
Storage media.
On the one hand, the data processing method that the disclosure provides, comprising:
Collect the instance objects for being included on the edit page of webpage；
The first instance objects drawn by drawing tool are filtered out from the instance objects；
Structuring processing is carried out to first instance objects, obtains the exemplary construction number of extensible markup language format
According to；
The drawing process of first instance objects is shown using the exemplary construction data.
Illustratively, the screening from the instance objects obtains the first instance objects that drawing tool is drawn, and wraps
It includes:
According to the instance properties of each instance objects, screening obtains first instance objects.
Illustratively, described that structuring processing is carried out to first instance objects, obtain extensible markup language format
Exemplary construction data, comprising:
First format conversion processing is carried out to first instance objects, obtains the first example of lightweight data exchange format
Data；
Second format conversion processing is carried out to the first instance data of the lightweight data exchange format, can be expanded described in acquisition
Open up the exemplary construction data of markup language.
Illustratively, described that first format conversion processing is carried out to first instance objects, obtain lightweight data exchange
First instance data of format, comprising:
In the information that analytically first instance objects obtain, screening obtains the section of each node in the first instance data
Point information and the corresponding rendering attribute information of each node；
Nodal information and rendering attribute information based on each node in the first instance objects obtain lightweight data exchange format
The first instance data.
Illustratively, the nodal information and rendering attribute information based on each node in the first instance objects obtains light
Measure the first instance data of data interchange format, comprising:
The nodal information and rendering attribute of each node are believed respectively using the first format identification (FID) and the second format identification (FID)
Breath is handled, and the first instance data of lightweight data exchange format is obtained；
Wherein, first format identification (FID) is used to indicate nodal information in corresponding first instance data of its affiliated node
Data Position；Second format identification (FID) is used to indicate rendering attribute information in corresponding first instance data of its affiliated node
In Data Position.
Illustratively, first instance data to the lightweight data exchange format carries out at the second format conversion
Reason, obtains the exemplary construction data of the extensible markup language format, comprising:
According to the nodal community of each node in the first instance data of the lightweight data exchange format, example tree knot is constructed
Structure；
According to the example tree construction, the lightweight data exchange format the first instance data in each node node letter
Breath and rendering attribute information, obtain the exemplary construction data of the extensible markup language format.
Illustratively, the exhibition of the drawing process that first instance objects are carried out using the exemplary construction data
Show processing, comprising:
Determine the node to be presented of the first instance objects in the drawing process；
The node to be presented is subjected to highlighted displaying in drawing area, and synchronous displaying is corresponding with the node to be presented
Exemplary construction data.
Illustratively, the node to be presented in the determination drawing process, comprising:
The triggering for the exemplary construction data is received, and using the node of triggering as the node to be presented.
On the other hand, present disclose provides a kind of data processing equipments, comprising:
Collection module, the instance objects for being included on the edit page for collecting webpage；
Screening module, for filtering out the first instance objects drawn by drawing tool from the instance objects；
Processing module obtains extensible markup language format for carrying out structuring processing to first instance objects
Exemplary construction data；
Display module, for showing the drawing process of first instance objects using the exemplary construction data.
In another aspect, including: at least one processor present disclose provides a kind of electronic equipment；And with it is described at least
The memory of one processor communication connection；
Wherein, the memory is stored with the instruction that can be executed by least one described processor, and described instruction is set
For for executing data processing method described in any of the above embodiments.
Last aspect, present disclose provides a kind of computer readable storage medium, the computer readable storage medium
Computer instruction is stored, the computer instruction is for making the computer execute data processing side described in any of the above embodiments
Method.
Data processing method, device, electronic equipment and the readable storage medium storing program for executing that the disclosure provides, using collection webpage
The instance objects for being included on edit page filter out the first example pair drawn by drawing tool from the instance objects
As, structuring processing is carried out to first instance objects, obtains the exemplary construction data of extensible markup language format, from
And can be used exemplary construction data show the first instance objects drawing process, and then provide one kind for developer and can open up
Show the technical solution of the drawing process in drawing tool, understands the drawing process in drawing tool convenient for developer, effectively improve
Development efficiency of the developer when carrying out the drafting exploitation of Web page image using drawing tool.
Detailed description of the invention
Fig. 1 is a kind of flow diagram for data processing method that disclosure example one provides；
Fig. 2 is the interface alternation schematic diagram in a kind of data processing method that disclosure example one provides；
Fig. 3 is a kind of flow diagram for data processing method that disclosure example two provides；
Fig. 4 is the interface alternation schematic diagram in a kind of data processing method that disclosure example two provides；
Fig. 5 is a kind of structural schematic diagram for data processing equipment that disclosure example three provides；
Fig. 6 is the hardware structural diagram for a kind of electronic equipment that disclosure example four provides.
Specific embodiment
To keep the purposes, technical schemes and advantages of the embodiment of the present disclosure clearer, below in conjunction with the embodiment of the present disclosure
In attached drawing, the technical solution in the embodiment of the present disclosure is clearly and completely described.
With the hair of application hypertext markup language (HyperText Markup Language, abbreviation HTML) technology
Exhibition, drawing tool of more and more developer's selections including Canvas carry out rendering of page-images etc. and draw.
Conventionally, as drawing tool Canvas needs to operate the application programming interface of bottom
(Application Programming Interface, abbreviation API), developer is only capable of using DOM Document Object Model
(Document Object Model, abbreviation DOM) developing instrument, checks the drafting state of Canvas.
But it since DOM developing instrument is only capable of viewing the drafting state of drawing tool Canvas entirety, can not check
Drawing process in drawing tool can not view the status information of each node in drawing tool running example object,
This makes the development efficiency when carrying out the drafting exploitation of Web page image using Canvas lower, is unfavorable for the use of developer.
In view of the above technical problems, present disclose provides a kind of data processing method, device, electronic equipment and readable storages
Medium, to carry out structuring processing using the first instance objects drawn by drawing tool Canvas, to be based on the processing
The Canvas of the first instance objects was drawn in the exemplary construction data realization of the extensible markup language format obtained afterwards
The displaying of journey.
Fig. 1 is a kind of flow diagram for data processing method that disclosure example one provides, as shown in Figure 1, the data
Processing method includes:
Step 101, collect webpage edit page on included instance objects.
It should be noted that the page can be specially the editing interface of webpage, can also be other based on HTML technology other
The editing interface of application, herein without further limiting.
During being developed to webpage, based on the difference of exploitation demand, the page of same webpage will be used
Different developing instruments carries out development process, to realize the exploitation of webpage different piece.For example, the page text for developing webpage
The editor of this example；The drawing tool Canvas of image instance etc. for developing webpage.That is, same
Synchronous fortune has different types of instance objects on one page, so that different types of content is presented in the webpage.
In this example, data processing equipment is firstly the need of the whole examples pair for being included on the edit page for collecting webpage
As.Specifically, data processing equipment can utilize the Map Interface (HashMap) of Hash table, be included on collection edit page
Instance objects.When creating instance objects, running environment will record global instance objects, and there are above-mentioned
In HashMap.When data processing equipment needs to obtain instance objects, realize using the HashMap for instance objects
It collects.
Step 102 filters out the first instance objects drawn by drawing tool from the instance objects.
As previously described, synchronous operation has different types of instance objects on the edit page of same webpage, so that should
Different types of content is presented in the page.For the ease of for drawing tool, the especially drafting of this drawing tool of Canvas
Journey is shown, and in this example, for data processing equipment by from the instance objects of collection, screening obtains the first instance objects,
First instance objects are expressed as the instance objects that drawing tool is drawn, i.e., instance objects relevant to drawing image.
Illustratively, data processing equipment can screen according to the instance properties of each instance objects and obtain first example
Object.Wherein, the instance properties of instance objects are used to indicate the types of instance objects, e.g., the relevant instance objects of drawing image,
Edit relevant instance objects of text etc.；When creating instance objects, HashMap is also by the instance properties one of each instance objects
And store, for data processing equipment use.
Step 103 carries out structuring processing, the example for obtaining extensible markup language format to first instance objects
Structural data.
Specifically, after data processing equipment gets the first instance objects, it will to first instance objects into
Row structuring processing, so that first instance objects are with extensible markup language (Extensible Markup Language, letter
Claim XML) format data presented to get arrive XML format exemplary construction data.
It should be noted that the exemplary construction data of the XML format should include each node in the first instance objects
Information or data, and the information or data of these nodes is presented in a manner of structural data.Wherein, the first example pair
Each node as in refers to each pictorial element in the image that first instance objects are drawn, and the information or data of each node
Then refer to the corresponding Image Rendering information of each pictorial element.
Step 104, the drawing process for showing and carrying out using the exemplary construction data first instance objects.
Specifically, after data processing equipment obtains the exemplary construction data of XML format, data processing equipment can
Exemplary construction data with Canvas drawing process XML format are shown processing by the demand based on developer.
It should be noted that in Canvas drawing process there are great amount of images element can display data, based on not
With displaying demand, can the exemplary construction data to the XML format of all images element be shown, can also part figure pixel
The exemplary construction data of the XML format of element are shown, wherein the parts of images element can choose image primitive for developer
Element can also be the pictorial element for meeting default displaying demand.
It will be illustrated so that the exemplary construction data of the XML format to parts of images element are shown as an example below.
Illustratively, the interface alternation schematic diagram in a kind of data processing method that Fig. 2 provides for disclosure example one.
As shown in Fig. 2, left side is the drawing area of drawing tool Canvas, wherein presenting drafting in edit page
Each pictorial element that tool Canvas is drawn based on the first instance objects；Right side is the exemplary construction data of XML format
Data display area presents and aforementioned be based on the first instance objects structuring and handle obtained exemplary construction data.
It is appreciated that drawing area is associated with displaying when showing with data display area, that is to say, that drawing area
It is associated with the node to be presented in data display area when such as showing a certain pictorial element when domain views node to be presented
Partial exemplary construction data, which should synchronize, to be demonstrated.
That is, data processing equipment is by the first instance objects in the drawing process for determining Canvas first wait open up
Show node, then, the node to be presented be subjected to highlighted displaying in the drawing area of Canvas, and it is synchronous show with it is described to
Show the corresponding exemplary construction data of node.It should be noted that highlighted displaying can be used, mark can also be used when showing
Know other exhibition methods such as displaying, is not limited herein.
Illustratively, it when data processing equipment determines the node to be presented in the Canvas drawing process, can be used
Various ways: MouseMove event capture technology is used, using the node captured in the drawing area of the Canvas as described in
Node to be presented；Alternatively, receiving the triggering for the exemplary construction data, and using the node of triggering as described to be presented
Node etc..
The data processing method that this example one provides, using the instance objects for being included on the page are collected, from the reality
Screening obtains the first instance objects that drawing tool Canvas is drawn in example object, carries out structure to first instance objects
Change processing, obtains the exemplary construction data of XML format, so as to carry out the first instance objects using exemplary construction data
Canvas drawing process displaying processing, and then provide one kind for developer and can show drafting in Canvas drawing tool
The technical solution of process understands the drawing process in drawing tool convenient for developer, effectively improves developer and is using Canvas
Carry out the development efficiency when drafting exploitation of Web page image.
In order to preferably describe the data processing method of disclosure offer, also provided in more drawing process for developer
Drafting information, further increase developer exploitation experience.
It is shown in Fig. 1 it is exemplary on the basis of, Fig. 3 is that the process of a kind of data processing method that disclosure example two provides is shown
It is intended to, as shown in figure 3, the data processing method includes:
Step 201, collect webpage edit page on included instance objects；
Step 202 filters out the first instance objects drawn by drawing tool from the instance objects；
Step 203 carries out the first format conversion processing to first instance objects, obtains lightweight data exchange format
First instance data；
Step 204 carries out the second format conversion processing to the first instance data of the lightweight data exchange format, obtains
The exemplary construction data of the extensible markup language format；
Step 205, the drawing process that first instance objects are shown using the exemplary construction data.
Similarly with example one, in this example, data processing equipment is firstly the need of institute on the edit page for collecting webpage
The whole instance objects for including.Specifically, data processing equipment can utilize the Map Interface (HashMap) of Hash table, collect
The instance objects for being included on edit page.When creating instance objects, running environment will record global instance objects,
And there are in HashMap above-mentioned.When data processing equipment needs to obtain instance objects, using HashMap reality
Referring now to the collection of instance objects.
Then, for data processing equipment by from the instance objects of collection, screening obtains the first instance objects, first example
Object is expressed as the instance objects that drawing tool Canvas is drawn, i.e., instance objects relevant to drawing image.
Unlike example one, in this example, structuring processing is carried out to first instance objects, obtains XML
The exemplary construction data of format, data processing equipment first can carry out the first format conversion processing to first instance objects,
The first instance data for obtaining lightweight data exchange format, then, to the first instance data of the lightweight data exchange format
The second format conversion processing is carried out, the exemplary construction data of the XML format are obtained.
Specifically, JS object numbered musical notation (JavaScript Object Notation, abbreviation JSON) is a kind of light weight number
According to exchange format format, in general, when instance objects to be converted to the instance data of JSON format, calling can be passed through
JSON.stringify function is realized.
But since instance objects to be converted are the first instance objects, and first instance objects are drawing tool
The instance objects that Canvas is drawn, i.e., instance objects relevant to drawing image.It include to follow in first instance objects
Ring is quoted, such as some node in some first instance objects refers to entire first instance objects, in this case, nothing
Object is switched to the first instance number of the JSON format of structuring by method by way of calling directly JSON.stringify function
According to.
It therefore, in this example, can be by the first format conversion processing mode of customized parsing, by the first example pair
The first instance data as being converted to JSON format: in the information that analytically first instance objects obtain, screening obtains the
The nodal information of each node and the corresponding rendering attribute information of each node in one instance data are then based on the first example
The nodal information of each node and rendering attribute information in object obtain the first instance data of JSON format.
That is, can also synchronize during carrying out data parsing to the first instance objects and obtain data to parsing
Screened, with remove the first instance data that can not be converted to JSON format data and with show incoherent data,
Retain the nodal information of each node and the corresponding rendering attribute information of each node in the first instance data.Then, will
The information of reservation is described with JSON format, that is, is described as { ' key (key) ': value (value) }.
It then, will also be to first example after first instance data of the data processing equipment in acquisition JSON format
Data carry out the second format conversion processing, to obtain the exemplary construction data of XML format.
Specifically, the mode of the description data of the exemplary construction data of XML format is as follows:
<tag name tag attribute1="attribute value1"tag attribute2="attribute value2">label substance</tag name>.
Therefore, in the second format conversion processing, need by the aforementioned format with " { ' key (key) ': value (value) } " into
First instance data of row description is converted to " < tag name tag attributes 1=" attribute value 1 " tag attributes 2=" attribute value 2 "
>label substance</tag name>" the exemplary construction data that are described of format.
Illustratively, for the ease of the conversion for data in different formats, each node in based on the first instance objects
Nodal information and rendering attribute information, when obtaining the first instance data of JSON format, in the following way:
The nodal information and rendering attribute of each node are believed respectively using the first format identification (FID) and the second format identification (FID)
Breath is handled, and the first instance data of JSON format is obtained；Wherein, first format identification (FID) is used to indicate nodal information and exists
Data Position in corresponding first instance data of its affiliated node；Second format identification (FID) is used to indicate rendering attribute information
Data Position in corresponding first instance data of its affiliated node.
Specifically, the first format identification (FID) can also be other identifier concretely such as the character mark of " # "；Second format
Mark can also be concretely other identifier such as the character mark of "@".
For example, include in the first instance data of JSON format ' Faster_1', ' FWidget_2' and '
Tri- nodes of FLabel_3'.
In ' Faster_1' this node under include following data { '@': ' UID':1, ' x':0, ' y':0, '
Width':100, ' height':100, ' hidden':false, ' ignore':false, therein '@' it is used to indicate drafting
Data Position of the attribute information in corresponding first instance data of its affiliated node, that is to say, that '@' later include '
The rendering attribute information of this node of UID':1, ' x':0 etc. including several attribute informations be ' Faster_1'.
In ' FLabel_3' this node under include following data { ' #':'123qwe'}, " # " therein is used to indicate
Position of the nodal information in the first instance data, that is to say, that ' #' after ' 123qwe' be should ' FLabel_3' node
Nodal information.
Due to having utilized the first format identification (FID) and the second format identification (FID) pair during obtaining the first instance data
The position of each node different types of information is identified in first instance data of JSON format, correspondingly, in the second format
It, can be directly by the information after two kinds of format identification (FID)s using first format identification (FID) and the second format identification (FID) in conversion processing process
Conversion.
Specifically, example can be constructed according to the nodal community of each node in the first instance data of the JSON format
Tree construction, then according to the example tree construction, the JSON format the first instance data in each node nodal information and
Rendering attribute information obtains the exemplary construction data of the XML format.
That is, classifying first to each node in the first instance data, in the examples described above, it will be apparent that, lead to
It crosses and observes the nodal community of the first instance data interior joint and can know, ' Faster_1' be host node, and ' FWidget_
2' and ' FLabel_3' is from node, wherein the nodal community can be used for indicating angle of rotation of joint of the node in instance objects
Color, such as master node, slave node.It should be noted that host node here is generally the control constructed fuction of instance objects.
Therefore, using the node data of each node, example tree construction can be constructed.
Then, information is filled into the example tree construction using aforementioned first format identification (FID) and the second format identification (FID).
Specifically, the exemplary construction data of XML format generally use < tag name tag attributes 1=" attribute value 1 " mark
Sign attribute 2=" attribute value 2 ">label substance</tag name>format.In the examples described above, Faster, FWidget, FLabel
Respectively as the tag name in exemplary construction data, the 123qwe after the first instance data ' #' is as the mark in FLabel
Content is signed, the information of "@" later will be respectively as each tag attributes and corresponding attribute value.
Finally, data processing equipment can be based on after data processing equipment obtains the exemplary construction data of XML format
The exemplary construction data of XML format with Canvas drawing process corresponding portion are shown place by the demand of developer
Reason.
Illustratively, the interface alternation schematic diagram in a kind of data processing method that Fig. 4 provides for disclosure example two.
As shown in figure 4, left side is the drawing area of Canvas, wherein presenting drawing tool Canvas base in interface
In each pictorial element that the first instance objects are drawn；Centre is that the first data of the exemplary construction data of XML format are shown
Region presents and aforementioned be based on the first instance objects structuring and handle obtained exemplary construction data；Right side is JSON
Second data display area of the first instance data of format, presents the first instance data of aforementioned acquisition.
It is appreciated that drawing area, the first data display area are associated with exhibition when showing with the second data display area
Show, that is to say, that when drawing area shows node to be presented, when such as showing a certain pictorial element, the first data show area
In domain and the second data display area, synchronous it should be closed with the exemplary construction data of the associated part of node to be presented
Joint exhibition is shown.
That is, data processing equipment by first determine Canvas drawing process in the first instance objects it is to be presented
The node to be presented is then carried out highlighted displaying in the drawing area of Canvas, and synchronize and show with described wait open up by node
Show corresponding first instance data of node and exemplary construction data.It should be noted that highlighted exhibition can be used when showing
Show, other exhibition methods such as mark displaying can also be used, be not limited herein.
Illustratively, it when data processing equipment determines the node to be presented in the Canvas drawing process, can be used
Various ways: MouseMove event capture technology is used, using the node captured in the drawing area of the Canvas as described in
Node to be presented；Alternatively, receiving the triggering for the exemplary construction data, and using the node of triggering as described to be presented
Node etc..
The data processing method that this example two provides ties first instance objects on the basis of example one
Format conversion processing is carried out by the first instance data to JSON format when structureization processing, to obtain the example knot of XML format
Structure data, so as to using exemplary construction data carry out the first instance objects Canvas drawing process displaying at
Reason, and then a kind of technical solution that can show the drawing process in Canvas drawing tool is provided for developer, convenient for exploitation
Person understands the drawing process in drawing tool, effectively improves developer when the drafting for being carried out Web page image using Canvas is developed
Development efficiency.
Fig. 5 is a kind of structural schematic diagram for data processing equipment that disclosure example three provides, as shown in figure 5, the data
Processing unit, comprising:
Collection module 10, for collecting the instance objects for being included on the page；
Screening module 20, for screening the first example for obtaining drawing tool Canvas and being drawn from the instance objects
Object；
Processing module 30 obtains the exemplary construction of XML format for carrying out structuring processing to first instance objects
Change data；
Display module 40, the drafting for showing with carrying out first instance objects using the exemplary construction data
Process.
Illustratively, collection module 10 is specifically used for the Map Interface using Hash table, collects the instance objects.
Illustratively, screening module 20 is specifically used for the instance properties according to each instance objects, and screening obtains described first
Instance objects.
Illustratively, processing module 30 is specifically used for:
First format conversion processing is carried out to first instance objects, obtains the first example of lightweight data exchange format
Data；
Second format conversion processing is carried out to the first instance data of the lightweight data exchange format, can be expanded described in acquisition
Open up the exemplary construction data of markup language.
Illustratively, processing module 30 is specifically used for:
In the information that analytically first instance objects obtain, screening obtains the section of each node in the first instance data
Point information and the corresponding rendering attribute information of each node；
Nodal information and rendering attribute information based on each node in the first instance objects obtain lightweight data exchange format
The first instance data.
Illustratively, processing module 30 is specifically used for:
The nodal information and rendering attribute of each node are believed respectively using the first format identification (FID) and the second format identification (FID)
Breath is handled, and the first instance data of lightweight data exchange format is obtained；
Wherein, first format identification (FID) is used to indicate nodal information in corresponding first instance data of its affiliated node
Data Position；Second format identification (FID) is used to indicate rendering attribute information in corresponding first instance data of its affiliated node
In Data Position.
Illustratively, processing module 30 is specifically used for:
According to the nodal community of each node in the first instance data of the lightweight data exchange format, example tree knot is constructed
Structure；
According to the example tree construction, the lightweight data exchange format the first instance data in each node node letter
Breath and rendering attribute information, obtain the exemplary construction data of the extensible markup language format.
Illustratively, display module 40 are specifically used for:
Determine the node to be presented of the first instance objects in the drawing process；
The node to be presented is subjected to highlighted displaying in drawing area, and synchronous displaying is corresponding with the node to be presented
Exemplary construction data.
Illustratively, display module 40 are specifically used for using MouseMove event capture technology, will be in the drafting area
The node of domain capture is as the node to be presented.
Illustratively, display module 40, specifically for receiving the triggering for the exemplary construction data, and will triggering
Node as the node to be presented.
It is apparent to those skilled in the art that for convenience and simplicity of description, the system of foregoing description
Specific work process and corresponding beneficial effect, can refer to corresponding processes in the foregoing method embodiment, herein no longer
It repeats.
The data processing equipment that the disclosure provides, using the instance objects for being included on the editor for collecting webpage, from institute
The first instance objects for filtering out in instance objects and being drawn by drawing tool are stated, structuring is carried out to first instance objects
Processing, obtains the exemplary construction data of extensible markup language format, so as to show institute the using exemplary construction data
The drawing process of one instance objects, and then a kind of drawing process that can be shown in Canvas drawing tool is provided for developer
Technical solution is understood the drawing process in drawing tool convenient for developer, effectively improves developer and carried out using drawing tool
Development efficiency when the drafting exploitation of Web page image.
Fig. 6 is that the hardware structural diagram for a kind of electronic equipment that disclosure example four provides is shown below with reference to Fig. 6
The structural schematic diagram suitable for being used to realize the electronic equipment 800 of the embodiment of the present disclosure is gone out.Terminal in the embodiment of the present disclosure is set
It is standby can include but is not limited to such as mobile phone, laptop, digit broadcasting receiver, PDA (personal digital assistant),
The mobile end of PAD (tablet computer), PMP (portable media player), car-mounted terminal (such as vehicle mounted guidance terminal) etc.
The fixed terminal of end and such as number TV, desktop computer etc..Electronic equipment shown in Fig. 6 is only an example, no
The function and use scope for coping with the embodiment of the present disclosure bring any restrictions.
As shown in fig. 6, electronic equipment 800 may include processing unit (such as central processing unit, graphics processor etc.)
801, random access can be loaded into according to the program being stored in read-only memory (ROM) 802 or from storage device 808
Program in memory (RAM) 803 and execute various movements appropriate and processing.In RAM 803, it is also stored with electronic equipment
Various programs and data needed for 800 operations.Processing unit 801, ROM 802 and RAM 803 pass through the phase each other of bus 804
Even.Input/output (I/O) interface 805 is also connected to bus 804.
In general, following device can connect to I/O interface 805: including such as touch screen, touch tablet, keyboard, mouse, taking the photograph
As the input unit 806 of head, microphone, accelerometer, gyroscope etc.；Including such as liquid crystal display (LCD), loudspeaker, vibration
The output device 807 of dynamic device etc.；Storage device 808 including such as tape, hard disk etc.；And communication device 809.Communication device
809, which can permit electronic equipment 800, is wirelessly or non-wirelessly communicated with other equipment to exchange data.Although Fig. 6 shows tool
There is the electronic equipment 800 of various devices, it should be understood that being not required for implementing or having all devices shown.It can be with
Alternatively implement or have more or fewer devices.
Particularly, in accordance with an embodiment of the present disclosure, it may be implemented as computer above with reference to the process of flow chart description
Software program.For example, embodiment of the disclosure includes a kind of computer program product comprising be carried on computer-readable medium
On computer program, which includes the program code for method shown in execution flow chart.In such reality
It applies in example, which can be downloaded and installed from network by communication device 809, or from storage device 808
It is mounted, or is mounted from ROM 802.When the computer program is executed by processing unit 801, executes the disclosure and implement
The above-mentioned function of being limited in the method for example.
It should be noted that the above-mentioned computer-readable medium of the disclosure can be computer-readable signal media or meter
Calculation machine readable storage medium storing program for executing either the two any combination.Computer readable storage medium for example can be --- but not
Be limited to --- electricity, magnetic, optical, electromagnetic, infrared ray or semiconductor system, device or device, or any above combination.Meter
The more specific example of calculation machine readable storage medium storing program for executing can include but is not limited to: have the electrical connection, just of one or more conducting wires
Taking formula computer disk, hard disk, random access storage device (RAM), read-only memory (ROM), erasable type may be programmed read-only storage
Device (EPROM or flash memory), optical fiber, portable compact disc read-only memory (CD-ROM), light storage device, magnetic memory device,
Or above-mentioned any appropriate combination.In the disclosure, computer readable storage medium can be it is any include or storage journey
The tangible medium of sequence, the program can be commanded execution system, device or device use or in connection.And at this
In open, computer-readable signal media may include in a base band or as the data-signal that carrier wave a part is propagated,
In carry computer-readable program code.The data-signal of this propagation can take various forms, including but not limited to
Electromagnetic signal, optical signal or above-mentioned any appropriate combination.Computer-readable signal media can also be computer-readable and deposit
Any computer-readable medium other than storage media, the computer-readable signal media can send, propagate or transmit and be used for
By the use of instruction execution system, device or device or program in connection.Include on computer-readable medium
Program code can transmit with any suitable medium, including but not limited to: electric wire, optical cable, RF (radio frequency) etc. are above-mentioned
Any appropriate combination.
Above-mentioned computer-readable medium can be included in above-mentioned electronic equipment；It is also possible to individualism, and not
It is fitted into the electronic equipment.
Above-mentioned computer-readable medium carries one or more program, when said one or multiple programs are by the electricity
When sub- equipment executes, so that the electronic equipment: collecting the instance objects for being included on the edit page of webpage；From the example pair
The first instance objects drawn by drawing tool are filtered out as in；Structuring processing is carried out to first instance objects, is obtained
To the exemplary construction data of extensible markup language format；First example pair is shown using the exemplary construction data
The drawing process of elephant.
Above-mentioned computer-readable medium carries one or more program, when said one or multiple programs are by the electricity
When sub- equipment executes, so that the electronic equipment: collecting the instance objects for being included on the edit page of webpage；From the example pair
The first instance objects drawn by drawing tool are filtered out as in；Structuring processing is carried out to first instance objects, is obtained
To the exemplary construction data of extensible markup language format；First example pair is shown using the exemplary construction data
The drawing process of elephant.
The calculating of the operation for executing the disclosure can be write with one or more programming languages or combinations thereof
Machine program code, above procedure design language include object oriented program language-such as Java, Smalltalk, C+
+, it further include conventional procedural programming language-such as " C " language or similar programming language.Program code can
Fully to execute, partly execute on the user computer on the user computer, be executed as an independent software package,
Part executes on the remote computer or executes on a remote computer or server completely on the user computer for part.
In situations involving remote computers, remote computer can pass through the network of any kind --- including local area network (LAN)
Or wide area network (WAN)-is connected to subscriber computer, or, it may be connected to outer computer (such as utilize Internet service
Provider is connected by internet).
Flow chart and block diagram in attached drawing are illustrated according to the system of the various embodiments of the disclosure, method and computer journey
The architecture, function and operation in the cards of sequence product.In this regard, each box in flowchart or block diagram can generation
A part of one module, program segment or code of table, a part of the module, program segment or code include one or more use
The executable instruction of the logic function as defined in realizing.It should also be noted that in some implementations as replacements, being marked in box
The function of note can also occur in a different order than that indicated in the drawings.For example, two boxes succeedingly indicated are actually
It can be basically executed in parallel, they can also be executed in the opposite order sometimes, and this depends on the function involved.Also it to infuse
Meaning, the combination of each box in block diagram and or flow chart and the box in block diagram and or flow chart can be with holding
The dedicated hardware based system of functions or operations as defined in row is realized, or can use specialized hardware and computer instruction
Combination realize.
Being described in unit involved in the embodiment of the present disclosure can be realized by way of software, can also be by hard
The mode of part is realized.Wherein, the title of unit does not constitute the restriction to the unit itself under certain conditions,
Finally, it should be noted that the above various embodiments is only to illustrate the technical solution of the disclosure, rather than its limitations；To the greatest extent
Pipe is described in detail the disclosure referring to foregoing embodiments, those skilled in the art should understand that: its according to
So be possible to modify the technical solutions described in the foregoing embodiments, or to some or all of the technical features into
Row equivalent replacement；And these are modified or replaceed, each embodiment technology of the disclosure that it does not separate the essence of the corresponding technical solution
The range of scheme.
Claims (11)
1. a kind of data processing method characterized by comprising
Collect the instance objects for being included on the edit page of webpage；
The first instance objects drawn by drawing tool are filtered out from the instance objects；
Structuring processing is carried out to first instance objects, obtains the exemplary construction data of extensible markup language format；
The displaying processing of the Canvas drawing process of first instance objects is shown using the exemplary construction data.
2. data processing method according to claim 1, which is characterized in that described screen from the instance objects obtains
The first instance objects that drawing tool is drawn, comprising:
According to the instance properties of each instance objects, screening obtains first instance objects.
3. data processing method according to claim 1, which is characterized in that described to be tied to first instance objects
Structureization processing, obtains the exemplary construction data of extensible markup language format, comprising:
First format conversion processing is carried out to first instance objects, obtains the first instance number of lightweight data exchange format
According to；
Second format conversion processing is carried out to the first instance data of the lightweight data exchange format, obtains the expansible mark
Remember the exemplary construction data of language format.
4. data processing method according to claim 3, which is characterized in that described to carry out the to first instance objects
One format conversion processing obtains the first instance data of lightweight data exchange format, comprising:
In the information that analytically first instance objects obtain, screening obtains the node letter of each node in the first instance data
Breath and the corresponding rendering attribute information of each node；
Nodal information and rendering attribute information based on each node in the first instance objects obtain the of lightweight data exchange format
One instance data.
5. data processing method according to claim 4, which is characterized in that described to be based on each node in the first instance objects
Nodal information and rendering attribute information, obtain lightweight data exchange format the first instance data, comprising:
Using the first format identification (FID) and the second format identification (FID) respectively to the nodal information of each node and rendering attribute information into
Row processing, obtains the first instance data of lightweight data exchange format；
Wherein, first format identification (FID) is used to indicate number of the nodal information in corresponding first instance data of its affiliated node
According to position；Second format identification (FID) is used to indicate rendering attribute information in corresponding first instance data of its affiliated node
Data Position.
6. data processing method according to claim 3, which is characterized in that described to the lightweight data exchange format
First instance data carries out the second format conversion processing, obtains the exemplary construction data of the extensible markup language format,
Include:
According to the nodal community of each node in the first instance data of the lightweight data exchange format, example tree construction is constructed；
According to the example tree construction, the lightweight data exchange format the first instance data in each node nodal information and
Rendering attribute information obtains the exemplary construction data of the extensible markup language format.
7. data processing method according to claim 1-6, which is characterized in that described to use the exemplary construction
Change the drawing process that data show first instance objects, comprising:
Determine the node to be presented of the first instance objects in the drawing process；
The node to be presented is subjected to highlighted displaying in drawing area, and synchronous shows reality corresponding with the node to be presented
Example structural data.
8. data processing method according to claim 7, which is characterized in that in the determination drawing process wait open up
Show node, comprising:
The triggering for the exemplary construction data is received, and using the node of triggering as the node to be presented.
9. a kind of data processing equipment characterized by comprising
Collection module, the instance objects for being included on the edit page for collecting webpage；
Screening module, for filtering out the first instance objects drawn by drawing tool from the instance objects；
Processing module obtains the reality of extensible markup language format for carrying out structuring processing to first instance objects
Example structural data；
Display module, for showing the drawing process of first instance objects using the exemplary construction data.
10. a kind of electronic equipment characterized by comprising at least one processor；And at least one described processor
The memory of communication connection；
Wherein, the memory is stored with the instruction that can be executed by least one described processor, and described instruction is arranged to use
In the execution described in any item data processing methods of the claims 1-9.
11. a kind of computer readable storage medium, which is characterized in that the computer-readable recording medium storage computer refers to
It enables, the computer instruction is for making the computer perform claim require the described in any item data processing methods of 1-9.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910290108.1A CN109992698B (en) | 2019-04-11 | 2019-04-11 | Data processing method and device, electronic equipment and readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910290108.1A CN109992698B (en) | 2019-04-11 | 2019-04-11 | Data processing method and device, electronic equipment and readable storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109992698A true CN109992698A (en) | 2019-07-09 |
| CN109992698B CN109992698B (en) | 2021-09-14 |
Family
ID=67133268
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910290108.1A Active CN109992698B (en) | 2019-04-11 | 2019-04-11 | Data processing method and device, electronic equipment and readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109992698B (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113031950A (en) * | 2021-04-29 | 2021-06-25 | 北京字节跳动网络技术有限公司 | Picture generation method, device, equipment and medium |
| CN115309298A (en) * | 2022-08-30 | 2022-11-08 | 医渡云（北京）技术有限公司 | Text structuring method and device, medium and equipment based on rich text editor |
Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103279574A (en) * | 2013-06-20 | 2013-09-04 | 北京小米科技有限责任公司 | Method, device and terminal device for loading explorer pictures |
| CN104267947A (en) * | 2014-09-23 | 2015-01-07 | 广州金山网络科技有限公司 | Method and device for editing popup picture |
| CN104765760A (en) * | 2015-01-04 | 2015-07-08 | 北京可思云海科技有限公司 | Page generating and display method based on JSON (java script object notation) format |
| CN106776318A (en) * | 2016-12-15 | 2017-05-31 | 北京蓝海讯通科技股份有限公司 | A kind of test script method for recording and system |
| KR101741417B1 (en) * | 2016-01-08 | 2017-06-15 | 이용주 | Method for using responsive web solution and recording medium storing program for executing the same, and recording medium storing program for executing the same |
| CN107239266A (en) * | 2016-03-29 | 2017-10-10 | 罗森伯格技术（昆山）有限公司 | A kind of method and device for showing CAD diagram paper without plug-in unit in WEB front-end |
| CN107562763A (en) * | 2016-07-01 | 2018-01-09 | 阿里巴巴集团控股有限公司 | The display methods and device of data variation |
| KR101822059B1 (en) * | 2016-01-08 | 2018-01-25 | 이용주 | Method for providing responsive web solution and recording medium storing program for executing the same, and recording medium storing program for executing the same |
| CN107885858A (en) * | 2017-11-18 | 2018-04-06 | 同创蓝天投资管理（北京）有限公司 | Network panorama sketch labeling method |
| CN107977203A (en) * | 2017-10-20 | 2018-05-01 | 捷开通讯(深圳)有限公司 | The creation method of storage device, application program control and user interface |
| CN108170651A (en) * | 2017-12-28 | 2018-06-15 | 深圳市巨鼎医疗设备有限公司 | A kind of method of information processing |
| CN108804527A (en) * | 2018-04-28 | 2018-11-13 | 国家计算机网络与信息安全管理中心 | Based on wechat region circle of friends data analysis system and method |
| CN109254771A (en) * | 2018-08-24 | 2019-01-22 | 北京国电智深控制技术有限公司 | A kind of monitoring page generation method and device |
| US20190068735A1 (en) * | 2017-08-30 | 2019-02-28 | Lenovo Enterprise Solutions (Singapore) Pte. Ltd. | System and method for providing usage of and/or access to secured data via using push notification infrastructure |
-
2019
- 2019-04-11 CN CN201910290108.1A patent/CN109992698B/en active Active
Patent Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103279574A (en) * | 2013-06-20 | 2013-09-04 | 北京小米科技有限责任公司 | Method, device and terminal device for loading explorer pictures |
| CN104267947A (en) * | 2014-09-23 | 2015-01-07 | 广州金山网络科技有限公司 | Method and device for editing popup picture |
| CN104765760A (en) * | 2015-01-04 | 2015-07-08 | 北京可思云海科技有限公司 | Page generating and display method based on JSON (java script object notation) format |
| KR101822059B1 (en) * | 2016-01-08 | 2018-01-25 | 이용주 | Method for providing responsive web solution and recording medium storing program for executing the same, and recording medium storing program for executing the same |
| KR101741417B1 (en) * | 2016-01-08 | 2017-06-15 | 이용주 | Method for using responsive web solution and recording medium storing program for executing the same, and recording medium storing program for executing the same |
| CN107239266A (en) * | 2016-03-29 | 2017-10-10 | 罗森伯格技术（昆山）有限公司 | A kind of method and device for showing CAD diagram paper without plug-in unit in WEB front-end |
| CN107562763A (en) * | 2016-07-01 | 2018-01-09 | 阿里巴巴集团控股有限公司 | The display methods and device of data variation |
| CN106776318A (en) * | 2016-12-15 | 2017-05-31 | 北京蓝海讯通科技股份有限公司 | A kind of test script method for recording and system |
| US20190068735A1 (en) * | 2017-08-30 | 2019-02-28 | Lenovo Enterprise Solutions (Singapore) Pte. Ltd. | System and method for providing usage of and/or access to secured data via using push notification infrastructure |
| CN107977203A (en) * | 2017-10-20 | 2018-05-01 | 捷开通讯(深圳)有限公司 | The creation method of storage device, application program control and user interface |
| CN107885858A (en) * | 2017-11-18 | 2018-04-06 | 同创蓝天投资管理（北京）有限公司 | Network panorama sketch labeling method |
| CN108170651A (en) * | 2017-12-28 | 2018-06-15 | 深圳市巨鼎医疗设备有限公司 | A kind of method of information processing |
| CN108804527A (en) * | 2018-04-28 | 2018-11-13 | 国家计算机网络与信息安全管理中心 | Based on wechat region circle of friends data analysis system and method |
| CN109254771A (en) * | 2018-08-24 | 2019-01-22 | 北京国电智深控制技术有限公司 | A kind of monitoring page generation method and device |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113031950A (en) * | 2021-04-29 | 2021-06-25 | 北京字节跳动网络技术有限公司 | Picture generation method, device, equipment and medium |
| CN113031950B (en) * | 2021-04-29 | 2024-05-28 | 北京字节跳动网络技术有限公司 | Picture generation method, device, equipment and medium |
| CN115309298A (en) * | 2022-08-30 | 2022-11-08 | 医渡云（北京）技术有限公司 | Text structuring method and device, medium and equipment based on rich text editor |
| CN115309298B (en) * | 2022-08-30 | 2024-05-10 | 医渡云（北京）技术有限公司 | Text structuring method and device based on rich text editor, medium and equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109992698B (en) | 2021-09-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101946248B (en) | Method and apparatus for providing API service and making API mash-up, and computer readable recording medium thereof | |
| US8665274B2 (en) | Method and system for generating and displaying an interactive dynamic view of bi-directional impact analysis results for multiply connected objects | |
| US20100083172A1 (en) | Method and system for generating and displaying an interactive dynamic list view of multiply connected objects | |
| CN109634598A (en) | A kind of page display method, device, equipment and storage medium | |
| CN109814866B (en) | Processing method and device for converting page application into native application | |
| CN109857971A (en) | Page rendering method and apparatus | |
| US20100079460A1 (en) | method and system for generating and displaying an interactive dynamic selective view of multiply connected objects | |
| US20160313874A1 (en) | Visual effects system for "big data" analysis workflow editors, distribution platforms, execution engines, and management systems comprising same | |
| CN109634490A (en) | A kind of list display method, device, equipment and storage medium | |
| CN111596998A (en) | Page processing method of ink screen and terminal | |
| CN107992589B (en) | SVG map data loading method, device and system | |
| US20140282175A1 (en) | Method and system of visually depicting hierarchical data through selective colorization | |
| CN107885856A (en) | A kind of page display method and device | |
| CN109992698A (en) | Data processing method, device, electronic equipment and readable storage medium storing program for executing | |
| CN109446025A (en) | A kind of back method of operation behavior, device, electronic equipment and readable medium | |
| CN109491742A (en) | Page tabular rendering method and device | |
| CN109446199A (en) | Cell data processing method and device | |
| KR20140040920A (en) | Apparatus for writing mash-up using mash-up block user interface and method thereof | |
| CN108984070A (en) | Method, apparatus, electronic equipment and readable medium for thermodynamic chart imaging | |
| CN110489041A (en) | Method, apparatus, equipment and the medium of small routine dragging element automatic aligning | |
| CN110489333A (en) | A kind of method, apparatus based on detector tune-up data, medium and electronic equipment | |
| CN110442848A (en) | Data Serialization conciliates sequence method and its device, electronic equipment and medium | |
| CN114186155A (en) | Page rendering method and device, electronic terminal and storage medium | |
| EP2411956A2 (en) | A method and system for ontology navigation and visualization | |
| CN109460543A (en) | A kind of input method of logical expression, device, electronic equipment and readable medium |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |