CN110516218A - Generation method, terminal and the computer readable storage medium of table - Google Patents
Generation method, terminal and the computer readable storage medium of table Download PDFInfo
- Publication number
- CN110516218A CN110516218A CN201910777170.3A CN201910777170A CN110516218A CN 110516218 A CN110516218 A CN 110516218A CN 201910777170 A CN201910777170 A CN 201910777170A CN 110516218 A CN110516218 A CN 110516218A
- Authority
- CN
- China
- Prior art keywords
- content
- data
- template
- component
- preset
- 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
Abstract
The invention discloses a kind of generation methods of table, comprising: when detecting that table generates instruction, generates instruction according to the table and calls preset table component；Request of data is generated according to the preset table component and table setting parameter, and is sent to background server；After receiving the data content that the background server is returned according to the request of data, render to form target table according to the template content of the data content and the preset table component.The invention also discloses a kind of terminal and computer readable storage mediums.The present invention realizes that the call instruction of preset table component is arranged in developer and table setting parameter produces table, greatly reduces encoding amount and development time, so that table formation efficiency is high.
Description
Technical field
The present invention relates to computer field more particularly to a kind of generation methods of table, terminal and computer-readable storage
Medium.
Background technique
Table is most basic one of the data exhibition method of front end page, particularly often appears in data statistics class business
In scene.Table shows that the general coding that passes through is realized in front end page, when needing to generate table in the page now, exploit person
Member is generally encoded according to the demand that shows of table one by one from start to end, is become increasingly complex however as data structure,
The form that shows of table also becomes increasingly complex, and develops table according to the existing mode encoded one by one, then needs a large amount of
Encoding amount and development time are realized, so that table formation efficiency is very low.
Above content is only used to facilitate the understanding of the technical scheme, and is not represented and is recognized that above content is existing skill
Art.
Summary of the invention
The main purpose of the present invention is to provide a kind of generation method of table, terminal and computer readable storage medium,
Aiming to solve the problem that existing table generates needs a large amount of encoding amount and development time to realize, so that table formation efficiency is low-down
Technical problem.
To achieve the above object, the present invention provides a kind of generation method of table, the generation method of the table include with
Lower step:
When detecting that table generates instruction, instruction is generated according to the table and calls preset table component；
Request of data is generated according to the preset table component and table setting parameter, and is sent to background server；
After receiving the data content that the background server is returned according to request of data, according to the data content and
The template content of the preset table component renders to form target table.
Optionally, the template content according to the data content and the preset table component renders to form target
The step of table includes:
Document object model tree is generated according to the template content of the data content and the preset table component；
It renders the document object model tree and forms the target table.
Optionally, described that document object is generated according to the template content of the content-data and the preset table component
The step of model tree includes:
Determine each data in the preset table component according to the level of data each in the data content
Position in template content；
Each data are inserted into respectively in the corresponding position of the template content, the DOM Document Object Model is generated
Tree.
Optionally, described that document object is generated according to the template content of the data content and the preset table component
The step of model tree includes:
Determine the data of each node described pre- according to the attribute of node each in the data content and position
If the position of the template content of form component；
The data of each node are inserted into the corresponding position of the template content, the DOM Document Object Model is generated
Tree.
Optionally, the template content according to the data content and the preset table component renders to form target
The step of table includes:
Parse the data content；
It renders to form object table according to the template content of data content and the preset table component after the parsing
Lattice.
Optionally, the data content after the parsing include cell processing information when, it is described according to the parsing after
The template content of data content and the preset table component renders the step of forming target table and includes:
It handles information according to the cell to handle the template content of the preset table component, the processing packet
Include merging and/or fractionation；
According to the data content and treated that template content renders to form target table.
Optionally, when the data content after the parsing includes page fix region content and on-fixed region content,
The template content of the data content according to after the parsing and the preset table component renders to form target table
Step includes:
Obtain fixed area and the on-fixed region of the template content of the preset table component；
Page fix region content is inserted into the fixed area of the template content, and by page on-fixed area
Domain content is inserted into the on-fixed region of the template content；
The template content is rendered to form target table.
Optionally, described the step of generating instruction calling preset table component according to the table, includes:
It obtains the table and generates the corresponding identification information of instruction；
Corresponding preset table component is called according to the identification information.
The present invention also provides a kind of terminal, the terminal includes: memory, processor and is stored on the memory simultaneously
The table that can be run on the processor generates program, and the table is generated when program is executed by the processor and realized as above
Each step of the generation method of the table.
In addition, being stored on the computer readable storage medium the present invention also provides a kind of computer readable storage medium
There is table to generate program, the table generates each of the generation method for realizing table as described above when program is executed by processor
A step.
Generation method, terminal and the computer readable storage medium for a kind of table that the embodiment of the present invention proposes, by pre-
General preset table component is first set, when carrying out table setting, instruction is generated by setting table and calls preset table group
Part, and then request of data is generated according to the preset table component and table setting parameter, and send background server, it receives
After the data content returned to the background server according to the request of data, according to the data content and described default
The template content of form component renders to form target table, in this way, developer only needs to be arranged the calling of preset table component
The generation of table can be realized in instruction and table setting parameter, greatly reduces encoding amount and development time, so that table generates
It is high-efficient.
Detailed description of the invention
Fig. 1 is the terminal structure schematic diagram for the hardware running environment that the embodiment of the present invention is related to；
Fig. 2 is an embodiment flow diagram of the generation method of table of the present invention；
Fig. 3 is the flow diagram that step S30 is further refined in another embodiment of the generation method of table of the present invention；
Fig. 4 is the embodiment flow diagram that step S31 is further refined in Fig. 3；
Fig. 5 is another embodiment flow diagram that step S31 is further refined in Fig. 3；
Fig. 6 is the flow diagram that step S30 is further refined in the another embodiment of the generation method of table of the present invention；
Fig. 7 is the embodiment flow diagram that step S34 is further refined in Fig. 6；
Fig. 8 is another embodiment flow diagram that step S34 is further refined in Fig. 6.
The embodiments will be further described with reference to the accompanying drawings for the realization, the function and the advantages of the object of the present invention.
Specific embodiment
It should be appreciated that the specific embodiments described herein are merely illustrative of the present invention, it is not intended to limit the present invention.
The primary solutions of the embodiment of the present invention are: when detecting that table generates instruction, being referred to according to table generation
It enables and calls preset table component；Request of data is generated according to the preset table component and table setting parameter, and is sent to
Background server；After receiving the data content that the background server is returned according to request of data, according to the data content
And the template content of the preset table component renders to form target table.
As shown in Figure 1, Fig. 1 is the terminal structure schematic diagram for the hardware running environment that the embodiment of the present invention is related to.
The terminal of that embodiment of the invention can be PC, be also possible to smart phone, tablet computer, etc. end having a display function
End equipment.
As shown in Figure 1, the terminal may include: processor 1001, such as CPU, network interface 1004, user interface
1003, memory 1005, communication bus 1002.Wherein, communication bus 1002 is for realizing the connection communication between these components.
User interface 1003 may include display screen (Display), input unit such as keyboard (Keyboard), optional user interface
1003 can also include standard wireline interface and wireless interface.Network interface 1004 optionally may include that the wired of standard connects
Mouth, wireless interface (such as WI-FI interface).Memory 1005 can be high speed RAM memory, be also possible to stable memory
(non-volatile memory), such as magnetic disk storage.Memory 1005 optionally can also be independently of aforementioned processor
1001 storage device.
Optionally, terminal can also include camera, RF (Radio Frequency, radio frequency) circuit, sensor, audio
Circuit, WiFi module, locating module etc..Wherein, sensor such as optical sensor, motion sensor and other sensors.
Specifically, optical sensor may include ambient light sensor and proximity sensor, wherein ambient light sensor can be according to ambient light
Light and shade adjust the brightness of display screen, proximity sensor can close display screen and/or back when mobile terminal is moved in one's ear
Light.As a kind of motion sensor, gravity accelerometer can detect (generally three axis) acceleration in all directions
Size can detect that size and the direction of gravity when static, can be used to identify the application of mobile terminal posture, (for example horizontal/vertical screen is cut
Change, dependent game, magnetometer pose calibrating), Vibration identification correlation function (such as pedometer, tap) etc.；The locating module
Such as GPS module or Beidou positioning module；Certainly, mobile terminal can also configure gyroscope, barometer, hygrometer, thermometer,
The other sensors such as infrared sensor, details are not described herein.
It will be understood by those skilled in the art that the restriction of the not structure paired terminal of terminal structure shown in Fig. 1, can wrap
It includes than illustrating more or fewer components, perhaps combines certain components or different component layouts.
As with continued reference to shown in Fig. 1, as may include operation system in a kind of memory 1005 of computer storage medium
System, network communication module, Subscriber Interface Module SIM and table generate program.
In terminal shown in Fig. 1, network interface 1004 is mainly used for connecting background server, carries out with background server
Data communication；User interface 1003 is mainly used for connecting client (user terminal), carries out data communication with client；And processor
1001 can be used for that the table stored in memory 1005 is called to generate program, and execute following operation:
When detecting that table generates instruction, instruction is generated according to the table and calls preset table component；
Request of data is generated according to the preset table component and table setting parameter, and is sent to background server；
After receiving the data content that the background server is returned according to request of data, according to the data content and
The template content of the preset table component renders to form target table.
Further, processor 1001 can call the table stored in memory 1005 to generate program, also execute following
Operation:
Document object model tree is generated according to the template content of the data content and the preset table component；
It renders the document object model tree and forms the target table.
Further, processor 1001 can call the table stored in memory 1005 to generate program, also execute following
Operation:
Determine each data in the preset table component according to the level of data each in the data content
Position in template content；
Each data are inserted into respectively in the corresponding position of the template content, the DOM Document Object Model is generated
Tree.
Further, processor 1001 can call the table stored in memory 1005 to generate program, also execute following
Operation:
Determine the data of each node described pre- according to the attribute of node each in the data content and position
If the position of the template content of form component；
The data of each node are inserted into the corresponding position of the template content, the DOM Document Object Model is generated
Tree.
Further, processor 1001 can call the table stored in memory 1005 to generate program, also execute following
Operation:
Parse the data content；
It renders to form object table according to the template content of data content and the preset table component after the parsing
Lattice.
Further, processor 1001 can call the table stored in memory 1005 to generate program, also execute following
Operation:
It handles information according to the cell to handle the template content of the preset table component, the processing packet
Include merging and/or fractionation；
According to the data content and treated that template content renders to form target table.
Further, processor 1001 can call the table stored in memory 1005 to generate program, also execute following
Operation:
Obtain fixed area and the on-fixed region of the template content of the preset table component；
Page fix region content is inserted into the fixed area of the template content, and by page on-fixed area
Domain content is inserted into the on-fixed region of the template content；
The template content is rendered to form target table.
Further, processor 1001 can call the table stored in memory 1005 to generate program, also execute following
Operation:
It obtains the table and generates the corresponding identification information of instruction；
Corresponding preset table component is called according to the identification information.
Referring to Fig. 2, the present invention provides an a kind of embodiment of the generation method of table, the generation method application of the table
Generated in the table of Webpage, the generation method of the specific table the following steps are included:
Step S10 when detecting that table generates instruction, generates instruction according to the table and calls preset table component；
Step S20 generates request of data according to the preset table component and table setting parameter, and is sent to backstage
Server；
Step S30, after receiving the data content that the background server is returned according to the request of data, according to described
The template content of data content and the preset table component renders to form target table.
The present embodiment is implemented in front end page, the front end page and background server communication connection, realizes the front end
Data transmission between the page and the background server.
The generation method of table described in the present embodiment is based on presetting form component, if based on generating new table
When being encoded, instruction is generated by setting table and calls preset table component, and then is directly updated by some data contents
New table is presented in the mode of the template content of the preset table component, can save writing for most of code.
The preset table component is a kind of complicated form component realized based on AngularJS 1.x frame, is used
The development scheme instructed in AngularJS and the ng-repeat instruction built in it, by construct reasonable instruction template and
Rationally realize instruction link process, convenient with simple, reusable component, to complete largely to need primary HTML+
The development of Javascript.When subsequent redevelopment table, it need to only be arranged and relevant Javascript file is quoted,
It can realize complicated list function.
Specifically, the preset table component includes the encapsulation of data transmission format normalization and the update of template content
The encapsulation of method, what the preset table component was standardized is the data transmission format between front end page and background server,
It is returned and the data format especially by the data format for defining the request of data that background server is issued according to front end page
Identical data content, in this way, not needing when front end page receives the data content of background server return to the data
The hierarchical relationship of content is adjusted and converts.The template content includes fixing column region and on-fixed column region, will be described
Fixed column region and on-fixed column region are independently arranged.Namely the preset table component is passed by the data of specification front and back end
Transport format, isolation divides fixed table content and can drag table content, with Angular.js built-in instruction ng-repeat's
Correlation properties carry out template rendering to the data content (list data) received.Subsequent development personnel only need in HTML
Relevant instruction js file, and the specific template position in html are quoted, configures corresponding table setting parameter, so that it may in pole
Table exploitation is completed in the short time.
After the completion of the preset table component package, it is stored in default memory block, in the exploitation of complicated table, exploit person
Table is arranged in HTML and generates instruction by member, and the table generates the identification information that instruction includes the preset table component,
The identification information includes the address information of the preset table component or has incidence relation with the preset table component
Identifier etc..During front end page operation, if detecting, the table generates instruction, obtains the table and generates
Corresponding identification information is instructed, and then corresponding preset table component is called according to the identification information, using the preset table
The generation of lattice component progress table.
Further, described that request of data is generated according to the preset table component and table setting parameter, and send
Include: to the step of background server
According to the Preset Transfer format and table setting parameter generation request of data in the preset table component, concurrently
It send to background server.
After getting the preset table component, based on preset transformat in the preset table component and open
The table setting parameter that hair personnel set according to table demand generates request of data, and is sent to background server, background service
After device receives the request of data, parameter return and institute are arranged according to the Preset Transfer format and table of the request of data
The identical data content of transformat is stated to front end page, in this way, front end page receives in the data of background server transmission
Rong Hou does not need the data processing replicated and conversion, improves data-handling efficiency.
Wherein, the table setting parameter includes line number, columns, merges item, split item, fixed column and/or line number, is non-solid
Fixed column and/line number and the address information of list data etc., the table setting parameter is by developer to the need of page tabular
It asks and is arranged.After background server receives the table setting parameter, according to the address information call list of the list data
Lattice data are converted into data content identical with the transformat according to the line number, columns and the list data, into
And the data content is back to the front end page.
After the front end page receives the data content that the background server is returned according to the request of data, according to
The template content of the data content and the preset table component renders to form target table.The template content is table
Frame structure fills the table frame according to the data content, with exhibition after front end page gets the data content
Show the target table that request generates.
After front end page gets the data content, the mode that the data content is filled into the table frame is had
It is a variety of, the corresponding position of template content as described according to the insertion of the position of each data definition in data content, and then render
The template content；Or each data definition in data content is at tree structure, directly by the data of the tree structure
Content is inserted into the template content, and then renders the template content.
The present embodiment is by presetting general preset table component, when carrying out table setting, by the way that table is arranged
It generates instruction and calls preset table component, and then generate data according to the preset table component and table setting parameter and ask
It asks, and sends background server, after receiving the data content that the background server is returned according to the request of data, according to
The template content of the data content and the preset table component renders to form target table, in this way, developer only needs
The generation of table can be realized in call instruction and table setting parameter that preset table component is arranged, greatly reduces encoding amount
And the development time, so that table formation efficiency is high.
In another embodiment, in the present embodiment, the background server root is received based on the above embodiment referring to Fig. 3
After the data content returned according to the request of data, the template according to the data content and the preset table component
Content renders the step of forming target table and includes:
Step S31 generates document object mould according to the template content of the data content and the preset table component
Type tree；
Step S32 renders the document object model tree and forms the target table.
After front end page receives the data content of background server return, then updated according to the data content described pre-
If the template content of form component, target table is presented on the page to realize, specifically in program process, described in calling
After preset table component, then the preset table component is independently executed, the preset table component detection to data content updates
Afterwards, document object model tree is generated (below according to the template content of the data content and the preset table component
Referred to as dom tree), and then the node data rendered on the dom tree is instructed using using ng-repeat, it generates required
Target table.
Wherein, the type of the data content can be common JSON array, be also possible to tree-like JSON, the backstage clothes
Business implement body determines the type of the data content according to preset transmission mode.In the present embodiment, according to the data content
And the template content of the preset table component generates the class of document object model tree detailed process content based on the data
Type is different and different, specific as follows:
One, described according to the content-data and described when the type of the data content is array referring to Fig. 4
The template content of preset table component generates the step of document object model tree and includes:
Step S311 determines each data in the preset table according to the level of data each in the data content
Position in the template content of lattice component；
Each data are inserted into the corresponding position of the template content respectively, generate the document by step S312
Object model tree.
Namely the type of the data content be common JSON array when, since background server is according to preset transmission lattice
Formula returns to the data content, and each data definition in the data content has position, theme and level etc., according to each
The level of data determines level of each data in the template content of the preset table component, and then according to the layer
Grade determines position of each data in the template content of the preset table component, so that each data be distinguished
It is inserted into the corresponding position of the template content, document is generated based on the template content and the data content and corresponds to model
Tree.
Two, described according to the data content and described when the type of the data content is tree-like referring to Fig. 5
The template content of preset table component generates the step of document object model tree and includes:
Step S313 determines the data of each node according to the attribute of node each in the data content and position
In the position of the template content of the preset table component；
The data of each node are inserted into the corresponding position of the template content, generate the text by step S314
Shelves object model tree.
Namely the type of the data content be it is tree-like when namely the background server returned according to preset transformat
Tree data content is returned, each node in the tree data content has its attribute and position, is receiving the number
After content, attribute and the position of each node in the data content are successively obtained, obtains the mould of institute's dormitory form component
Position identical with the attribute and position in plate content, and then the data of the node are inserted into pair of the template content
It answers in position, realizes and the dom tree is generated according to the data content and the template content.
Front end page in the present embodiment is after getting data content, according to the data content and the preset table
The template content of lattice component generates document object model tree；And then it renders the document object model tree and realizes described in quickly formation
Target table.
In another embodiment, referring to Fig. 6, the present embodiment is based on above-mentioned all embodiments, receives the background service
It is described according to the data content and the preset table component after the data content that device is returned according to the request of data
Template content renders the step of forming target table and includes:
Step S33 parses the data content；
Step S34 renders shape according to the template content of data content and the preset table component after the parsing
At target table.
The data content includes the contents such as table setting parameter, list data, wherein table setting parameter includes
One of line number, columns, combining unit information and split cells information are a variety of, therefore, are getting in the data
Rong Hou first parses the data content, and with the information of the determination data content specifically included, such as data content is parsed
Afterwards include cell processing information, page fix column or on-fixed region content information etc., based on the data content after parsing into
It after row is handled one by one and then renders, to obtain target table.
Wherein, the data content is parsed by the way of data conversion in the present embodiment, wash with watercolours is obtained after conversion
The data format of dye, Merge Cells information, page fix column, at least one in the content Merge Cells field of on-fixed region
When kind, by the data content transmission after the parsing into preset table component, according to the template of the preset table component
Content is configured and is rendered, and the table of user demand is obtained.
Specifically, referring to shown in Fig. 7, when the data content after the parsing includes cell processing information, described
The step of forming target table packet is rendered according to the template content of data content and the preset table component after the parsing
It includes:
Step S341 handles information according to the cell and handles the template content of the preset table component,
The processing includes merging and/or splitting；
Step S342, according to the data content and treated that template content renders to form target table.
When the table and template content difference of developer's exploitation, need at the cell based on the template content
Reason, such as merge or split, it is based on this, developer, according to demand will be at the cell when parameter is arranged in setting table
Information setting is managed in table setting parameter, parameter and default template component is arranged according to the table in background server
It include cell processing information or developer in the data content of generation when table setting parameter is arranged, by table
Lattice demand setting the table setting parameter in, background server according to the table be arranged Parameter Switch at cell at
Information is managed, front end page is back to, front end page handles information to the template content of the description components according to the cell
It is handled, and then is rendered to target table, be presented on the page.Wherein, described to merge including merging rows and/column, it is described to tear open
Divide includes splitting row and/column.
In other embodiments, when content is tree structure based on the data, the data content after the parsing includes
When cell handles information, the template content wash with watercolours of the data content according to after the parsing and the preset table component
The step of dye forms target table includes: in the template according to data content and the preset table component after the parsing
Hold during generating document object model tree, when the node of document object model tree is completed, if the node needs to carry out unit
Lattice processing, then handled the node of the document object model tree, such as merging and/or deconsolidation process, the document object
After the node processing of model tree, the document object model tree is rendered, to form target table.
It is described to be generated according to the template content of the data content and the preset table component in further scheme
The step of document object model tree includes: to generate dom tree according to the data content after parsing, and when DOM tree node is raw, determining should
Whether node needs to carry out cell processing, if desired, then carries out cell processing to the node, and then in the dom tree
After generating completely, node each on the dom tree is inserted into the template content, realizes the generation of target table.
Specifically, referring to Fig. 8, the data content after parsing includes page fix region content and on-fixed area
When the content of domain, the template content of the data content according to after the parsing and the preset table component renders to form mesh
Mark table the step of include:
Step S343 obtains fixed area and the on-fixed region of the template content of the preset table component；
Page fix region content, is inserted into the fixed area of the template content by step S344, and by the page
Face on-fixed region content is inserted into the on-fixed region of the template content；
Step S345 renders the template content to form target table.
Default template content includes fixed area and on-fixed region, and the data content after the parsing includes page fix
When region content and on-fixed region content, the page fix region content in the data content is inserted into the template
Hold corresponding fixed area, and the corresponding on-fixed area of the template content is inserted into the on-fixed region in the data content
Domain.
In other embodiments, if the data content is tree structure, and the data content after parsing includes the page
When fixed area content and on-fixed region content, content corresponding node in the page fix region is inserted into the template
Hold on corresponding fixed area node, it is corresponding that content corresponding node in page on-fixed region is inserted into the template content
On-fixed Area Node on, realize quickly generating for dynamic table and static table.
In addition, after the parsing of data content described in the present embodiment, it is raw according to the data content and default template component
During dom tree, page fix region content forms independent dom tree, and page on-fixed region content also forms independent
Dom tree is inserted into template during rendering forms target table by the dom tree for forming the page fix content
Fixed area in appearance, and the on-fixed region in the dom tree insertion template content that page on-fixed content is formed, after rendering
Target table after combination is presented.
The fixed area and on-fixed Regional Linking is arranged in template content described in the present embodiment, and institute is dragged on the page
When stating the table in on-fixed region, the table of the fixed area is moved, namely the linkage in two pieces of regions is kept when dragging.
The present embodiment is dynamic template by setting template content, can be merged, be split based on data content, made and move
The setting such as state table and non-dynamic table, data content diversified facilities realize quickly generating for complicated table, improve complicated table
The formation efficiency of lattice.
The present invention also provides a kind of terminal, the terminal includes: memory, processor and is stored on the memory simultaneously
The table that can be run on the processor generates program, and the table is generated when program is executed by the processor and realized as above
Each embodiment of the generation method of the table.
In addition, being stored on the computer readable storage medium the present invention also provides a kind of computer readable storage medium
There is table to generate program, the table generates each of the generation method for realizing table as described above when program is executed by processor
A embodiment.
The above is only alternative embodiments of the invention, are not intended to limit the scope of the invention, all to utilize this hair
Equivalent structure or equivalent flow shift made by bright specification and accompanying drawing content is applied directly or indirectly in other relevant skills
Art field, is included within the scope of the present invention.
Claims (10)
1. a kind of generation method of table, which is characterized in that the generation method of the table the following steps are included:
When detecting that table generates instruction, instruction is generated according to the table and calls preset table component；
Request of data is generated according to the preset table component and table setting parameter, and is sent to background server；
After receiving the data content that the background server is returned according to the request of data, according to the data content and
The template content of the preset table component renders to form target table.
2. the generation method of table as described in claim 1, which is characterized in that described according to the data content and described
The template content of preset table component renders the step of forming target table and includes:
Document object model tree is generated according to the template content of the data content and the preset table component；
It renders the document object model tree and forms the target table.
3. the generation method of table as claimed in claim 2, which is characterized in that described according to the content-data and described
The template content of preset table component generates the step of document object model tree and includes:
Determine each data in the template of the preset table component according to the level of data each in the data content
Position in content；
Each data are inserted into respectively in the corresponding position of the template content, the document object model tree is generated.
4. the generation method of table as claimed in claim 2, which is characterized in that described according to the data content and described
The template content of preset table component generates the step of document object model tree and includes:
Determine the data of each node in the preset table according to the attribute of node each in the data content and position
The position of the template content of lattice component；
The data of each node are inserted into the corresponding position of the template content, the document object model tree is generated.
5. the generation method of table as described in claim 1, which is characterized in that described according to the data content and described
The template content of preset table component renders the step of forming target table and includes:
Parse the data content；
It renders to form target table according to the template content of data content and the preset table component after the parsing.
6. the generation method of table as claimed in claim 5, which is characterized in that the data content after the parsing includes unit
When lattice handle information, the template content of the data content according to after the parsing and the preset table component renders shape
Include: at the step of target table
It handles information according to the cell to handle the template content of the preset table component, the processing includes closing
And it and/or splits；
According to the data content and treated that template content renders to form target table.
7. the generation method of table as claimed in claim 5, which is characterized in that the data content after the parsing includes the page
When fixed area content and on-fixed region content, the data content according to after the parsing and the preset table
The template content of component renders the step of forming target table and includes:
Obtain fixed area and the on-fixed region of the template content of the preset table component；
Page fix region content is inserted into the fixed area of the template content, and will be in page on-fixed region
Hold the on-fixed region for being inserted into the template content；
The template content is rendered to form target table.
8. the generation method of table as described in claim 1, which is characterized in that described to generate instruction calling according to the table
The step of preset table component includes:
It obtains the table and generates the corresponding identification information of instruction；
Corresponding preset table component is called according to the identification information.
9. a kind of terminal, which is characterized in that the terminal includes: memory, processor and is stored on the memory and can
The table run on the processor generates program, and the table generates when program is executed by the processor and realizes such as right
It is required that the step of generation method of table described in any one of 1 to 8.
10. a kind of computer readable storage medium, which is characterized in that it is raw to be stored with table on the computer readable storage medium
At program, the table generates the life realized when program is executed by processor such as table described in any item of the claim 1 to 8
The step of at method.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910777170.3A CN110516218B (en) | 2019-08-21 | 2019-08-21 | Method for generating table, terminal and computer readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910777170.3A CN110516218B (en) | 2019-08-21 | 2019-08-21 | Method for generating table, terminal and computer readable storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110516218A true CN110516218A (en) | 2019-11-29 |
| CN110516218B CN110516218B (en) | 2023-10-10 |
Family
ID=68627120
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910777170.3A Active CN110516218B (en) | 2019-08-21 | 2019-08-21 | Method for generating table, terminal and computer readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110516218B (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111090975A (en) * | 2019-12-10 | 2020-05-01 | 金蝶软件（中国）有限公司 | Data printing method, data processing system and computer storage medium |
| CN112749168A (en) * | 2021-01-19 | 2021-05-04 | 国网江苏省电力有限公司无锡供电分公司 | Method, device, equipment and storage medium for generating model tree structure |
| CN115563111A (en) * | 2022-09-27 | 2023-01-03 | 国网江苏省电力有限公司超高压分公司 | Method and system for configuring dynamic model of converter station system |
| CN116107576A (en) * | 2023-04-14 | 2023-05-12 | 小米汽车科技有限公司 | Page component rendering method and device, electronic equipment and vehicle |
| CN111090975B (en) * | 2019-12-10 | 2024-04-19 | 金蝶软件（中国）有限公司 | Data printing method, data processing system and computer storage medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105138312A (en) * | 2014-06-05 | 2015-12-09 | 阿里巴巴集团控股有限公司 | Table generation method and apparatus |
| CN105183489A (en) * | 2015-10-10 | 2015-12-23 | 南京国电南自轨道交通工程有限公司 | Extjs frame based intelligent data analysis system and method |
| CN107977351A (en) * | 2017-12-28 | 2018-05-01 | 平安科技（深圳）有限公司 | Electronic report forms generation method, device, computer equipment and storage medium |
| CN108090035A (en) * | 2016-11-23 | 2018-05-29 | 北京国双科技有限公司 | Data processing method and device |
-
2019
- 2019-08-21 CN CN201910777170.3A patent/CN110516218B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105138312A (en) * | 2014-06-05 | 2015-12-09 | 阿里巴巴集团控股有限公司 | Table generation method and apparatus |
| CN105183489A (en) * | 2015-10-10 | 2015-12-23 | 南京国电南自轨道交通工程有限公司 | Extjs frame based intelligent data analysis system and method |
| CN108090035A (en) * | 2016-11-23 | 2018-05-29 | 北京国双科技有限公司 | Data processing method and device |
| CN107977351A (en) * | 2017-12-28 | 2018-05-01 | 平安科技（深圳）有限公司 | Electronic report forms generation method, device, computer equipment and storage medium |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111090975A (en) * | 2019-12-10 | 2020-05-01 | 金蝶软件（中国）有限公司 | Data printing method, data processing system and computer storage medium |
| CN111090975B (en) * | 2019-12-10 | 2024-04-19 | 金蝶软件（中国）有限公司 | Data printing method, data processing system and computer storage medium |
| CN112749168A (en) * | 2021-01-19 | 2021-05-04 | 国网江苏省电力有限公司无锡供电分公司 | Method, device, equipment and storage medium for generating model tree structure |
| CN112749168B (en) * | 2021-01-19 | 2022-09-30 | 国网江苏省电力有限公司无锡供电分公司 | Method, device, equipment and storage medium for generating model tree structure |
| CN115563111A (en) * | 2022-09-27 | 2023-01-03 | 国网江苏省电力有限公司超高压分公司 | Method and system for configuring dynamic model of converter station system |
| CN116107576A (en) * | 2023-04-14 | 2023-05-12 | 小米汽车科技有限公司 | Page component rendering method and device, electronic equipment and vehicle |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110516218B (en) | 2023-10-10 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109725901B (en) | Front-end code development method, device, equipment and computer storage medium | |
| US10284705B2 (en) | Method and apparatus for controlling smart device, and computer storage medium | |
| CN106775836B (en) | Interface display method and interface display device | |
| US20130238982A1 (en) | Methods and apparatus for editing an application webpage | |
| CN105955888B (en) | Page debugging preview method and system | |
| CN110297636B (en) | Page automatic generation and parameter management method, system and device based on page configuration file | |
| CN111104635B (en) | Method and device for generating form webpage | |
| CN110516218A (en) | Generation method, terminal and the computer readable storage medium of table | |
| CN108376094B (en) | Notification message display method and device, computer equipment and storage medium | |
| CN104820589B (en) | A kind of method and its device of dynamic adaptation webpage | |
| CN107992301A (en) | User interface implementation method, client and storage medium | |
| CN111026490B (en) | Page rendering method and device, electronic equipment and storage medium | |
| US20230308504A9 (en) | Method and system of application development for multiple device client platforms | |
| CN111178012A (en) | Form rendering method, device and equipment and storage medium | |
| CN102077553B (en) | Method, apparatus and computer program product for providing context triggered distribution of context models | |
| US20200159789A1 (en) | Method and device for page display, and storage medium | |
| EP2711846A1 (en) | Method and device for processing template file | |
| CN108427546A (en) | Full screen adaptation method, display device and the storage medium of display device | |
| CN110399583A (en) | Page display method, device, electronic equipment and storage medium | |
| CN110609965A (en) | Page display method and device and storage medium | |
| CN111782314A (en) | Method and device for processing webpage form, electronic equipment and storage medium | |
| CN110046072A (en) | Monitoring method, device, terminal and the readable storage medium storing program for executing of the page | |
| CN109614173A (en) | A kind of skin change method and device | |
| CN105988814A (en) | Interface generation method and apparatus | |
| WO2023227045A1 (en) | Display object determination method and apparatus, electronic device, and storage 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 |