Form display configuration method and device, server and storage medium
By secondary encapsulating the Antd table with advanced components, the custom configuration display column function of the form is realized, which solves the problem of poor user experience in the existing technology and improves the user's personalized experience.
Patent Information
- Application Number
- CN202311595552.7
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2023-11-27
- Publication Date
- 2025-05-27
AI Technical Summary
The form data rendering and display in the existing Antd component library does not support the configuration display of column data, which makes it impossible for users to define changes independently, and the user experience is poor.
By using advanced components to secondary encapsulate the Antd table, generate new components, so that the form satisfies custom configuration display columns, and supports configuration according to user storage columns.
It has achieved the different needs of different users, improved the user's personalized experience, and solved the problem that users cannot define form display independently.
Smart Images

Figure CN120046584A_ABST
Abstract
Description
Technical Field
[0001] This application relates to the technical field of data processing, and particularly relates to a form display configuration method, device, server, and storage medium. Background Art
[0002] Due to the characteristics of the Ant Design (Antd) component library, such as visual simplicity and friendly interaction, many front-end developments of projects (such as page development) will use the Antd component library for page rendering.
[0003] In the current form data rendering and display process in the Antd component library, the configuration display of column data is not supported. For example, when there are many current table columns and only some data needs to be displayed, some columns are only viewed occasionally, or there are groupings in the table and the data display of a certain grouping needs to be supported. The current table component cannot meet this requirement, resulting in problems such as users being unable to customize and change independently and poor user experience in the front-end development process. Summary of the Invention
[0004] This application provides a form display configuration method, device, server, and storage medium to solve the problems such as users being unable to customize and change independently and poor user experience in the front-end development process. By using higher-order components to re-encapsulate the Antd table to obtain a new component, the form can meet the custom configuration of display columns and support configuration according to the columns stored by users, thereby achieving different requirements of different users and enhancing the personalized experience of users.
[0005] In a first aspect, this application provides a form display configuration method, including:
[0006] Obtain a data form to be displayed; the data form to be displayed includes form data and display initial parameters corresponding to the form data;
[0007] Obtain a preset data configuration function, and perform display parameter configuration processing on the form data based on the data configuration function and the display initial parameters to generate display configuration parameters corresponding to the form data;
[0008] Generate a target display data form corresponding to the data form to be displayed based on the display configuration parameters and the form data.
[0009] Optionally, the obtaining of the data form to be displayed includes:
[0010] Obtain the form address information of the data form to be displayed, and read the data form to be displayed based on the form address information; or, respond to the import operation of the data form to be displayed, and obtain the data form to be displayed based on the import operation.
[0011] Optionally, after obtaining the data form to be displayed, the method further includes:
[0012] Reading the form data in the data form to be displayed based on a preset data reading variable;
[0013] Determining the form display parameter and the content display parameter in the initial display parameters, and reading the form display parameter based on a preset first parameter reading variable and reading the content display parameter based on a preset second parameter reading variable.
[0014] Optionally, the performing display parameter configuration processing on the form data based on the data configuration function and the initial display parameters to generate display configuration parameters corresponding to the form data includes:
[0015] Determining the number of column data included in the form data, determining the generation position of the configuration button based on the number of column data, and generating the configuration button based on the data configuration function and the generation position; the configuration button is used for performing display parameter configuration processing on the form data to generate display configuration parameters corresponding to the form data.
[0016] Optionally, the performing display parameter configuration processing on the form data to generate display configuration parameters corresponding to the form data includes:
[0017] Configuring the form data into a data group to be displayed based on the configuration button, and generating initial configuration parameters based on the data group to be displayed and the initial configuration parameters;
[0018] Responding to a click operation of the user on the configuration button, displaying the initial configuration parameters to the user, and adjusting the parameters of the initial configuration parameters based on the user's configuration operation instruction to generate display configuration parameters corresponding to the form data.
[0019] Optionally, after generating the display configuration parameters corresponding to the form data, the method further includes:
[0020] Obtaining the user identifier of the user, and managing and storing the user identifier and the display configuration parameters.
[0021] Optionally, after generating the target display data form corresponding to the data form to be displayed, the method further includes:
[0022] Generating target display data in the target display data form based on the display configuration parameters, and displaying the target display data.
[0023] In a second aspect, the present application provides a form display configuration device, including:
[0024] A module for obtaining a data form to be displayed, which is used to obtain the data form to be displayed; the data form to be displayed includes form data and display initial parameters corresponding to the form data;
[0025] A display configuration parameter generation module, which is used to obtain a preset data configuration function, perform display parameter configuration processing on the form data based on the data configuration function and the display initial parameters, and generate display configuration parameters corresponding to the form data;
[0026] A target display data form generation module, which is used to generate a target display data form corresponding to the data form to be displayed based on the display configuration parameters and the form data.
[0027] Optionally, the module for obtaining the data form to be displayed includes:
[0028] A first form obtaining unit, which is used to obtain the form address information of the data form to be displayed, and read the data form to be displayed based on the form address information;
[0029] A second form obtaining unit, which is used to respond to the import operation of the data form to be displayed, and obtain the data form to be displayed based on the import operation.
[0030] Optionally, the device further includes:
[0031] A data obtaining module, which is used to read the form data in the data form to be displayed based on a preset data reading variable after obtaining the data form to be displayed;
[0032] A parameter obtaining module, which is used to determine the form display parameters and content display parameters in the display initial parameters, and read the form display parameters based on a preset first parameter reading variable and read the content display parameters based on a preset second parameter reading variable.
[0033] Optionally, the display configuration parameter generation module includes:
[0034] A configuration button generation unit, which is used to determine the number of column data included in the form data, determine the generation position of the configuration button based on the number of column data, and generate the configuration button based on the data configuration function and the generation position; the configuration button is used to perform display parameter configuration processing on the form data to generate display configuration parameters corresponding to the form data.
[0035] Optionally, the configuration button is specifically used for:
[0036] Configure the form data as a data group to be displayed based on the configuration button, and generate initial configuration parameters based on the data group to be displayed and the initial configuration parameters;
[0037] In response to the user's click operation on the configuration button, display the initial configuration parameters to the user, and adjust the parameters of the initial configuration parameters based on the user's configuration operation instructions to generate the display configuration parameters corresponding to the form data.
[0038] Optionally, the device further includes:
[0039] A parameter storage module, configured to obtain the user identifier of the user, and manage and store the user identifier and the display configuration parameters.
[0040] Optionally, the device further includes:
[0041] A data display module, configured to generate the target display data in the target display data form based on the display configuration parameters after generating the target display data form corresponding to the data form to be displayed, and display the target display data.
[0042] In a third aspect, the present application provides a server, including: a processor, and a memory communicatively connected to the processor;
[0043] The memory stores computer-executable instructions;
[0044] The processor executes the computer-executable instructions stored in the memory to implement the method as described in the first aspect.
[0045] In a fourth aspect, the present application provides a computer-readable storage medium, in which computer-executable instructions are stored, and when the computer-executable instructions are executed by a processor, they are used to implement the method as described in the first aspect.
[0046] In a fifth aspect, the present application provides a computer program product, including a computer program, and when the computer program is executed by a processor, it implements the method as described in the first aspect.
[0047] The technical solution provided by the present application obtains the Antd data form through a higher-order component for display configuration processing, and then realizes parameter reconfiguration to obtain a new form that meets the display requirements, that is, the obtained new form meets the custom configuration display columns and supports configuration according to the user's stored columns, so as to meet the different needs of different users and improve the user's personalized experience. Description of the Drawings
[0048] The drawings here are incorporated into the description and form a part of the description, showing the embodiments that conform to the present application, and are used together with the description to explain the principles of the present application.
[0049] Figure 1 It is an application scenario diagram of the form display configuration method provided by the present application;
[0050] Figure 2 A flowchart of a form display configuration method provided by an embodiment of the present application;
[0051] Figure 3 A structural diagram of a form display configuration device provided by an embodiment of the present application;
[0052] Figure 4 A structural diagram of a server provided by an embodiment of the present application;
[0053] Figure 5 A block diagram of a server provided by the present application.
[0054] Through the above-mentioned drawings, specific embodiments of the present application have been shown, and there will be more detailed descriptions hereinafter. These drawings and text descriptions are not intended to limit the scope of the concept of the present application in any way, but to illustrate the concept of the present application to those skilled in the art by referring to specific embodiments. Detailed implementation manners
[0055] Here, the exemplary embodiments will be described in detail, and the examples are shown in the drawings. When the following description refers to the drawings, unless otherwise indicated, the same numbers in different drawings represent the same or similar elements. The implementation manners described in the following exemplary embodiments do not represent all the implementation manners consistent with the present application. On the contrary, they are only examples of devices and methods consistent with some aspects of the present application as detailed in the appended claims.
[0056] In actual applications, during the rendering and display of form data in the Antd component library, if there are too many columns and filtering is required or some columns do not need to be displayed all the time, this requirement cannot be met for display. To address this problem, the Antd component library sets a configuration button in the last column of the form or a search button outside the form to support the filtered display of form data. However, setting the configuration button outside the form in the above solution will occupy extra controls; setting the configuration button in the last column of the form, if it is desired to support searching in the last column, the search button and the configuration button will iterate with each other, resulting in the display result not fully meeting the user's needs and reducing the user experience.
[0057] The form display configuration method provided by the present application aims to solve the above technical problems in the prior art. Specifically, by using a higher-order component to re-encapsulate the data form to be displayed in the Antd component, and then reconfiguring the parameters to obtain a new form that meets the display requirements, that is, the obtained new form meets the custom configuration of display columns and supports configuration according to the columns stored by the user, so as to meet the different needs of different users and enhance the personalized experience of users.
[0058] Figure 1 This is an application scenario diagram of the form display configuration method provided by this application. For ease of understanding, the application scenarios applicable to the embodiments of this application will be described below in conjunction with Figure 1 the description of the application scenarios applicable to the embodiments of this application. Refer to Figure 1 , this form display configuration method is applied to a preset high-order component in the server. Based on this high-order component, display configuration processing is performed on the Antd data form to be displayed, so that the configured form can be displayed based on the user's display requirements. Specifically, when the current high-order component obtains the data form to be displayed, it calls the preset data configuration function in the component, and generates configuration buttons in the data form to be displayed based on this configuration function. Then, based on the configuration buttons, configuration processing is performed on the form data display parameters in the data form to be displayed, and the configured display configuration parameters are obtained. Based on the display configuration parameters and the form data in the form to be displayed, the target display data form to be displayed is generated for subsequent display.
[0059] The technical solutions of this application and how the technical solutions of this application solve the above technical problems will be described in detail below with specific embodiments. These specific embodiments below can be combined with each other, and the same or similar concepts or processes may not be repeated in some embodiments. The embodiments of this application will be described below in conjunction with the accompanying drawings.
[0060] Figure 2 This is a schematic flowchart of a form display configuration method provided by an embodiment of this application. This method can be executed by a form display configuration device, and the form display configuration device can be a server or a server. The following takes a server as an example for description. The method in this embodiment can be implemented in a software, hardware, or a combination of software and hardware manner, such as Figure 2 shown, this method includes the following steps.
[0061] S210. Obtain the data form to be displayed; the data form to be displayed includes form data and display initial parameters corresponding to the form data.
[0062] In the embodiments of this application, the data form to be displayed can be an Antd form; the form contains multi-column form data to be displayed, as well as default display configuration parameters corresponding to the form data when the form data is displayed, that is, display initial parameters. In practical applications, since a large amount of data is stored in the Antd form, but different users want to display different data based on different needs. However, the Antd form does not support parameter configuration during display, that is, filtering out the content to be displayed for display. Therefore, in order to meet the different needs of users, the embodiments of this application use a preset HOC (Higher Order Component) component to re-encapsulate the Antd form, so that the obtained Antd form after encapsulation can meet the user's needs for display and improve the user's personalized experience.
[0063] Specifically, in order to enable the higher-order component to implement display configuration processing, it is necessary to pre-determine and obtain the data form to be displayed. Optionally, the method for obtaining the data form to be displayed in the embodiments of the present application may specifically include: obtaining the form address information of the data form to be displayed, and reading the data form to be displayed based on the form address information; or, responding to the import operation of the data form to be displayed, and obtaining the data form to be displayed based on the import operation.
[0064] In practical applications, the form address information can be understood as the storage path of the form in the server. Specifically, the storage path of the data form to be displayed is pre-obtained and input into the higher-order component, and the higher-order component reads the data form to be displayed based on the input storage path; optionally, the user can also directly perform an import operation on the data form to be displayed to implement importing the data form to be displayed into the higher-order component for parameter configuration processing; of course, in practical applications, other methods can also be selected according to the actual situation to enable the higher-order component to obtain the data form to be displayed, and the embodiments of the present application do not specifically limit the method for obtaining the data form to be displayed.
[0065] S220. Obtain a preset data configuration function, and perform display parameter configuration processing on the form data based on the data configuration function and the display initial parameters to generate display configuration parameters corresponding to the form data.
[0066] In the embodiments of the present application, the data form to be displayed includes form data and display initial parameters corresponding to the form data. Based on the component structure of the higher-order component, it is necessary to store the form data and the display parameters based on different variables.
[0067] In practical applications, a plurality of variables for reading data are preset in a higher-order component, which are respectively used to read the data and parameters in the data form to be displayed. Specifically, the form data in the data form to be displayed is read by using the preset data reading variable; furthermore, the display initial parameters in the data form to be displayed are read by using the parameter reading variable. Among them, the display initial parameters generated when the form data is generated can be classified into form display parameters and content display parameters according to the parameter type. Exemplarily, the form display parameter can be understood as the default configuration parameter for the display form before the form data is displayed, such as color configuration, etc.; the content display parameter can be understood as the default configuration parameter for the display content before the form data is displayed, such as displaying a certain column of data, etc. The technical problem to be solved in the technical solution provided by the embodiments of the present application is that users display different contents according to different requirements. Therefore, when the parameters are configured and processed in the subsequent embodiments of the present application, it can be understood that the content display parameters are configured and processed. Of course, in other embodiments, when the user requirements of the embodiments of the present application need to display different data in different colors during display, that is, the parameters to be configured can be form display parameters.
[0068] Further, based on the parameter types of the parameters in the display initial parameters, the form parameters and the content display parameters in the display initial parameters are respectively determined, and the form display parameters are read by using the preset first parameter reading variable and the content display parameters are read by using the preset second parameter reading variable.
[0069] On the basis that the higher-order component obtains the data form to be displayed for which the display parameters need to be configured in the above manner and stores the form data and the display initial parameters in the data form to be displayed, the form data is subjected to parameter configuration processing to generate the configured display configuration parameters.
[0070] Optionally, the specific process of performing parameter configuration processing on the form data in the present application may include: determining the number of column data included in the form data, and determining the generation position of the configuration button based on the number of column data, and generating the configuration button based on the data configuration function and the generation position; the configuration button is used to perform display parameter configuration processing on the form data to generate the display configuration parameters corresponding to the form data.
[0071] In practical applications, a data configuration function is predefined in the higher-order component; wherein, the data configuration function is used to generate a configuration button for performing parameter configuration processing. Specifically, it is determined how many columns of data are included in the form data, a new column is added after the last column of data, and this column is determined as the column where the setting button is located, and then the configuration button is generated based on the above data configuration function. Further, the configuration button is used to perform display parameter configuration processing on the form data to generate the display configuration parameters corresponding to the form data.
[0072] Optionally, the process of specifically generating and displaying configuration parameters in this application may include: configuring the form data as a data group to be displayed based on the configuration button, and generating initial configuration parameters based on the data group to be displayed and the initial configuration parameters; in response to the user's click operation on the configuration button, displaying the initial configuration parameters to the user, and adjusting the parameters of the initial configuration parameters based on the user's configuration operation instructions to generate the display configuration parameters corresponding to the form data.
[0073] In practical applications, the configuration button sets each column of data in the form as a data group, that is, the data group to be displayed, and then stores the data group to be displayed and the content display parameters in the initial display parameters correspondingly to form initial configuration parameters, so that when the user clicks the configuration button for parameter configuration later, the initial configuration parameters are displayed to the user.
[0074] Further, when the user clicks the configuration button generated by the high-order component, the initial configuration parameters generated in the above manner are displayed to the user, and the specific display form is not specifically limited in this application. Further, the user can adjust the parameters of the above initial configuration parameters based on the display requirements to generate the adjusted target configuration parameters, so as to realize that the data display can meet the user's needs.
[0075] Exemplarily, if the form data includes three columns of data and the initial display parameter is to display the first column; then the formed initial configuration parameter is to display the first column among the three columns of data. Optionally, the display form of the configuration button for displaying the initial configuration parameters can be text content display; optionally, it can also be displayed in the form of an interface: specifically, three columns of data can be displayed, a selection box is displayed before each column of data, and the selection box before the first column of data is set to the selected state. Further, the user can adjust the parameters by modifying the text to generate the display configuration parameters; optionally, the parameters can also be adjusted by modifying the selected state in the selection box corresponding to the column data before to generate the display configuration parameters; of course, according to the different display forms of the initial configuration parameters, the parameter adjustment methods are also different, and the above parameter display methods and adjustment methods are not specifically limited in the embodiments of this application.
[0076] Optionally, on the basis of generating the display configuration parameters, the user identifier of the user can be further obtained, and the user identifier and the display configuration parameters are managed and stored.
[0077] Specifically, before the user clicks the configuration button, the user is pre-authenticated to obtain the user identifier of the user. Then, after generating the display configuration parameters, the user identifier corresponding to the user who clicks the configuration button is obtained. Then, the user identifier and the display configuration parameters are associated and stored, so that when the user clicks the configuration button subsequently, the generated display configuration parameters are displayed to the user.
[0078] S230. Generate a target display data form corresponding to the to-be-displayed data form based on the display configuration parameters and the form data.
[0079] In the embodiment of the present application, after generating the display configuration parameters, the display configuration parameters and the form data are integrated and processed to generate a target display data form corresponding to the to-be-displayed data, and the target display data form is exported and associated and stored with the to-be-displayed data form, so that when data is displayed subsequently, the target display data is displayed.
[0080] Optionally, the technical solution of the present application further includes: generating target display data in the target display data form based on the display configuration parameters, and displaying the target display data.
[0081] Specifically, the form data is filtered based on the generated display configuration parameters to generate filtered target display data, and when the user wants to display the to-be-displayed data form subsequently, the target display data is displayed, which realizes meeting the display requirements of the user and improves the personalized experience of the user.
[0082] In the above technical solution, by using a higher-order component to obtain the Antd data form for display configuration processing, a new form that meets the display requirements is obtained through parameter reconfiguration, that is, the obtained new form meets the custom configuration display columns and supports configuration according to the user storage columns, so as to meet the different needs of different users and improve the personalized experience of the user.
[0083] Based on the above embodiments, the present application also provides an alternative embodiment. Exemplarily, the alternative embodiment specifically includes the following steps:
[0084] Step 1. Introduce the Antd table component and rename it to AntdTable;
[0085] Step 2: Create a higher-order component withFilterColumn. This higher-order component takes the Antd table component as a component parameter of WrappedComponent. After configuring the display parameters of the component, it returns a new component WithFilterWrappedComponent. In the component, useState and useEffect can be used to obtain the generated display configuration parameters.
[0086] Step 3: Import the withFilterColumn component, pass in the AntdTable component, and return a new withFilterTable component.
[0087] Specifically, Step 2 includes the following steps:
[0088] 1. Set three variables to receive the data and parameters in the Antd table component. Specifically, the three variables are: columnsList, restProps, and initialCheckedKeys. Among them, the columnsList variable is used to receive the table columns columns in props, that is, column data. Further, the initialCheckedKeys variable is used to receive the initialization display parameters. The remaining parameters in props are received by the restProps variable.
[0089] 2. Define a function getFilteredColumns and use this function to generate the configured button column. Then, based on the configured button, perform parameter configuration processing on the columnsList to be displayed, and generate the configured display configuration parameters.
[0090] 3. The higher-order component returns WithFilterWrappedComponent, redefines the columns of the higher-order component as filterColumnsList, and continues to pass restProps.
[0091] Further, in Step 2, it specifically also includes:
[0092] 1). When performing parameter configuration processing, add a column with dataIndex as setting-filter-data to the end of the columnsList array based on the configured button. This column configures filterIcon and filterDropdown, and filterDropdown is configured as the component Tree. Among them, Tree can configure the selected data checkedKeys, the displayed data treeData, and the ticking method onCheck according to the columnsList data.
[0093] 2) Process the columnsList according to whether the Tree is selected. Filter the columnsList based on the checkedKeys and return a new filterColumnsList.
[0094] 3) If it is necessary to store the configuration according to the user, each time the checkedKeys change, store it in the localStorage with the user ID + table ID + page path as the key. The initialCheckedKeys is the data stored in the localStorage, which can realize storing the configuration according to the user. If no value is found in the localStorage, all can be displayed according to the configuration passed by the user or the default.
[0095] Figure 3 This is a schematic structural diagram of a form display configuration device provided by an embodiment of the present application. Refer to Figure 3 This device includes: a to-be-displayed data form acquisition module 310, a to-be-displayed data form acquisition module 320, and a target display data form generation module 330; where
[0096] The to-be-displayed data form acquisition module 310 is used to acquire the to-be-displayed data form; the to-be-displayed data form includes form data and display initial parameters corresponding to the form data.
[0097] The to-be-displayed data form acquisition module 320 is used to acquire a preset data configuration function, and perform display parameter configuration processing on the form data based on the data configuration function and the display initial parameters to generate display configuration parameters corresponding to the form data.
[0098] The target display data form generation module 330 is used to generate a target display data form corresponding to the to-be-displayed data form based on the display configuration parameters and the form data.
[0099] Optionally, the to-be-displayed data form acquisition module 310 includes:
[0100] The first form acquisition unit is used to acquire the form address information of the to-be-displayed data form and read the to-be-displayed data form based on the form address information.
[0101] The second form acquisition unit is used to respond to the import operation of the to-be-displayed data form and acquire the to-be-displayed data form based on the import operation.
[0102] Optionally, this device further includes:
[0103] A data acquisition module, configured to, after acquiring a data form to be displayed, read form data in the data form to be displayed based on a preset data reading variable;
[0104] A parameter acquisition module, configured to determine a form display parameter and a content display parameter in the initial display parameters, and read the form display parameter based on a preset first parameter reading variable and read the content display parameter based on a preset second parameter reading variable.
[0105] Optionally, the display configuration parameter generation module 320 includes:
[0106] A configuration button generation unit, configured to determine the number of column data included in the form data, determine the generation position of the configuration button based on the number of column data, and generate the configuration button based on the data configuration function and the generation position; the configuration button is used to perform display parameter configuration processing on the form data to generate display configuration parameters corresponding to the form data.
[0107] Optionally, the configuration button is specifically configured to:
[0108] Configure the form data into a data group to be displayed based on the configuration button, and generate initial configuration parameters based on the data group to be displayed and the initial configuration parameters;
[0109] In response to a click operation of the user on the configuration button, display the initial configuration parameters to the user, and adjust the parameters of the initial configuration parameters based on the user's configuration operation instruction to generate display configuration parameters corresponding to the form data.
[0110] Optionally, the device further includes:
[0111] A parameter storage module, configured to acquire the user identifier of the user, and manage and store the user identifier and the display configuration parameters.
[0112] Optionally, the device further includes:
[0113] A data display module, configured to, after generating a target display data form corresponding to the data form to be displayed, generate target display data in the target display data form based on the display configuration parameters, and display the target display data.
[0114] Figure 4 This is a schematic structural diagram of a server provided by an embodiment of the present application. As Figure 4 shown, the server in this embodiment may include:
[0115] At least one processor 401; and
[0116] A memory 402 communicatively connected to at least one processor;
[0117] Wherein, the memory 402 stores instructions executable by at least one processor 401, and the instructions are executed by at least one processor 401 to cause the server to execute the method of any of the foregoing embodiments.
[0118] Optionally, the memory 402 can be either independent or integrated with the processor 401.
[0119] The implementation principle and technical effects of the server provided in this embodiment can be referred to the foregoing embodiments and will not be elaborated herein.
[0120] This application embodiment also provides a computer-readable storage medium, in which computer-executable instructions are stored. When the processor executes the computer-executable instructions, the method of any of the foregoing embodiments is implemented.
[0121] This application embodiment also provides a computer program product, including a computer program, which implements the method of any of the foregoing embodiments when executed by a processor.
[0122] In several embodiments provided by this application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are merely illustrative. For example, the division of modules is only a logical function division. In actual implementation, there can be other division methods. For example, multiple modules can be combined or integrated into another system, or some features can be ignored or not executed.
[0123] The integrated modules implemented in the form of software function modules as described above can be stored in a computer-readable storage medium. The software function modules stored in a storage medium include several instructions to cause a computer device (which can be a personal computer, a server, or a network device, etc.) or a processor to execute some steps of the methods of the various embodiments of this application.
[0124] It should be understood that the above-mentioned processor may be a Central Processing Unit (CPU), or other general-purpose processors, Digital Signal Processors (DSPs), Application Specific Integrated Circuits (ASICs), etc. The general-purpose processor may be a microprocessor or any conventional processor, etc. The steps of the method disclosed in combination with the application can be directly implemented by a hardware processor, or by a combination of hardware and software modules in the processor. The memory may include high-speed RAM memory, and may also include non-volatile storage NVM, such as at least one disk memory, and may also be a USB flash drive, a mobile hard disk, a read-only memory, a magnetic disk, or an optical disc, etc.
[0125] The above storage medium can be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as Static Random Access Memory (SRAM), Electrically Erasable Programmable Read-Only Memory (EEPROM), Erasable Programmable Read-Only Memory (EPROM), Programmable Read-Only Memory (PROM), Read-Only Memory (ROM), magnetic memory, flash memory, magnetic disk or optical disc. The storage medium can be any available medium accessible by a general-purpose or special-purpose computer.
[0126] An exemplary storage medium is coupled to the processor, enabling the processor to read information from and write information to the storage medium. Of course, the storage medium can also be a component of the processor. The processor and the storage medium can be located in an Application Specific Integrated Circuit (ASIC). Of course, the processor and the storage medium can also exist as discrete components in a server or a master control device.
[0127] Figure 5 A block diagram of a server provided for this application. Refer to Figure 5 , the server 800 may include one or more of the following components: a processing component 802, a memory 804, a power component 806, a multimedia component 808, an audio component 810, an input / output (I / O) interface 812, a sensor component 814, and a communication component 816.
[0128] The processing component 802 generally controls the overall operation of the server 800, such as operations associated with display, telephone calls, data communication, camera operations, and recording operations. The processing component 802 may include one or more processors 820 to execute instructions to complete all or part of the steps of the above-described methods. In addition, the processing component 802 may include one or more modules to facilitate the interaction between the processing component 802 and other components. For example, the processing component 802 may include a multimedia module to facilitate the interaction between the multimedia component 808 and the processing component 802.
[0129] The memory 804 is configured to store various types of data to support the operation of the server 800. Examples of such data include instructions for any application or method operating on the server 800, contact data, phone book data, messages, pictures, videos, etc. The memory 804 may be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disks, or optical disks.
[0130] The power component 806 provides power to the various components of the server 800. The power component 806 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the server 800.
[0131] The multimedia component 808 includes a screen that provides an output interface between the server 800 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touches, swipes, and gestures on the touch panel. The touch sensors may sense not only the boundaries of the touch or swipe actions but also detect the duration and pressure associated with the touch or swipe operations. In some embodiments, the multimedia component 808 includes a front camera and / or a rear camera. When the server 800 is in an operating mode, such as a shooting mode or a video mode, the front camera and / or the rear camera may receive external multimedia data. Each of the front camera and the rear camera may be a fixed optical lens system or have focal length and optical zoom capabilities.
[0132] The audio component 810 is configured to output and / or input audio signals. For example, the audio component 810 includes a microphone (MIC), which is configured to receive external audio signals when the server 800 is in an operating mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signals can be further stored in the memory 804 or transmitted via the communication component 816. In some embodiments, the audio component 810 further includes a speaker for outputting audio signals.
[0133] The I / O interface 812 provides an interface between the processing component 802 and a peripheral interface module, and the peripheral interface module can be a keyboard, a click wheel, buttons, etc. These buttons can include but are not limited to: a home button, a volume button, a power-on button, and a lock button.
[0134] The sensor component 814 includes one or more sensors for providing status assessments of various aspects of the server 800. For example, the sensor component 814 can detect the on / off state of the server 800, the relative positioning of components, such as the display and keypad of the server 800. The sensor component 814 can also detect a change in the position of the server 800 or a component of the server 800, the presence or absence of user contact with the server 800, the orientation or acceleration / deceleration of the server 800, and the temperature change of the server 800. The sensor component 814 can include a proximity sensor configured to detect the presence of nearby objects without any physical contact. The sensor component 814 can also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor component 814 can further include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.
[0135] The communication component 816 is configured to facilitate communication between the server 800 and other devices in a wired or wireless manner. The server 800 can access a wireless network based on a communication standard, such as WiFi, 2G, or 3G, or a combination thereof. In an exemplary embodiment, the communication component 816 receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 816 further includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.
[0136] In an exemplary embodiment, the server 800 may be implemented by one or more application specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors, or other electronic components for performing the above method.
[0137] In an exemplary embodiment, a non-transitory computer-readable storage medium including instructions is also provided, such as a memory 804 including instructions, and the above instructions can be executed by a processor 820 of the server 800 to complete the above method. For example, the non-transitory computer-readable storage medium may be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, and an optical data storage device, etc.
[0138] A non-transitory computer-readable storage medium, when the instructions in the storage medium are executed by a processor of the server, enables the server to execute the split-screen processing method of the above server.
[0139] Those skilled in the art will readily conceive of other embodiments of the present application after considering the specification and practicing the invention disclosed herein. The present application is intended to cover any variations, uses, or adaptations of the present application, which follow the general principles of the present application and include common general knowledge or conventional technical means in the technical field not disclosed in the present application. The specification and embodiments are only regarded as exemplary, and the true scope and spirit of the present application are pointed out by the following claims.
[0140] It should be understood that the present application is not limited to the exact structures described above and shown in the drawings, and various modifications and changes can be made without departing from its scope. The scope of the present application is only limited by the appended claims.
Claims
1. A method for form display configuration, characterized in that, the method includes: Obtain a data form to be displayed; the data form to be displayed includes form data and display initial parameters corresponding to the form data; Obtain a preset data configuration function, and perform display parameter configuration processing on the form data based on the data configuration function and the display initial parameters to generate display configuration parameters corresponding to the form data; Generate a target display data form corresponding to the data form to be displayed based on the display configuration parameters and the form data.
2. The method according to claim 1, characterized in that, the obtaining of the data form to be displayed includes: Obtain the form address information of the data form to be displayed, and read the data form to be displayed based on the form address information; or, respond to the import operation of the data form to be displayed, and obtain the data form to be displayed based on the import operation.
3. The method according to claim 2, characterized in that, after obtaining the data form to be displayed, the method further includes: Read the form data in the data form to be displayed based on a preset data reading variable; Determine the form display parameters and content display parameters in the display initial parameters, and read the form display parameters based on a preset first parameter reading variable and read the content display parameters based on a preset second parameter reading variable.
4. The method according to claim 1, characterized in that, the performing of display parameter configuration processing on the form data based on the data configuration function and the display initial parameters to generate display configuration parameters corresponding to the form data includes: Determine the number of column data included in the form data, and determine the generation position of the configuration button based on the number of column data, and generate the configuration button based on the data configuration function and the generation position; the configuration button is used to perform display parameter configuration processing on the form data to generate display configuration parameters corresponding to the form data.
5. The method according to claim 4, characterized in that, the performing of display parameter configuration processing on the form data to generate display configuration parameters corresponding to the form data includes: Configure the form data as a data group to be displayed based on the configuration button, and generate initial configuration parameters based on the data group to be displayed and the initial configuration parameters; Respond to the user's click operation on the configuration button, display the initial configuration parameters to the user, and perform parameter adjustment on the initial configuration parameters based on the user's configuration operation instruction to generate display configuration parameters corresponding to the form data.
6. The method according to claim 5, characterized in that, after generating the display configuration parameters corresponding to the form data, the method further includes: Obtain the user identification of the user, and manage and store the user identification and the display configuration parameters.
7. The method according to claim 1, characterized in that, after generating the target display data form corresponding to the data form to be displayed, the method further includes: Generate the target display data in the target display data form based on the display configuration parameters, and display the target display data.
8. A form display configuration device Characterized in that The device includes: A to-be-displayed data form acquisition module, configured to acquire a to-be-displayed data form; the to-be-displayed data form includes form data and display initial parameters corresponding to the form data; A display configuration parameter generation module, configured to acquire a preset data configuration function, perform display parameter configuration processing on the form data based on the data configuration function and the display initial parameters, and generate display configuration parameters corresponding to the form data; A target display data form generation module, configured to generate a target display data form corresponding to the to-be-displayed data form based on the display configuration parameters and the form data.
9. A server Characterized in that It includes: A processor and a memory communicatively connected to the processor; The memory stores computer-executable instructions; When the processor executes the computer-executable instructions, it is configured to implement the form display configuration method according to any one of claims 1 to 7.
10. A computer-readable storage medium Characterized in that The computer-readable storage medium stores computer-executable instructions, and when the computer-executable instructions are executed by a processor, they are configured to implement the form display configuration method according to any one of claims 1 to 7.