CN111274302A - Editing method and system of webpage chart component, electronic equipment and storage medium - Google Patents
Editing method and system of webpage chart component, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN111274302A CN111274302A CN202010072893.6A CN202010072893A CN111274302A CN 111274302 A CN111274302 A CN 111274302A CN 202010072893 A CN202010072893 A CN 202010072893A CN 111274302 A CN111274302 A CN 111274302A
- Authority
- CN
- China
- Prior art keywords
- component
- visual interface
- user
- webpage chart
- chart component
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 46
- 230000000007 visual effect Effects 0.000 claims abstract description 91
- 238000013507 mapping Methods 0.000 claims description 13
- 238000010586 diagram Methods 0.000 claims description 9
- 238000012800 visualization Methods 0.000 claims description 6
- 230000008676 import Effects 0.000 description 13
- 238000004891 communication Methods 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000004044 response Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000009466 transformation Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/25—Integrating or interfacing systems involving database management systems
- G06F16/258—Data format conversion from or to a database
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/26—Visual data mining; Browsing structured data
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Abstract
The application provides a method, a system, electronic equipment and a storage medium for editing a webpage chart component. The method comprises the following steps: responding to webpage chart component selection operation input by a user in a visual interface, determining a webpage chart component selected by the user from preset webpage chart components, and displaying the selected webpage chart component on the visual interface; and responding to the data element selection operation input by the user in the visual interface, determining the data element selected by the user from various preset data elements, and displaying the selected data element in the selected webpage chart component on the visual interface. By providing a visual interface, a user can edit the webpage chart component and the displayed data by selecting the webpage chart component and selecting the data element required to be displayed by the webpage chart component on the visual interface, code writing is not required, the writing efficiency is improved, and the difficulty is reduced.
Description
Technical Field
The present application relates to the field of computer technologies, and in particular, to a method and a system for editing a web page graph component, an electronic device, and a storage medium.
Background
In the current web page editing technology, if a graph component needs to be edited on a web page, the bottom layer code of the web page needs to be edited, so that the corresponding graph component is displayed on the page of the web page by editing the bottom layer code. Although the method can realize the display of the webpage chart component, the code writing is too time-consuming and energy-consuming, and the writing difficulty is large, thus being not beneficial to the actual operation.
Disclosure of Invention
An object of the embodiments of the present application is to provide a method, a system, an electronic device, and a storage medium for editing a web page graph component, so as to implement convenient, efficient, and simple editing of a web page graph component.
In a first aspect, an embodiment of the present application provides a method for editing a webpage diagram component, where the method includes:
responding to webpage chart component selection operation input by a user in a visual interface, determining a webpage chart component selected by the user from preset webpage chart components, and displaying the selected webpage chart component on the visual interface; and responding to the data element selection operation input by the user in the visual interface, determining the data element selected by the user from various preset data elements, and displaying the selected data element in the selected webpage chart component on the visual interface.
In the embodiment of the application, by providing the visual interface, the user can edit the webpage chart component and the displayed data by selecting the webpage chart component on the visual interface and selecting the data element required to be displayed by the webpage chart component without compiling codes, so that the compiling efficiency is improved, the difficulty is reduced, and the webpage chart component can be edited conveniently, efficiently and simply.
With reference to the first aspect, in a first possible implementation manner, after the displaying the selected web page chart component on the visual interface, the method further includes:
responding to the parameter setting operation of the selected webpage chart component input by the user in the visual interface, correspondingly generating the parameter of the selected webpage chart component, and adjusting the display of the selected webpage chart component on the visual interface according to the parameter.
In the embodiment of the application, a user can select the webpage chart component and adjust the parameters of the webpage chart component, so that the webpage chart component can be flexibly adjusted to be displayed in the visual interface.
With reference to the first possible implementation manner of the first aspect, in a second possible implementation manner, after the selected webpage chart component is displayed on the visual interface and before a parameter setting operation of the selected webpage chart component input by the user in the visual interface is responded, the method further includes:
generating a parameter selection bar of the parameter type in the visual interface according to the configurable parameter type of the selected webpage chart component;
correspondingly, responding to the parameter setting operation of the selected webpage chart component input by the user in the visual interface, and the parameter setting operation comprises the following steps:
responding to the parameter setting operation input by the user in the parameter selection bar aiming at the parameter type.
In the embodiment of the application, the parameter selection bar is displayed on the visual interface, so that the user can configure the parameters of the webpage chart component by selecting the parameters on the parameter selection bar, and the user can edit the parameters further.
With reference to the first possible implementation manner of the first aspect, in a third possible implementation manner, after generating parameters of the selected webpage graph component correspondingly, and after determining the user-selected data element from preset various data elements, the method further includes:
generating an id of a page for displaying the selected webpage chart component and the selected data element, and establishing a mapping relation among the id of the page, the selected webpage chart component, the selected data element and the parameter; when a page display request carrying the id sent by a client is received, acquiring the selected webpage chart component, the selected data element and the parameter according to the mapping relation corresponding to the id; and generating the page according to the selected webpage chart component, the selected data element and the parameter, and pushing the page to the client.
In the embodiment of the application, after the webpage is edited, because the webpage chart component, the data element and the parameters of the webpage chart component of the webpage are mapped, when the client requests the webpage, the webpage can be quickly generated based on the mapping and pushed to the client.
With reference to the first aspect, in a fourth possible implementation manner, displaying the selected data element in the selected webpage chart component on the visual interface includes:
and configuring the selected webpage chart component by using the selected data element so as to display the selected data element in the selected webpage chart component on the visual interface.
In the embodiment of the application, because the webpage chart component can be automatically configured by using the selected data element, the selected data element can be displayed in the webpage chart component without any operation performed by a user.
With reference to the first aspect, in a fifth possible implementation manner, before determining the data element selected by the user from preset various data elements, the method further includes:
acquiring a data document; and analyzing and converting the data document into the data elements in the binary format.
In the embodiment of the application, the data document is automatically analyzed and converted into the data elements in the binary format, and the data elements meeting the format requirement are collected without any operation of a user.
In a second aspect, an embodiment of the present application provides a system for editing a web page diagram component, where the system includes:
the component configuration module is used for responding to webpage chart component selection operation input by a user in a visual interface, determining a webpage chart component selected by the user from preset webpage chart components, and displaying the selected webpage chart component on the visual interface;
and the data element configuration module is used for responding to data element selection operation input by the user in the visual interface, determining the data element selected by the user from various preset data elements, and displaying the selected data element in the selected webpage chart component on the visual interface.
With reference to the second aspect, in a first possible implementation manner, the system further includes: a parameter configuration module for configuring the parameters of the system,
after the component configuration module displays the selected webpage chart component on the visual interface, the parameter configuration module is used for responding to the parameter setting operation of the selected webpage chart component input by the user in the visual interface, correspondingly generating the parameter of the selected webpage chart component, and adjusting the display of the selected webpage chart component on the visual interface according to the parameter.
With reference to the first possible implementation manner of the second aspect, in a second possible implementation manner, after the component configuration module displays the selected webpage chart component on the visual interface, and before the parameter configuration module responds to a parameter setting operation of the selected webpage chart component input by the user in the visual interface,
the parameter configuration module is further used for generating a parameter selection bar of the parameter type in the visual interface according to the configurable parameter type of the selected webpage chart component;
correspondingly, the parameter configuration module is configured to respond to a parameter setting operation input by the user for the parameter type in the parameter selection bar.
With reference to the first possible implementation manner of the second aspect, in a third possible implementation manner, the apparatus further includes: a web page configuration module;
after the parameter configuration module correspondingly generates the parameters of the selected webpage chart component and the data element configuration module determines the data element selected by the user from various preset data elements, the webpage configuration module is used for generating an id of a page for displaying the selected webpage chart component and the selected data element and establishing a mapping relation among the id of the page, the selected webpage chart component, the selected data element and the parameters; when a page display request carrying the id sent by a client is received, acquiring the selected webpage chart component, the selected data element and the parameter according to the mapping relation corresponding to the id; and generating the page according to the selected webpage chart component, the selected data element and the parameter, and pushing the page to the client.
In combination with the second aspect, in a fourth possible implementation manner,
the component configuration module is used for configuring the selected webpage chart component by using the selected data element so as to display the selected data element in the selected webpage chart component on the visual interface.
With reference to the second aspect, in a fifth possible implementation manner,
before the data element configuration module determines the data element selected by the user from various preset data elements, the data element configuration module is further used for acquiring a data document; and analyzing and converting the data document into the data elements in the binary format.
In a third aspect, an embodiment of the present application provides an electronic device, including: the display screen comprises a memory, a display screen and a processor connected with the memory and the display screen;
the memory is used for storing programs; a visual interface is displayed on the display screen; the processor is configured to execute the method for editing a web page graph component according to the first aspect or any one of the possible implementation manners of the first aspect by running the program.
In a fourth aspect, the present application provides a readable storage medium having a non-volatile program code executable by a computer, where the program code causes the computer to execute the method for editing a web page graph component according to the first aspect or any one of the possible implementation manners of the first aspect.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are required to be used in the embodiments of the present application will be briefly described below, it should be understood that the following drawings only illustrate some embodiments of the present application and therefore should not be considered as limiting the scope, and that those skilled in the art can also obtain other related drawings based on the drawings without inventive efforts.
Fig. 1 is a flowchart of an editing method for a web page graph component according to an embodiment of the present application;
fig. 2 is a first scene diagram of a visualization interface in an editing method for a webpage chart component according to an embodiment of the present application;
fig. 3 is a second scene diagram of a visualization interface in an editing method for a webpage chart component according to an embodiment of the present application;
fig. 4 is a block diagram of an electronic device according to an embodiment of the present disclosure;
fig. 5 is a block diagram of an apparatus for editing a web page graph component according to an embodiment of the present disclosure.
Detailed Description
The technical solutions in the embodiments of the present application will be described below with reference to the drawings in the embodiments of the present application.
Referring to fig. 1, an embodiment of the present application provides a method for editing a web page graph component, where the method for editing a web page graph component may be executed by an electronic device that provides a visual interface, and the method for editing a web page graph component includes: step S100 and step S200.
Step S100: and responding to webpage chart component selection operation input by a user in the visual interface, determining a webpage chart component selected by the user from the preset webpage chart components, and displaying the selected webpage chart component on the visual interface.
Step S200: and responding to the data element selection operation input by the user in the visual interface, determining the data element selected by the user from the preset various data elements, and displaying the selected data element in the selected webpage chart component on the visual interface.
The following describes in detail the flow of the editing method of the web page diagram component with reference to the example diagrams.
In order to display the corresponding data element in the webpage chart component, a user needs to import data into the electronic device, then the electronic device converts the imported data into the data element with a data format meeting the requirement of displaying in the webpage chart component, and stores the data element in a database corresponding to the electronic device.
As an exemplary way of importing data, as shown in fig. 2, a data import interface for importing data is provided on a visualization interface of the electronic device. And setting a window corresponding to each type of data in the data import interface. When a user inputs an address of a type of data corresponding to a certain window in the certain window, the electronic device may obtain the address and access a storage area corresponding to the address, thereby obtaining the data.
For example, the data import interface is provided with an import window of data of the MySql database, and when a user inputs a certain address of the MySql database in the window, the electronic device may access the storage area corresponding to the address in the MySql database by using the address to acquire all data stored in the storage area. And finally, the data elements are stored in a database corresponding to the electronic equipment so as to realize the import of the data.
The data import interface is also provided with an import window of the data of the Hbase database, and when a user inputs a certain address of the Hbase database in the window, the electronic equipment can access the storage area corresponding to the address in the Hbase database by using the address so as to acquire all data stored in the storage area. The electronic equipment continues to convert the data into data elements in a binary format, and finally the data elements are stored in a database corresponding to the electronic equipment, so that the data is imported.
In addition, the data import interface is further provided with an import window of a data document, such as an import window provided with an Excel document and a Word document, when a user inputs a data document to be imported into the window, the electronic device can acquire the data document, then the electronic device can parse the data document into a JSON data format, convert the document in the JSON data format into a data element in a binary format, and store the data element into a database corresponding to the electronic device, so as to import the data document.
It should be noted that the binary format data element indicates that one data is composed of two tags, and the electronic device converts the data into the binary format data element may split the data according to the tags and then reassemble the data according to the tags.
For example, the data is: if the consumption amount of the user consumed at the time point XX is XX, the electronic device may split the data into two tags, where one tag is: the user spending amount XX, another label is: the user consumes time point XX. The electronic device constructs a data element consisting of the user consumption amount XX and the user consumption time XX by establishing a mapping relation between the user consumption amount XX and the user consumption time XX.
For another example, the data is: the sales of a car in 3 and 4 months are XX and XXX, respectively, then the electronic device can split the data into four tags, the first tag being: time sold is 3 months, the second label is: the time of sale is month 4, the third label is: the car sales XX, the fourth label is: car sales XXX. The electronic device constructs a data element consisting of the sales time of 3 months and the automobile sales amount XX by establishing a mapping relation between the sales time of 3 months and the automobile sales amount XX. And the electronic equipment constructs another data element consisting of the sales time of 4 months and the automobile sales amount XXX by establishing a mapping relation between the sales time of 4 months and the automobile sales amount XXX.
In this embodiment, in order to facilitate the subsequent selection of the data element by the user, the electronic device may assign a corresponding unique tag to each imported data element. For example, after the electronic device acquires all users in a storage area corresponding to a certain address of the Oracle database from the storage area, and converts all user data into a corresponding converted data element, the electronic device may assign a unique tag a to the data element. And after the electronic equipment acquires all the sales data in the storage area from the storage area corresponding to a certain address of the MySql database and converts all the sales data into the corresponding converted data element, the electronic equipment can allocate a unique tag B for the data element. Then, when the user selects a data element, a visual interface of the electronic device may display a unique label for each of the various types of data elements. If a user selects a unique tag, the electronic device can display all data elements corresponding to the selected unique tag in a webpage chart component selected by the user. In other words, if the user selects the unique tag a, the electronic device displays data elements correspondingly converted by all user data in one webpage chart component selected by the user; if the user selects the unique label B, the electronic equipment displays the data elements correspondingly converted by all the sales data in one webpage chart component selected by the user.
In addition, it should be noted that, in order to facilitate the display of data elements, a user needs to ensure that data elements with the same tag type can be converted every time the data is imported. For example, the data elements of "sales time is 3 months" and "car sales amount XX" and the data elements of "sales time is 4 months" and "car sales amount XXX" are the same tag type.
In this embodiment, after the electronic device imports the data element, the electronic device may execute a process of visually displaying the data element through the web page graph component, that is, execute step S100.
Step S100: and responding to webpage chart component selection operation input by a user in the visual interface, determining a webpage chart component selected by the user from the preset webpage chart components, and displaying the selected webpage chart component on the visual interface.
In this embodiment, a component selection bar of the webpage chart component may be displayed on a visualization interface of the electronic device. For example, as shown in fig. 3, the user touches or mouse clicks the "basic component list" option, and the electronic device may load and display the component selection bar on the visual interface in response to the user touching or mouse clicking the "basic component list" option. The name of each webpage chart component can be displayed in the component selection column, and even in order to improve the user experience, the thumbnail of each webpage chart component can be displayed in the component selection column.
Furthermore, a user selects a name or a thumbnail of a certain webpage chart component in the component selection column through touch control or mouse clicking, and the electronic equipment responds to the webpage chart component selection operation input by the user, so that the webpage chart component corresponding to the name or the thumbnail selected by the user is determined from the preset webpage chart components. After the user selects the webpage chart component, the background of the electronic device can render and display the webpage chart component on the visual interface by running the program of the webpage chart component selected by the user, that is, as shown in fig. 3, the webpage chart component selected by the user can be displayed in the left area of the visual interface.
Further, after the user selects the netpage graph component, the user may further select the data elements that need to be displayed by the netpage graph component.
Step S200: and responding to the data element selection operation input by the user in the visual interface, determining the data element selected by the user from the preset various data elements, and displaying the selected data element in the selected webpage chart component on the visual interface.
In this embodiment, the electronic device responds to the operation of a user touching or clicking a name or a thumbnail of a certain webpage chart component in the component selection bar by a mouse, displays the webpage chart component selected by the user in the left area of the visual interface, and loads the selection bar displaying the data element on the visual interface.
The unique identifier of each data element is displayed in the selection column of the data element, and a user can touch or click the unique identifier of one data element in the selection column of the data element by a mouse. Correspondingly, the electronic equipment responds to the operation of selecting the unique identifier by touch or mouse click of the user, determines the data element corresponding to the unique identifier selected by the user from various data elements, and the data element corresponding to the unique identifier is the data element selected by the user.
Furthermore, because the selection bar of the data element is loaded and displayed on the basis of the selected webpage chart component, after the electronic device determines the data element selected by the user, the electronic device can further determine that the selected data element corresponds to the selected webpage chart component, so that the selected data element can be used for configuring the bottom layer program of the selected webpage chart component. In this way, the electronic device may display the selected data element in the selected webpage chart component on the visual interface by running the configured underlying program, for example, the selected data element is displayed in a broken line, column, pie, K line, and the like.
In this embodiment, in order to facilitate the user to adjust the display of the selected webpage chart component, after the webpage chart component selected by the user is displayed, the user may further perform a parameter setting operation on the selected webpage chart component, which is input in the visualization interface. Correspondingly, the electronic equipment responds to the parameter setting operation, correspondingly generates the parameters of the selected webpage chart component, and adjusts the display of the selected webpage chart component on the visual interface according to the parameters.
Specifically, the electronic device presets a parameter type that can be configured by each webpage chart component according to the characteristics of each webpage chart component. For example, the web page graph component is a scale graph, and the parameter types that can be configured by the scale graph include: the coordinate position of the scale chart in the visual interface, the radius of the scale chart, the color of the scale chart and the like; for another example, if the web page graph component is a graph, the types of parameters that can be configured by the graph include: the coordinate position of the coordinate graph in the visual interface, the length and width of the coordinate graph, whether grids are filled in the coordinate graph or not and the like.
Based on the preset parameter type, as shown in fig. 3, while the electronic device displays the webpage chart component selected by the user, the electronic device may further generate and display a parameter selection bar of the parameter type in the right area of the visual interface according to the parameter type configurable by the selected webpage chart component. In this way, when the user sets parameters for the parameter type of the selected webpage chart component in the parameter selection bar, the electronic equipment responds to the parameter setting operation input by the user, correspondingly generates the parameters of the selected webpage chart component, and adjusts the display size, the display position, the display mode and the like of the selected webpage chart component on the visual interface according to the parameters.
In this embodiment, when a user selects all the web page chart components that need to be displayed in one web page, configures parameters of the web page chart components, and selects all the data elements that need to be displayed by the web page chart components, the user may input a page editing completion operation on the visual interface. Correspondingly, the electronic equipment responds to the page editing completion operation input by the user, and generates the id of the page for displaying the selected webpage chart component and the selected data element. And the electronic equipment can also establish the mapping relation among the id of the page, all selected webpage chart components on the visual interface, all selected data elements on the visual interface and the parameters of all selected webpage chart components on the visual interface.
When the electronic equipment receives a page display request which is sent by a client and carries the id of the page, the electronic equipment can find the mapping relation corresponding to the id of the page according to the id of the page carried in the page display request, so that all the webpage chart components, all the data elements and all the parameters of the webpage chart components corresponding to the id of the page are obtained based on the mapping relation. The electronic equipment can generate the page required by the client according to all the webpage chart components, all the data elements and all the parameters of the webpage chart components corresponding to the id, and push the page to the client, wherein the layout of all the webpage chart components and the data elements displayed by all the webpage chart components on the page is the same as the layout of the webpage chart components on the visual interface.
Referring to fig. 4, based on the same inventive concept, the present embodiment provides an electronic device 10, and the electronic device 10 may include a communication interface 11 connected to a network, one or more processors 12 for executing program instructions, a bus 13, a display 14, and a memory 15 of different forms, such as a disk, a ROM, or a RAM, or any combination thereof. Illustratively, the computer platform may also include program instructions stored in ROM, RAM, or other types of non-transitory storage media, or any combination thereof.
Referring to fig. 5, an embodiment of the present application provides a system 100 for editing a netpage chart component, where the system 100 for editing a netpage chart component is applied to an electronic device, and the system 100 for editing a netpage chart component includes:
the component configuration module 110 is configured to determine a webpage chart component selected by a user from preset webpage chart components in response to a webpage chart component selection operation input by the user in a visual interface, and display the selected webpage chart component on the visual interface;
and the data element configuration module 120 is configured to determine, in response to a data element selection operation input by the user in the visual interface, a data element selected by the user from preset various data elements, and display the selected data element in the selected webpage chart component on the visual interface.
Optionally, the editing system 100 for page chart components further includes: the parameter configuration module 130 is configured to configure the parameters,
after the component configuration module 110 displays the selected webpage chart component on the visual interface, the parameter configuration module 130 is configured to respond to a parameter setting operation of the selected webpage chart component input by the user in the visual interface, generate a parameter of the selected webpage chart component correspondingly, and adjust display of the selected webpage chart component on the visual interface according to the parameter.
It should be noted that, as those skilled in the art can clearly understand, for convenience and brevity of description, the specific working processes of the above-described systems, apparatuses and units may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again.
An embodiment of the present application further provides a computer-readable storage medium of a computer-executable nonvolatile program code, where the storage medium can be a general-purpose storage medium, such as a removable disk, a hard disk, or the like, and the computer-readable storage medium has a program code stored thereon, where the program code is executed by a computer to perform the steps of the method for editing a netpage graph component according to any one of the above embodiments.
The program code product of the method for editing a webpage graph component provided in the embodiment of the present application includes a computer-readable storage medium storing the program code, and instructions included in the program code may be used to execute the method in the foregoing method embodiment.
In summary, the embodiment of the present application provides a method, a system, an electronic device, and a storage medium for editing a webpage graph component. By providing the visual interface, the user can edit the webpage chart component and the displayed data by selecting the webpage chart component on the visual interface and selecting the data element required to be displayed by the webpage chart component without compiling codes, so that the compiling efficiency is improved, the difficulty is reduced, and the webpage chart component can be edited conveniently, efficiently and simply.
In the embodiments provided in the present application, it should be understood that the disclosed apparatus and method may be implemented in other ways. The above-described embodiments of the apparatus are merely illustrative, and for example, the division of the units is only one logical division, and there may be other divisions when actually implemented, and for example, a plurality of units or components may be combined or 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 of devices or units through some communication interfaces, and may be in an electrical, mechanical or other form.
In addition, 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.
Furthermore, the functional modules in the embodiments of the present application may be integrated together to form an independent part, or each module may exist separately, or two or more modules may be integrated to form an independent part.
In this document, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions.
The above description is only an example of the present application and is not intended to limit the scope of the present application, and various modifications and changes may be made by those skilled in the art. Any modification, equivalent transformation, improvement, etc. made within the spirit and principle of the present application should be included in the protection scope of the present application.
Claims (10)
1. A method for editing a web page graph component, the method comprising:
responding to webpage chart component selection operation input by a user in a visual interface, determining a webpage chart component selected by the user from preset webpage chart components, and displaying the selected webpage chart component on the visual interface;
and responding to the data element selection operation input by the user in the visual interface, determining the data element selected by the user from various preset data elements, and displaying the selected data element in the selected webpage chart component on the visual interface.
2. The method for editing a netpage graph component of claim 1, wherein after displaying the selected netpage graph component on the visualization interface, the method further comprises:
responding to the parameter setting operation of the selected webpage chart component input by the user in the visual interface, correspondingly generating the parameter of the selected webpage chart component, and adjusting the display of the selected webpage chart component on the visual interface according to the parameter.
3. The method for editing a web page graph component according to claim 2, wherein after displaying the selected web page graph component on the visual interface and before responding to a parameter setting operation of the selected web page graph component input by the user in the visual interface, the method further comprises:
generating a parameter selection bar of the parameter type in the visual interface according to the configurable parameter type of the selected webpage chart component;
correspondingly, responding to the parameter setting operation of the selected webpage chart component input by the user in the visual interface, and the parameter setting operation comprises the following steps:
responding to the parameter setting operation input by the user in the parameter selection bar aiming at the parameter type.
4. The method for editing netpage graph components according to claim 2, wherein after the parameters corresponding to the selected netpage graph components are generated and after the user-selected data elements are determined from the preset various data elements, the method further comprises:
generating an id of a page for displaying the selected webpage chart component and the selected data element, and establishing a mapping relation among the id of the page, the selected webpage chart component, the selected data element and the parameter;
when a page display request carrying the id sent by a client is received, acquiring the selected webpage chart component, the selected data element and the parameter according to the mapping relation corresponding to the id;
and generating the page according to the selected webpage chart component, the selected data element and the parameter, and pushing the page to the client.
5. The method for editing a netpage graph component of claim 1, wherein displaying the selected data element within the selected netpage graph component on the visual interface comprises:
and configuring the selected webpage chart component by using the selected data element so as to display the selected data element in the selected webpage chart component on the visual interface.
6. A method for editing a web page graph component as claimed in claim 1, wherein before the user-selected data element is determined from the preset various data elements, the method further comprises:
acquiring a data document;
and analyzing and converting the data document into the data elements in the binary format.
7. A system for editing a web page diagram component, the system comprising:
the component configuration module is used for responding to webpage chart component selection operation input by a user in a visual interface, determining a webpage chart component selected by the user from preset webpage chart components, and displaying the selected webpage chart component on the visual interface;
and the data element configuration module is used for responding to data element selection operation input by the user in the visual interface, determining the data element selected by the user from various preset data elements, and displaying the selected data element in the selected webpage chart component on the visual interface.
8. The system for editing a web page graph component of claim 7, the system further comprising: a parameter configuration module for configuring the parameters of the system,
after the component configuration module displays the selected webpage chart component on the visual interface, the parameter configuration module is used for responding to the parameter setting operation of the selected webpage chart component input by the user in the visual interface, correspondingly generating the parameter of the selected webpage chart component, and adjusting the display of the selected webpage chart component on the visual interface according to the parameter.
9. An electronic device, comprising: the display screen comprises a memory, a display screen and a processor connected with the memory and the display screen;
the memory is used for storing programs;
a visual interface is displayed on the display screen;
the processor is configured to execute the method for editing a web page graph assembly according to any one of claims 1 to 6 by executing the program.
10. A readable storage medium having computer-executable nonvolatile program code, the program code causing the computer to execute the method for editing a web page graph component according to any one of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010072893.6A CN111274302A (en) | 2020-01-21 | 2020-01-21 | Editing method and system of webpage chart component, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010072893.6A CN111274302A (en) | 2020-01-21 | 2020-01-21 | Editing method and system of webpage chart component, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111274302A true CN111274302A (en) | 2020-06-12 |
Family
ID=71001903
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010072893.6A Pending CN111274302A (en) | 2020-01-21 | 2020-01-21 | Editing method and system of webpage chart component, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111274302A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112799662A (en) * | 2021-01-07 | 2021-05-14 | 中国电子系统技术有限公司 | Component configuration item display method and device |
| CN112861058A (en) * | 2021-03-16 | 2021-05-28 | 北京同邦卓益科技有限公司 | Visual node processing method, device, medium and electronic equipment |
| CN114625365A (en) * | 2022-03-11 | 2022-06-14 | 北京金堤科技有限公司 | Webpage editing interface, webpage editing method, electronic equipment and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070162845A1 (en) * | 2006-01-09 | 2007-07-12 | Apple Computer, Inc. | User interface for webpage creation/editing |
| CN108255969A (en) * | 2017-12-26 | 2018-07-06 | 平安科技（深圳）有限公司 | Visual Chart method for implementing page, device, terminal device and storage medium |
| CN109710686A (en) * | 2018-12-27 | 2019-05-03 | 杭州火树科技有限公司 | The analysis system of visualization building chart |
| CN110362302A (en) * | 2019-07-15 | 2019-10-22 | 软通动力信息技术有限公司 | Configuration method, device, server and the storage medium of big data visualization interface |
| CN110674227A (en) * | 2019-09-20 | 2020-01-10 | 上海东方富联科技有限公司 | Method, system, medium and terminal for generating data visualization chart and page |
-
2020
- 2020-01-21 CN CN202010072893.6A patent/CN111274302A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070162845A1 (en) * | 2006-01-09 | 2007-07-12 | Apple Computer, Inc. | User interface for webpage creation/editing |
| CN108255969A (en) * | 2017-12-26 | 2018-07-06 | 平安科技（深圳）有限公司 | Visual Chart method for implementing page, device, terminal device and storage medium |
| CN109710686A (en) * | 2018-12-27 | 2019-05-03 | 杭州火树科技有限公司 | The analysis system of visualization building chart |
| CN110362302A (en) * | 2019-07-15 | 2019-10-22 | 软通动力信息技术有限公司 | Configuration method, device, server and the storage medium of big data visualization interface |
| CN110674227A (en) * | 2019-09-20 | 2020-01-10 | 上海东方富联科技有限公司 | Method, system, medium and terminal for generating data visualization chart and page |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112799662A (en) * | 2021-01-07 | 2021-05-14 | 中国电子系统技术有限公司 | Component configuration item display method and device |
| CN112861058A (en) * | 2021-03-16 | 2021-05-28 | 北京同邦卓益科技有限公司 | Visual node processing method, device, medium and electronic equipment |
| CN114625365A (en) * | 2022-03-11 | 2022-06-14 | 北京金堤科技有限公司 | Webpage editing interface, webpage editing method, electronic equipment and storage medium |
| CN114625365B (en) * | 2022-03-11 | 2024-01-19 | 北京金堤科技有限公司 | Webpage editing system, webpage editing method, electronic device and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN113094037B (en) | Interaction method, development platform, equipment and storage medium for forms and workflows | |
| CN109614424B (en) | Page layout generation method, device, computing equipment and medium | |
| CN106933889B (en) | Configuration method, display method and client for screened rules | |
| CN110837369A (en) | Form generation method and device, electronic equipment and storage medium | |
| CN111274302A (en) | Editing method and system of webpage chart component, electronic equipment and storage medium | |
| TWI531953B (en) | Temporary formatting and charting of selected data | |
| CN111125560B (en) | Data visualization processing method, device and computer system | |
| JP2018528559A (en) | Method and system for realizing data tracking by software development kit | |
| CN112561386A (en) | Method, device and equipment for acquiring business process | |
| CN108920342B (en) | Method and device for realizing data acquisition of application | |
| US20080244416A1 (en) | Apparatus and method for creating and consuming custom visualization templates | |
| CN110807002B (en) | Report generation method, system and equipment based on workflow and storage medium | |
| CN111736818A (en) | Application creation method and device based on container cloud, electronic equipment and storage medium | |
| CN111596911B (en) | Method, device, computer equipment and storage medium for generating control | |
| CN111881662A (en) | Form generation method, device, processing equipment and storage medium | |
| CN109145034B (en) | Resource presentation method and device and computer terminal | |
| CN110555073A (en) | data processing method and device, electronic equipment and storage medium | |
| CN111176646A (en) | Generation method and device of emergency plan web page | |
| CN111399941A (en) | Batch configuration method, device and equipment for BMC (baseboard management controller) functions | |
| CN112433712A (en) | Report display method and device, computer equipment and storage medium | |
| CN113407254B (en) | Form generation method and device, electronic equipment and storage medium | |
| CN113254016A (en) | Interface generation method, interface information processing method, equipment and storage medium | |
| CN116382672A (en) | System design method, intelligent terminal and storage medium for travel industry flow | |
| CN116956847A (en) | Report management method and device | |
| US9239669B2 (en) | Common user interface view grouping and sharing framework in online applications |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20200612 |