Dynamic website management method, electronic equipment and computer readable storage medium

Abstract

The invention provides a dynamic website management method, electronic equipment and a computer readable storage medium, and relates to the field of big data. The dynamic website management method comprises the following steps: determining configurable attributes of corresponding composition elements of original dynamic contents according to the original dynamic contents in a dynamic website; updating the original dynamic content based on a modified target configurable attribute in the configurable attributes to obtain updated dynamic content and a modification operation record; wherein the configurable attribute is determined by monitoring the operation control; and comparing the original dynamic content with the updated dynamic content in combination with the modification operation record to generate a review result. According to the dynamic website management method provided by the embodiment of the invention, the dynamic content can be modified in real time, the review efficiency is greatly improved, and the transparency and traceability of review are enhanced.

Description

Technical Field

[0001] The present application relates to the field of big data, and in particular, to a dynamic website management method, an electronic device, and a computer-readable storage medium. Background Art

[0002] With the development of HTML5 technology, Web development is no longer limited to displaying static content, and the construction of dynamic websites has become a trend in modern website design. Dynamic content enables websites to not only provide personalized user experience, but also respond to user needs and market changes more efficiently, improving the functionality and attractiveness of the website.

[0003] For developers, designers and reviewers, it is necessary to extract and review the content of the website during the website establishment process; the existing technology for extracting and reviewing dynamic content in dynamic websites usually requires manual re-drawing and analysis, which is cumbersome and inefficient. Summary of the invention

[0004] The purpose of the embodiments of the present application is to provide a dynamic website management method, an electronic device and a computer-readable storage medium, which can realize real-time modification of dynamic content by providing different editable attributes for users to edit, greatly improve the review efficiency, and enhance the transparency and traceability of the review.

[0005] In a first aspect, an embodiment of the present application provides a dynamic website management method, the method comprising: determining, based on the original dynamic content in the dynamic website, the configurable attributes of the corresponding constituent elements of the original dynamic content; updating the original dynamic content based on the modified target configurable attributes in the configurable attributes, and obtaining updated dynamic content and modification operation records; wherein the configurable attributes are determined by monitoring operation controls; and combining the modification operation records, comparing the original dynamic content and the updated dynamic content, and generating a review result.

[0006] In the above implementation process, the dynamic website management method provided by the embodiment of the present application analyzes the configurable attributes in dynamic content such as charts, texts, animations, etc., provides the configurable attributes to the user for modification and configuration, and can compare the differences between the dynamic content before and after the modification, and can also generate a review report. In other words, the dynamic website management method provided by the embodiment of the present application can provide different editable attributes for users to edit, can realize real-time modification of dynamic content, and reviewers or developers can perform design reviews, content adjustments and corrections more efficiently; greatly improve the review efficiency, development efficiency, reduce the error rate, and enhance the transparency and traceability of the review.

[0007] Optionally, in an embodiment of the present application, according to the original dynamic content in the dynamic website, the configurable properties of the constituent elements corresponding to the original dynamic content are determined, including: parsing the original dynamic content to determine the constituent elements corresponding to the original dynamic content and the original configurable properties of the constituent elements; performing semantic analysis on the constituent elements to obtain semantic analysis results; and on the basis of the original configurable properties, based on the semantic analysis results, enhancing the element properties of the constituent elements to determine the configurable properties.

[0008] In the above implementation process, the dynamic website management method provided by the embodiment of the present application performs in-depth analysis based on the content of the dynamic website, understands the elements through semantic analysis, and enhances the contextual information of the elements; thereby enriching and optimizing the configurable attributes, making the modification operation more flexible and accurate, and achieving more efficient review.

[0009] Optionally, in an embodiment of the present application, in combination with the modification operation records, the original dynamic content and the updated dynamic content are compared to generate a review result, including: based on the original dynamic content and the updated dynamic content, determining the visual similarities and differences between the original dynamic content and the updated dynamic content; in combination with the modification operation records, generating a review result including updated dynamic content with prominent differences and a review report based on the visual similarities and differences.

[0010] Optionally, in an embodiment of the present application, based on the original dynamic content and the updated dynamic content, determining the visual similarity and difference between the original dynamic content and the updated dynamic content includes: generating original features for extracting the original dynamic content, and updated features for the updated dynamic content; wherein the original features and the updated features both include key points, edge information, and color histogram information; and determining the visual similarity between the original dynamic content and the updated dynamic content based on the original features and the updated features.

[0011] Optionally, in an embodiment of the present application, based on the original dynamic content and the updated dynamic content, the visual similarity and difference between the original dynamic content and the updated dynamic content are determined, including: determining a difference map based on the original dynamic content and the updated dynamic content; performing contour analysis on the difference map to obtain a difference area; and analyzing the difference area to obtain a difference situation.

[0012] In the above implementation process, the dynamic website management method provided by the embodiment of the present application can identify the changes between the modified content and the original content by comparing the visual similarities and differences between the original dynamic content and the updated dynamic content. Combined with the modification operation record, a comprehensive review report is generated, in which the difference part is highlighted to ensure that the reviewer can quickly identify the modified content; thereby, the rationality and standardization of the modification can be evaluated, providing comprehensive and objective feedback for the design team, developers and reviewers; the generation of the review report further improves work efficiency and facilitates subsequent backtracking and analysis.

[0013] Optionally, in an embodiment of the present application, in combination with the modification operation record, based on the visual similarity and the difference, a review result including updated dynamic content and a review report with highlighted differences is generated, including: determining the changed content based on the visual similarity and the difference; verifying whether the changed content is consistent with the modification operation record; and when the changed content is consistent with the modification operation record, performing a difference highlighting operation on the difference area.

[0014] In the above implementation process, the dynamic website management method provided in the embodiment of the present application determines the changed content through the visual similarities and differences between the original dynamic content and the updated dynamic content; and when these contents are consistent with the modification operation record, the areas where there are differences, that is, the modified areas, are highlighted, thereby facilitating the design team, developers and reviewers to quickly capture the modified parts.

[0015] Optionally, in an embodiment of the present application, the method further includes storing modification operation records and review results.

[0016] In the above implementation process, the embodiment of the present application can efficiently and securely store Canvas content and its metadata by designing a reasonable data model and combining image compression and secure encryption technology. Compression technology and encryption measures can also be combined to ensure the saving of storage space and the privacy protection of user data. At the same time, through efficient retrieval and data backup strategies, fast access and security of data are guaranteed.

[0017] In a second aspect, the embodiment of the present application provides a dynamic website management system, which includes: an intelligent identification module, a modification identification module and a comparison module. The intelligent identification module is used to determine the configurable attributes of the corresponding component elements of the original dynamic content according to the original dynamic content in the dynamic website; the modification identification module is used to update the original dynamic content based on the target configurable attributes modified in the configurable attributes, and obtain the updated dynamic content and the modification operation record; wherein the configurable attributes are determined by monitoring the operation control; the comparison module is used to compare the original dynamic content and the updated dynamic content in combination with the modification operation record to generate the review result.

[0018] In a third aspect, an embodiment of the present application provides an electronic device, comprising a memory and a processor, wherein the memory stores program instructions, and when the processor reads and runs the program instructions, it executes the steps in any implementation of the above-mentioned dynamic website management method.

[0019] In a fourth aspect, an embodiment of the present application further provides a computer-readable storage medium, wherein the computer program instructions are stored in the computer-readable storage medium. When the computer program instructions are read and executed by a processor, the steps in any implementation of the above-mentioned dynamic website management method are executed.

[0020] In a fifth aspect, an embodiment of the present application further provides a computer program product, which includes a computer program / instructions. When the computer program / instructions are executed by a processor, the steps in any implementation of the above-mentioned dynamic website management method are executed. BRIEF DESCRIPTION OF THE DRAWINGS

[0021] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required for use in the embodiments of the present application will be briefly introduced below. It should be understood that the following drawings only show certain embodiments of the present application and therefore should not be regarded as limiting the scope. For ordinary technicians in this field, other related drawings can be obtained based on these drawings without paying creative work.

[0022] Figure 1 A dynamic website management method provided in an embodiment of the present application;

[0023] Figure 2 A flow chart for generating configurable items provided in an embodiment of the present application;

[0024] Figure 3 A flowchart of modification comparison provided for an embodiment of the present application;

[0025] Figure 4 A flowchart showing the differences of the embodiments of the present application;

[0026] Figure 5 A schematic diagram of a dynamic website management system provided in an embodiment of the present application;

[0027] Figure 6 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0028] The technical solutions in the embodiments of the present application will be described below in conjunction with the accompanying drawings in the embodiments of the present application. For example, the flowcharts and block diagrams in the accompanying drawings show the possible architectures, functions and operations of the systems, methods and computer program products according to multiple embodiments of the present invention. In this regard, each box in the flowchart or block diagram may represent a module, a program segment or a part of a code, and the module, a program segment or a part of a code contains one or more executable instructions for implementing the specified logical functions. It should also be noted that in some alternative implementations, the functions marked in the box may also occur in an order different from that marked in the accompanying drawings. For example, two consecutive boxes can actually be executed substantially in parallel, and they may sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram and / or the flowchart, and the combination of boxes in the block diagram and / or the flowchart, can be implemented by a dedicated hardware-based system that performs a specified function or action, or can be implemented by a combination of dedicated hardware and computer instructions. In addition, the functional modules in the various embodiments of the present invention can be integrated together to form an independent part, or each module can exist separately, or two or more modules can be integrated to form an independent part.

[0029] Dynamic websites are different from traditional static websites. The content of dynamic websites often depends on factors such as background databases, user input, and real-time data streams. These contents are not simply embedded in the source code of the web page, but are dynamically loaded or generated when users visit. The existing technology for extracting and reviewing dynamic content in dynamic websites usually requires manual re-drawing and analysis, which is cumbersome and inefficient.

[0030] First, many existing website design and review tools, such as Sketch, Axure RP, Webflow, etc., can effectively create, design and demonstrate websites, but most of them are limited to static content or rely on specific file formats and cannot directly handle dynamically generated content, especially when it comes to real-time data, interactive animations, or dynamic charts drawn by Canvas.

[0031] Secondly, for dynamic charts or interactive content presented in the Canvas element, traditional tools cannot directly extract and modify these contents. Instead, they need to rely on source code for modification or indirectly process them through image editing software such as Canva, which increases the complexity of editing and prolongs the review time.

[0032] Therefore, the existing technology is unable to provide tools to instantly modify dynamic content on existing Canvas websites, support WYSIWYG effects, and generate review reports, making the acquisition, analysis, and modification of dynamic content a cumbersome and inefficient task, which seriously affects the progress and effectiveness of the review.

[0033] Based on this, the present application proposes a dynamic website management method, electronic device and computer-readable storage medium. The website management method can modify the polarity of dynamic content in real time according to the reviewer's suggestions, achieve a WYSIWYG effect, improve review efficiency and reduce review time.

[0034] Please see Figure 1 , Figure 1 A dynamic website management method is provided in the embodiment of the present application; The present application provides a dynamic website management method, which can be Figure 6 The dynamic website management method comprises the following steps:

[0035] Step S100: original dynamic content in a dynamic website, determining configurable attributes of corresponding constituent elements of the original dynamic content.

[0036] In the above step S100, the configurable attributes of the corresponding constituent elements of the original dynamic content in the dynamic website are determined. Through Canvas decompilation, a configurable attribute recognition model based on deep learning is developed, and the charts, texts and animation elements in Canvas can be automatically recognized and extracted based on the configurable attribute recognition algorithm. The configurable attributes of these charts, texts and animations are parsed and provided to the user for configuration and modification.

[0037] In the above process, Canvas decompilation is done because the Canvas element itself is drawn by JavaScript scripts and does not directly store graphic files or image content, but is dynamically rendered in the browser. Therefore, traditional static web page content extraction methods are not applicable to data in Canvas. The goal of Canvas decompilation is to "reverse engineer" the dynamically generated content and convert it into structured information that can be understood and operated, so as to modify and configure elements such as charts, texts, and animations.

[0038] Step S200: based on the modified target configurable attribute in the configurable attributes, the original dynamic content is updated to obtain the updated dynamic content and the modification operation record.

[0039] Among them, the configurable properties are determined by monitoring the operation controls.

[0040] In the above step S200, the original dynamic content is updated based on the modified target configurable attribute in the configurable attribute to obtain the updated dynamic content and the relevant operation records of the whole process. The configurable attributes (including but not limited to color, shape, special effects, size, position, font, data, etc.) of each chart, text, animation and other elements in the Canvas have been identified and extracted through the above step S100.

[0041] By monitoring the operation control, we can determine what the operator wants to modify and the configuration properties that the operator has modified. For example, during the review process, the reviewer can directly click on the chart, text or animation element that needs to be modified. The operation control will capture these click operations in real time, thereby determining the content of the click and automatically displaying the configurable items corresponding to the element (such as color, font, data, etc.) for the reviewer to further modify. After the reviewer clicks, the relevant configurable properties will be automatically displayed on the interface, and the user can make detailed modifications to the target properties in this interface. For example, if it is a chart element, the operator may modify the icon type; if it is a text element, the font, size or color may be modified.

[0042] Once the operator modifies the target configurable property, the modified configuration is updated to the corresponding dynamic content. The original dynamic content refers to the charts, texts, and animations originally presented in the Canvas, which are dynamically generated through JavaScript and the Canvas API. Then, by calling the Canvas API and using the new parameters (the modified target configurable property), the corresponding elements are redrawn or re-rendered to obtain the updated dynamic content.

[0043] While updating, the dynamic website management method provided in the embodiment of the present application will also generate a modification record operation record. By way of example, the modification operation record may include information such as the modified target attribute, the modified specific value, the modified time and the operator. The operation record can be used for subsequent review, report generation and backtracking.

[0044] Step S300: combining the modification operation record, comparing the original dynamic content and the updated dynamic content, and generating a review result.

[0045] In the above step S300, the review results are generated by comparing the dynamic content before and after the modification and combining the operation records. This helps to accurately evaluate the effectiveness, rationality and standardization of the modification and generate a detailed review report, thereby providing an important basis for subsequent optimization and decision-making. At the same time, the automation of this process also significantly improves the review efficiency, reduces the manual workload, and makes the review of dynamic content more efficient and systematic.

[0046] pass Figure 1It can be seen that the dynamic website management method provided by the embodiment of the present application analyzes the configurable attributes in dynamic content such as charts, texts, animations, etc., provides the configurable attributes to the user for modification and configuration, and can compare the differences between the dynamic content before and after the modification, and can also generate a review report. In other words, the dynamic website management method provided by the embodiment of the present application can provide different editable attributes for users to edit, can realize real-time modification of dynamic content, and reviewers or developers can perform design reviews, content adjustments and corrections more efficiently; greatly improve the review efficiency, development efficiency, reduce the error rate, and enhance the transparency and traceability of the review.

[0047] Please see Figure 2 , Figure 2 A flow chart for generating configurable items provided in an embodiment of the present application; in an optional embodiment, the above step S100 determines the configurable attributes of the original dynamic content in the dynamic website and the corresponding component elements of the original dynamic content, which can be implemented by a configurable attribute recognition model, and the work of the model includes the following contents:

[0048] Step S110: parsing the original dynamic content to determine the component elements corresponding to the original dynamic content and the original configurable attributes of the component elements.

[0049] In the above step S110, the original dynamic content is parsed to determine the constituent elements corresponding to the original dynamic content and the original configurable attributes of the constituent elements. The elements in the original dynamic content may be dynamic elements such as charts, texts, animations, etc. extracted from the original Canvas, and the corresponding configurable attributes may be modifiable attributes, such as chart type, color, size, position, data value, font, etc.

[0050] Step S120: Perform semantic analysis on the constituent elements to obtain semantic analysis results.

[0051] Step S130: Based on the original configurable attributes and the semantic analysis result, the element attributes of the constituent elements are enhanced to determine the configurable attributes.

[0052] In the above steps S120-S130, semantic analysis is performed on the constituent elements to obtain semantic analysis results; semantic analysis is a process of in-depth understanding of the constituent elements corresponding to the dynamic content, and associates the attributes of each element with its actual meaning and context.

[0053] By combining the semantic analysis results with the original configurable properties, the properties of the elements are further improved and refined. The enhanced configurable properties not only include the original properties (such as color, size, data, etc.), but also add higher-level semantic information, making these properties richer, smarter and easier to operate.

[0054] For example, the Canvas page displays a bar chart of the monthly asset usage rate. Based on semantic analysis, different line charts or pie charts can be provided to display the usage rates of different dimensions of the monthly assets.

[0055] Optionally, an embodiment of the present application also provides a model training method for a configurable attribute recognition model.

[0056] First, a large amount of image data drawn by Canvas needs to be prepared. These data sources include manually drawn Canvas and Canvas content generated by automated tools (such as Selenium and Puppeteer). To ensure data diversity and coverage, the steps of data preparation include:

[0057] Data collection: Collect Canvas images containing various charts (such as pie charts, bar charts, line charts, etc.), text and animation elements.

[0058] Preprocessing: Unify the format of the image, perform image resizing, pixel value normalization, and color depth processing. The specific steps include: Image resizing: Use an image processing library (such as PIL or OpenCV) to resize the image to ensure the consistency of the input data. Pixel value normalization: Scale the pixel values ​​to the range of [0,1] or [0,255] to facilitate processing by the neural network. Color depth processing: Unify the color space of the image (such as RGB, HSV, etc.) to ensure that the image has a consistent color depth.

[0059] For different elements in Canvas (such as charts, text, and animation elements), select appropriate deep learning models for training. You can use Transformer models, such as BERT, to extract semantic information from Canvas content, especially in text and context analysis. Alternatively, convolutional neural networks (CNNs), such as VGG or ResNet, are used to handle image recognition tasks, especially in the recognition of charts and graphics.

[0060] Furthermore, element recognition and attribute extraction are performed. Use target detection models such as Faster R-CNN or YOLOv3 to identify chart elements in Canvas, such as pie charts, bar charts, line charts, etc. Use OCR technology (optical character recognition) to convert text content in Canvas into machine-readable characters. Use the SIFT (Scale-Invariant Feature Transform) algorithm to detect local features in the image and extract key points and descriptors of the animation. In this process, combining recurrent neural networks (RNN) and long short-term memory networks (LSTM) can effectively capture the temporal dynamic features in the animation and help identify animation elements and their changes.

[0061] Based on the identified features, a classifier is trained to identify the specific attributes of each element (such as color, shape, special effects, etc.). The fully connected layer can be used to classify the attributes and map the extracted features to different attribute categories. Transformer models such as BERT are used for contextual analysis to extract the relationships and attributes between elements. For example, BERT's bidirectional encoding capability helps to extract semantic information from text and images. Through the contextual analysis of the Canvas content, the function and role of the elements can be understood, thereby providing richer and more intelligent configurable attributes.

[0062] Furthermore, the identified elements and their attributes are combined with the context analysis results to enhance the attributes of the elements and provide rich configuration options. The extracted attributes and enhanced configuration are applied to the actual Canvas elements to achieve dynamic adjustment and optimization.

[0063] Further, the model is trained and optimized. Deep learning libraries such as DeepRule can be used, which can accurately detect graphic components in images by compiling custom Corner Pooling layers and NMS codes. The model is trained using annotated training data sets, and the model parameters and structure are adjusted using validation sets to optimize model performance. Various regularization techniques and data enhancement strategies are used to improve the generalization ability of the model.

[0064] After the model training is completed, it enters the actual application stage. New Canvas image data can be continuously collected, and the model can be continuously optimized through online learning and incremental training. The model can be adjusted based on the new data to improve recognition accuracy and robustness.

[0065] pass Figure 2 It can be seen that the dynamic website management method provided in the embodiment of the present application performs in-depth analysis based on the content of the dynamic website, understands the elements through semantic analysis, and enhances the contextual information of the elements; thereby enriching and optimizing the configurable attributes, making the modification operation more flexible and accurate, and achieving more efficient review.

[0066] Please see Figure 3 , Figure 3 A flowchart of modification comparison provided in an embodiment of the present application; in an optional embodiment, the above step S300 combines the modification operation record, compares the original dynamic content and the updated dynamic content, and generates a review result, including:

[0067] Step S310: Based on the original dynamic content and the updated dynamic content, determine the visual similarity and difference between the original dynamic content and the updated dynamic content.

[0068] In the above step S310 , the visual similarity and difference between the original dynamic content and the updated dynamic content are determined based on the original dynamic content and the updated content.

[0069] Optionally, the visual similarity can be determined by: generating original features for extracting original dynamic content, and updated features for updating dynamic content; wherein both the original features and the updated features include key points, edge information, and color histogram information; and determining the visual similarity between the original dynamic content and the updated dynamic content based on the original features and the updated features.

[0070] Exemplarily, key features such as key points, edge information, and color histogram information are extracted from Canvas. For key point detection, algorithms such as SIFT, SURF, or ORB are used to extract key feature points in the image, identify salient points in the image, and generate descriptors for these points. For edge detection, methods such as Canny edge detection can be used to obtain edge information of the image. The color histogram of each image is calculated to compare color distribution and identify areas of color change in the image.

[0071] Furthermore, the extracted features are used to calculate the visual similarity between the Canvas contents, and to identify small differences in color by comparing the RGB values ​​of corresponding pixels in the two images.

[0072] The structural similarity index (SSIM) between the original dynamic content and the updated dynamic content is examined. SSIM is a measure of the visual similarity between two images, which takes into account the brightness, contrast, and structural information of the image. The value of SSIM ranges from 0 to 1, and the closer the value is to 1, the more similar the two images are.

[0073] Cosine similarity can also be calculated. First, the original features and updated features (such as descriptors) mentioned above are vectorized to form feature vectors. Then the cosine similarity between the two feature vectors is calculated to evaluate the similarity between them. The value range of cosine similarity is between -1 and 1. The closer the value is to 1, the more similar the vectors are.

[0074] Optionally, the difference can be determined by:

[0075] Based on the original dynamic content and the updated dynamic content, a difference map is determined. First, the difference between the corresponding pixels of the two images is calculated, usually using the absolute difference method, to obtain the difference map. Second, a threshold is applied to the difference map to distinguish significant differences from noise. Finally, the difference map is converted into a binary image for subsequent processing.

[0076] The difference map is subjected to contour analysis to obtain the difference region. Specifically, the Canny edge detection algorithm is used to extract the edges in the binary difference map; the edges are tracked to extract closed contours or regions, which represent the difference parts in the image; and the extracted contours are analyzed to determine whether they represent significant difference regions.

[0077] Analyze the difference areas and obtain the difference situation. Specifically, first count the number and size of the difference areas to evaluate the degree of change. Secondly, evaluate the significance of the change based on the number and size of the difference areas. You can set a threshold to determine which differences are important. Finally, combine the context information of the image to analyze the semantic meaning of the difference. For example, a difference of one pixel may be important in the text area, but not so important in the background.

[0078] Step S320: In combination with the modification operation record, based on the visual similarity and the difference, a review result including updated dynamic content with prominent differences and a review report is generated.

[0079] In the above step S320, the review result including the updated dynamic content with prominent differences and the review report is generated in combination with the modification operation record, the visual similarity and the difference.

[0080] In addition, the review report includes a detailed description of the differences, screenshots of the difference areas, and any relevant operation record comparison results and summary review results.

[0081] Exemplarily, different colors are used to fill the difference area, so that the difference area stands out from other areas, which is convenient for users to identify. Exemplarily, colored lines are used to draw the edge of the difference area, which is convenient for users to identify.

[0082] pass Figure 3 It can be seen that the dynamic website management method provided in the embodiment of the present application can identify the changes between the modified content and the original content by comparing the visual similarities and differences between the original dynamic content and the updated dynamic content. Combined with the modification operation record, a comprehensive review report is generated, in which the difference part is highlighted to ensure that the reviewer can quickly identify the modified content; thus, the rationality and standardization of the modification can be evaluated, providing comprehensive and objective feedback for the design team, developers and reviewers; the generation of the review report further improves work efficiency and facilitates subsequent backtracking and analysis.

[0083] Please see Figure 4 , Figure 4A flowchart for realizing difference highlighting provided in an embodiment of the present application; in an optional embodiment, the above step S320 is combined with the modification operation record, and the review results including the updated dynamic content with difference highlighting and the review report are generated according to the visual similarity and the difference situation, which can be realized by the following steps:

[0084] Step S321: Determine the changed content according to the visual similarity and difference.

[0085] Step S322: Verify whether the changed content is consistent with the modification operation record.

[0086] Step S323: When the changed content is consistent with the modification operation record, a difference highlighting operation is performed on the difference area.

[0087] In the above implementation process, the difference obtained according to the above steps is fused and compared with the painting path in the modification operation record; for example, if the color contrast obtained has changed, it is verified whether there is an operation to modify the color in the modification operation record; if there is a color modification, it means that the comparison verification is successful; if there is no color modification in the modification operation record, the specific reason is analyzed and the difference detection is performed again.

[0088] Based on the results of visual similarity and difference, mark the differences between the Canvas content (the original dynamic content and the updated dynamic content). Exemplarily, a colored border is drawn on the difference area. A semi-transparent overlay is used to highlight the difference area; or, a different color is used to fill the difference area for easy user identification.

[0089] pass Figure 4 It can be seen that the dynamic website management method provided in the embodiment of the present application determines the changed content through the visual similarities and differences between the original dynamic content and the updated dynamic content; and when these contents are consistent with the modification operation record, the areas where there are differences, that is, the modified areas, are highlighted, which is conducive to the design team, developers and reviewers to quickly capture the modified parts.

[0090] In an optional embodiment, the dynamic website management method provided in the embodiment of the present application stores the modification operation record and the review result. Since the Canvas content on the website is essentially a bitmap, it is stored in an image file format, such as PNG.

[0091] While designing the data model to ensure efficient retrieval and management of data, a relational database is designed to store metadata of Canvas content, such as creation time, modification time, author, attributes, category, content description, etc. These metadata can help users manage and retrieve Canvas content. Secondly, in order to save storage space and improve transmission efficiency, Canvas content is compressed. At the same time, sensitive data is encrypted to protect user privacy and data security.

[0092] It can be seen that the embodiments of the present application can efficiently and securely store Canvas content and its metadata by designing a reasonable data model and combining image compression and secure encryption technology. Compression technology and encryption measures can also be combined to ensure the saving of storage space and the privacy protection of user data. At the same time, through efficient retrieval and data backup strategies, fast access and security of data are guaranteed.

[0093] Please see Figure 5 , Figure 5 A schematic diagram of a dynamic website management system provided in an embodiment of the present application; the present application provides a dynamic website management system, which includes an intelligent identification module, a modification identification module, a storage module and a comparison module.

[0094] The intelligent recognition module is used to parse and identify the Canvas content and extract different feature attributes for modification and recognition module calls.

[0095] The modification recognition module is user-oriented and can recognize the user's operations on the operation interface and modify the corresponding Canvas chart.

[0096] The storage module is used to store raw data, feature attributes, operation steps and other data required.

[0097] The comparison module mainly analyzes and compares different Canvases generated by operations, marks the differences, and provides review reports as needed.

[0098] Based on the interaction among the intelligent identification module, the modification identification module, the storage module and the comparison module, the Canvas of the existing website is parsed and extracted, different editing properties are provided for users to edit, and comparison files are provided based on the modification records to generate a review meeting report.

[0099] Exemplarily, after the Canvas page is developed, when design, development, testing, and after-sales participate in the review together, the dynamic website management system provided by the embodiment of the present application can be used for narration and review. The user opens the website address using this tool. After the page is loaded, it can be set to full screen for meeting review. During the review, if modifications need to be made, you can directly click to operate. The right side will judge the content clicked and automatically display the configurable items for the user to make rich modifications. At the end of the review, you can click Compare to view the corresponding steps and the final results to produce a difference comparison, and intuitively mark the differences on the Canvas. After the review, a detailed report can be exported for the summary of the meeting and for archiving for subsequent development and modification.

[0100] In an optional embodiment, the intelligent recognition module is specifically used to: parse the original dynamic content, determine the component elements corresponding to the original dynamic content and the original configurable properties of the component elements; perform semantic analysis on the component elements to obtain semantic analysis results; based on the original configurable properties and based on the semantic analysis results, enhance the element properties of the component elements and determine the configurable properties.

[0101] In an optional embodiment, the comparison module is specifically used to: determine the visual similarities and differences between the original dynamic content and the updated dynamic content based on the original dynamic content and the updated dynamic content; and generate a review result including updated dynamic content with prominent differences and a review report based on the visual similarities and differences in combination with the modification operation records.

[0102] See also Figure 6 , Figure 6 The electronic device 200 provided in the embodiment of the present application includes: a processor 201 and a memory 202, wherein the memory 202 stores machine-readable instructions executable by the processor 201, and when the machine-readable instructions are executed by the processor 201, the above method is executed.

[0103] Based on the same inventive concept, an embodiment of the present application also provides a computer-readable storage medium, in which computer program instructions are stored. When the computer program instructions are read and executed by a processor, the steps in any implementation method of the above-mentioned dynamic website management method are executed.

[0104] Based on the same inventive concept, an embodiment of the present application further provides a computer program product, which includes a computer program / instruction, and the computer program / instruction is executed by a processor to perform the steps in any implementation of the above-mentioned dynamic website management method.

[0105] The computer-readable storage medium may be a random access memory (RAM), a read-only memory (ROM), a programmable read-only memory (PROM), an erasable programmable read-only memory (EPROM), an electrically erasable programmable read-only memory (EEPROM), or any other medium that can store program code.

[0106] In this article, relational terms such as first and second, etc. are used only to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the statement "include..." do not exclude the presence of other identical elements in the process, method, article or device including the elements.

[0107] The above description is only an embodiment of the present application and is not intended to limit the protection scope of the present application. For those skilled in the art, the present application may have various modifications and variations. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application shall be included in the protection scope of the present application.

Claims

1. A dynamic website management method, characterized in that: The method comprises: Determining, according to the original dynamic content in the dynamic website, configurable properties of the component elements corresponding to the original dynamic content; Based on the modified target configurable attribute among the configurable attributes, the original dynamic content is updated to obtain the updated dynamic content and the modification operation record; wherein the configurable attribute is determined by monitoring the operation control; In combination with the modification operation record, the original dynamic content and the updated dynamic content are compared to generate a review result.

2. The method according to claim 1, characterized in that The step of determining, based on the original dynamic content in the dynamic website, the configurable attributes of the component elements corresponding to the original dynamic content includes: Parsing the original dynamic content to determine the component elements corresponding to the original dynamic content and the original configurable attributes of the component elements; Performing semantic analysis on the component elements to obtain semantic analysis results; On the basis of the original configurable attributes and based on the semantic analysis result, the element attributes of the constituent elements are enhanced to determine the configurable attributes.

3. The method according to claim 1, characterized in that: The step of combining the modification operation record, comparing the original dynamic content and the updated dynamic content, and generating a review result includes: Based on the original dynamic content and the updated dynamic content, determining visual similarities and differences between the original dynamic content and the updated dynamic content; In combination with the modification operation record, based on the visual similarity and the difference, a review result including updated dynamic content with highlighted differences and a review report is generated.

4. The method according to claim 3, characterized in that The determining, based on the original dynamic content and the updated dynamic content, the visual similarity and difference between the original dynamic content and the updated dynamic content includes: Generating original features for extracting the original dynamic content and updated features for the updated dynamic content; wherein the original features and updated features both include key points, edge information, and color histogram information; A visual similarity between the original dynamic content and the updated dynamic content is determined based on the original features and the updated features.

5. The method according to claim 3, characterized in that: The determining, based on the original dynamic content and the updated dynamic content, the visual similarity and difference between the original dynamic content and the updated dynamic content includes: Determining a difference map according to the original dynamic content and the updated dynamic content; Performing contour analysis on the difference map to obtain a difference area; The difference area is analyzed to obtain the difference situation.

6. The method according to claim 5, characterized in that The step of combining the modification operation record and generating the review result including the updated dynamic content with prominent differences and the review report according to the visual similarity and the difference includes: Determining the changed content according to the visual similarity and the difference; Verifying whether the changed content is consistent with the modification operation record; When the changed content is consistent with the modification operation record, a difference highlighting operation is performed on the difference area.

7. The method according to any one of claims 1 to 6, characterized in that: The method further includes storing the modification operation record and the review result.

8. An electronic device, characterized in that: The electronic device comprises a memory and a processor, wherein the memory stores program instructions, and when the processor runs the program instructions, the steps in the method according to any one of claims 1 to 7 are executed.

9. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer program instructions, and when the computer program instructions are executed by a processor, the steps in the method according to any one of claims 1 to 7 are executed.

10. A computer program product, characterized in that The computer program product comprises a computer program / instruction, which implements the steps of the method according to any one of claims 1 to 7 when executed by a processor.

Images