Visual page generation method, device, computer equipment and storage medium
By automatically determining the page area and automatically generating visual pages, the problem of low-efficiency visual page generation in the prior art is solved, and fast and efficient page generation is achieved, which is suitable for displaying a variety of terminals and styles.
Patent Information
- Application Number
- CN202010680511.8
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2020-07-15
- Publication Date
- 2024-12-24
- Estimated Expiration
- 2040-07-15
AI Technical Summary
In the prior art, the visual page generation efficiency is low, resulting in users investing more manpower and time and taking longer.
By obtaining the target object file, displaying the visual generation interface and selecting the candidate page layout template, automatically determine the page area based on the characteristic information of the target object, and automatically generate the visual page.
It improves the efficiency of visual page generation, reduces manual intervention, reduces technical requirements for users, and is suitable for displaying different terminals and styles.
Smart Images
Figure CN112015501B_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of computer technology, and in particular to a visualization page generation method, apparatus, computer equipment and storage medium. Background Art
[0002] With the development of computer technology, data visualization has gradually become a popular way to assist decision-making and traditional information due to its advantages of being intuitive and easy to understand and accurately analyzing core information. Among many data visualization products, large screens are widely used due to their large viewing area and strong visual impact, that is, users are increasingly keen to display data on screens with specified resolutions and sizes. In order to display data on a large screen, a visualization page needs to be generated.
[0003] Currently, users usually invest a lot of manpower to generate visualization pages, which takes a long time and results in low visualization page generation efficiency. Summary of the invention
[0004] Based on this, it is necessary to provide a visualization page generation method, apparatus, computer device and storage medium that can improve the visualization page generation efficiency in order to address the above-mentioned technical problem of low visualization page generation efficiency.
[0005] A visualization page generation method, the method comprising: obtaining a target object file of a visualization page to be generated, the target object file comprising a plurality of target objects; displaying a visualization generation interface corresponding to the target object file, the visualization generation interface displaying a plurality of candidate page layout templates, the candidate page layout template comprising a plurality of page areas; using a candidate page layout template selected by a template selection operation received through the visualization generation interface as a target page layout template; determining, from the target page layout template, target page areas corresponding to respective target objects in the target object file according to target feature information corresponding to the target object; and displaying respective target objects in the target object file in the corresponding target page areas to obtain a visualization page corresponding to the target object file.
[0006] In some embodiments, the target feature information includes a content type, and determining, from the target page layout template, the target page areas corresponding to each target object in the target object file based on the target feature information corresponding to the target object includes: obtaining a key content type corresponding to a key page area in the target page layout template; selecting, from the target object file, a target object with a content type of the key content type as the target object corresponding to the key page area; and displaying each target object in the target object file in the corresponding target page area includes: obtaining key display information corresponding to the key page area; processing the target object corresponding to the key page area using the key display information, and displaying the processed target object in the corresponding target page area.
[0007] In some embodiments, the key display information includes a target space dimension, and using the key display information to process the target object corresponding to the key page area, and displaying the processed target object in the corresponding target page area includes: performing a dimension conversion on the key target object to obtain the target object of the target space dimension; and displaying the target object of the target space dimension in the corresponding target page area.
[0008] In some embodiments, the target page layout template includes a carousel page area, and displaying each target object in the target object file in the corresponding target page area includes: obtaining the number of target objects in the target object file as the number of objects; obtaining the number of page areas in the target page layout template as the number of areas; when the number of objects is greater than the number of areas, obtaining the difference between the number of objects and the number of areas; selecting the target objects with the difference from the target object file to obtain a carousel object set; and displaying the carousel objects in the carousel object set in sequence in the carousel page area.
[0009] In some embodiments, the method further includes: obtaining a focus operation on the candidate page layout template; obtaining a reference visualization page corresponding to the candidate page layout template according to the focus operation, the reference visualization page being generated according to a preset object set and a page layout method corresponding to the candidate page layout template; and displaying the reference visualization page in suspension on the visualization generation interface.
[0010] In some embodiments, obtaining the target object file of the visualization page to be generated includes: displaying multiple candidate object files on an object file display interface; when a visualization generation instruction is received through the object file display interface, obtaining the candidate object file selected by the file selection operation received through the object file display interface as the target object file of the visualization page to be generated.
[0011] In some embodiments, determining the target page areas corresponding to each target object in the target object file from the target page layout template based on the target feature information corresponding to the target object includes: obtaining feature information weights corresponding to each target feature information of the target object; performing weighted calculation based on each target feature information corresponding to the target object and the corresponding feature information weight to obtain a feature weighted result corresponding to the target object; and determining the target page areas corresponding to each target object in the target object file from the target page layout template based on the feature weighted results corresponding to each target object.
[0012] In some embodiments, displaying each target object in the target object file in the corresponding target page area includes: obtaining an area display parameter corresponding to the target page area; and displaying the corresponding target object in the target page area according to the area display parameter corresponding to the target page area.
[0013] A visual page generation device, the device comprising: a target object file acquisition module, used to acquire a target object file of a visual page to be generated, the target object file comprising a plurality of target objects; a visual generation interface display module, used to display a visual generation interface corresponding to the target object file, the visual generation interface displaying a plurality of candidate page layout templates, the candidate page layout templates comprising a plurality of page areas; a target page layout template acquisition module, used to use the candidate page layout template selected by a template selection operation received through the visual generation interface as a target page layout template; a target page area determination module, used to determine, from the target page layout template, target page areas corresponding to each target object in the target object file according to target feature information corresponding to the target object; and a visual page acquisition module, used to display each target object in the target object file in the corresponding target page area, to obtain a visual page corresponding to the target object file.
[0014] In some embodiments, the target feature information includes content type, and the target page area determination module includes: a key content type acquisition unit, used to acquire the key content type corresponding to the key page area in the target page layout template; a target object determination unit, used to select a target object with a content type of the key content type from the target object file as the target object corresponding to the key page area; the visualization page acquisition module includes: a key display information acquisition unit, used to acquire key display information corresponding to the key page area; a target object display unit, used to process the target object corresponding to the key page area using the key display information, and display the processed target object in the corresponding target page area.
[0015] A computer device comprises a memory and a processor, wherein the memory stores a computer program, and the processor implements the steps of the above-mentioned visualization page generation method when executing the computer program.
[0016] A computer-readable storage medium stores a computer program, which implements the steps of the above-mentioned visualization page generation method when executed by a processor.
[0017] The above-mentioned visualization page generation method, device, computer equipment and storage medium obtain the target object file of the visualization page to be generated, the target object file includes multiple target objects, and displays the visualization generation interface corresponding to the target object file, the visualization generation interface displays multiple candidate page layout templates, and the candidate page layout template includes multiple page areas. The candidate page layout template selected by the template selection operation received through the visualization generation interface is used as the target page layout template, and the target page areas corresponding to each target object in the target object file are determined from the target page layout template according to the target feature information corresponding to the target object, and each target object in the target object file is displayed in the corresponding target page area to obtain the visualization page corresponding to the target object file. Thereby, the corresponding target page area is automatically determined according to the target feature information of the target object, and the visualization page is automatically generated, thereby improving the generation efficiency of the visualization page. BRIEF DESCRIPTION OF THE DRAWINGS
[0018] Figure 1 A diagram of an application environment of a visualization page generation method in some embodiments;
[0019] Figure 2 A schematic diagram of a flow chart of a visualization page generation method in some embodiments;
[0020] Figure 3A A schematic diagram of application data in some embodiments;
[0021] Figure 3BA schematic diagram of an object file display interface in some embodiments;
[0022] Figure 3C A schematic diagram of a visualization page in some embodiments;
[0023] Figure 3D A schematic diagram of a flow chart of a visualization page generation method in some embodiments;
[0024] Figure 4A A schematic diagram of a target object displayed in a page area in some embodiments;
[0025] Figure 4B A schematic diagram of displaying a carousel object in a page area in some embodiments;
[0026] Figure 5 A schematic diagram showing a reference visualization page in some embodiments;
[0027] Figure 6 A schematic diagram of generating a visualization page according to a converter in some embodiments;
[0028] Figure 7 A schematic diagram of a large visualization screen corresponding to data application generated in some embodiments;
[0029] Figure 8 It is a structural block diagram of a visualization page generating device in some embodiments;
[0030] Fig. 9 1 is a diagram of the internal structure of a computer device in some embodiments. DETAILED DESCRIPTION
[0031] In order to make the purpose, technical solution and advantages of the present application more clearly understood, the present application is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.
[0032] The visualization page generation method provided in this application can be applied to Figure 1 In the application environment shown, the terminal 102 communicates with the server 104 via the network.
[0033] Specifically, the terminal 102 can obtain a target object file for a visualization page to be generated, and the target object file may include multiple target objects. The terminal 102 can display a visualization generation interface corresponding to the target object file, and the visualization generation interface can display multiple candidate page layout templates, and the candidate page layout template includes multiple page areas. The terminal 102 can use the candidate page layout template selected by the template selection operation received through the visualization generation interface as the target page layout template, and determine the target page areas corresponding to each target object in the target object file from the target page layout template according to the target feature information corresponding to the target object, and display each target object in the target object file in the corresponding target page area to obtain the visualization page corresponding to the target object file. Among them, the terminal 102 can determine the target page areas corresponding to each target object in the target object file from the target page layout template according to the target feature information corresponding to the target object, and the terminal 102 can also send the target object carrying the target feature information to the server 104, and the server 104 performs the step of determining the target page areas corresponding to each target object in the target object file from the target page layout template.
[0034] The terminal 102 may be, but is not limited to, various computers, laptops, smart phones, tablet computers, and portable wearable devices, and the server 104 may be implemented as an independent server or a server cluster consisting of multiple servers.
[0035] In some embodiments, Figure 2 As shown, a visual page generation method is provided, which is applied to Figure 1 The terminal 102 in the example is used as an example to illustrate, and the following steps are included:
[0036] S202: Obtain a target object file of a visualization page to be generated, where the target object file includes a plurality of target objects.
[0037] Specifically, the object may include at least one of a data chart, a picture or a video. The data chart is a graphic structure including statistical information, and the statistical information may include at least one of time information or quantity information. The type of the data chart may include at least one of a pie chart, a bar chart or a column chart. An object file refers to a file including at least one object.
[0038] In some embodiments, the object file is a data application file. The data application is a web application, including multiple data charts carrying description information. Each data chart in the data application may correspond to an arrangement order. The description information of the data chart may include at least one of creation time, size, type, or arrangement order. Figure 3AAs shown in the figure, a data application is shown, which includes pie charts, tables, radar charts, progress bars and bar charts. The target object file refers to the object file selected to generate the visualization page. Visualization is a way to use computer graphics and image processing technology to present complex, abstract and large data in easy-to-understand forms such as graphics, charts or icons with visual effects.
[0039] In some embodiments, the terminal may display multiple candidate object files, and the user may select a candidate object file for which a visualization page needs to be generated from the displayed multiple candidate object files. The terminal may use the selected candidate object file as the target object file.
[0040] S204, displaying a visual generation interface corresponding to the target object file, where the visual generation interface displays a plurality of candidate page layout templates, and the candidate page layout templates include a plurality of page areas.
[0041] Specifically, the visualization generation interface can display visualization-related information or a fill area of visualization-related information, and the visualization-related information refers to visualization-related information. The user can select or fill in the relevant information of the visualization page through the visualization generation interface corresponding to the object file to obtain the visualization-related information of the object, so that the generated visualization page meets the needs of the user. The visualization-related information may include a page layout template and screen-related information. The screen-related information refers to the relevant information of the screen of the terminal used to display the visualization page, and may include at least one of the screen ratio or screen resolution. The page layout template refers to the layout template of the visualization page. The candidate page layout template refers to a page layout template that can be selected for use. The candidate page layout template can be pre-generated or user-defined. The screen ratio refers to the ratio between the length and height of the screen, for example, 4:3, that is, the ratio between the length and the height is 4:3. The terminal can obtain the information on the visualization generation interface by selecting the generate visualization page button on the visualization generation interface, and generate the visualization page according to the information on the visualization generation interface. Figure 3B As shown, a visualization page button B is set on the visualization generation interface. By obtaining a selection operation on the visualization page button B, the terminal can generate a visualization page according to the page layout template, scale and resolution selected on the visualization generation interface.
[0042] A page layout template may include multiple page areas. Each page area in the page layout template may correspond to an area identifier, which is used to uniquely identify the page area. The area identifier is, for example, an area serial number, and different area serial numbers represent different page areas. The page area is used to match objects in an object file, and a page area can match at least one object file. The page area may correspond to an area display parameter, and the area display parameter may include at least one of the key display parameters corresponding to the title style, font size, or key content type. The page area may also correspond to a chart component. Among them, a page area with a key display parameter corresponding to a key content type is a key page area, and the key page area corresponds to a key content type. The content type refers to the type of object content. For example, when the object is a data chart including a map, the content type may be a map type. The key page area may be pre-set or set as needed. The page layout template may include a key page area or may not include a key page area.
[0043] In some embodiments, the candidate page layout templates corresponding to different screen ratios may be the same or different. The user may select the desired screen ratio on the visualization generation interface. When the terminal obtains the selection operation of the screen ratio, the candidate page layout templates of the selected screen ratio may be obtained, and part or all of the obtained candidate page layout templates may be displayed in the page layout template display area. Figure 3B In the visualization generation interface, the screen ratio with a rectangular frame A is the selected screen ratio, that is, the screen ratio 16:9 is selected, and the page layout template display area displays multiple candidate page layout templates of 16:9.
[0044] In some embodiments, the visualization generation interface may include a resolution selection area of the screen, and the user may select the required resolution from the resolution selection area. Of course, the visualization generation interface may also include a custom resolution area, and the custom resolution area may include a horizontal resolution fill area and a vertical resolution fill area. The user may fill in the corresponding resolution in the horizontal resolution fill area and the vertical resolution fill area. Figure 3B In the resolution selection area and the resolution customization area shown in the figure, the resolution of 1440*990 is selected in the resolution selection area.
[0045] S206: Using the candidate page layout template selected by the template selection operation received through the visualization generation interface as the target page layout template.
[0046] Specifically, the template selection operation refers to an operation of selecting a template. The target page layout template refers to a page layout template used to generate a visualization page. The user can select a satisfactory candidate page template from multiple candidate page templates displayed on the visualization generation interface. The terminal can receive the template selection operation through the visualization generation interface and use the candidate page layout template selected by the template selection operation as the target page layout template. Figure 3B As shown, the candidate page layout template with a rectangular frame B is the selected candidate page layout template, that is, the target page layout template.
[0047] In some embodiments, the terminal can obtain template-related information of the candidate page layout template, and display the template-related information corresponding to the candidate page layout template. The template-related information may include at least one of the related information of the reference visualization page or the key page area. Among them, the reference visualization page refers to a visualization page generated using the corresponding candidate page layout template. The related information of the key page area may include at least one of the key content type or key display information corresponding to the key page area, and the key display information may include color information and dimensional information, such as a blue 3D map. Specifically, the terminal can determine whether to display template-related information based on the user's behavior. For example, when the terminal detects that the mouse is located at the candidate page layout template 1, the terminal can obtain the template-related information corresponding to the candidate page layout template 1, and display the template-related information. Figure 3B As shown, the reference visualization page, key content type and key display information of the candidate page layout template A are displayed, wherein "the recommended chart type in the upper middle is map" means that the page area in the upper middle position of the visualization page is the key page area, and the key content type is map, and "the forced style is blue 3D map" means that the key display information is blue 3D.
[0048] In some embodiments, the terminal can select a recommended page layout template from each candidate page layout template according to the content type corresponding to each target object in the target object file, and recommend the selected recommended page layout template. Specifically, the terminal can compare the key content types corresponding to the candidate page layout templates with the content type of the target object, and use the candidate page layout templates that correspond to the consistent comparison as the recommended page layout template. The terminal can generate recommendation prompt information for the recommended page layout template, and the recommendation prompt information can be set as needed, for example, it can include the key content type, and the recommended page layout template with the recommendation prompt information is displayed in the visualization generation interface.
[0049] S208: Determine, from the target page layout template, target page areas corresponding to the target objects in the target object file.
[0050] Specifically, the target page area is the page area corresponding to the target object. The feature information may include at least one of the creation time, area or content type of the object. The target feature information is the feature information of the target object. The target object may correspond to multiple target feature information, and the target feature information may be selected from content type, creation time and size, etc. The terminal may determine the target page areas corresponding to each target object from the target page layout template according to each target feature information corresponding to the target object. The target page area corresponding to the target object refers to the area occupied by the visualized target object in the target page layout template.
[0051] In some embodiments, when the target page layout template includes a key page area, the terminal can determine whether the content type of the target object is consistent with the key content type. When the content type of the target object is consistent with the key content type, the key page area is used as the target page area corresponding to the target object.
[0052] In some embodiments, there is a correspondence between the area of the object and the area number, and the correspondence between the area of the object and the area number can be a positive correlation or a negative correlation, for example, the larger the area of the object, the larger the area number of the corresponding page area. The terminal can determine the area number according to the area of the target object, thereby determining the page area corresponding to the target object.
[0053] In some embodiments, there is a corresponding relationship between the creation time of the object and the area serial number, and the corresponding relationship between the creation time of the object and the area serial number can be a positive correlation or a negative correlation, for example, the larger the creation time of the object, the larger the area serial number of the corresponding page area. The terminal can determine the area serial number according to the creation time of the target object, thereby determining the page area corresponding to the target object.
[0054] In some embodiments, the terminal may determine the target page areas corresponding to the target objects according to the content type, area and creation time in sequence. Specifically, when the target objects have the same area, the target page areas corresponding to the target objects may be determined according to the creation time.
[0055] In some embodiments, the number of target objects in the target object file is greater than the number of page areas in the target page layout template. In order to determine the corresponding target page area for each target object, the terminal may correspond multiple target objects to the same target page area.
[0056] S210, displaying each target object in the target object file in a corresponding target page area to obtain a visualization page corresponding to the target object file.
[0057] Specifically, the terminal can obtain the regional display parameters corresponding to the target page area, and display the target object corresponding to the target page area in the corresponding target page area according to the regional display parameters corresponding to the target page area. Specifically, the terminal can process the target object using the regional display parameters so that the processed target object conforms to the display style corresponding to the regional display parameters, and display the processed target object in the corresponding target page area.
[0058] In some embodiments, the terminal can adjust the size and resolution of the target object according to the screen-related information corresponding to the target object file, such as the size and resolution of the screen, to obtain each adjusted object, so that the size and resolution of each adjusted object matches the screen of the terminal displaying the visualization page. Each adjusted object is displayed in the corresponding target page area to obtain the visualization page corresponding to the target object file. Figure 3C As shown, Figure 3A The corresponding visualization page.
[0059] In the above visualization page generation method, a target object file of a visualization page to be generated is obtained, the target object file includes multiple target objects, a visualization generation interface corresponding to the target object file is displayed, the visualization generation interface displays multiple candidate page layout templates, the candidate page layout template includes multiple page areas, the candidate page layout template selected by the template selection operation received through the visualization generation interface is used as the target page layout template, and according to the target feature information corresponding to the target object, the target page areas corresponding to each target object in the target object file are determined from the target page layout template, and each target object in the target object file is displayed in the corresponding target page area, and the visualization page corresponding to the target object file is obtained. In this way, the corresponding target page area is automatically determined according to the target feature information of the target object, and the visualization page is automatically generated, thereby improving the generation efficiency of the visualization page.
[0060] The visualization page generation method of the present application can generate a visualization large screen, wherein the visualization large screen is used to display and analyze data on the screen of the terminal.
[0061] At present, a visualization screen can be created by building a data model, designing a layout style, and manually coding. When the terminal or design style changes, repeat the above steps to create a visualization screen. However, since it takes a long time for the personnel to design the style layout and the developers to manually code the code, the step repetition rate is high, and the efficiency of generating a visualization screen is low. In addition, general users cannot generate a visualization screen because they do not know how to code, and the requirements for users who generate visualization screens are high. A visualization screen can also be generated through a visualization screen editor. The visualization screen editor can provide an initial background and some styles. Users can use the visualization interface provided by the visualization screen editor to perform a "drag-and-drop operation" to generate a large screen, that is, users can use the mouse to drag and drop layout to generate a data screen instead of manual coding development, which reduces the threshold for creating a large screen, that is, reduces the requirements for users. Among them, the drag-and-drop method is to drag at least one of the set menus, lists, custom content blocks or function modules and other content items to the web page, and determine the positional relationship of each content item in the web page.
[0062] However, if the terminal changes, for example, the terminal becomes at least one of a mobile phone, a tablet, a PC, a showroom display, or a curved screen or special-shaped screen, the terminal screen may change, for example, at least one of the proportion or resolution of the terminal screen changes. Secondly, changes in layout, color, and style will also lead to the re-creation of the large screen. In addition, both the manual coding generation method and the editor drag generation method are serial operations, and the start of the next step depends on the completion of the previous step. The steps are highly coupled and have a high repetition rate. Manual coding generation requires professional developers, which is inefficient and costly. Assuming that the number of large screens is n (n≥1), the workload is O(n); using editor drag generation, the built-in templates in the editor simplify the generation of styles and lower the development threshold, but the workload is not reduced, and it is still O(n). Among them, O(n) refers to the time complexity.
[0063] Through the visualization page generation method of the present application, users can directly generate visualization large-screen files through page layout templates, with a small workload, which improves the generation efficiency of visualization large-screen files, and users who do not understand coding can also quickly generate visualization large-screen files, lowering the threshold. Moreover, when at least one of the terminal displaying the visualization page or the style of the visualization page changes, the user can simply change the page layout template, reducing the workload. In addition, the coupling between the page layout template and the object file is low, and the page layout template and the object file can be generated in parallel, and the object file and the page layout template can be freely combined. Through the visualization page generation method of the present application, visualization large screens can be generated in batches, and the style can be kept unified.
[0064] In some embodiments, Figure 3D As shown, the target feature information includes the content type. Step S208 determines the target page areas corresponding to each target object in the target object file from the target page layout template according to the target feature information corresponding to the target object, including:
[0065] S302: Acquire a key content type corresponding to a key page area in a target page layout template.
[0066] S304: Select a target object whose content type is a key content type from the target object file as the target object corresponding to the key page area.
[0067] Specifically, the key object may be a relatively important object in the target object file. The target object file may include key objects and auxiliary objects. The auxiliary objects may be objects related to the key objects. The key object may be determined as needed. For example, when the target object file includes object A, object B, and object C, when the user wants to highlight object A, object A may be used as the key object, and object B and object C may be used as auxiliary objects. The terminal may select a target object whose content type is a key content type from the target object file as the target object corresponding to the key page area, so that the key object corresponds to the key page area. The terminal may obtain the key content type corresponding to the key page area in the target page layout template, compare the key content type with the content type corresponding to each target object in the target object file, and use the target object that corresponds to the consistent comparison as the target object corresponding to the key page area.
[0068] Displaying each target object in the target object file in the corresponding target page area in step S210 includes:
[0069] S306, obtaining key display information corresponding to the key page area.
[0070] S308: Process the target object corresponding to the key page area using the key display information, and display the processed target object in the corresponding target page area.
[0071] Specifically, the key display information may be display information specific to the key page area, and the key display information may include at least one of color information or dimension information. By processing the target object (i.e., the key object) corresponding to the key page area using the key display information, the processed target object may have a display effect corresponding to the key display information, such as having a special spatial dimension and a special color.
[0072] In the above embodiment, the target object corresponding to the key page area is processed using the key display information, so that the target object corresponding to the key page area is displayed according to the key display information, which enhances the display effect of the target object and is conducive to quickly building a large theme screen.
[0073] In some embodiments, the key display information includes a target space dimension. Step S308 is to use the key display information to process the target object corresponding to the key page area, and display the processed target object in the corresponding target page area, including: performing dimension conversion on the key target object to obtain a target object of the target space dimension; and displaying the target object of the target space dimension in the corresponding target page area.
[0074] Specifically, the spatial dimension may include at least one of 2D (2-dimension) or 3D (3-dimension). When the spatial dimension of the key target object is different from the target spatial dimension, the terminal may transform the spatial dimension of the key target object to obtain a target object that conforms to the target spatial dimension. For example, when the key target object is a 2D map of a map type and the target spatial dimension is 3D, the terminal may perform dimension conversion on the 2D map of the map type to obtain a 3D map of the map type.
[0075] In the above embodiment, by performing dimension conversion on the target object, the target object can be displayed in a more suitable dimension, thereby enhancing the display effect of the target object and making the object more intuitive.
[0076] In some embodiments, the target page layout template includes a carousel page area, such as Figure 4A As shown, step S210 is to display each target object in the target object file in the corresponding target page area, including:
[0077] S402, obtaining the number of target objects in the target object file as the number of objects.
[0078] S404, obtaining the number of page areas in the target page layout template as the number of areas.
[0079] S406: When the number of objects is greater than the number of regions, obtain the difference between the number of objects and the number of regions.
[0080] S408, selecting target objects with different numbers from the target object file to obtain a carousel object set.
[0081] Specifically, the carousel is used to cyclically display different objects in the same page area in the visualization page. The carousel page area refers to a page area where multiple target objects can be carouseled. The carousel page area can be determined from the various page areas included in the target page layout template as needed. The carousel page area can correspond to multiple target objects. Carousel refers to displaying multiple target objects in sequence. The number of objects is the number of target objects in the target object file. The number of areas is the number of page areas in the target page layout template. The difference between the number of objects and the number of areas can be the result of subtracting the object data from the number of areas. The terminal can select the target objects with the difference number from the target object file, and use the set consisting of the target objects with the difference number as the carousel object set.
[0082] In some embodiments, the terminal may randomly select target objects with different numbers from each target object in the target object file as each carousel object. The terminal may also select target objects with different numbers from each target object in the target object file as each carousel object according to a preset selection rule. The preset selection rule is, for example, to sort the target objects according to at least one of the area, size, type, or creation time of the object, and to select each target object with different numbers that is ranked lower as the carousel object.
[0083] S410: In the carousel page area, the carousel objects in the carousel object set are displayed in sequence.
[0084] Specifically, the carousel object refers to an object in the carousel object set. The terminal can display the objects in the carousel object set in sequence in the carousel page area. The carousel page area may correspond to carousel time information and carousel order, and the carousel time information may include at least one of the display time corresponding to each carousel object or the time interval between the display times of adjacent carousel objects. Figure 4B As shown, the object file includes 7 objects, namely object 1 to object 7, and the visualization page includes 5 page areas, namely page area 1 to page area 5, where page area 5 is the carousel page area. Since the number of objects is 3 more than the number of page areas, there are 3 objects (object 5, object 6 and object 7) that are carouseled in page area 5.
[0085] In the above embodiment, when the number of objects is greater than the number of regions, the target objects of the difference number are selected from the target object file to obtain a carousel object set, and the carousel objects in the carousel object set are displayed in sequence in the carousel page area. Therefore, when the number of objects does not match the number of regions, the target objects in the target object file can still be displayed in the page area, thereby improving the flexibility of generating visualization pages.
[0086] In some embodiments, Figure 5As shown, the method also includes:
[0087] S502: Obtain a focus operation on a candidate page layout template.
[0088] Specifically, the attention operation refers to an operation in which a user pays attention to a candidate page layout template. The attention operation may include at least one of the following: the hovering position of the mouse is located in the area of the candidate page layout template on the visualization generation interface, the focus of the eyeball is located in the area of the candidate page layout template on the visualization generation interface, or the distance between a limb (such as a finger) and the area of the candidate page layout template on the visualization generation interface is less than a preset distance.
[0089] S504: Obtain a reference visualization page corresponding to the candidate page layout template according to the attention operation, wherein the reference visualization page is generated according to a preset object set and a page layout mode corresponding to the candidate page layout template.
[0090] Specifically, the reference visualization page is generated according to the preset object set and the candidate page layout template. The page layout mode may include the arrangement mode of the page areas of the page layout template and the display style corresponding to the page areas.
[0091] S506, suspending and displaying the reference visualization page on the visualization generation interface.
[0092] Specifically, the terminal may set a corresponding floating display area for the candidate page layout template on the visualization generation interface, and suspend and display the reference visualization page in the corresponding floating display area. Figure 3B As shown, a reference visualization page of the candidate page layout template is displayed in a floating manner on the visualization generation interface.
[0093] In the above embodiment, a reference visualization page is obtained according to a focus operation, and the reference visualization page is displayed in a floating manner on the visualization generation interface. Since the reference visualization page is generated according to a preset object set and a page layout method corresponding to a candidate page layout template, the reference visualization page provides an intuitive reference for the user, so that the user can grasp in advance the overall effect of the visualization page generated by the candidate page layout template according to the reference visualization page, thereby avoiding the situation where the user repeatedly generates the visualization page due to unsatisfactory effect after generating the visualization page according to the candidate page layout template, thereby improving the generation efficiency of the visualization page.
[0094] In some embodiments, obtaining the target object file of the visualization page to be generated includes: displaying multiple candidate object files on an object file display interface; when a visualization generation instruction is received through the object file display interface, obtaining the candidate object file selected by the file selection operation received through the object file display interface as the target object file of the visualization page to be generated.
[0095] Specifically, a plurality of candidate object files may be displayed on the object file display interface, and the candidate object files may be pre-generated object files. The file selection operation refers to a selection operation on the candidate object files. The visualization generation instruction is used to instruct the generation of a corresponding visualization page according to the candidate object files selected by the file selection operation. The visualization generation instruction may be triggered by a button selection operation on a button for generating a visualization page.
[0096] In some embodiments, when a visualization generation instruction is received through the object file display interface, a visualization generation interface corresponding to the target object file is obtained and displayed in a floating manner on the object file display interface. Figure 3B In the object file display interface, three object files (object file 1 to object file 3) and a generate visualization page button A are displayed on the object file display interface, wherein object file 3 is selected, and the terminal can obtain a button selection operation on the visualization page button A, thereby triggering a visualization generation instruction, and obtain a visualization generation interface corresponding to object file 3, and display the visualization generation interface corresponding to object file 3 in suspension in the object file display interface.
[0097] In the above embodiment, multiple candidate object files are displayed on the object file display interface. Through file selection operations and visualization generation instructions, the target object file of the visualization page to be generated is quickly determined. The operation is simple and convenient, and the selection efficiency of the target object file is high, thereby improving the generation efficiency of the visualization page.
[0098] In some embodiments, according to the target feature information corresponding to the target object, determining the target page areas corresponding to each target object in the target object file from the target page layout template includes: obtaining feature information weights corresponding to each target feature information of the target object; performing weighted calculation according to each target feature information corresponding to the target object and the corresponding feature information weight to obtain a feature weighted result corresponding to the target object; and determining the target page areas corresponding to each target object in the target object file from the target page layout template according to the feature weighted results corresponding to each target object.
[0099] Specifically, the target feature information may correspond to a feature information weight, and the feature information weight may be pre-set or may be set as needed. The feature weighting result refers to the result obtained by weighted summing of each target feature information and the corresponding feature information weight. For example, if the target feature information includes content type and size, the terminal may perform a weighted summation of the content type and size according to the feature information weight of the content type and the feature information weight corresponding to the size.
[0100] In some embodiments, the terminal may sort each target object according to the feature weighting result corresponding to the target object, obtain the object sorting number corresponding to each target object, and determine the target page area corresponding to the target object according to the object arrangement number and the area arrangement number of the target page area in the target page layout template. For example, the higher the object sorting number of the target object, the higher the area arrangement number of the corresponding target page area.
[0101] In the above embodiment, since the feature weighting result is obtained by weighted calculation based on the target feature information corresponding to the target object and the corresponding feature information weight, the target page areas corresponding to each target object in the target object file are determined from the target page layout template according to the feature weighting results corresponding to each target object. The feature information of each target object can be fully considered to arrange the target object in a suitable position in the target page layout template.
[0102] In some embodiments, displaying each target object in the target object file in the corresponding target page area includes: obtaining an area display parameter corresponding to the target page area; and displaying the corresponding target object in the target page area according to the area display parameter corresponding to the target page area.
[0103] Specifically, the area display parameters may include at least one of size display parameters, color display parameters or resolution display parameters. The terminal can use the size display parameters to process the size of the target object, and process the color of the target object according to the color display parameters, so that the processed target object conforms to the display style corresponding to the area display parameters, and displays the processed target object in the corresponding target page area.
[0104] In the above embodiment, the corresponding target object is displayed in the target page area according to the area display parameter corresponding to the target page area, thereby enhancing the display effect of the target object.
[0105] In some embodiments, the terminal can generate a visual page corresponding to the target object file through a pre-created converter. The converter can pre-store various candidate page layout templates. Specifically, the terminal can pass the target object file and the template identifier corresponding to the target page layout template into the converter. The converter can obtain the target page layout template according to the template identifier, and use the target page layout template to generate a visual page corresponding to the target object file. For example, the converter can use the target page layout template to arrange the layout, convert the style, or give the target object at least one of large-screen behaviors. Figure 6 As shown, a process of generating a visualization page based on a converter is demonstrated.
[0106] In some embodiments, the converter generates a visualization page corresponding to the target object file. Specifically, the converter generates a corresponding conversion syntax according to the selected template (i.e., the target page layout template), determines the target object corresponding to the key page area, determines the target object corresponding to the carousel page area, performs forced style conversion on the target object corresponding to the key page area according to the recommended chart type rule, performs carousel processing on the target object corresponding to the carousel page area, and generates a description statement containing at least one of layout, carousel, style, title, or large-screen behavior. The page area is, for example, a data slot, which refers to the location where a data chart is placed in the visualization large screen and the corresponding chart component. The recommended chart type rule may include at least one of a recommended content type or a recommended style. Forced style conversion refers to performing style conversion on the object corresponding to the recommended content type according to the recommended style. Among them, the recommended content type is the same as the key content type mentioned above. As Figure 7 As shown, a schematic diagram of generating a visualization screen corresponding to a data application is shown. The template rules may include a global style and a data slot style. The global style may include at least one of the scale, resolution, or style of the visualization screen. The data slot style may include at least one of the title style, font size, or recommended chart type rules.
[0107] It should be understood that, although the steps in the flowcharts of the above-mentioned embodiments are displayed in sequence according to the indication of the arrows, these steps are not necessarily executed in sequence according to the order indicated by the arrows. Unless there is a clear explanation in this article, the execution of these steps is not strictly limited in order, and these steps can be executed in other orders. Moreover, at least a part of the steps in the flowcharts of the above-mentioned embodiments may include multiple steps or multiple stages, and these steps or stages are not necessarily executed at the same time, but can be executed at different times, and the execution order of these steps or stages is not necessarily carried out in sequence, but can be executed in turn or alternately with other steps or at least a part of the steps or stages in other steps.
[0108] In some embodiments, Figure 8 As shown, a visualization page generation device is provided, including: a target object file acquisition module 802, a visualization generation interface display module 804, a target page layout template acquisition module 806, a target page area determination module 808 and a visualization page acquisition module 810, wherein:
[0109] The target object file acquisition module 802 is used to acquire a target object file of a visualization page to be generated, where the target object file includes a plurality of target objects.
[0110] The visual generation interface display module 804 is used to display the visual generation interface corresponding to the target object file, where the visual generation interface displays a plurality of candidate page layout templates, and the candidate page layout templates include a plurality of page areas.
[0111] The target page layout template obtaining module 806 is used to use the candidate page layout template selected by the template selection operation received through the visualization generation interface as the target page layout template.
[0112] The target page area determination module 808 is used to determine the target page areas corresponding to the target objects in the target object file from the target page layout template according to the target feature information corresponding to the target object.
[0113] The visualization page obtaining module 810 is used to display each target object in the target object file in the corresponding target page area to obtain a visualization page corresponding to the target object file.
[0114] In some embodiments, the target feature information includes the content type, and the target page area determination module includes:
[0115] The key content type acquisition unit is used to acquire the key content type corresponding to the key page area in the target page layout template.
[0116] The target object determination unit is used to select a target object whose content type is a key content type from the target object file as the target object corresponding to the key page area.
[0117] The visualization page module includes:
[0118] The key display information acquisition unit is used to acquire key display information corresponding to the key page area.
[0119] The target object display unit is used to process the target object corresponding to the key page area using the key display information, and display the processed target object in the corresponding target page area.
[0120] In some embodiments, the key display information includes the target space dimension, and the target object display unit is also used to perform dimension conversion on the key target object to obtain the target object of the target space dimension; and display the target object of the target space dimension in the corresponding target page area.
[0121] In some embodiments, the target page layout template includes a carousel page area, and the visualization page obtaining module 810 includes:
[0122] The object number obtaining unit is used to obtain the number of target objects in the target object file as the object number.
[0123] The area number obtaining unit is used to obtain the number of page areas in the target page layout template as the area number.
[0124] The difference number obtaining unit is used to obtain the difference number between the number of objects and the number of regions when the number of objects is greater than the number of regions.
[0125] The carousel object set obtaining unit is used to select target objects of different quantities from the target object file to obtain the carousel object set.
[0126] The carousel object display unit is used to sequentially display the carousel objects in the carousel object set in the carousel page area.
[0127] In some embodiments, the apparatus further comprises:
[0128] The attention operation acquisition module is used to obtain the attention operation on the candidate page layout template.
[0129] The reference visualization page acquisition module is used to acquire the reference visualization page corresponding to the candidate page layout template according to the attention operation, and the reference visualization page is generated according to the preset object set and the page layout mode corresponding to the candidate page layout template.
[0130] The reference visualization page display module is used to suspend and display the reference visualization page on the visualization generation interface.
[0131] In some embodiments, the target object file acquisition module 802 includes:
[0132] The candidate object file display unit is used to display a plurality of candidate object files on the object file display interface.
[0133] The target object file obtaining unit is used to obtain the candidate object file selected by the file selection operation received through the object file display interface as the target object file of the visualization page to be generated when the visualization generation instruction is received through the object file display interface.
[0134] In some embodiments, the target page area determination module 808 includes:
[0135] The feature information weight acquisition unit is used to acquire the feature information weights corresponding to each target feature information of the target object.
[0136] The feature weighted result obtaining unit is used to perform weighted calculation according to each target feature information corresponding to the target object and the corresponding feature information weight to obtain the feature weighted result corresponding to the target object.
[0137] The target page area determination unit is used to determine the target page areas corresponding to the target objects in the target object file from the target page layout template according to the feature weighting results corresponding to the target objects.
[0138] In some embodiments, the visualization page obtaining module 810 includes:
[0139] The area display parameter acquisition unit is used to acquire the area display parameters corresponding to the target page area.
[0140] The object display unit is used to display the corresponding target object in the target page area according to the area display parameters corresponding to the target page area.
[0141] For the specific definition of the visualization page generation device, please refer to the definition of the visualization page generation method above, which will not be repeated here. Each module in the above-mentioned visualization page generation device can be implemented in whole or in part by software, hardware and a combination thereof. The above-mentioned modules can be embedded in or independent of the processor in the computer device in the form of hardware, or can be stored in the memory of the computer device in the form of software, so that the processor can call and execute the operations corresponding to the above modules.
[0142] In some embodiments, a computer device is provided, which may be a terminal, and its internal structure diagram may be as follows: Fig. 9 As shown. The computer device includes a processor, a memory, a communication interface, a display screen and an input device connected through a system bus. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The communication interface of the computer device is used to communicate with an external terminal in a wired or wireless manner, and the wireless manner can be achieved through WIFI, an operator network, NFC (near field communication) or other technologies. When the computer program is executed by the processor, a method for generating a visual page is implemented. The display screen of the computer device can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer device can be a touch layer covered on the display screen, or a key, trackball or touchpad set on the computer device housing, or an external keyboard, touchpad or mouse, etc.
[0143] Those skilled in the art will understand that Fig. 9The structure shown in the figure is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied. The specific computer device may include more or fewer components than those shown in the figure, or combine certain components, or have a different arrangement of components.
[0144] In some embodiments, a computer device is provided, including a memory and a processor, wherein a computer program is stored in the memory, and the processor implements the steps of the above-mentioned visualization page generation method when executing the computer program.
[0145] In some embodiments, a computer-readable storage medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the steps of the above-mentioned visualization page generation method are implemented.
[0146] Those of ordinary skill in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to memory, storage, database or other media used in the embodiments provided in this application can include at least one of non-volatile and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory or optical memory, etc. Volatile memory can include random access memory (RAM) or external cache memory. As an illustration and not limitation, RAM can be in various forms, such as static random access memory (SRAM) or dynamic random access memory (DRAM).
[0147] The technical features of the above embodiments may be combined arbitrarily. To make the description concise, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.
[0148] The above-mentioned embodiments only express several implementation methods of the present application, and the descriptions thereof are relatively specific and detailed, but they cannot be understood as limiting the scope of the invention patent. It should be pointed out that, for a person of ordinary skill in the art, several variations and improvements can be made without departing from the concept of the present application, and these all belong to the protection scope of the present application. Therefore, the protection scope of the patent of the present application shall be subject to the attached claims.
Claims
1. A method for generating a visual page, characterized in that: The method comprises: Obtain a target object file of a visualization page to be generated, wherein the target object file includes a plurality of target objects, each of which is a data chart, a picture or a video; Displaying a visualization generation interface corresponding to the target object file, wherein the visualization generation interface displays a plurality of candidate page layout templates, and the candidate page layout templates include a plurality of page areas; Obtaining a focus operation on the candidate page layout template, obtaining a reference visualization page corresponding to the candidate page layout template according to the focus operation, the reference visualization page being generated according to a preset object set and a page layout mode corresponding to the candidate page layout template, and suspending and displaying the reference visualization page on the visualization generation interface; Using the candidate page layout template selected by the template selection operation received through the visualization generation interface as the target page layout template; Obtaining feature information weights corresponding to each target feature information of the target object, performing weighted calculation according to each target feature information corresponding to the target object and the corresponding feature information weights, obtaining feature weighted results corresponding to the target object, and determining target page areas corresponding to each target object in the target object file from the target page layout template according to the feature weighted results corresponding to each target object, wherein when the target feature information includes a content type and the target page layout template has a key page area, obtaining a key content type corresponding to the key page area, and selecting a target object whose content type is the key content type from the target object file as the key object corresponding to the key page area; Each target object in the target object file is displayed in a corresponding target page area to obtain a visualization page corresponding to the target object file.
2. The method according to claim 1, characterized in that The displaying of each target object in the target object file in the corresponding target page area includes: Obtaining key display information corresponding to the key page area; The target object corresponding to the key page area is processed using the key display information, and the processed target object is displayed in the corresponding target page area.
3. The method according to claim 2, characterized in that The key display information includes a target space dimension, and the processing of the target object corresponding to the key page area using the key display information and displaying the processed target object in the corresponding target page area includes: Performing dimension conversion on the key target object to obtain the target object of the target space dimension; The target object of the target space dimension is displayed in the corresponding target page area.
4. The method according to claim 1, characterized in that: The target page layout template includes a carousel page area, and displaying each target object in the target object file in the corresponding target page area includes: Obtaining the number of target objects in the target object file as the number of objects; Obtaining the number of page areas in the target page layout template as the number of areas; When the number of objects is greater than the number of regions, obtaining a difference between the number of objects and the number of regions; Select the target objects of the difference number from the target object file to obtain a carousel object set; In the carousel page area, the carousel objects in the carousel object set are displayed in sequence.
5. The method according to claim 1, characterized in that: The step of obtaining the target object file of the visualization page to be generated includes: Displaying a plurality of candidate object files on an object file display interface; When a visualization generation instruction is received through the object file display interface, a candidate object file selected by a file selection operation received through the object file display interface is obtained as a target object file of the visualization page to be generated.
6. The method according to claim 1, characterized in that The displaying of each target object in the target object file in the corresponding target page area includes: Obtaining area display parameters corresponding to the target page area; According to the area display parameters corresponding to the target page area, the corresponding target object is displayed in the target page area.
7. A visual page generation device, characterized in that: The device comprises: A target object file acquisition module is used to acquire a target object file of a visualization page to be generated, wherein the target object file includes a plurality of target objects, each of which is a data chart, a picture or a video; A visual generation interface display module, used to display a visual generation interface corresponding to the target object file, wherein the visual generation interface displays a plurality of candidate page layout templates, and the candidate page layout templates include a plurality of page areas; A target page layout template obtaining module, used to use the candidate page layout template selected by the template selection operation received through the visual generation interface as the target page layout template; a target page area determination module, for obtaining feature information weights corresponding to each target feature information of the target object, performing weighted calculation according to each target feature information of the target object and the corresponding feature information weights to obtain feature weighted results corresponding to the target object, and determining target page areas corresponding to each target object in the target object file from the target page layout template according to the feature weighted results corresponding to each target object, wherein when the target feature information includes a content type and the target page layout template has a key page area, obtaining a key content type corresponding to the key page area, and selecting a target object having a content type of the key content type from the target object file as a key object corresponding to the key page area; A visualization page obtaining module, used for displaying each target object in the target object file in a corresponding target page area, and obtaining a visualization page corresponding to the target object file; The device is also used to obtain a focus operation on the candidate page layout template, obtain a reference visualization page corresponding to the candidate page layout template according to the focus operation, the reference visualization page is generated according to a preset object set and a page layout method corresponding to the candidate page layout template, and the reference visualization page is suspended and displayed on the visualization generation interface.
8. The device according to claim 7, characterized in that The visualization page obtaining module is also used for: Obtaining key display information corresponding to the key page area; The target object corresponding to the key page area is processed using the key display information, and the processed target object is displayed in the corresponding target page area.
9. A computer device comprising a memory and a processor, wherein the memory stores a computer program, wherein: When the processor executes the computer program, the steps of the method according to any one of claims 1 to 6 are implemented.
10. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 6 are implemented.