CN114647478B - Data billboard generation method and device, computer equipment and storage medium - Google Patents
Data billboard generation method and device, computer equipment and storage medium Download PDFInfo
- Publication number
- CN114647478B CN114647478B CN202210560609.9A CN202210560609A CN114647478B CN 114647478 B CN114647478 B CN 114647478B CN 202210560609 A CN202210560609 A CN 202210560609A CN 114647478 B CN114647478 B CN 114647478B
- Authority
- CN
- China
- Prior art keywords
- billboard
- containers
- container
- original
- target
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/455—Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
- G06F9/45533—Hypervisors; Virtual machine monitors
- G06F9/45558—Hypervisor-specific management and integration aspects
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/455—Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
- G06F9/45533—Hypervisors; Virtual machine monitors
- G06F9/45558—Hypervisor-specific management and integration aspects
- G06F2009/45562—Creating, deleting, cloning virtual machine instances
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/30—Computing systems specially adapted for manufacturing
Abstract
The application discloses a data billboard generation method, a device, computer equipment and a storage medium, wherein the data billboard generation method comprises the following steps: the method comprises the steps of obtaining a pre-created original data billboard and an original terminal type corresponding to the original data billboard, wherein the original data billboard comprises a plurality of containers, and the containers are displayed in the original data billboard according to the layout of the original containers; determining the type of a target terminal corresponding to the original data billboard according to the original data billboard; determining target container layouts corresponding to the containers according to the original container layout, the original terminal type and the target terminal type; and generating a target data billboard according to the original data billboard and the target container layout. According to the method and the device, the target data signboards suitable for different types of terminals can be generated according to the original data signboards, the data signboards of different versions do not need to be created for the different types of terminals, and time and labor cost are saved.
Description
Technical Field
The present application relates to the field of data processing technologies, and in particular, to a data billboard generation method and apparatus, a computer device, and a storage medium.
Background
With the development of internet services and products, a large amount of data is continuously generated, and reasonable utilization and display of the data can promote the measurement of the services and the products to be more and more scientific. The data billboard is a mode which can display data in the forms of a line graph, a pie chart, a bar chart and the like and can timely and effectively touch data analysis results to a user side. A user can check the data billboard through the terminal, and in the prior art, aiming at different types of terminals, data billboards with different versions need to be created, so that time and labor cost are wasted.
Disclosure of Invention
The embodiment of the application provides a data billboard generation method and device, computer equipment and a storage medium, which can generate target data billboards suitable for different types of terminals according to original data billboards, do not need to create data billboard of different versions for different types of terminals, and save time and labor cost.
In one aspect, the present application provides a data billboard generation method, including:
the method comprises the steps of obtaining a pre-created original data billboard and an original terminal type corresponding to the original data billboard, wherein the original data billboard comprises a plurality of containers, and the containers are displayed in the original data billboard according to the layout of the original containers;
determining the type of a target terminal corresponding to the original data billboard according to the original data billboard;
determining target container layouts corresponding to the containers according to the original container layout, the original terminal type and the target terminal type;
and generating a target data billboard according to the original data billboard and the target container layout.
In some embodiments of the present application, the determining, according to the original data billboard, a type of a target terminal corresponding to the original data billboard includes:
displaying a billboard editing page of the original data billboard, and determining the canvas size corresponding to the original data billboard according to an operation instruction of a user on the billboard editing page;
and determining the type of the target terminal corresponding to the original data billboard according to the size of the canvas.
In some embodiments of the present application, the determining, according to the original container layout, the original terminal type, and the target terminal type, a target container layout corresponding to the containers includes:
determining the corresponding relation between the original container layout and the target container layout according to the original terminal type and the target terminal type;
and determining the target container layout corresponding to the containers according to the original container layout and the corresponding relation between the original container layout and the target container layout.
In some embodiments of the present application, the containers of the raw data billboard are filled with billboard components, and generating a target data billboard based on the raw data billboard and the target container layout comprises:
displaying the containers according to the target container layout, and acquiring the container numbers of the containers in the containers;
and loading the plurality of kanban components to the plurality of containers according to the container numbers to generate target data kanban.
In some embodiments of the present application, said loading said number of billboard assemblies to said number of containers according to said container number comprises:
determining the billboard assemblies corresponding to the containers according to the container numbers and the corresponding relationship between the predetermined container numbers and the billboard assemblies;
and loading the plurality of billboard assemblies to the plurality of containers according to the billboard assembly corresponding to each container.
In some embodiments of the present application, the method further comprises, after the loading of the number of billboard assemblies to the number of containers according to the container number:
acquiring the container size of each container;
adjusting the assembly size of the plurality of billboard assemblies according to the container size.
In some embodiments of the present application, a method for creating a raw data billboard includes:
acquiring a creating instruction of the original data billboard, and determining the original container layout of a plurality of containers according to the creating instruction;
displaying the containers according to the original container layout, and receiving the dragging operation aiming at the billboard assemblies;
and loading the plurality of kanban components to the plurality of containers according to the dragging operation to create the original data kanban.
In another aspect, the present application provides a data billboard generation apparatus, including:
the system comprises a data acquisition unit, a data processing unit and a display unit, wherein the data acquisition unit is used for acquiring a pre-created original data billboard and an original terminal type corresponding to the original data billboard, the original data billboard comprises a plurality of containers, and the containers are displayed in the original data billboard according to the layout of the original containers;
the type determining unit is used for determining the type of the target terminal corresponding to the original data billboard according to the original data billboard;
a layout determining unit, configured to determine, according to the original container layout, the original terminal type, and the target terminal type, a target container layout corresponding to the plurality of containers;
and the billboard generation unit is used for generating a target data billboard according to the original data billboard and the target container layout.
In another aspect, the present application further provides a computer device, including:
one or more processors;
a memory; and
one or more application programs, wherein the one or more application programs are stored in the memory and configured to be executed by the processor to implement the data billboard generation method of any of the first aspects.
In a fourth aspect, the present application further provides a computer-readable storage medium, on which a computer program is stored, where the computer program is loaded by a processor to execute the steps in the data billboard generation method according to any one of the first aspect.
According to the method and the system, the target container layout corresponding to the containers is determined according to the original container layout, the original terminal type and the target terminal type, the target data billboard is generated according to the original data billboard and the target container layout, the target data billboard suitable for different types of terminals can be generated according to the original data billboard, the data billboards of different versions are not required to be created for the different types of terminals, and time and labor cost are saved.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings needed to be used in the description of the embodiments are briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
FIG. 1 is a schematic view of a scene of a data billboard generation system provided by an embodiment of the present application;
FIG. 2 is a schematic flow chart diagram illustrating an embodiment of a method for generating a data billboard provided in an embodiment of the present application;
FIG. 3 is a schematic structural diagram of an embodiment of a raw data billboard provided in an embodiment of the present application;
FIG. 4 is a schematic structural diagram of an embodiment of a target data billboard provided in an embodiment of the present application;
FIG. 5 is a schematic structural diagram of an embodiment of a data billboard generation apparatus provided in the embodiment of the present application;
fig. 6 is a schematic structural diagram of an embodiment of a computer device provided in the embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be described clearly and completely with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only some embodiments of the present application, and not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
In the description of the present application, it is to be understood that the terms "center", "longitudinal", "lateral", "length", "width", "thickness", "upper", "lower", "front", "rear", "left", "right", "vertical", "horizontal", "top", "bottom", "inner", "outer", and the like indicate orientations or positional relationships based on those shown in the drawings, and are used merely for convenience of description and for simplicity of description, and do not indicate or imply that the referenced device or element must have a particular orientation, be constructed in a particular orientation, and be operated, and thus should not be considered as limiting the present application. Furthermore, the terms "first", "second" and "first" are used for descriptive purposes only and are not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, features defined as "first", "second", may explicitly or implicitly include one or more of the described features. In the description of the present application, "a plurality" means two or more unless specifically limited otherwise.
In this application, the word "exemplary" is used to mean "serving as an example, instance, or illustration. Any embodiment described herein as "exemplary" is not necessarily to be construed as preferred or advantageous over other embodiments. The following description is presented to enable any person skilled in the art to make and use the application. In the following description, details are set forth for the purpose of explanation. It will be apparent to one of ordinary skill in the art that the present application may be practiced without these specific details. In other instances, well-known structures and processes are not set forth in detail in order to avoid obscuring the description of the present application with unnecessary detail. Thus, the present application is not intended to be limited to the embodiments shown, but is to be accorded the widest scope consistent with the principles and features disclosed herein.
It should be noted that, since the method in the embodiment of the present application is executed in a computer device, processing objects of each computer device all exist in the form of data or information, for example, time, which is substantially time information, and it is understood that, in the subsequent embodiments, if size, number, position, and the like are mentioned, corresponding data exist so as to be processed by the computer device, and details are not described herein.
Embodiments of the present application provide a data billboard generation method and apparatus, a computer device, and a storage medium, which are described in detail below.
Referring to fig. 1, fig. 1 is a schematic view of a scene of a data billboard generation system according to an embodiment of the present disclosure, where the data billboard generation system may include a computer device 100, and a data billboard generation apparatus, such as the computer device in fig. 1, is integrated in the computer device 100.
In the embodiment of the application, the computer device 100 is mainly used for acquiring a pre-created original data billboard and an original terminal type corresponding to the original data billboard, wherein the original data billboard comprises a plurality of containers, and the containers are displayed in the original data billboard according to the layout of the original containers; determining the type of a target terminal corresponding to the original data billboard according to the original data billboard; determining target container layouts corresponding to the containers according to the original container layout, the original terminal type and the target terminal type; and generating the target data billboard according to the layout of the original data billboard and the target container, so that the target data billboard suitable for different types of terminals can be generated according to the original data billboard without creating data billboards of different versions for different types of terminals, and time and labor cost are saved.
In this embodiment, the computer device 100 may be an independent server, or may be a server network or a server cluster composed of servers, for example, the computer device 100 described in this embodiment includes, but is not limited to, a computer, a network host, a single network server, a plurality of network server sets, or a cloud server composed of a plurality of servers. Among them, the Cloud server is constituted by a large number of computers or web servers based on Cloud Computing (Cloud Computing).
It will be appreciated that the computer device 100 used in the embodiments of the present application may be a device that includes both receiving and transmitting hardware, i.e., a device having receiving and transmitting hardware capable of performing two-way communications over a two-way communications link. Such a device may include: a cellular or other communication device having a single line display or a multi-line display or a cellular or other communication device without a multi-line display. The specific computer device 100 may specifically be a desktop terminal or a mobile terminal, and the computer device 100 may also specifically be one of a mobile phone, a tablet computer, a notebook computer, and the like.
Those skilled in the art can understand that the application environment shown in fig. 1 is only one application scenario related to the present application, and does not constitute a limitation on the application scenario of the present application, and that other application environments may further include more or fewer computer devices than those shown in fig. 1, for example, only 1 computer device is shown in fig. 1, and it can be understood that the data billboard generation system may further include one or more other services, which is not limited herein.
In addition, as shown in fig. 1, the data kanban generation system may further include a memory 200 for storing data, such as kanban data, for example, a plurality of containers of the original data kanban, a container layout of the plurality of containers, kanban components filled in the plurality of containers, for example, terminal type data, for example, an original terminal type, a target terminal type, and a corresponding relationship between the container layout of the original terminal type and the container layout of the target terminal type.
It should be noted that the scene schematic diagram of the data billboard generation system shown in fig. 1 is merely an example, and the data billboard generation system and the scene described in the embodiment of the present application are for more clearly illustrating the technical solution of the embodiment of the present application, and do not form a limitation on the technical solution provided in the embodiment of the present application.
First, an embodiment of the present application provides a data billboard generation method, where an execution subject of the data billboard generation method is a data billboard generation device, and the data billboard generation device is applied to a computer device, and the data billboard generation method includes: the method comprises the steps of obtaining a pre-created original data billboard and an original terminal type corresponding to the original data billboard, wherein the original data billboard comprises a plurality of containers, and the containers are displayed in the original data billboard according to the layout of the original containers; determining the type of a target terminal corresponding to the original data billboard according to the original data billboard; determining target container layouts corresponding to the containers according to the original container layout, the original terminal type and the target terminal type; and generating a target data billboard according to the original data billboard and the target container layout.
As shown in fig. 2, which is a schematic flow chart of an embodiment of a data billboard generation method in the embodiment of the present application, the data billboard generation method includes:
s100, a pre-created original data billboard and an original terminal type corresponding to the original data billboard are obtained, wherein the original data billboard comprises a plurality of containers, and the containers are displayed in the original data billboard according to the layout of the original containers.
The original data billboard is a pre-created data billboard suitable for presentation on a terminal of an original terminal type, including but not limited to a Personal Computer (PC) terminal, a mobile terminal, etc. The pre-created raw data billboard has a container function, in other words, the pre-created raw data billboard includes several containers that are shown in the raw data billboard in a raw container layout, e.g., as shown in fig. 3, the raw data billboard includes container 1, container 2, container 3, etc.
In this embodiment, a user only needs to create a data billboard suitable for a certain type of terminal in advance, that is, an original data billboard, for example, a data billboard suitable for a PC end in advance, and when the user needs to adapt the original data billboard to another type of terminal, the user may send a data billboard generation instruction to a computer device, where the data billboard generation instruction includes, but is not limited to, a touch instruction, a mouse instruction, a remote control instruction, and the like, for example, the user directly clicks an icon of the original data billboard created in advance on a touch screen, or the user clicks an icon of the original data billboard created in advance on the touch screen through a mouse. After receiving a data billboard generation instruction sent by a user, the computer equipment acquires a pre-created original data billboard and an original terminal type corresponding to the original data billboard, so that a target data billboard is generated according to the original data billboard and the original terminal type in the subsequent steps.
S200, determining the type of the target terminal corresponding to the original data billboard according to the original data billboard.
The target terminal type is a terminal type of another terminal that needs to use the raw data billboard, the target terminal type includes, but is not limited to, a Personal Computer (PC) terminal, a mobile terminal, and the like, and the target terminal type is a terminal type different from the original terminal type, for example, the original terminal type is a PC terminal, and the target terminal type is a mobile terminal. In this embodiment, after the original data billboard and the original terminal type corresponding to the original data billboard are obtained, the target terminal type corresponding to the original data billboard is further determined according to the original data billboard, so that the target container layout is determined according to the target terminal type in the subsequent steps.
In one embodiment, step S200 includes:
s210, displaying a billboard editing page of the original data billboard, and determining the canvas size corresponding to the original data billboard according to an operation instruction of a user on the billboard editing page;
and S220, determining the type of the target terminal corresponding to the original data billboard according to the size of the canvas.
The canvas size is the size of the canvas area used for displaying the original data billboard, the pre-created original data billboard is provided with a billboard editing page, and a user can select the size of the canvas area needing to display the original data billboard under the billboard editing page. After the computer device obtains the raw data billboard, the billboard editing page of the raw data billboard is further displayed, and an operation instruction of a user on the billboard editing page is obtained, where the operation instruction includes, but is not limited to, a touch instruction, a mouse instruction, a remote control instruction, and the like, for example, the user directly clicks an icon with a canvas size of 1920 × 1080 on the touch screen, or the user clicks an icon with a canvas size of 1920 × 1080 on the touch screen through a mouse, then, according to the operation instruction of the user on the billboard editing page, the canvas size corresponding to the raw data billboard is determined, and according to the canvas size, the target terminal type corresponding to the raw data billboard is determined. For example, when the canvas size selected by the user is 1920 × 1080, the target terminal type is determined to be the PC end, and when the canvas size selected by the user is 750 × 1334, the target terminal type is determined to be the mobile end.
S300, determining target container layouts corresponding to the containers according to the original container layouts, the original terminal types and the target terminal types.
The target container layout is a container layout of a plurality of containers on a target data signboard applicable to a target terminal type, and considering that an original data signboard is created based on an original terminal type, and the original terminal type and the target terminal type are different terminal types, if the original data signboard is directly applied to other types of terminals, problems may occur that the original data signboard is too small in size to completely cover a screen, or the original data signboard is too large in size to completely display on the screen, for example, the original data signboard is shown in fig. 3, the target data signboard is shown in fig. 4, assuming that the data signboard shown in fig. 3 is applicable to a PC terminal, the data signboard shown in fig. 4 is applicable to a mobile terminal, if the data signboard shown in fig. 3 is applied to the mobile terminal, the mobile terminal screen cannot completely display the data signboard, if the data signboard shown in fig. 4 is applied to the PC terminal, the data billboard cannot completely cover the screen. After the target terminal type is determined, the target container layout corresponding to the containers is determined according to the original container layout, the original terminal type and the target terminal type, so that a target data billboard is generated according to the target container layout in the subsequent steps.
In one embodiment, step S300 includes:
s310, determining the corresponding relation between the original container layout and the target container layout according to the original terminal type and the target terminal type;
s320, determining the target container layout corresponding to the containers according to the original container layout and the corresponding relation between the original container layout and the target container layout.
In order to make the pre-created raw data billboard applicable to different types of terminals, this embodiment sets a corresponding target container layout in the target terminal type for each raw container layout in the raw terminal types, for example, for a raw container layout a, a raw container layout B, and a raw container layout C in the PC end, a target container layout D corresponding to the raw container layout a, a target container layout E corresponding to the raw container layout B, and a target container layout F corresponding to the raw container layout C are set in the mobile end, that is, there is a corresponding relationship between the raw container layout of the raw terminal type and the target container layout of the target terminal type. When determining the target container layout corresponding to the plurality of containers, the embodiment first determines the corresponding relationship between the original container layout and the target container layout according to the original terminal type and the target terminal type, and then determines the target container layout corresponding to the plurality of containers according to the original container layout and the corresponding relationship between the original container layout and the target container layout.
S400, generating a target data billboard according to the original data billboard and the target container layout.
The target data billboard is a data billboard suitable for the type of the target terminal and generated according to the original data billboard, for example, when the original data billboard is a data billboard of a PC end, the target data billboard may be a data billboard of a mobile end and generated according to the data billboard of the PC end. In the embodiment, after the target container layout corresponding to the plurality of containers is determined, the target data billboard suitable for the type of the target terminal is generated according to the original data billboard and the target container layout, so that one data billboard can be suitable for different types of terminals.
In one embodiment, step S400 includes:
s410, displaying the plurality of containers according to the target container layout, and acquiring the container number of each container in the plurality of containers;
and S420, loading the plurality of kanban components to the plurality of containers according to the container numbers to generate the target data kanban.
Each container of the original data billboard is provided with a corresponding container number, for example, as shown in fig. 3, the number of the container 1 is No. 1, the number of the container 2 is No. 2, the number of the container 3 is No. 3, a plurality of containers of the original data billboard are filled with a plurality of billboard components, which include, but are not limited to, characters, data, diagrams, etc., for example, the container 1 is filled with a title component, and the container 2 has three small containers, namely, container 2.1, container 2.2, and container 2.3, which are respectively used for showing "this city resident population: 138912, 67893, 889447. In the embodiment, when the target data billboard is generated, the plurality of containers are displayed according to the layout of the target container, the container number of each container in the plurality of containers is acquired, and then the plurality of billboard components are loaded in the plurality of containers according to the container numbers to generate the target data billboard.
In a specific embodiment, the step of loading the plurality of billboard assemblies to the plurality of containers according to the container numbers in step S420 comprises:
s421, determining the billboard assemblies corresponding to the containers according to the container numbers and the corresponding relationship between the predetermined container numbers and the billboard assemblies;
s422, loading the plurality of billboard assemblies to the plurality of containers according to the billboard assembly corresponding to each container.
In the embodiment, the corresponding relationship between the container numbers and the plurality of billboard components can be predetermined according to the container numbers of the plurality of containers in the raw data billboard and the billboard components filled in each container. When the plurality of billboard assemblies are loaded on the plurality of containers, the billboard assembly corresponding to each container can be determined according to the container number and the corresponding relationship between the predetermined container number and the plurality of billboard assemblies, and then the billboard assembly corresponding to each container is loaded on the corresponding container, so that the plurality of billboard assemblies are loaded on the plurality of containers. For example, if the kanban component corresponding to the container 1 in the raw data kanban shown in fig. 3 is a title component, then when a plurality of kanban components are loaded in a plurality of containers in fig. 4, the title component is loaded in the container 1.
In a specific embodiment, after step S420, the method further includes:
s430, acquiring the container size of each container;
s440, adjusting the component size of the plurality of billboard components according to the size of the container.
The sizes of the containers are changed after the containers are displayed according to the target container layout, so that the billboard assemblies are not matched with the containers. In this embodiment, after the plurality of billboard assemblies are loaded in the plurality of containers, the container size of each container is further obtained, and the assembly sizes of the plurality of billboard assemblies are adjusted according to the container size, so that the plurality of billboard assemblies are adapted to the plurality of containers.
In a specific embodiment, in step S100, the method for creating the raw data billboard includes:
s001, obtaining a creating instruction of the original data billboard, and determining the original container layout of a plurality of containers according to the creating instruction;
s002, displaying the containers according to the original container layout, and receiving dragging operation aiming at the billboard assemblies;
and S003, loading the plurality of billboard components to the plurality of containers according to the dragging operation to create the original data billboard.
The creation instruction is a creation instruction of a raw data billboard issued by a user to a computer device, and includes, but is not limited to, a touch instruction, a mouse instruction, a remote control instruction, and the like, for example, the user directly clicks an icon of a raw container layout of a plurality of containers on a touch screen, or the user clicks an icon of a raw container layout of a plurality of containers on a touch screen through a mouse. The dragging operation is the dragging operation of a user for a plurality of billboard components, the billboard components needing to be displayed can be loaded to the corresponding container through the dragging operation, for example, as shown in fig. 3, when the user wants to load the title components in the container 1, the user can click the title components through a mouse and drag the title components to the area where the container 1 is located, the color state inside the container 1 is lightened, after the user releases the mouse, the component size of the title components can be adjusted in a self-adaptive manner according to the container size of the container 1, the lightening state of the container 1 is changed into the loaded component state, and the container number state is activated, in this state, the user can edit the container number of the container as required.
After a user sends a creation instruction of an original data billboard to computer equipment, the computer equipment acquires the creation instruction of the original data billboard, determines the layout of original containers of a plurality of containers according to the creation instruction, displays the containers according to the layout of the original containers, receives the dragging operation aiming at the billboard components, and loads the billboard components to the containers according to the dragging operation so as to create the original data billboard. The background color of the pre-created original data billboard is a pure color by default, so that the pre-created original data billboard can be reused in other types of terminals, and in addition, a background picture which is convenient to use on different types of terminals is also provided in the computer equipment.
In order to better implement the data billboard generation method in the embodiment of the present application, on the basis of the data billboard generation method, an embodiment of the present application further provides a data billboard generation apparatus, as shown in fig. 5, where the data billboard generation apparatus 600 includes:
a data obtaining unit 601, configured to obtain a pre-created original data billboard and an original terminal type corresponding to the original data billboard, where the original data billboard includes a plurality of containers, and the containers are displayed in the original data billboard according to an original container layout;
a type determining unit 602, configured to determine, according to the original data billboard, a type of a target terminal corresponding to the original data billboard;
a layout determining unit 603, configured to determine, according to the original container layout, the original terminal type, and the target terminal type, a target container layout corresponding to the multiple containers;
a billboard generation unit 604, configured to generate a target data billboard according to the original data billboard and the target container layout.
In the embodiment of the application, the target container layout corresponding to the containers is determined according to the original container layout, the original terminal type and the target terminal type, the target data billboard is generated according to the original data billboard and the target container layout, the target data billboard suitable for different types of terminals can be generated according to the original data billboard, the data billboards of different versions are not required to be created for the different types of terminals, and time and labor cost are saved.
In some embodiments of the present application, the type determining unit 602 is specifically configured to:
displaying a billboard editing page of the original data billboard, and determining the canvas size corresponding to the original data billboard according to an operation instruction of a user on the billboard editing page;
and determining the type of the target terminal corresponding to the original data billboard according to the size of the canvas.
In some embodiments of the present application, the layout determining unit 603 is specifically configured to:
determining the corresponding relation between the original container layout and the target container layout according to the original terminal type and the target terminal type;
and determining the target container layout corresponding to the containers according to the original container layout and the corresponding relation between the original container layout and the target container layout.
In some embodiments of the present application, the billboard generation unit 604 is specifically configured to:
displaying the containers according to the target container layout, and acquiring the container numbers of the containers in the containers;
and loading the plurality of kanban components to the plurality of containers according to the container numbers to generate target data kanban.
In some embodiments of the present application, the billboard generation unit 604 is further specifically configured to:
determining the billboard assemblies corresponding to the containers according to the container numbers and the corresponding relationship between the predetermined container numbers and the billboard assemblies;
and loading the plurality of billboard assemblies to the plurality of containers according to the billboard assembly corresponding to each container.
In some embodiments of the present application, the data billboard generation apparatus 600 further specifically includes:
a size acquisition unit for acquiring a container size of each of the containers;
and the size adjusting unit is used for adjusting the component sizes of the plurality of billboard components according to the size of the container.
In some embodiments of the present application, the data billboard generation apparatus 600 further specifically includes:
the instruction acquisition unit is used for acquiring a creation instruction of the original data billboard and determining the original container layout of the containers according to the creation instruction;
the container display unit is used for displaying the containers according to the original container layout and receiving the dragging operation aiming at the billboard assemblies;
and the billboard creating unit is used for loading the plurality of billboard components to the plurality of containers according to the dragging operation so as to create the original data billboard.
An embodiment of the present application further provides a computer device, which integrates any one of the data billboard generation apparatuses provided in the embodiment of the present application, where the computer device includes:
one or more processors;
a memory; and
one or more application programs, wherein the one or more application programs are stored in the memory and configured to be executed by the processor for performing the steps of the data billboard generation method described in any of the above embodiments of the data billboard generation method.
The embodiment of the present application further provides a computer device, which integrates any one of the data billboard generation apparatuses provided in the embodiments of the present application. As shown in fig. 6, it shows a schematic structural diagram of a computer device according to an embodiment of the present application, specifically:
the computer device may include components such as a processor 701 of one or more processing cores, memory 702 of one or more computer-readable storage media, a power supply 703, and an input unit 704. Those skilled in the art will appreciate that the computer device configuration illustrated in FIG. 6 does not constitute a limitation of computer devices, and may include more or fewer components than those illustrated, or some components may be combined, or a different arrangement of components. Wherein:
the processor 701 is a control center of the computer apparatus, connects various parts of the entire computer apparatus using various interfaces and lines, and performs various functions of the computer apparatus and processes data by running or executing software programs and/or modules stored in the memory 702 and calling data stored in the memory 702, thereby monitoring the computer apparatus as a whole. Alternatively, processor 701 may include one or more processing cores; preferably, the processor 701 may integrate an application processor, which mainly handles operating systems, user interfaces, application programs, etc., and a modem processor, which mainly handles wireless communications. It will be appreciated that the modem processor described above may not be integrated into the processor 701.
The memory 702 may be used to store software programs and modules, and the processor 701 executes various functional applications and data processing by operating the software programs and modules stored in the memory 702. The memory 702 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application program required by at least one function (such as a sound playing function, an image playing function, etc.), and the like; the storage data area may store data created according to use of the computer device, and the like. Further, the memory 702 may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid state storage device. Accordingly, the memory 702 may also include a memory controller to provide the processor 701 with access to the memory 702.
The computer device further includes a power supply 703 for supplying power to the various components, and preferably, the power supply 703 is logically connected to the processor 701 through a power management system, so that functions of managing charging, discharging, and power consumption are implemented through the power management system. The power supply 703 may also include any component including one or more of a dc or ac power source, a recharging system, a power failure detection circuit, a power converter or inverter, a power status indicator, and the like.
The computer device may also include an input unit 704, the input unit 704 being operable to receive input numeric or character information and generate keyboard, mouse, joystick, optical or trackball signal inputs related to user settings and function control.
Although not shown, the computer device may further include a display unit and the like, which are not described in detail herein. Specifically, in this embodiment, the processor 701 in the computer device loads the executable file corresponding to the process of one or more application programs into the memory 702 according to the following instructions, and the processor 701 runs the application program stored in the memory 702, thereby implementing various functions as follows:
the method comprises the steps of obtaining a pre-created original data billboard and an original terminal type corresponding to the original data billboard, wherein the original data billboard comprises a plurality of containers, and the containers are displayed in the original data billboard according to the layout of the original containers;
determining the type of a target terminal corresponding to the original data billboard according to the original data billboard;
determining target container layouts corresponding to the containers according to the original container layout, the original terminal type and the target terminal type;
and generating a target data billboard according to the original data billboard and the target container layout.
It will be understood by those skilled in the art that all or part of the steps of the methods of the above embodiments may be performed by instructions or by associated hardware controlled by the instructions, which may be stored in a computer readable storage medium and loaded and executed by a processor.
To this end, an embodiment of the present application provides a computer-readable storage medium, which may include: read Only Memory (ROM), Random Access Memory (RAM), magnetic or optical disks, and the like. The system comprises a data billboard generation device, a data billboard generation device and a processor, wherein the data billboard generation device comprises a storage unit, a display unit and a display unit, wherein the storage unit is used for storing a computer program, and the computer program is loaded by the processor to execute the steps of any data billboard generation method provided by the embodiment of the application. For example, the computer program may be loaded by a processor to perform the steps of:
the method comprises the steps of obtaining a pre-created original data billboard and an original terminal type corresponding to the original data billboard, wherein the original data billboard comprises a plurality of containers, and the containers are displayed in the original data billboard according to the layout of the original containers;
determining the type of a target terminal corresponding to the original data billboard according to the original data billboard;
determining target container layouts corresponding to the containers according to the original container layout, the original terminal type and the target terminal type;
and generating a target data billboard according to the original data billboard and the target container layout.
In the above embodiments, the descriptions of the respective embodiments have respective emphasis, and parts that are not described in detail in a certain embodiment may refer to the above detailed descriptions of other embodiments, and are not described herein again.
In specific implementation, each unit or structure may be implemented as an independent entity, or may be combined arbitrarily to be implemented as the same entity or several entities, and specific implementation of each unit or structure may refer to the foregoing method embodiment, which is not described herein again.
The above operations can be implemented in the foregoing embodiments, and are not described in detail herein.
The data billboard generation method, the data billboard generation device, the computer device and the storage medium provided by the embodiments of the present application are introduced in detail, and a specific example is applied in the present application to explain the principle and the implementation of the present application, and the description of the embodiments is only used to help understanding the method and the core idea of the present application; meanwhile, for those skilled in the art, according to the idea of the present application, there may be variations in the specific embodiments and the application scope, and in summary, the content of the present specification should not be construed as a limitation to the present application.
Claims (7)
1. A data billboard generation method, characterized in that the data billboard generation method comprises:
the method comprises the steps of obtaining a pre-created original data billboard and an original terminal type corresponding to the original data billboard, wherein the original data billboard comprises a plurality of containers, and the containers are displayed in the original data billboard according to the layout of the original containers;
determining the type of a target terminal corresponding to the original data billboard according to the original data billboard;
the determining the type of the target terminal corresponding to the original data billboard according to the original data billboard comprises:
displaying a billboard editing page of the original data billboard, and determining the canvas size corresponding to the original data billboard according to an operation instruction of a user on the billboard editing page;
determining the type of a target terminal corresponding to the original data billboard according to the size of the canvas;
determining target container layouts corresponding to the containers according to the original container layout, the original terminal type and the target terminal type; the target container layout is suitable for the container layout of a plurality of containers on the target data billboard of the target terminal type;
generating a target data billboard according to the original data billboard and the target container layout;
the method for generating the target data billboard based on the layout of the original data billboard and the target container comprises the following steps:
displaying the containers according to the target container layout, and acquiring the container number of each container in the containers;
loading the plurality of billboard components to the plurality of containers according to the container numbers to generate target data billboards;
the method for creating the original data billboard comprises the following steps:
acquiring a creating instruction of the original data billboard, and determining the original container layout of a plurality of containers according to the creating instruction;
displaying the containers according to the original container layout, and receiving the dragging operation aiming at the billboard assemblies;
loading the plurality of billboard components to the plurality of containers according to the dragging operation to create the original data billboard; when the plurality of billboard assemblies are dragged to the areas where the plurality of containers are located, the color states of the plurality of containers are lighted, the sizes of the plurality of billboard assemblies can be adjusted in a self-adaptive mode according to the sizes of the plurality of containers, the lighted states of the plurality of containers are changed into loaded component states, the container number states of the plurality of containers are activated, and when the container number states are activated, the container numbers of the containers can be edited as required.
2. The method of claim 1, wherein the determining the target container layout corresponding to the plurality of containers according to the original container layout, the original terminal type, and the target terminal type comprises:
determining the corresponding relation between the original container layout and the target container layout according to the original terminal type and the target terminal type;
and determining the target container layout corresponding to the containers according to the original container layout and the corresponding relation between the original container layout and the target container layout.
3. The data kanban generation method according to claim 1, wherein the loading the kanban components on the containers according to the container numbers comprises:
determining the billboard assemblies corresponding to the containers according to the container numbers and the corresponding relationship between the predetermined container numbers and the billboard assemblies;
and loading the plurality of billboard assemblies on the plurality of containers according to the billboard assembly corresponding to each container.
4. The method of claim 1, wherein the number of kanban components are loaded after the number of containers according to the container number, the method further comprising:
acquiring the container size of each container;
adjusting the assembly size of the plurality of billboard assemblies according to the container size.
5. A data billboard generation apparatus, characterized by comprising:
the system comprises a data acquisition unit, a data processing unit and a display unit, wherein the data acquisition unit is used for acquiring a pre-created original data billboard and an original terminal type corresponding to the original data billboard, the original data billboard comprises a plurality of containers, and the containers are displayed in the original data billboard according to the layout of the original containers;
the type determining unit is used for determining the type of the target terminal corresponding to the original data billboard according to the original data billboard;
the type determining unit is specifically configured to:
displaying a billboard editing page of the original data billboard, and determining the canvas size corresponding to the original data billboard according to an operation instruction of a user on the billboard editing page;
determining the type of a target terminal corresponding to the original data billboard according to the size of the canvas;
a layout determining unit, configured to determine, according to the original container layout, the original terminal type, and the target terminal type, a target container layout corresponding to the plurality of containers; the target container layout is suitable for the container layout of a plurality of containers on the target data billboard of the target terminal type;
the billboard generation unit is used for generating a target data billboard according to the original data billboard and the target container layout;
a plurality of billboard assemblies are filled in the plurality of containers of the original data billboard, and the billboard generation unit is specifically configured to:
displaying the containers according to the target container layout, and acquiring the container numbers of the containers in the containers;
loading the plurality of billboard components to the plurality of containers according to the container numbers to generate target data billboards;
the data billboard generation apparatus further comprises:
the instruction acquisition unit is used for acquiring a creation instruction of the original data billboard and determining the original container layout of the containers according to the creation instruction;
the container display unit is used for displaying the containers according to the original container layout and receiving the dragging operation aiming at the billboard assemblies;
a billboard creation unit, configured to load the billboard components to the containers according to the drag operation, so as to create the original data billboard; when the plurality of billboard assemblies are dragged to the areas where the plurality of containers are located, the color states of the plurality of containers are lighted, the sizes of the plurality of billboard assemblies can be adjusted in a self-adaptive mode according to the sizes of the plurality of containers, the lighted states of the plurality of containers are changed into loaded component states, the container number states of the plurality of containers are activated, and when the container number states are activated, the container numbers of the containers can be edited as required.
6. A computer device, characterized in that the computer device comprises:
one or more processors;
a memory; and
one or more application programs, wherein the one or more application programs are stored in the memory and configured to be executed by the processor to implement the data billboard generation method of any of claims 1-4.
7. A computer-readable storage medium, having stored thereon a computer program which is loaded by a processor for performing the steps of the data billboard generation method of any of claims 1 to 4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210560609.9A CN114647478B (en) | 2022-05-23 | 2022-05-23 | Data billboard generation method and device, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210560609.9A CN114647478B (en) | 2022-05-23 | 2022-05-23 | Data billboard generation method and device, computer equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114647478A CN114647478A (en) | 2022-06-21 |
| CN114647478B true CN114647478B (en) | 2022-09-13 |
Family
ID=81997783
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210560609.9A Active CN114647478B (en) | 2022-05-23 | 2022-05-23 | Data billboard generation method and device, computer equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114647478B (en) |
Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105094832A (en) * | 2015-08-01 | 2015-11-25 | 李志丹 | WYSIWYG method and system for dynamically generating user interface |
Family Cites Families (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP2691871A4 (en) * | 2011-03-31 | 2014-08-27 | Lukup Media Pvt Ltd | System and method for creating and delivering platform independent interactive applications on user devices |
| US9013510B2 (en) * | 2011-07-29 | 2015-04-21 | Google Inc. | Systems and methods for rendering user interface elements in accordance with a device type |
| CN103164197A (en) * | 2011-12-14 | 2013-06-19 | 中兴通讯股份有限公司 | User interface (UI) distribution self-adaption method, mobile device and distribution generating device |
| KR101296869B1 (en) * | 2012-02-23 | 2013-08-14 | 주식회사 팬택 | Portable terminal and method of operating the same based on touch input |
| US11321103B2 (en) * | 2017-06-16 | 2022-05-03 | Microsoft Technology Licensing, Llc | Generating user interface containers |
| CN114356464A (en) * | 2020-10-13 | 2022-04-15 | 阿里巴巴集团控股有限公司 | User interface adaptation method, rendering method, device, equipment and storage medium |
| CN114064169A (en) * | 2021-09-26 | 2022-02-18 | 安徽中科新辰技术有限公司 | Data display method and device and storage medium |
| CN114489623B (en) * | 2022-02-18 | 2022-11-04 | 北京立达政通科技集团有限公司 | Method, device and equipment for generating front-end page based on drag mode and storage medium |
-
2022
- 2022-05-23 CN CN202210560609.9A patent/CN114647478B/en active Active
Patent Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105094832A (en) * | 2015-08-01 | 2015-11-25 | 李志丹 | WYSIWYG method and system for dynamically generating user interface |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114647478A (en) | 2022-06-21 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110597595B (en) | Method for providing multi-language information, method for configuring multi-language information, device, equipment and medium | |
| CN110109670B (en) | Method and device for processing view list data, electronic equipment and storage medium | |
| CN112257135A (en) | Model loading method and device based on multithreading, storage medium and terminal | |
| CN111124412B (en) | Game page drawing method, device, equipment and storage medium | |
| CN111309216B (en) | List page display method and device, computer equipment and storage medium | |
| CN109471626B (en) | Page logic structure, page generation method, page data processing method and device | |
| CN104267872A (en) | Application program APP information display method and device and mobile terminal | |
| CN112347545A (en) | Building model processing method and device, computer equipment and storage medium | |
| CN113742014A (en) | Interface rendering method and device, electronic equipment and storage medium | |
| CN115202729A (en) | Container service-based mirror image generation method, device, equipment and medium | |
| CN114647478B (en) | Data billboard generation method and device, computer equipment and storage medium | |
| CN112163174A (en) | Message display method and device, storage medium and computer equipment | |
| CN114510307B (en) | Dynamic wallpaper implementation method, computing device and storage medium | |
| CN113721814B (en) | Electronic book page display method, computing equipment and computer storage medium | |
| CN113835835B (en) | Method, device and computer readable storage medium for creating consistency group | |
| CN115174890A (en) | Flow playback test method and device, computer equipment and storage medium | |
| CN115221060A (en) | Case generation method, device and equipment based on associated field and storage medium | |
| CN113126867B (en) | Browser control method and device, browser, terminal and storage medium | |
| CN115329161A (en) | Financial market list display method and device, storage medium and equipment | |
| CN116627521A (en) | Service module preloading method, skipping method, device and storage medium | |
| CN114629800A (en) | Visual generation method, device, terminal and storage medium for industrial control network target range | |
| CN114489892A (en) | Data processing method, data processing device, computer readable storage medium and computer equipment | |
| CN113134234A (en) | Information display method, device, terminal and storage medium | |
| CN109561146A (en) | Document down loading method, device, terminal device | |
| CN112291329B (en) | Information display method, device and equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |