CN111104635A

CN111104635A - Table webpage generation method and device

Info

Publication number: CN111104635A
Application number: CN201911339952.5A
Authority: CN
Inventors: 翟盈盈; 李博林
Original assignee: Shanghai Zhongyuan Network Co ltd
Current assignee: Shanghai Zhongyuan Network Co ltd
Priority date: 2019-12-23
Filing date: 2019-12-23
Publication date: 2020-05-05
Anticipated expiration: 2039-12-23
Also published as: CN111104635B

Abstract

The application relates to a method and a device for generating a table webpage, wherein the method comprises the following steps: calling an initial table resource component matched with the acquired table resource element information, wherein the table resource element information is used for indicating the table resource elements included on the target table webpage; establishing an incidence relation between an initial table resource component and a configuration data component, wherein the configuration data component is used for providing configuration data for the table resource component with the incidence relation; introducing target configuration data into the initial table resource assembly from the configuration data assembly corresponding to the initial table resource assembly according to the incidence relation, and generating a target table resource assembly; and rendering the target table resource assembly on the initial webpage according to the target layout to obtain the target table webpage. The method and the device solve the technical problem that the generation efficiency of the form webpage is low.

Description

Table webpage generation method and device

Technical Field

The present application relates to the field of computers, and in particular, to a method and an apparatus for generating a table webpage.

Background

With the rapid development of the web technology, the occupation ratio of the front-end technology is more and more important, in order to keep the controllability of the project, the workload of operation can be customized or reduced by each project, company and the like, and the requirement for independently developing and managing a background is more and more frequent. For this phenomenon, many different types of management backgrounds may appear, but although the functions of the various management backgrounds are different, the form is the most common function point for managing the backend.

With the gradual iteration of a certain project, a backstage worker can spend a large part of time for developing a form page, in practical application, in different webpages or different systems, page layouts of form resource pages for data addition, deletion, modification and check are often similar, only the form screening options are different, the data shown in the form is different, and the pages of pages are different, but usually, a front-end developer is required to repeat workload to generate a page template every time a new page is added, so that the generation efficiency of the form webpage is very low.

In view of the above problems, no effective solution has been proposed.

Disclosure of Invention

In order to solve the technical problem or at least partially solve the technical problem, the application provides a method and a device for generating a table webpage.

According to an aspect of an embodiment of the present application, there is provided a method for generating a table webpage, including:

calling an initial table resource component matched with the acquired table resource element information, wherein the table resource element information is used for indicating table resource elements included on the target table webpage;

establishing an incidence relation between the initial table resource component and a configuration data component, wherein the configuration data component is used for providing configuration data for the table resource component with the incidence relation;

introducing target configuration data into the initial table resource assembly from the configuration data assembly corresponding to the initial table resource assembly according to the incidence relation, and generating a target table resource assembly;

and rendering the target table resource component on the initial webpage according to the target layout to obtain the target table webpage.

Optionally, the invoking of the initial table resource component matched with the acquired table resource element information includes:

determining a target table resource element indicated by the table resource element information, wherein the target table resource element comprises a table element and at least one of: table elements, button elements, page elements;

obtaining an initial table component matching the table element from a table resource component library, and obtaining at least one of the following from the table resource component library: an initial form component matching the form element, an initial button component matching the button element, and an initial paging component matching the paging element.

Optionally, the establishing an association relationship between the initial table resource component and the configuration data component includes:

establishing an association relationship between the initial table component and a table header configuration component and a table data configuration component, wherein the table header configuration component is used for providing table header data, and the table data configuration component is used for providing cell data of a table;

establishing an incidence relation among the initial form component, a form data configuration component and a form parameter configuration component under the condition that the target form resource element comprises the form element, wherein the form data configuration component is used for providing form data, and the form parameter configuration is used for providing form parameter information;

establishing an association relationship between the initial button component and a button data configuration component in the case that the target table resource element comprises the button element, wherein the button data configuration component is used for providing button data;

and under the condition that the target table resource elements comprise the paging elements, establishing an association relation between the initial paging component and a paging data configuration component, wherein the paging data configuration component is used for providing paging data.

Optionally, introducing target configuration data into the initial table resource assembly from the configuration data assembly corresponding to the initial table resource assembly according to the association relationship, and generating the target table resource assembly includes:

introducing table header data stored in the table header configuration component and cell data stored in the table data configuration component into the initial table component to generate a target table component;

under the condition that the target table resource element comprises the form element, introducing the form data stored in the form data configuration component and the form parameter information stored in the form parameter configuration component into the initial form component to generate a target form component;

under the condition that the target table resource element comprises the button element, introducing the button data stored in the button data configuration component into the initial button component to generate a target button component;

and under the condition that the target table resource elements comprise the paging elements, introducing the paging data stored in the paging data configuration component into the initial paging component to generate a target paging component.

Optionally, rendering the target table resource component on the initial webpage according to the target layout, and obtaining the target table webpage includes:

rendering the target table component to the table location indicated by the target layout;

rendering the target form component to the form location indicated by the target layout if the target form resource element comprises the form element;

rendering the target button component to the button location indicated by the target layout if the target table resource element includes the button element;

rendering the target paging component to the paging location indicated by the target layout if the target table resource element includes the paging element.

Optionally, before rendering the target form resource component on the initial web page according to the target layout to obtain the target form web page, the method further includes:

receiving the configured target layout; or,

and acquiring the target layout matched with the table resource element information from a layout template library.

According to another aspect of the embodiments of the present application, there is also provided a device for generating a table webpage, including:

the calling module is used for calling an initial table resource component matched with the acquired table resource element information, wherein the table resource element information is used for indicating the table resource elements included on the target table webpage;

the establishing module is used for establishing an incidence relation between the initial table resource component and a configuration data component, wherein the configuration data component is used for providing configuration data for the table resource component with the incidence relation;

a generating module, configured to introduce target configuration data into the initial table resource assembly from the configuration data assembly corresponding to the initial table resource assembly according to the association relationship, and generate a target table resource assembly;

and the rendering module is used for rendering the target table resource component on the initial webpage according to the target layout to obtain the target table webpage.

Optionally, the invoking module includes:

a determining unit, configured to determine a target table resource element indicated by the table resource element information, where the target table resource element includes a table element and at least one of: table elements, button elements, page elements;

an obtaining unit, configured to obtain an initial table component matching the table element from a table resource component library, and obtain at least one of the following from the table resource component library: an initial form component matching the form element, an initial button component matching the button element, and an initial paging component matching the paging element.

Optionally, the establishing module includes:

a first establishing unit, configured to establish an association relationship between the initial table component and a table header configuration component and a table data configuration component, where the table header configuration component is configured to provide table header data, and the table data configuration component is configured to provide cell data of a table;

a second establishing unit, configured to establish an association relationship between the initial form component and a form data configuration component and a form parameter configuration component when the target form resource element includes the form element, where the form data configuration component is used to provide form data, and the form parameter configuration is used to provide form parameter information;

a third establishing unit, configured to establish an association relationship between the initial button component and a button data configuration component if the target table resource element includes the button element, where the button data configuration component is used to provide button data;

a fourth establishing unit, configured to establish an association relationship between the initial paging component and a paging data configuration component if the target table resource element includes the paging element, where the paging data configuration component is configured to provide paging data.

Optionally, the generating module includes:

the first generating unit is used for introducing the table header data stored in the table header configuration component and the cell data stored in the table data configuration component into the initial table component to generate a target table component;

a second generating unit, configured to introduce, in the case that the target form resource element includes the form element, the form data stored in the form data configuration component and the form parameter information stored in the form parameter configuration component into the initial form component, and generate a target form component;

a third generating unit, configured to, in a case that the target table resource element includes the button element, introduce the button data stored in the button data configuration component into the initial button component, and generate a target button component;

and the fourth generating unit is used for introducing the paging data stored in the paging data configuration component into the initial paging component and generating a target paging component under the condition that the target table resource element comprises the paging element.

Optionally, the rendering module comprises:

a first rendering unit to render the target table component to a table location indicated by the target layout;

a second rendering unit to render the target form component to the form location indicated by the target layout if the target form resource element includes the form element;

a third rendering unit, configured to render the target button component to the button position indicated by the target layout if the target table resource element includes the button element;

a fourth rendering unit, configured to render the target paging component to the paging location indicated by the target layout if the target table resource element includes the paging element.

Optionally, the apparatus further comprises:

a receiving module, configured to receive the configured target layout before the target form resource component is rendered on the initial webpage according to the target layout to obtain the target form webpage; or,

and the acquisition module is used for acquiring the target layout matched with the table resource element information from a layout template library before the target table resource component is rendered on the initial webpage according to the target layout to obtain the target table webpage.

According to another aspect of the embodiments of the present application, there is also provided a storage medium including a stored program which, when executed, performs the above-described method.

According to another aspect of the embodiments of the present application, there is also provided an electronic device, including a memory, a processor, and a computer program stored on the memory and executable on the processor, wherein the processor executes the above method through the computer program.

In the embodiment of the application, an initial table resource component matched with the acquired table resource element information is called, wherein the table resource element information is used for indicating the table resource elements included on the target table webpage; establishing an incidence relation between an initial table resource component and a configuration data component, wherein the configuration data component is used for providing configuration data for the table resource component with the incidence relation; introducing target configuration data into the initial table resource assembly from the configuration data assembly corresponding to the initial table resource assembly according to the incidence relation, and generating a target table resource assembly; the method comprises the steps of rendering a target table resource assembly on an initial webpage according to target layout to obtain a target table webpage, storing codes or implementation data of table resource elements in an assembly form, calling the table resource assembly matched with table resource element information to serve as the initial table resource assembly, establishing an incidence relation between the initial table resource assembly and a configuration data assembly, introducing information such as data and parameters in the configuration data assembly into the initial table resource assembly to generate the target table resource assembly through the incidence relation, rendering the target table resource assembly on the webpage according to the target layout to obtain the target table webpage, achieving the purpose of reducing repeated code compiling tasks of workers, achieving the technical effect of improving the generation efficiency of the table webpage, and further solving the technical problem that the generation efficiency of the table webpage is low.

Drawings

The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the invention and together with the description, serve to explain the principles of the invention.

In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below.

FIG. 1 is a diagram of a hardware environment for a method of generating a tabular web page in accordance with an embodiment of the present application;

FIG. 2 is a flow chart of an alternative method for generating a tabular web page in accordance with an embodiment of the present application;

FIG. 3 is a schematic diagram of a configuration data component according to an embodiment of the present application;

FIG. 4 is a first schematic diagram of a target form web page layout in accordance with an alternative embodiment of the present application;

FIG. 5 is a schematic diagram of a target form web page generation flow, according to an alternative embodiment of the present application;

FIG. 6 is a diagram two of a target form web page design according to an alternative embodiment of the present application;

FIG. 7 is a schematic block diagram of a form component system module according to an alternative embodiment of the present application;

FIG. 8 is a schematic diagram of an alternative apparatus for generating a table web page according to an embodiment of the present application;

and

fig. 9 is a block diagram of a terminal according to an embodiment of the present application.

Detailed Description

In order to make the technical solutions better understood by those skilled in the art, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application.

It should be noted that the terms "first," "second," and the like in the description and claims of this application and in the drawings described above are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the application described herein are capable of operation in sequences other than those illustrated or described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.

According to an aspect of an embodiment of the present application, an embodiment of a method for generating a table webpage is provided.

Alternatively, in this embodiment, the method for generating the table web page may be applied to a hardware environment formed by the terminal 101 and the server 103 as shown in fig. 1. As shown in fig. 1, a server 103 is connected to a terminal 101 through a network, which may be used to provide services (such as game services, application services, etc.) for the terminal or a client installed on the terminal, and a database may be provided on the server or separately from the server for providing data storage services for the server 103, and the network includes but is not limited to: the terminal 101 is not limited to a PC, a mobile phone, a tablet computer, and the like. The method for generating the table web page according to the embodiment of the present application may be executed by the server 103, the terminal 101, or both the server 103 and the terminal 101. The terminal 101 executing the method for generating a table web page according to the embodiment of the present application may be executed by a client installed thereon.

Fig. 2 is a flowchart of an alternative method for generating a table web page according to an embodiment of the present application, and as shown in fig. 2, the method may include the following steps:

step S201, calling an initial table resource component matched with the acquired table resource element information, wherein the table resource element information is used for indicating table resource elements included on the target table webpage;

step S202, establishing an incidence relation between the initial table resource assembly and a configuration data assembly, wherein the configuration data assembly is used for providing configuration data for the table resource assembly with the incidence relation;

step S203, according to the incidence relation, introducing target configuration data into the initial table resource assembly from the configuration data assembly corresponding to the initial table resource assembly, and generating a target table resource assembly;

and step S204, rendering the target table resource component on the initial webpage according to the target layout to obtain the target table webpage.

Through the steps S201 to S204, calling an initial table resource component matched with the acquired table resource element information, wherein the table resource element information is used for indicating the table resource elements included in the target table web page; establishing an incidence relation between an initial table resource component and a configuration data component, wherein the configuration data component is used for providing configuration data for the table resource component with the incidence relation; introducing target configuration data into the initial table resource assembly from the configuration data assembly corresponding to the initial table resource assembly according to the incidence relation, and generating a target table resource assembly; the method comprises the steps of rendering a target table resource assembly on an initial webpage according to target layout to obtain a target table webpage, storing codes or implementation data of table resource elements in an assembly form, calling the table resource assembly matched with table resource element information to serve as the initial table resource assembly, establishing an incidence relation between the initial table resource assembly and a configuration data assembly, introducing information such as data and parameters in the configuration data assembly into the initial table resource assembly to generate the target table resource assembly through the incidence relation, rendering the target table resource assembly on the webpage according to the target layout to obtain the target table webpage, achieving the purpose of reducing repeated code compiling tasks of workers, achieving the technical effect of improving the generation efficiency of the table webpage, and further solving the technical problem that the generation efficiency of the table webpage is low.

In the technical solution provided in step S201, the table resource may include, but is not limited to, resources such as a table, a form, a button, and a page on a web page, and the table resource elements may include, but are not limited to: table elements, form elements, button elements, page elements. Such as: the table elements may include, but are not limited to: table header, table content, table row operation, table date cell, table hyperlink cell, etc., table elements may include, but are not limited to: search boxes, selection boxes, time filter boxes, and the like, and button elements may include, but are not limited to: query buttons, ok buttons, cancel buttons, and the like, and the pagination elements may include, but are not limited to: total number of pages, page buttons, etc.

In the technical solution provided in step S202, the configuration data component is configured to receive configuration information of data in the table from a user and provide the configured data information for the corresponding table resource component.

In the technical solution provided in step S203, a target table resource component matched with the configuration data is generated by introducing data.

In the technical solution provided in step S204, the target form resource component is rendered on the initial page according to a certain layout manner to obtain a target form web page, thereby completing automatic generation of the form web page.

As an alternative embodiment, invoking the initial table resource component matching the obtained table resource element information includes:

s11, determining a target table resource element indicated by the table resource element information, wherein the target table resource element comprises a table element and at least one of the following: table elements, button elements, page elements;

s12, obtaining the initial table component matched with the table element from the table resource component library, and obtaining at least one of the following from the table resource component library: an initial form component matching the form element, an initial button component matching the button element, and an initial paging component matching the paging element.

Optionally, in this embodiment, the form component data may call or obtain different codes according to different target form webpages, so as to generate different style layouts of the form components.

Optionally, in this embodiment, the table component data may perform dynamic linkage in cooperation with the paging component, obtain the paging number and the current page of the target in the calling paging component, dynamically obtain all data of the server under the current page number of the current paging number, perform table rendering, and obtain the target table.

Optionally, in this embodiment, the table component data may configure specific functions for the elements in each row through the data configuration module, such as: deleting the current row, editing the current row element, and the like, and dynamically rendering new table data after operating the current table element.

Optionally, in this embodiment, form elements, button elements, and page elements are selectable in the form web page, that is, one form web page may include one or more of form elements, button elements, and page elements, and only form elements may be included in one form web page.

Optionally, in this embodiment, the configuration process of the form component corresponding to the form element does not limit the inevitable existence of the form, and supports a target form web page including one or more form elements, and may also support a target form web page without any form elements.

Optionally, in this embodiment, the form components corresponding to the form elements may include the following form types, such as an input box type, a selection box type, a date selection type form, and the like, each type is not limited to the number of simultaneous forms, and the form elements of multiple input box types may exist in the same target form web page, or the form elements of any input box type may not exist.

Optionally, in this embodiment, the number of button components corresponding to a button element is not limited, a plurality of button elements are supported to exist at the same time, and different button functions can be configured according to the target form web page and different required functions, for example: query button, download button, add button, etc. The button function is flexibly configured, the functionality is not limited, and different button functions of any target form webpage can be supported.

Optionally, in this embodiment, the paging component may generate different paging components by calling or acquiring different paging component codes and different style layouts according to different target table webpages. Such as: the paging element modules displayed by the current paging component can be dynamically configured according to the configuration data component, such as the total number, the number of each page, the previous page, the next page and the like. According to the requirement of the target table webpage, the paging component can be configured to display all functions, and can also be configured to display the most basic page function.

Optionally, in this embodiment, the paging component has linkage with the table data, and the table data can be dynamically changed by clicking a page number or other paging functions.

Optionally, in this embodiment, the paging component has an optional existence, and supports a target table web page that does not exhibit a paging function.

Through the process, the target table resource component assembly corresponding to the target table resource elements is obtained from the table resource component library, the target table resource elements comprise tables and at least one of the tables, the buttons and the pages, so that the generated target webpage can flexibly combine the table resource elements, the styles of the target webpage can be richer, and the flexibility and the diversity of the generated target webpage are improved.

As an alternative embodiment, establishing the association relationship between the initial table resource component and the configuration data component includes:

s21, establishing an association relationship among the initial table component, a table header configuration component and a table data configuration component, wherein the table header configuration component is used for providing table header data, and the table data configuration component is used for providing cell data of a table;

s22, establishing an incidence relation among the initial form component, a form data configuration component and a form parameter configuration component under the condition that the target form resource element comprises the form element, wherein the form data configuration component is used for providing form data, and the form parameter configuration is used for providing form parameter information;

s23, establishing an association relation between the initial button component and a button data configuration component under the condition that the target list resource element comprises the button element, wherein the button data configuration component is used for providing button data;

s24, establishing the association relationship between the initial paging component and the paging data configuration component under the condition that the target table resource element includes the paging element, wherein the paging data configuration component is used for providing paging data.

Optionally, in this embodiment, the configuration data component is configured to provide configuration data for the table resource component having the association relationship. Fig. 3 is a schematic diagram of a configuration data component according to an embodiment of the present application, and as shown in fig. 3, the configuration data component may be, but is not limited to, a global data configuration component, which may include, but is not limited to: the form data configuration component is used for configuring form data information, the form parameter configuration component is used for configuring form parameter information, the button data configuration component is used for configuring button data information, the form header configuration component is used for configuring form header information, the form data event acquisition component is used for returning a listdata array through asynchronous function, and the paging data configuration component is used for configuring paging data information. And associating the configuration data components with the corresponding table resource components, so as to introduce data into the table resource components.

Through the process, different types of target table resource assemblies are associated to the corresponding configuration data assemblies, and the corresponding data are provided for the target table resource assemblies through the configuration data assemblies associated with the target table resource assemblies, so that the data on the target table webpage can be more normatively configured, and the efficiency of the data configuration process is improved.

As an optional embodiment, introducing target configuration data from the configuration data component corresponding to the initial table resource component according to the association relationship, and generating the target table resource component includes:

s31, introducing the table header data stored in the table header configuration component and the cell data stored in the table data configuration component into the initial table component to generate a target table component;

s32, introducing the form data stored in the form data configuration component and the form parameter information stored in the form parameter configuration component into the initial form component to generate a target form component under the condition that the target form resource element comprises the form element;

s33, under the condition that the target list resource element includes the button element, introducing the button data stored in the button data configuration component into the initial button component to generate a target button component;

s34, under the condition that the target table resource element includes the paging element, the paging data stored in the paging data configuration component is introduced into the initial paging component, and a target paging component is generated.

Optionally, in this embodiment, data acquired by each part of the configuration data component is introduced into a corresponding table resource component to generate a target table resource component of each part.

Through the process, the data configured in the configuration data assembly are respectively introduced into the table resource assemblies associated with the data assembly according to the association relationship to respectively generate the target table assembly, and the target form assembly, the target button assembly, the target paging assembly and the like can be generated according to the requirements of the target table webpage, so that the configuration processes of the data in the table elements such as the form and the like are independent and do not interfere with each other, the flow is clear, and the efficiency of data configuration and introduction is improved.

As an alternative embodiment, rendering the target form resource component on the initial web page according to the target layout, obtaining the target form web page includes:

s41, rendering the target table component to the table position indicated by the target layout;

s42, in the case that the target form resource element includes the form element, rendering the target form component to the form position indicated by the target layout;

s43, in the case that the target list resource element includes the button element, rendering the target button component to the button position indicated by the target layout;

s44, in the case that the target table resource element includes the paging element, rendering the target paging component to the paging position indicated by the target layout.

Optionally, in this embodiment, each table resource element is rendered to a corresponding position of the target table webpage according to the layout position indicated by the target layout.

In an alternative embodiment, fig. 4 is a first schematic diagram of a target tabular web page layout according to an alternative embodiment of the present application, and as shown in fig. 4, the target tabular web page includes table elements, button elements and page elements. Taking the target form web page as an example, the generation process of the target form web page is described below.

In this optional embodiment, fig. 5 is a schematic diagram of a target form webpage generation flow according to an optional embodiment of the present application, and as shown in fig. 5, the flow may include, but is not limited to, the following steps:

step S501, a new target form page is created, that is, a page to be displayed on the current web interface. The form contains the element attribute and the style layout information to be displayed by the web interface, and a developer can write corresponding program codes based on the design drawing of the page to generate the page. In the design drawing, it can be seen that the table elements displayed by the web page include: a feed id search box, an operator search box, a video classification selection box, a recommendation level selection box, a feed status selection box, a start time screening component and the like; the button elements of the webpage display comprise: a query button; the table elements displayed by the webpage comprise: table head, table content, table row operation items, table date cells and table hyperlink cells; the page elements displayed by the webpage comprise: total number of pages, page button.

Step S502, a form component is introduced, and a new form page is introduced into the form component.

Step S503, associating the component data by inputting tablepears parameters, including a form configuration parameter array, a button configuration parameter array, a form configuration parameter array, a paging configuration parameter array, and the like. The form component dynamically renders a form page according to the incoming configuration parameters.

In the above step S503, specific parameters are introduced through the process S504, and the display forms of the control component, the button component, the table component, and the paging component may be controlled, and the following parameter configurations may be performed:

the process S505 is that the search Formfields parameter, including the array elements of the attributes of all form components, renders different form elements according to different attributes, such as configuration form parameters [ { label: "feed id", value: "feed _ id", type: "input" }, { label: "feed status", value: "feed _ status", type: "select", option: [ { label: "normal", value: "1" } … ].

The process S506, the searchFormActions parameter, including the tuple elements of the attributes of all event buttons, renders different button components according to the button names, button events. Such as configuration form parameters [ { label: "query", action: "searchAction" } ].

In the process S507, column parameters comprise arrays of header data of all tables, including the names of the headers, fields corresponding to the headers and the widths of the headers; the listdata parameter comprises an array of table data, each item comprises a data field, a data value and a data display form, and the table can be dynamically rendered according to the header data. For example, table parameters { columns [ { value: "feed _ id", label: "feed" }, { value: "circle", label: "circle under" } … ], listdata: [ { feed _ id:1, circle: 'circle 1' }, { feed _ id:2, circle: 'circle 2' } ….

In the process S508, the pageOptions parameter includes all the attributes, total number of pages, and current page number of the paging component, and the paging component can be dynamically rendered according to the parameter, such as configuring the paging parameters { pageTotal:329, pageCur:1, pageSize:10 }.

In this alternative embodiment, the method for how to package the obtained component is not limited, and the above analysis may be implemented based on fact or Vue, and the specific implementation process in this alternative embodiment is not described in detail.

FIG. 6 is a second schematic diagram of a target form web page layout according to an alternative embodiment of the present application, and as shown in FIG. 6, the target form web page may include form elements, form elements and button elements, and may not include pagination elements.

Through the process, the target table resource assemblies are respectively rendered to the corresponding webpage positions, and therefore the target table webpage is generated. The flexibility of webpage layout is improved, and the forms of the generated target table webpages are richer.

As an alternative embodiment, before rendering the target form resource component on the initial web page in accordance with the target layout, resulting in the target form web page, the method further comprises:

s51, receiving the configured target layout; or,

s52, obtaining the target layout matched with the table resource element information from the layout template library.

Optionally, in this embodiment, a developer may write corresponding program code based on a design drawing of a page, so as to provide a target layout. Or a suitable target layout may be selected from a pre-stored template.

Through the process, the target layout can be configured according to requirements, so that the flexibility and diversity of the target form webpage are improved. The target layout can also be selected from a layout template library, so that the process of designing the target layout is simplified, the time for designing the form webpage is saved, and the efficiency for generating the target form webpage is improved.

The application also provides an optional embodiment, the optional embodiment provides a table form webpage generating device serving for increasing, deleting, modifying and checking, table elements, table display data and page numbers related to a demand target are determined by utilizing a pre-constructed table form component, and related codes matched with the table form are directly called, so that the target table webpage for increasing, deleting and modifying aiming at different demand scenes can be generated, developers do not need to write component codes, care about html page generation logic, development efficiency is improved, and the problem that html template codes are repeatedly written into table form pages with similar functions is solved.

FIG. 7 is a block diagram of the form component system module of an alternative embodiment of the present application, which, as shown in FIG. 7, may include, but is not limited to, the following modules:

and the data configuration module 11 is used for configuring elements and data interface attributes required by the target form page.

And a form component import module 12 for importing components to the current module and associating the configured data to render into different target form pages.

And the form and form component combination module 13 is used for combining the form module, the button module, the form module and the paging module, acquiring and calling the data configuration acquired from the data configuration module, and acquiring the target form resource elements and the corresponding codes.

The form generation module 14, including but not limited to an input box, a selection box, a date selection component, a radio box, a multiple selection box, etc., is used for generating a corresponding target form based on the target form item of the data configuration. Including various form elements such as input, select, date selector, etc. The parent component passes in searchFormFields parameters including form type, form value acceptance container, and other form configuration items (e.g., width, non-editable or not, selection of menu properties). And the form component judges and displays the corresponding form element according to the form type parameter attribute, and finally returns the corresponding form value to the parent-level form parameter container for receiving.

The table generating module 15 is configured to generate a corresponding target table according to the display data of the target table acquired by the table cell assembly module based on the target table data configured by the data, including the table header information and the table content area. And receiving the table header data columns and the table data listdata and returning to the table component.

The table cell assembly module 18 is configured to generate different types of table cell forms based on the target table content area data configured by the data, including but not limited to a picture presentation cell, a link skip cell, a data operation cell, a micrometer form cell, and the like, and generate a target cell form corresponding to the content attribute and a corresponding table event code. Since the presentation form of each form element can be different, such as pictures, links, numbers, characters and the like, the element content can be packaged again. The parent component passes in specific customRender data, including the value of the data, the type of presentation, and returns table data of a specific type.

And a button generating module 16, configured to configure target button items based on data, including but not limited to query button, new button, delete button, etc., for generating corresponding target buttons and acquiring corresponding button event codes. And receiving the page number per page pageSize, the page total number and the current page pageCur of the parent component, returning to the paging component, and controlling the change of the table data of the parent component.

The paging component module 17 is configured to generate a paging style layout corresponding to the target and a corresponding paging page click event code based on the paging data configured by the data, including the total number of pages, the number of current pages, and the paging page click event.

It should be noted that, for simplicity of description, the above-mentioned method embodiments are described as a series of acts or combination of acts, but those skilled in the art will recognize that the present application is not limited by the order of acts described, as some steps may occur in other orders or concurrently depending on the application. Further, those skilled in the art should also appreciate that the embodiments described in the specification are preferred embodiments and that the acts and modules referred to are not necessarily required in this application.

Through the above description of the embodiments, those skilled in the art can clearly understand that the method according to the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but the former is a better implementation mode in many cases. Based on such understanding, the technical solutions of the present application may be embodied in the form of a software product, which is stored in a storage medium (e.g., ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal device (e.g., a mobile phone, a computer, a server, or a network device) to execute the method according to the embodiments of the present application.

According to another aspect of the embodiment of the present application, there is also provided a table web page generation apparatus for implementing the table web page generation method. Fig. 8 is a schematic diagram of an alternative apparatus for generating a table web page according to an embodiment of the present application, and as shown in fig. 8, the apparatus may include:

a calling module 82, configured to call an initial table resource component matched with the obtained table resource element information, where the table resource element information is used to indicate a table resource element included in the target table web page;

an establishing module 84, configured to establish an association relationship between the initial form resource component and a configuration data component, where the configuration data component is configured to provide configuration data for the form resource component having the association relationship;

a generating module 86, configured to introduce target configuration data into the initial table resource assembly from the configuration data assembly corresponding to the initial table resource assembly according to the association relationship, and generate a target table resource assembly;

and the rendering module 88 is configured to render the target table resource assembly on the initial webpage according to the target layout, so as to obtain the target table webpage.

It should be noted that the invoking module 82 in this embodiment may be configured to execute step S201 in this embodiment, the establishing module 84 in this embodiment may be configured to execute step S202 in this embodiment, the generating module 86 in this embodiment may be configured to execute step S203 in this embodiment, and the rendering module 88 in this embodiment may be configured to execute step S204 in this embodiment.

It should be noted here that the modules described above are the same as the examples and application scenarios implemented by the corresponding steps, but are not limited to the disclosure of the above embodiments. It should be noted that the modules described above as a part of the apparatus may operate in a hardware environment as shown in fig. 1, and may be implemented by software or hardware.

Through the modules, codes of table resource elements or data such as realization and the like are stored in a component form, a table resource component matched with table resource element information is called as an initial table resource component, an incidence relation between the initial table resource component and a configuration data component is established, information such as data and parameters in the configuration data component is introduced into the initial table resource component through the incidence relation to generate a target table resource component, the target table resource component is rendered on a webpage according to target layout to obtain a target table webpage, the aim of reducing repeated code compiling tasks of workers is achieved, the technical effect of improving the generation efficiency of the table webpage is achieved, and the technical problem that the generation efficiency of the table webpage is low is solved.

As an alternative embodiment, the calling module includes:

As an alternative embodiment, the establishing module includes:

As an alternative embodiment, the generating module includes:

As an alternative embodiment, the rendering module comprises:

As an alternative embodiment, the apparatus further comprises:

It should be noted here that the modules described above are the same as the examples and application scenarios implemented by the corresponding steps, but are not limited to the disclosure of the above embodiments. It should be noted that the modules described above as a part of the apparatus may be operated in a hardware environment as shown in fig. 1, and may be implemented by software, or may be implemented by hardware, where the hardware environment includes a network environment.

According to another aspect of the embodiment of the present application, a server or a terminal for implementing the method for generating a table webpage is also provided.

Fig. 9 is a block diagram of a terminal according to an embodiment of the present application, and as shown in fig. 9, the terminal may include: one or more processors 901 (only one of which is shown), a memory 903, and a transmitting device 905, as shown in fig. 9, the terminal may further include an input/output device 907.

The memory 903 may be used to store software programs and modules, such as program instructions/modules corresponding to the method and apparatus for generating a table webpage in the embodiment of the present application, and the processor 901 executes various functional applications and data processing by running the software programs and modules stored in the memory 903, that is, implements the above method for generating a table webpage. The memory 903 may include high-speed random access memory, and may also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some examples, the memory 903 may further include memory located remotely from the processor 901, which may be connected to the terminal over a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.

The above-mentioned transmission device 905 is used for receiving or sending data via a network, and can also be used for data transmission between a processor and a memory. Examples of the network may include a wired network and a wireless network. In one example, the transmission device 905 includes a Network adapter (NIC) that can be connected to a router via a Network cable and other Network devices so as to communicate with the internet or a local area Network. In one example, the transmission device 905 is a Radio Frequency (RF) module, which is used for communicating with the internet in a wireless manner.

The memory 903 is used for storing, among other things, application programs.

The processor 901 may call an application stored in the memory 903 through the transmission device 905 to perform the following steps:

s1, calling an initial table resource component matched with the acquired table resource element information, wherein the table resource element information is used for indicating the table resource elements included on the target table webpage;

s2, establishing an incidence relation between the initial form resource component and a configuration data component, wherein the configuration data component is used for providing configuration data for the form resource component with the incidence relation;

s3, according to the incidence relation, target configuration data is introduced into the initial table resource assembly from the configuration data assembly corresponding to the initial table resource assembly, and a target table resource assembly is generated;

s4, rendering the target table resource component on the initial webpage according to the target layout to obtain the target table webpage.

By adopting the embodiment of the application, a scheme for generating the table webpage is provided. The method comprises the steps of storing codes of table resource elements or realizing data and the like in a component form, calling the table resource component matched with table resource element information as an initial table resource component, establishing an incidence relation between the initial table resource component and a configuration data component, introducing information such as data and parameters in the configuration data component into the initial table resource component to generate a target table resource component through the incidence relation, rendering the target table resource component to a webpage according to target layout to obtain a target table webpage, achieving the purpose of reducing repeated code compiling tasks of workers, achieving the technical effect of improving the generation efficiency of the table webpage, and further solving the technical problem of low generation efficiency of the table webpage.

Optionally, the specific examples in this embodiment may refer to the examples described in the above embodiments, and this embodiment is not described herein again.

It can be understood by those skilled in the art that the structure shown in fig. 9 is only an illustration, and the terminal may be a terminal device such as a smart phone (e.g., an Android phone, an iOS phone, etc.), a tablet computer, a palm computer, and a Mobile Internet Device (MID), a PAD, etc. Fig. 9 is a diagram illustrating a structure of the electronic device. For example, the terminal may also include more or fewer components (e.g., network interfaces, display devices, etc.) than shown in FIG. 9, or have a different configuration than shown in FIG. 9.

Those skilled in the art will appreciate that all or part of the steps in the methods of the above embodiments may be implemented by a program instructing hardware associated with the terminal device, where the program may be stored in a computer-readable storage medium, and the storage medium may include: flash disks, Read-Only memories (ROMs), Random Access Memories (RAMs), magnetic or optical disks, and the like.

Embodiments of the present application also provide a storage medium. Alternatively, in this embodiment, the storage medium may be a program code for executing the method for generating a table webpage.

Optionally, in this embodiment, the storage medium may be located on at least one of a plurality of network devices in a network shown in the above embodiment.

Optionally, in this embodiment, the storage medium is configured to store program code for performing the following steps:

Optionally, in this embodiment, the storage medium may include, but is not limited to: a U-disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a removable hard disk, a magnetic or optical disk, and other various media capable of storing program codes.

The above-mentioned serial numbers of the embodiments of the present application are merely for description and do not represent the merits of the embodiments.

The integrated unit in the above embodiments, if implemented in the form of a software functional unit and sold or used as a separate product, may be stored in the above computer-readable storage medium. Based on such understanding, the technical solution of the present application may be substantially implemented or a part of or all or part of the technical solution contributing to the prior art may be embodied in the form of a software product stored in a storage medium, and including instructions for causing one or more computer devices (which may be personal computers, servers, network devices, or the like) to execute all or part of the steps of the method described in the embodiments of the present application.

In the above embodiments of the present application, the descriptions of the respective embodiments have respective emphasis, and for parts that are not described in detail in a certain embodiment, reference may be made to related descriptions of other embodiments.

In the several embodiments provided in the present application, it should be understood that the disclosed client may be implemented in other manners. The above-described embodiments of the apparatus are merely illustrative, and for example, the division of the units is only one type of division of logical functions, and there may be other divisions when actually implemented, for example, a plurality of units or components may be combined or may be integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, units or modules, and may be in an electrical or other form.

The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.

In addition, functional units in the embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, and can also be realized in a form of a software functional unit.

The foregoing is only a preferred embodiment of the present application and it should be noted that those skilled in the art can make several improvements and modifications without departing from the principle of the present application, and these improvements and modifications should also be considered as the protection scope of the present application.

Claims

1. A method for generating a table webpage is characterized by comprising the following steps:

2. The method of claim 1, wherein invoking the initial table resource component that matches the retrieved table resource element information comprises:

3. The method of claim 2, wherein establishing an association between the initial table resource component and a configuration data component comprises:

4. The method of claim 3, wherein introducing target configuration data from the configuration data component corresponding to the initial table resource component into the initial table resource component according to the association relationship, and generating a target table resource component comprises:

5. The method of claim 4, wherein rendering the target form resource component on the initial web page in accordance with the target layout, resulting in the target form web page comprises:

6. The method of any of claims 1-5, wherein prior to rendering the target form resource component on the initial web page in a target layout, resulting in the target form web page, the method further comprises:

receiving the configured target layout; or,

7. An apparatus for generating a table web page, comprising:

8. The apparatus of claim 7, wherein the invoking module comprises:

9. A storage medium, characterized in that the storage medium comprises a stored program, wherein the program when executed performs the method of any of the preceding claims 1 to 6.

10. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the processor executes the method of any of the preceding claims 1 to 6 by means of the computer program.