CN116774973A

CN116774973A - Data rendering method, device, computer equipment and storage medium

Info

Publication number: CN116774973A
Application number: CN202310774601.7A
Authority: CN
Inventors: 王成
Original assignee: Ping An Property and Casualty Insurance Company of China Ltd
Current assignee: Ping An Property and Casualty Insurance Company of China Ltd
Priority date: 2023-06-28
Filing date: 2023-06-28
Publication date: 2023-09-19

Abstract

The embodiment of the application belongs to the field of artificial intelligence and financial science and technology, and relates to a data rendering method, which comprises the following steps: judging whether the content of the page design manuscript accords with the specification; if yes, acquiring a first width and a first height of the page design manuscript; acquiring screen size information of a target screen; calculating a first aspect ratio of the page design draft based on the first width and the first height, and calculating a second aspect ratio of the target screen based on the second width and the second height; generating a scale for the numerical comparison of the first aspect ratio example and the second aspect ratio example; and rendering the page design manuscript in the target screen based on the scaling. The application also provides a data rendering device, computer equipment and a storage medium. In addition, the present application relates to blockchain techniques in which scaling may be stored. The application can be applied to the data rendering scene in the financial field, improves the rendering processing efficiency of the page design manuscript, and ensures the suitability of the page design manuscript in target screen display.

Description

Data rendering method, device, computer equipment and storage medium

Technical Field

The present application relates to the field of artificial intelligence development technology and financial technology, and in particular, to a data rendering method, apparatus, computer device, and storage medium.

Background

In the front-end daily requirement development process, in the service scene of data signboard display of a service system, such as an insurance system, a banking system, a transaction system, an order system and the like, a developer often encounters the requirement of a data signboard large screen. However, the terminal screen used by the developer to develop the page design draft is often very different from the large screen required by the business, and the current general way to solve this problem is adaptive processing. The general self-adaptive scheme adopted in the prior industry is as follows: the front-end developer manually calculates the percentage of each element in the page design manuscript, then the width and the height of the root element are set, the calculated percentage of each element is correspondingly set, and the self-adaption effect is achieved through the layout vw/wh or rem. However, the defects caused by the manual self-adaptive processing mode are obvious, manual conversion is required for a developer, the workload of the developer is greatly increased, and the processing efficiency is low.

Disclosure of Invention

The embodiment of the application aims to provide a data rendering method, a device, computer equipment and a storage medium, which are used for solving the technical problems that a developer is required to manually convert in the existing manual-based self-adaptive processing mode, the workload of the developer is greatly increased, and the processing efficiency is low.

In order to solve the above technical problems, an embodiment of the present application provides a data rendering method, which adopts the following technical scheme:

acquiring a page design manuscript to be processed, and judging whether the content of the page design manuscript accords with a preset specification;

if the preset specification is met, acquiring page size information of the page design manuscript, and acquiring a first width and a first height of the page design manuscript from the page size information;

acquiring screen size information of a target screen; wherein the screen size information includes a second width and a second height of the target screen;

calculating a first aspect ratio of the page design draft based on the first width and the first height, and calculating a second aspect ratio of the target screen based on the second width and the second height;

performing numerical comparison on the first aspect ratio example and the second aspect ratio example to obtain a corresponding numerical comparison result;

Generating a scaling corresponding to the page design manuscript based on the numerical comparison result;

and rendering the page design manuscript in the target screen based on the scaling.

Further, the step of determining whether the content of the page design draft meets a preset specification specifically includes:

acquiring a preset page design style specification, and judging whether the page design manuscript accords with the page design style specification;

if the design style specification of the page is met, extracting characters from the page design manuscript, and judging whether the words in the page design manuscript have illegal words or not;

if no violation exists, extracting an image of the page design manuscript, and judging whether the image in the page design manuscript has a sensitive image or not;

and if the sensitive image does not exist, judging that the content of the page design manuscript accords with the preset specification, otherwise, judging that the content of the page design manuscript does not accord with the preset specification.

Further, the step of extracting the text from the page design manuscript and judging whether the words in the page design manuscript have illegal words specifically includes:

extracting the characters of the page design manuscript to obtain the words in the page design manuscript;

Acquiring a preset violation word set;

matching the words with the keywords in the violation word set, and judging whether specified words successfully matched with the keywords exist in the words or not;

if the specified words which are successfully matched exist, judging that the words in the page design manuscript have the illegal words, otherwise, judging that the words in the page design manuscript do not have the illegal words.

Further, the step of extracting the image of the page design manuscript and judging whether the image in the page design manuscript has a sensitive image specifically includes:

extracting an image of the page design manuscript to obtain an image in the page design manuscript;

calling a preset image analysis model;

inputting the image into the image analysis model, and performing sensitive analysis on the image through the image analysis model to generate a sensitive analysis result corresponding to the image;

and determining whether a sensitive image exists in the image in the page design manuscript or not based on the sensitive analysis result.

Further, the step of generating the scaling corresponding to the page design draft based on the numerical comparison result specifically includes:

Judging whether the numerical comparison result is that the first aspect ratio example is larger than the second aspect ratio example;

if yes, calculating a first quotient between the second width and the first width;

and taking the first quotient as the scaling corresponding to the page design manuscript.

judging whether the numerical comparison result is that the first aspect ratio example is smaller than the second aspect ratio example;

if yes, calculating a second quotient between the second height and the first height;

and taking the second quotient as the scaling corresponding to the page design manuscript.

Further, the step of rendering the page design draft in the target screen based on the scaling ratio specifically includes:

acquiring a cascading style sheet corresponding to the target screen;

acquiring a target attribute in the cascading style sheet;

acquiring a target deformation function from the target attribute;

and configuring the scaling scale based on the target deformation function so as to render the page design draft in the target screen.

In order to solve the above technical problems, the embodiment of the present application further provides a data rendering device, which adopts the following technical scheme:

the judging module is used for acquiring the page design manuscript to be processed and judging whether the content of the page design manuscript accords with a preset specification or not;

the first acquisition module is used for acquiring page size information of the page design manuscript if the page size information accords with the preset specification, and acquiring a first width and a first height of the page design manuscript from the page size information;

the second acquisition module is used for acquiring screen size information of the target screen; wherein the screen size information includes a second width and a second height of the target screen;

a calculating module for calculating a first aspect ratio case of the page design draft based on the first width and the first height, and calculating a second aspect ratio case of the target screen based on the second width and the second height;

the comparison module is used for carrying out numerical comparison on the first aspect ratio example and the second aspect ratio example to obtain a corresponding numerical comparison result;

the generation module is used for generating a scaling corresponding to the page design manuscript based on the numerical comparison result;

And the rendering module is used for rendering the page design manuscript in the target screen based on the scaling.

In order to solve the above technical problems, the embodiment of the present application further provides a computer device, which adopts the following technical schemes:

In order to solve the above technical problems, an embodiment of the present application further provides a computer readable storage medium, which adopts the following technical schemes:

Compared with the prior art, the embodiment of the application has the following main beneficial effects:

firstly, acquiring a page design manuscript to be processed, and judging whether the content of the page design manuscript accords with a preset specification; if the preset specification is met, acquiring page size information of the page design manuscript, and acquiring a first width and a first height of the page design manuscript from the page size information; then acquiring screen size information of a target screen, and then calculating a first aspect ratio of the page design draft based on the first width and the first height, and calculating a second aspect ratio of the target screen based on the second width and the second height; subsequently, carrying out numerical comparison on the first aspect ratio example and the second aspect ratio example to obtain a corresponding numerical comparison result; generating a scaling corresponding to the page design manuscript based on the numerical comparison result; and finally, rendering the page design manuscript in the target screen based on the scaling. After the page design manuscript to be processed is detected to be in accordance with the specification, the embodiment of the application automatically calculates the first aspect ratio case of the page design manuscript based on the page size information of the page design manuscript, and calculates the second aspect ratio case of the target screen based on the screen size information of the target screen, and further intelligently generates the scaling corresponding to the page design manuscript based on the numerical comparison result between the first aspect ratio case and the second aspect ratio case, and then renders the page design manuscript in the target screen based on the scaling, so that the page design manuscript can be normally displayed in the target screen, and the self-adaptive effect of the page design manuscript in the target screen is achieved. The automatic adaptation processing mode provided by the application does not need complicated calculation conversion processing of width and height of a developer, greatly reduces the workload of the developer, effectively improves the processing efficiency of rendering processing of page design manuscripts, improves the display intelligence and suitability of the page design manuscripts displayed in screens with different sizes, and is beneficial to improving the use experience of consulting users.

Drawings

In order to more clearly illustrate the solution of the present application, a brief description will be given below of the drawings required for the description of the embodiments of the present application, it being apparent that the drawings in the following description are some embodiments of the present application, and that other drawings may be obtained from these drawings without the exercise of inventive effort for a person of ordinary skill in the art.

FIG. 1 is an exemplary system architecture diagram in which the present application may be applied;

FIG. 2 is a flow chart of one embodiment of a data rendering method according to the present application;

FIG. 3 is a schematic diagram of a data rendering apparatus according to one embodiment of the present application;

FIG. 4 is a schematic structural diagram of one embodiment of a computer device in accordance with the present application.

Detailed Description

Unless defined otherwise, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application belongs; the terminology used in the description of the applications herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the application; the terms "comprising" and "having" and any variations thereof in the description of the application and the claims and the description of the drawings above are intended to cover a non-exclusive inclusion. The terms first, second and the like in the description and in the claims or in the above-described figures, are used for distinguishing between different objects and not necessarily for describing a sequential or chronological order.

Reference herein to "an embodiment" means that a particular feature, structure, or characteristic described in connection with the embodiment may be included in at least one embodiment of the application. The appearances of such phrases in various places in the specification are not necessarily all referring to the same embodiment, nor are separate or alternative embodiments mutually exclusive of other embodiments. Those of skill in the art will explicitly and implicitly appreciate that the embodiments described herein may be combined with other embodiments.

In order to make the person skilled in the art better understand the solution of the present application, the technical solution of the embodiment of the present application will be clearly and completely described below with reference to the accompanying drawings.

As shown in fig. 1, a system architecture 100 may include terminal devices 101, 102, 103, a network 104, and a server 105. The network 104 is used as a medium to provide communication links between the terminal devices 101, 102, 103 and the server 105. The network 104 may include various connection types, such as wired, wireless communication links, or fiber optic cables, among others.

The user may interact with the server 105 via the network 104 using the terminal devices 101, 102, 103 to receive or send messages or the like. Various communication client applications, such as a web browser application, a shopping class application, a search class application, an instant messaging tool, a mailbox client, social platform software, etc., may be installed on the terminal devices 101, 102, 103.

The terminal devices 101, 102, 103 may be various electronic devices having a display screen and supporting web browsing, including but not limited to smartphones, tablet computers, electronic book readers, MP3 players (Moving Picture Experts Group Audio Layer III, dynamic video expert compression standard audio plane 3), MP4 (Moving Picture Experts Group Audio Layer IV, dynamic video expert compression standard audio plane 4) players, laptop and desktop computers, and the like.

The server 105 may be a server providing various services, such as a background server providing support for pages displayed on the terminal devices 101, 102, 103.

It should be noted that, the data rendering method provided by the embodiment of the present application is generally executed by a server/terminal device, and accordingly, the data rendering device is generally disposed in the server/terminal device.

The embodiment of the application can acquire and process the related data based on the artificial intelligence technology. Among these, artificial intelligence (Artificial Intelligence, AI) is the theory, method, technique and application system that uses a digital computer or a digital computer-controlled machine to simulate, extend and extend human intelligence, sense the environment, acquire knowledge and use knowledge to obtain optimal results.

It should be understood that the number of terminal devices, networks and servers in fig. 1 is merely illustrative. There may be any number of terminal devices, networks, and servers, as desired for implementation.

With continued reference to FIG. 2, a flow chart of one embodiment of a data rendering method according to the present application is shown. The order of the steps in the flowchart may be changed and some steps may be omitted according to various needs. The data rendering method provided by the embodiment of the application can be applied to any scene needing data rendering, and the product recommendation method can be applied to products of the scenes, for example, page data rendering of insurance pages in the field of financial insurance. The data rendering method comprises the following steps:

step S201, obtaining a page design draft to be processed, and judging whether the content of the page design draft accords with a preset specification.

In this embodiment, the electronic device (for example, the server/terminal device shown in fig. 1) on which the data rendering method operates may acquire the page design draft to be processed through a wired connection manner or a wireless connection manner. It should be noted that the wireless connection may include, but is not limited to, 3G/4G/5G connection, wiFi connection, bluetooth connection, wiMAX connection, zigbee connection, UWB (ultra wideband) connection, and other now known or later developed wireless connection. The scheme can be applied to the business scene of the large screen of the data signboard in the business system (such as an insurance system, a banking system, a transaction system, an order system and the like), and the large screen of the computer screen and the business system for development of a developer is quite different. The page design manuscript to be processed is a design manuscript of a page which is developed by a developer by using development equipment (such as a computer) and needs to be displayed on a large screen of a business system. In addition, the foregoing specific implementation process for determining whether the content of the page design draft meets the preset specification will be described in further detail in the following specific embodiments, which are not described herein.

Step S202, if the preset specification is met, acquiring page size information of the page design manuscript, and acquiring a first width and a first height of the page design manuscript from the page size information.

In this embodiment, the page size information of the page design manuscript also refers to the size of the root element of the development device that the developer uses, where the width and height of the root element correspond to the width and height of the screen of the development device.

Step S203, screen size information of the target screen is acquired.

In this embodiment, the target screen is a large screen of a business system to be used for displaying a page design draft. Wherein the screen size information includes a second width and a second height of the target screen.

Step S204, calculating a first aspect ratio example of the page design draft based on the first width and the first height, and calculating a second aspect ratio example of the target screen based on the second width and the second height.

In this embodiment, the first aspect ratio of the page design draft may be obtained by calculating a ratio between the first width and the first height. And obtaining a second aspect ratio example of the target screen by calculating the ratio between the second width and the second height.

Step S205, performing a numerical comparison on the first aspect ratio example and the second aspect ratio example to obtain a corresponding numerical comparison result.

In this embodiment, the above numerical comparison result includes the first aspect ratio example being larger than the second aspect ratio example or the first aspect ratio example being smaller than the second aspect ratio example.

And step S206, generating a scaling corresponding to the page design manuscript based on the numerical comparison result.

In this embodiment, the specific implementation process of generating the scaling corresponding to the page design draft based on the numerical comparison result will be described in further detail in the following specific embodiments, which will not be described herein.

Step S207, based on the scaling, rendering the page design manuscript in the target screen.

In this embodiment, the specific implementation process of rendering the page design manuscript in the target screen based on the scaling is described in detail in the following specific embodiments, which will not be described herein.

Firstly, acquiring a page design manuscript to be processed, and judging whether the content of the page design manuscript accords with a preset specification; if the preset specification is met, acquiring page size information of the page design manuscript, and acquiring a first width and a first height of the page design manuscript from the page size information; then acquiring screen size information of a target screen, and then calculating a first aspect ratio of the page design draft based on the first width and the first height, and calculating a second aspect ratio of the target screen based on the second width and the second height; subsequently, carrying out numerical comparison on the first aspect ratio example and the second aspect ratio example to obtain a corresponding numerical comparison result; generating a scaling corresponding to the page design manuscript based on the numerical comparison result; and finally, rendering the page design manuscript in the target screen based on the scaling. After the page design manuscript to be processed is detected to be in accordance with the specification, the first aspect ratio of the page design manuscript is automatically calculated based on the page size information of the page design manuscript, and the second aspect ratio of the target screen is calculated based on the screen size information of the target screen, so that the scaling corresponding to the page design manuscript is intelligently generated based on the numerical comparison result between the first aspect ratio and the second aspect ratio, and then the page design manuscript is rendered in the target screen based on the scaling, so that the page design manuscript can be normally displayed in the target screen, and the self-adaptive effect of the page design manuscript in the target screen is achieved. The automatic adaptation processing mode provided by the application does not need complicated calculation conversion processing of width and height of a developer, greatly reduces the workload of the developer, effectively improves the processing efficiency of rendering processing of page design manuscripts, improves the display intelligence and suitability of the page design manuscripts displayed in screens with different sizes, and is beneficial to improving the use experience of consulting users.

In some optional implementations, the determining in step S201 whether the content of the page design draft meets a preset specification includes the following steps:

acquiring a preset page design style specification, and judging whether the page design manuscript accords with the page design style specification.

In this embodiment, the page design style specification is a specification pre-constructed according to actual page design requirements, and the page design style specification may include a data arrangement form, a partition mode, and the like of the page.

And if the design style specification of the page is met, extracting the characters of the page design manuscript, and judging whether the words in the page design manuscript have illegal words or not.

In this embodiment, the text extraction is performed on the page design manuscript, and whether the words in the page design manuscript have the specific implementation process of the violation word is determined, which will be described in further detail in the following specific embodiments, and will not be described here too much.

If no violation exists, extracting the image of the page design manuscript, and judging whether the image in the page design manuscript has a sensitive image or not.

In this embodiment, the specific implementation process of extracting the image of the page design manuscript and determining whether the image in the page design manuscript has a sensitive image is described in detail in the following specific embodiments, which will not be described in any more detail herein.

In this embodiment, if it is determined that the content of the page design manuscript does not meet the preset specification, then generating violation reminding information corresponding to the page design manuscript, and sending the violation reminding information to a developer corresponding to the page design manuscript. The violation reminding information comprises violation points of the page design manuscript so as to remind a developer of carrying out corresponding modification on the page design manuscript according to the violation points.

The method comprises the steps of obtaining a preset page design style specification and judging whether the page design manuscript accords with the page design style specification; if the design style specification of the page is met, extracting characters from the page design manuscript, and judging whether the words in the page design manuscript have illegal words or not; if no violation exists, extracting an image of the page design manuscript, and judging whether the image in the page design manuscript has a sensitive image or not; and if the sensitive image does not exist, judging that the content of the page design manuscript accords with the preset specification, otherwise, judging that the content of the page design manuscript does not accord with the preset specification. After the page design manuscript to be processed is obtained, page design pattern standard verification, illegal word verification and sensitive image verification are intelligently performed on the page design manuscript before the page design manuscript is rendered and displayed by using the target screen, and the page design manuscript is rendered and displayed only after the page design manuscript passes all verification, so that the compliance and accuracy of page data to be displayed in the target screen are effectively ensured, and the standardization of rendering processing of the page design manuscript is ensured.

In some optional implementations of this embodiment, the text extraction is performed on the page design manuscript, and it is determined whether a word in the page design manuscript has a violation word, including the following steps:

and extracting the characters of the page design manuscript to obtain the words in the page design manuscript.

In this embodiment, an existing text extraction algorithm may be used to extract text from the page design manuscript, so as to obtain words in the page design manuscript. Wherein the number of words may include a plurality.

And obtaining a preset violation word set.

In this embodiment, the above-mentioned rule-breaking set is a set which is screened and determined in advance according to actual service use requirements and stores a plurality of rule-breaking words common in the service. For different service scenes, different violation sets matched with the service scenes respectively are preset. Illustratively, the violation sets corresponding to the insurance business scenario are pre-constructed, the violation sets corresponding to the banking scenario are constructed, the violation sets corresponding to the medical business scenario are constructed, and so on.

And matching the words with the keywords in the violation word set, and judging whether specified words successfully matched with the keywords exist in the words or not.

In this embodiment, each term in the page design draft can be respectively matched with each keyword in the offensive word set based on the parallel comparison instruction, so as to improve the processing efficiency of term matching.

In this embodiment, if a specified term successfully matched with the keyword exists in the terms, it indicates that a violation term exists in the page design manuscript.

The method comprises the steps of extracting characters from the page design manuscript to obtain words in the page design manuscript; then acquiring a preset violation word set; subsequently, matching the words with the keywords in the violation word set, and judging whether specified words successfully matched with the keywords exist in the words or not; if the specified words which are successfully matched exist, judging that the words in the page design manuscript have the illegal words, otherwise, judging that the words in the page design manuscript do not have the illegal words. After the page design manuscript to be processed is obtained, before the target screen is used for rendering and displaying the page design manuscript, the method and the device can intelligently check the violations of the page design manuscript based on the violations set, and render and display the page design manuscript only after the page design manuscript passes all verification steps including the violations, thereby effectively ensuring the compliance and accuracy of page data to be displayed in the target screen and ensuring the normalization of rendering and processing of the page design manuscript.

In some optional implementations, the image extracting the page design manuscript and determining whether the image in the page design manuscript has a sensitive image includes the following steps:

and extracting the image of the page design manuscript to obtain the image in the page design manuscript.

In this embodiment, the image detection may be performed on the page design manuscript by using an existing image detection algorithm, to determine an image of the page design manuscript, and then extract the image of the page design manuscript to obtain an image in the page design manuscript.

And calling a preset image analysis model.

In this embodiment, the training generation process of the image analysis model includes: acquiring a certain number of sample images acquired in advance, and dividing the sample images into a training set and a testing set according to a preset proportion; wherein the sample image is an image marked with sensitive content; then training the pre-constructed initial model by utilizing the training set to obtain a trained initial model; testing the trained initial model by using the test sample set to obtain a test result of the trained initial model; and if the test result meets the preset condition, taking the trained initial model as the image analysis model. The test result includes a test success rate, the preset condition means that the test success rate is greater than a preset threshold, the value of the preset threshold is not particularly limited, and the test result can be set according to actual requirements. In addition, if the test result does not meet the preset condition, that is, if the test success rate is smaller than the preset threshold, parameters of the pre-built initial model are further adjusted according to the test result, the initial model is optimized, and then the model training step is executed again until the test result meets the preset condition. In addition, the initial model can specifically adopt a YOLOv4 model; YOLOv4 is a target detection algorithm, the latest version of the YOLO (You Only Look Once) series, commonly proposed by Alexey Bochkovskiy, chien-Yao Wang and Hong-Yuan Mark Liao. YOLOv4 has a significant improvement in both speed and accuracy over previous versions. The following are some detailed descriptions of YOLOv 4: the model structure YOLOv4 adopts a new model structure called CSPDarknet. This structure is similar to the residual block of ResNet, but it uses a branching structure similar to acceptance to reduce the number of parameters. Feature extraction YOLOv4 uses a new feature extraction method, called SPP (Spatial Pyramid Poo ling). The method can acquire the features with different scales without changing the size of the feature map. The network backbone YOLOv4 adopts a strong network backbone, can process larger input images and can improve the precision. This network backbone includes CSPDarknet and SPP modules. Multiscale prediction to improve the accuracy of detection YOLOv4 uses multiscale prediction. This approach can detect objects of different sizes by fusing feature maps of different sizes. Data enhancement YOLOv4 uses a number of data enhancement techniques including random scaling, cropping, rotation, warping, morphing, and the like. These techniques may help the network to better adapt to various scenarios. Post-treatment YOLOv4 used a new post-treatment method, called WBF (Weighted Boxes Fusion). The method can improve the detection precision by carrying out weighted fusion on a plurality of detection frames.

Inputting the image into the image analysis model, and performing sensitive analysis on the image through the image analysis model to generate a sensitive analysis result corresponding to the image.

In this embodiment, the image is input into the image analysis model, and the image is subjected to sensitive analysis by the image analysis model, so as to generate a confidence coefficient for representing that the image belongs to a sensitive image, that is, the above sensitive analysis result. Confidence can be understood as the accuracy of the image output by the model as a sensitive image.

In this embodiment, if the above-mentioned sensitive analysis result, that is, the confidence coefficient is greater than the preset confidence coefficient threshold value, the image is characterized as belonging to the sensitive image, and it is determined that the sensitive image exists in the image in the page design manuscript. And if the confidence coefficient is smaller than a preset confidence coefficient threshold value, characterizing that the image does not belong to the sensitive image, and judging that the image in the page design manuscript is supplemented with the sensitive image. The confidence threshold value is not specifically limited, and may be set according to actual use requirements.

The application obtains the image in the page design manuscript by extracting the image of the page design manuscript; then calling a preset image analysis model; inputting the image into the image analysis model, and performing sensitive analysis on the image through the image analysis model to generate a sensitive analysis result corresponding to the image; and determining whether a sensitive image exists in the image in the page design manuscript or not based on the sensitive analysis result. After the page design manuscript to be processed is obtained, the sensitive image verification is intelligently performed on the page design manuscript based on the image analysis model before the target screen is used for rendering and displaying the page design manuscript, and the page design manuscript is rendered and displayed only after the page design manuscript passes all verification including the sensitive image verification, so that the compliance and the accuracy of page data to be displayed in the target screen are effectively ensured, and the standardization of rendering and processing of the page design manuscript is ensured.

In some alternative implementations, step S206 includes the steps of:

and judging whether the numerical comparison result is that the first aspect ratio example is larger than the second aspect ratio example.

If yes, a first quotient between the second width and the first width is calculated.

In the present embodiment, the scaling is calculated by comparing the first aspect ratio of the page design draft with the screen scale of the current target screen, that is, the second aspect ratio described above, following the short-panel principle. If the screen scale of the current target screen is smaller than the first aspect ratio of the page design script, the scaling is a value obtained by dividing the width of the target screen by the width of the page design script.

The application judges whether the value comparison result is that the first aspect ratio is larger than the second aspect ratio; if yes, calculating a first quotient between the second width and the first width; and taking the first quotient as the scaling corresponding to the page design manuscript. According to the application, when the first aspect ratio of the page design manuscript is calculated to be larger than the second aspect ratio of the target screen, the first quotient between the second width of the target screen and the first width of the page design manuscript is intelligently calculated and used as the scaling corresponding to the page design manuscript, so that the page design manuscript is rendered in the target screen based on the scaling, the page design manuscript can be normally displayed in the target screen, the self-adaptive effect of the page design manuscript in the target screen is achieved, the display intelligence and the suitability of the page design manuscript displayed in screens with different sizes are effectively improved, and the use experience of a consulting user is facilitated to be improved.

In some alternative implementations of the present embodiment, step S206 includes the steps of:

and judging whether the numerical comparison result is that the first aspect ratio example is smaller than the second aspect ratio example.

If yes, a second quotient between the second height and the first height is calculated.

In the present embodiment, the scaling is calculated by comparing the first aspect ratio of the page design draft with the screen scale of the current target screen, that is, the second aspect ratio described above, following the short-panel principle. If the screen scale of the current target screen is greater than the first aspect ratio of the page design script, the scaling is a value obtained by dividing the height of the target screen by the height of the page design script.

The application judges whether the value comparison result is that the first aspect ratio is smaller than the second aspect ratio; if yes, calculating a second quotient between the second height and the first height; and taking the second quotient as the scaling corresponding to the page design manuscript. According to the application, when the first aspect ratio of the page design manuscript is calculated to be smaller than the second aspect ratio of the target screen, a second quotient between the second height of the target screen and the first width of the page design manuscript is intelligently calculated and used as the scaling corresponding to the page design manuscript, so that the page design manuscript is rendered in the target screen based on the scaling, normal display of the page design manuscript in the target screen is ensured, the self-adaptive effect of the page design manuscript in the target screen is achieved, the display intelligence and the suitability of the page design manuscript displayed in screens with different sizes are effectively improved, and the use experience of a consulting user is facilitated to be improved.

In some alternative implementations of the present embodiment, step S207 includes the steps of:

and acquiring a cascading style sheet corresponding to the target screen.

In the present embodiment, cascading style sheets (english full name: cascading Style Sheets, abbreviated as CSS) are a computer language for expressing file styles such as HTML (an application of standard general markup language) or XML (a subset of standard general markup language). The CSS not only can statically modify the web page, but also can dynamically format each element of the web page in cooperation with various scripting languages. The CSS can accurately control the typesetting of element positions in the webpage at a pixel level, supports almost all font size styles, and has the capability of editing webpage objects and model styles.

And obtaining the target attribute in the cascading style sheet.

In this embodiment, the target attribute is specifically a transform attribute.

And acquiring a target deformation function from the target attribute.

In this embodiment, the target deformation function is specifically a scale () method. The scale () method is used to implement the scaling effect of an element. Zoom, refers to the meaning of "zoom out" and "zoom in". Similar to the translate () method, scaling has 3 cases: scaleX (), scaleY (), scale (). The parameter x represents the scaling factor of the element in the x-axis direction and the parameter y represents the scaling factor of the element in the y-axis direction. When the value of x or y is between 0 and 1, the element is reduced; when the value of x or y is larger than 1, the element is amplified.

In this embodiment, the scaling is configured based on the target deformation function, so as to render the page design manuscript in the target screen, so that the page design manuscript can be normally displayed in the target screen, and an adaptive effect is achieved. For example, assuming that the screen size of the development device used by the developer is 1920×960, when the design draft of the developed page needs to be displayed on the large screen of 1440×900, the complete display cannot be performed. At this time, by calculating the scaling ratio 1440/960=1.6, 1920/960=2, 1.6<2, the scaling ratio calculated here is the screen width divided by the design draft width 1440/1920=0.75. And then 1920 x 960 large screen pages are changed into 1440 x 720 when the page design manuscript is rendered according to the scaling, so that the normal display of the page design manuscript can be realized in the large screen of 1440 x 900, and the self-adaptive display of the page design manuscript on the large screen is realized.

The method comprises the steps of obtaining a cascading style sheet corresponding to the target screen; then, obtaining target attributes in the cascading style sheets; then, obtaining a target deformation function from the target attribute; and configuring the scaling ratio based on the target deformation function to render the page design draft in the target screen. According to the application, the calculated scaling is configured based on the use of the target deformation function in the target attribute of the cascading style sheet corresponding to the target screen, so that the page design manuscript is rendered in the target screen, the page design manuscript can be normally displayed in the target screen, the self-adaptive effect of the page design manuscript in the target screen is achieved, the display intelligence and the suitability of the page design manuscript displayed in screens with different sizes are effectively improved, and the use experience of a consulting user is facilitated.

It is emphasized that the above scale may also be stored in a blockchain node in order to further guarantee privacy and security of the above scale.

The blockchain is a novel application mode of computer technologies such as distributed data storage, point-to-point transmission, consensus mechanism, encryption algorithm and the like. The Blockchain (Blockchain), which is essentially a decentralised database, is a string of data blocks that are generated by cryptographic means in association, each data block containing a batch of information of network transactions for verifying the validity of the information (anti-counterfeiting) and generating the next block. The blockchain may include a blockchain underlying platform, a platform product services layer, an application services layer, and the like.

Artificial intelligence infrastructure technologies generally include technologies such as sensors, dedicated artificial intelligence chips, cloud computing, distributed storage, big data processing technologies, operation/interaction systems, mechatronics, and the like. The artificial intelligence software technology mainly comprises a computer vision technology, a robot technology, a biological recognition technology, a voice processing technology, a natural language processing technology, machine learning/deep learning and other directions.

Those skilled in the art will appreciate that implementing all or part of the above described methods may be accomplished by computer readable instructions stored in a computer readable storage medium that, when executed, may comprise the steps of the embodiments of the methods described above. The storage medium may be a nonvolatile storage medium such as a magnetic disk, an optical disk, a Read-Only Memory (ROM), or a random access Memory (Random Access Memory, RAM).

It should be understood that, although the steps in the flowcharts of the figures are shown in order as indicated by the arrows, these steps are not necessarily performed in order as indicated by the arrows. The steps are not strictly limited in order and may be performed in other orders, unless explicitly stated herein. Moreover, at least some of the steps in the flowcharts of the figures may include a plurality of sub-steps or stages that are not necessarily performed at the same time, but may be performed at different times, the order of their execution not necessarily being sequential, but may be performed in turn or alternately with other steps or at least a portion of the other steps or stages.

With further reference to fig. 3, as an implementation of the method shown in fig. 2, the present application provides an embodiment of a data rendering apparatus, where the embodiment of the apparatus corresponds to the embodiment of the method shown in fig. 2, and the apparatus is particularly applicable to various electronic devices.

As shown in fig. 3, the data rendering apparatus 300 according to the present embodiment includes: a judging module 301, a first acquiring module 302, a second acquiring module 303, a calculating module 304, a comparing module 305, a generating module 306 and a rendering module 307. Wherein:

the judging module 301 is configured to obtain a page design draft to be processed, and judge whether content of the page design draft meets a preset specification;

a first obtaining module 302, configured to obtain page size information of the page design manuscript if the first obtaining module meets the preset specification, and obtain a first width and a first height of the page design manuscript from the page size information;

a second obtaining module 303, configured to obtain screen size information of the target screen; wherein the screen size information includes a second width and a second height of the target screen;

a calculating module 304, configured to calculate a first aspect ratio case of the page design draft based on the first width and the first height, and calculate a second aspect ratio case of the target screen based on the second width and the second height;

A comparison module 305, configured to perform a numerical comparison on the first aspect ratio example and the second aspect ratio example to obtain a corresponding numerical comparison result;

a generating module 306, configured to generate a scaling corresponding to the page design draft based on the numerical comparison result;

and a rendering module 307, configured to render the page design draft in the target screen based on the scaling.

In this embodiment, the operations performed by the modules or units respectively correspond to the steps of the data rendering method in the foregoing embodiment one by one, which is not described herein again.

In some optional implementations of this embodiment, the determining module 301 includes:

the first judging sub-module is used for acquiring a preset page design style specification and judging whether the page design manuscript accords with the page design style specification or not;

the second judging sub-module is used for extracting the characters of the page design manuscript if the page design style specification is met, and judging whether the words in the page design manuscript have illegal words or not;

the third judging sub-module is used for extracting the image of the page design manuscript if no violation exists, and judging whether the image in the page design manuscript has a sensitive image or not;

And the judging submodule is used for judging that the content of the page design manuscript accords with the preset specification if the sensitive image does not exist, or else judging that the content of the page design manuscript does not accord with the preset specification.

In some optional implementations of this embodiment, the second determining submodule includes:

the first extraction unit is used for extracting characters from the page design manuscript to obtain words in the page design manuscript;

the acquisition unit is used for acquiring a preset violation word set;

the judging unit is used for matching the words with the keywords in the violation word set and judging whether specified words successfully matched with the keywords exist in the words or not;

and the judging unit is used for judging that the words in the page design manuscript have the illegal words if the appointed words successfully matched exist, and judging that the words in the page design manuscript do not have the illegal words if the appointed words successfully matched exist.

In some optional implementations of this embodiment, the third determining submodule includes:

the second extraction unit is used for extracting the image of the page design manuscript to obtain the image in the page design manuscript;

the calling unit is used for calling a preset image analysis model;

the analysis unit is used for inputting the image into the image analysis model, performing sensitive analysis on the image through the image analysis model, and generating a sensitive analysis result corresponding to the image;

and the determining unit is used for determining whether the image in the page design manuscript has a sensitive image or not based on the sensitive analysis result.

In some alternative implementations of the present embodiment, the generating module 306 includes:

a fourth judging sub-module, configured to judge whether the numerical comparison result is that the first aspect ratio case is greater than the second aspect ratio case;

the first calculating submodule is used for calculating a first quotient between the second width and the first width if yes;

And the first determining submodule is used for taking the first quotient as the scaling corresponding to the page design manuscript.

a fifth judging sub-module, configured to judge whether the numerical comparison result is that the first aspect ratio case is smaller than the second aspect ratio case;

a second calculating sub-module, configured to calculate a second quotient between the second height and the first height if yes;

and the second determining submodule is used for taking the second quotient as the scaling corresponding to the page design manuscript.

In some alternative implementations of the present embodiment, the rendering module 307 includes:

the first acquisition sub-module is used for acquiring a cascading style sheet corresponding to the target screen;

a second obtaining sub-module, configured to obtain a target attribute in the cascading style sheet;

The third acquisition submodule is used for acquiring a target deformation function from the target attribute;

and the processing sub-module is used for configuring the scaling ratio based on the target deformation function so as to render the page design draft in the target screen.

In order to solve the technical problems, the embodiment of the application also provides computer equipment. Referring specifically to fig. 4, fig. 4 is a basic structural block diagram of a computer device according to the present embodiment.

The computer device 4 comprises a memory 41, a processor 42, a network interface 43 communicatively connected to each other via a system bus. It should be noted that only computer device 4 having components 41-43 is shown in the figures, but it should be understood that not all of the illustrated components are required to be implemented and that more or fewer components may be implemented instead. It will be appreciated by those skilled in the art that the computer device herein is a device capable of automatically performing numerical calculations and/or information processing in accordance with predetermined or stored instructions, the hardware of which includes, but is not limited to, microprocessors, application specific integrated circuits (Application Specific Integrated Circuit, ASICs), programmable gate arrays (fields-Programmable Gate Array, FPGAs), digital processors (Digital Signal Processor, DSPs), embedded devices, etc.

The computer equipment can be a desktop computer, a notebook computer, a palm computer, a cloud server and other computing equipment. The computer equipment can perform man-machine interaction with a user through a keyboard, a mouse, a remote controller, a touch pad or voice control equipment and the like.

The memory 41 includes at least one type of readable storage medium including flash memory, hard disk, multimedia card, card memory (e.g., SD or DX memory, etc.), random Access Memory (RAM), static Random Access Memory (SRAM), read Only Memory (ROM), electrically Erasable Programmable Read Only Memory (EEPROM), programmable Read Only Memory (PROM), magnetic memory, magnetic disk, optical disk, etc. In some embodiments, the storage 41 may be an internal storage unit of the computer device 4, such as a hard disk or a memory of the computer device 4. In other embodiments, the memory 41 may also be an external storage device of the computer device 4, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash Card (Flash Card) or the like, which are provided on the computer device 4. Of course, the memory 41 may also comprise both an internal memory unit of the computer device 4 and an external memory device. In this embodiment, the memory 41 is typically used to store an operating system and various application software installed on the computer device 4, such as computer readable instructions of a data rendering method. Further, the memory 41 may be used to temporarily store various types of data that have been output or are to be output.

The processor 42 may be a central processing unit (Central Processing Unit, CPU), controller, microcontroller, microprocessor, or other data processing chip in some embodiments. The processor 42 is typically used to control the overall operation of the computer device 4. In this embodiment, the processor 42 is configured to execute computer readable instructions stored in the memory 41 or process data, such as computer readable instructions for executing the data rendering method.

The network interface 43 may comprise a wireless network interface or a wired network interface, which network interface 43 is typically used for establishing a communication connection between the computer device 4 and other electronic devices.

after the page design manuscript to be processed is detected to be in accordance with the specification, the embodiment of the application automatically calculates the first aspect ratio case of the page design manuscript based on the page size information of the page design manuscript, and calculates the second aspect ratio case of the target screen based on the screen size information of the target screen, and further intelligently generates the scaling corresponding to the page design manuscript based on the numerical comparison result between the first aspect ratio case and the second aspect ratio case, and then renders the page design manuscript in the target screen based on the scaling, so that the page design manuscript can be normally displayed in the target screen, and the self-adaptive effect of the page design manuscript in the target screen is achieved. The automatic adaptation processing mode provided by the application does not need complicated calculation conversion processing of width and height of a developer, greatly reduces the workload of the developer, effectively improves the processing efficiency of rendering processing of page design manuscripts, improves the display intelligence and suitability of the page design manuscripts displayed in screens with different sizes, and is beneficial to improving the use experience of consulting users.

The present application also provides another embodiment, namely, a computer-readable storage medium storing computer-readable instructions executable by at least one processor to cause the at least one processor to perform the steps of the data rendering method as described above.

From the above description of the embodiments, it will be clear to those skilled in the art that the above-described embodiment method may be implemented by means of software plus a necessary general hardware platform, but of course may also be implemented by means of hardware, but in many cases the former is a preferred embodiment. Based on such understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art in the form of a software product stored in a storage medium (e.g. ROM/RAM, magnetic disk, optical disk) comprising instructions for causing a terminal device (which may be a mobile phone, a computer, a server, an air conditioner, or a network device, etc.) to perform the method according to the embodiments of the present application.

It is apparent that the above-described embodiments are only some embodiments of the present application, but not all embodiments, and the preferred embodiments of the present application are shown in the drawings, which do not limit the scope of the patent claims. This application may be embodied in many different forms, but rather, embodiments are provided in order to provide a thorough and complete understanding of the present disclosure. Although the application has been described in detail with reference to the foregoing embodiments, it will be apparent to those skilled in the art that modifications may be made to the embodiments described in the foregoing description, or equivalents may be substituted for elements thereof. All equivalent structures made by the content of the specification and the drawings of the application are directly or indirectly applied to other related technical fields, and are also within the scope of the application.

Claims

1. A method of rendering data, comprising the steps of:

2. The method for rendering data according to claim 1, wherein the step of determining whether the content of the page design draft meets a preset specification specifically includes:

3. The method for rendering data according to claim 2, wherein the step of extracting text from the page design script and judging whether the words in the page design script have violations comprises the steps of:

acquiring a preset violation word set;

4. The method for rendering data according to claim 2, wherein the step of extracting the image of the page design manuscript and judging whether the image in the page design manuscript has a sensitive image comprises the following steps:

calling a preset image analysis model;

5. The data rendering method according to claim 1, wherein the step of generating a scaling corresponding to the page design script based on the numerical comparison result, specifically comprises:

6. The data rendering method according to claim 1, wherein the step of generating a scaling corresponding to the page design script based on the numerical comparison result, specifically comprises:

7. The data rendering method according to claim 1, wherein the step of rendering the page design draft in the target screen based on the scaling, specifically includes:

acquiring a cascading style sheet corresponding to the target screen;

acquiring a target attribute in the cascading style sheet;

acquiring a target deformation function from the target attribute;

8. A data rendering apparatus, comprising:

9. A computer device comprising a memory having stored therein computer readable instructions which when executed by a processor implement the steps of the data rendering method of any of claims 1 to 7.

10. A computer readable storage medium having stored thereon computer readable instructions which when executed by a processor implement the steps of the data rendering method according to any of claims 1 to 7.