CN118069949B - Dynamic layout method and system based on component tree architecture - Google Patents
Dynamic layout method and system based on component tree architecture Download PDFInfo
- Publication number
- CN118069949B CN118069949B CN202410457957.2A CN202410457957A CN118069949B CN 118069949 B CN118069949 B CN 118069949B CN 202410457957 A CN202410457957 A CN 202410457957A CN 118069949 B CN118069949 B CN 118069949B
- Authority
- CN
- China
- Prior art keywords
- component
- page
- tree
- abnormal
- webpage
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 75
- 230000002159 abnormal effect Effects 0.000 claims abstract description 221
- 230000008569 process Effects 0.000 claims abstract description 55
- 238000013461 design Methods 0.000 claims abstract description 44
- 238000012545 processing Methods 0.000 claims abstract description 43
- 230000000007 visual effect Effects 0.000 claims abstract description 43
- 230000003993 interaction Effects 0.000 claims abstract description 32
- 238000012938 design process Methods 0.000 claims description 81
- 230000008859 change Effects 0.000 claims description 19
- 238000012360 testing method Methods 0.000 claims description 18
- 238000012937 correction Methods 0.000 claims description 15
- 238000012544 monitoring process Methods 0.000 claims description 8
- 230000007547 defect Effects 0.000 description 3
- 238000010586 diagram Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000002411 adverse Effects 0.000 description 1
- 230000004075 alteration Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
Landscapes
- Document Processing Apparatus (AREA)
Abstract
The invention relates to the technical field of computers, and provides a dynamic layout method and a system based on a component tree architecture, which are used for identifying a page component tree of a webpage in a design state, reading and processing component information to obtain a component attribute list, generating component layout characteristic information of the page component tree, and facilitating the comprehensive identification of abnormal components of the webpage; determining an abnormal code contained in the abnormal component, and correcting the abnormal code by combining the interaction state between the abnormal component and the corresponding associated page component, so as to ensure the correctness of the component code; judging whether the page component tree is in a framework complete state, providing a complete and accurate component tree for the design of the webpage, changing the visual state of the page component based on the attribute information of the browsing end of the platform to which the webpage is to be loaded, uploading the page loading task corresponding to the page component tree to the page loading process corresponding to the browsing end, and ensuring the dynamic layout flexibility of the framework of the component tree and the accuracy of page editing.
Description
Technical Field
The invention relates to the technical field of computers, in particular to a dynamic layout method and a system based on a component tree architecture.
Background
The interface of the web browser of the terminal such as the smart phone or the PC comprises component elements for realizing different functions of web browsing, and when a user operates the different component elements on the interface, different web browsing functions can be realized. In order to enable a user to conveniently and quickly operate the interface of the web browser in a diversified manner, a corresponding component tree is formed in the process of designing the interface of the web browser, and the accurate dynamic layout editing can be performed on the interface of the web browser by performing framework adjustment on the component tree, but correction processing on a code layer cannot be performed on the corresponding component in the actual framework adjustment process of the component tree, so that adverse effects are generated on the stability of the framework of the component tree, and the accuracy and reliability of the interface editing are reduced.
Disclosure of Invention
Aiming at the defects existing in the prior art, the invention provides a dynamic layout method and a system based on a component tree architecture, which are used for identifying a page component tree of a webpage in a design state, reading and processing component information to obtain a component attribute list, so as to generate component layout characteristic information of the page component tree, and facilitate accurate and comprehensive identification of abnormal components of the webpage; determining an abnormal code contained in the abnormal component, and correcting the abnormal code by combining the interaction state between the abnormal component and the corresponding associated page component, so as to ensure the correctness of the component code; reloading the corrected abnormal codes in a code interval corresponding to the page component tree and judging whether the page component tree is in a framework complete state based on the execution progress of the design process of the webpage, and providing a complete and accurate component tree for the design of the webpage; when the page component tree is in a framework complete state, based on the browsing end attribute information of a platform to which the webpage is required to be loaded, visual state change processing of the page component is compatible with component display capability of the browsing end, and a page loading task corresponding to the page component tree is uploaded to a page loading process corresponding to the browsing end, so that dynamic layout flexibility of the component tree framework and page editing accuracy are ensured.
The invention provides a dynamic layout method based on a component tree architecture, which comprises the following steps:
Step S1, identifying a webpage in a design state to obtain a corresponding webpage component tree, and reading component information of the webpage component tree to obtain a component attribute list of the webpage component tree; identifying the component attribute list to obtain component layout characteristic information of the page component tree;
Step S2, identifying abnormal components existing in the current design process of the webpage based on the component layout characteristic information; determining an abnormal code contained in the abnormal component based on an operation log of the abnormal component in a test link of a current design process, and correcting the abnormal code based on interaction states between the abnormal component and all associated page components in the page component tree;
step S3, reloading the corrected abnormal code into the code section corresponding to the page component tree based on the position information of the abnormal component in the page component tree; judging whether the page component tree is in a framework complete state or not based on the execution progress of the design process of the webpage;
Step S4, when the page component tree is in a framework complete state, visual state change processing is carried out on the page component subordinate to the corresponding page component on the basis of the browsing end attribute information of the platform to which the webpage needs to be loaded; and uploading the page loading task corresponding to the page component tree to the page loading process corresponding to the browsing end based on the page loading log of the browsing end of the platform.
In one embodiment of the disclosure, in the step S1, a web page in a design state is identified to obtain a corresponding page component tree, and component information reading processing is performed on the page component tree to obtain a component attribute list of the page component tree; identifying the component attribute list to obtain component layout characteristic information of the page component tree, wherein the component layout characteristic information comprises the following steps:
Monitoring an editing end corresponding to a webpage in a design state to obtain page component editing logs corresponding to all design processes of the webpage corresponding to the editing end; analyzing the page component editing log to obtain all page components called by the webpage in the whole design process;
based on the running triggering relation of all the called page components on the webpage, generating a corresponding page component tree, and reading component type information of the page component tree to obtain a component attribute list corresponding to all the page components contained in the page component tree;
and identifying the component operation flow layout of all page components in the component attribute list in the operation process of the webpage to obtain component layout characteristic information of the webpage component tree.
In one embodiment of the present disclosure, in the step S2, an abnormal component existing in the current design process of the web page is identified based on the component layout feature information; determining an abnormal code contained in the abnormal component based on an operation log of the abnormal component in a test link of a current design process, and correcting the abnormal code based on interaction states between the abnormal component and all associated page components in the page component tree, wherein the method comprises the following steps:
based on the component layout characteristic information, identifying a page component with an operation incompatibility event in the component operation flow, and taking the page component as an abnormal component of the webpage in the current design process;
analyzing the operation log of the abnormal component in the test link of the current design process to obtain the respective operation memory occupation quantity of all component codes subordinate to the abnormal component, and determining the component codes with the operation memory occupation quantity exceeding a preset occupation quantity threshold value as abnormal codes;
And acquiring instruction stream interaction state information between the abnormal component and all the associated page components in the page component tree, and determining code fields which conflict with an instruction stream in the abnormal code based on the instruction stream interaction state information so as to correct and edit the code fields, thereby correcting the abnormal code.
In one embodiment of the present disclosure, in the step S3, based on the location information of the exception component in the internal architecture of the page component tree, reloading the corrected exception code into the code section corresponding to the page component tree; based on the execution progress of the design process of the webpage, judging whether the webpage component tree is in a framework complete state or not comprises the following steps:
Determining the code positions of all component codes subordinate to the abnormal component in the page component tree based on the position information of the abnormal component in the page component tree, comparing the corrected abnormal code with all component codes corresponding to the code positions, and reloading the corrected abnormal code in a code interval corresponding to the page component tree;
Comparing the execution progress of the completed design process of the webpage with a preset design flow, and if the execution progress of the completed design process of the webpage is consistent with the preset design flow, judging that the webpage component tree is in a framework complete state; if the two are inconsistent, judging that the page component tree is not in the framework complete state.
In the embodiment of the disclosure, in the step S4, when the page component tree is in a complete architecture state, visual state change processing is performed on a page component subordinate to the page component tree based on browsing end attribute information of a platform to which the web page needs to be loaded; and uploading the page loading task corresponding to the page component tree to the page loading process corresponding to the browsing end based on the page loading log of the browsing end of the platform, wherein the method comprises the following steps:
When the page component tree is in a framework complete state, based on the graphic display compatible attribute information of the browsing end of the platform to which the webpage is required to be loaded, identifying all page components subordinate to the page component tree, identifying page components which are not compatible with the display of the browsing end of the platform, and then performing visual state change processing on all page components which are not compatible with the display of the browsing end of the platform, so that all page components which are not compatible with the display of the browsing end of the platform are switched to a visual hiding state;
Analyzing a page loading log of a browsing end of the platform to obtain a page loading process which can provide matched loading operation resources for a page loading task corresponding to the page component tree by the browsing end of the platform, and uploading the page loading task corresponding to the page component tree to the page loading process.
The invention also provides a dynamic layout system based on the component tree architecture, which comprises:
The component tree acquisition and identification module is used for identifying the webpage in the design state to obtain a corresponding webpage component tree, and reading and processing component information of the webpage component tree to obtain a component attribute list of the webpage component tree;
The component layout feature recognition module is used for recognizing the component attribute list to obtain component layout feature information of the page component tree;
The abnormal component identification module is used for identifying abnormal components existing in the current design process of the webpage based on the component layout characteristic information;
The abnormal code correction module is used for determining abnormal codes contained in the abnormal components based on the operation log of the abnormal components in the test link of the current design process, and correcting the abnormal codes based on the interaction states between the abnormal components and all the associated page components in the page component tree;
the code loading module is used for reloading the corrected abnormal code into the code interval corresponding to the page component tree based on the position information of the abnormal component in the page component tree;
The component tree architecture identification module is used for judging whether the page component tree is in an architecture complete state or not based on the execution progress of the design process of the webpage;
The component visual state changing module is used for carrying out visual state changing processing on the page component subordinate to the corresponding page component based on the browsing end attribute information of the platform to which the webpage needs to be loaded when the page component tree is in the architecture complete state;
and the page loading module is used for uploading the page loading task corresponding to the page component tree to the page loading process corresponding to the browsing end based on the page loading log of the browsing end of the platform.
In one embodiment of the present disclosure, the component tree obtaining and identifying module is configured to identify a web page in a design state to obtain a corresponding page component tree, and perform component information reading processing on the page component tree to obtain a component attribute list of the page component tree, where the component attribute list includes:
Monitoring an editing end corresponding to a webpage in a design state to obtain page component editing logs corresponding to all design processes of the webpage corresponding to the editing end; analyzing the page component editing log to obtain all page components called by the webpage in the whole design process;
based on the running triggering relation of all the called page components on the webpage, generating a corresponding page component tree, and reading component type information of the page component tree to obtain a component attribute list corresponding to all the page components contained in the page component tree;
the component layout feature recognition module is configured to recognize the component attribute list to obtain component layout feature information of the page component tree, and includes:
and identifying the component operation flow layout of all page components in the component attribute list in the operation process of the webpage to obtain component layout characteristic information of the webpage component tree.
In one embodiment of the disclosure, the abnormal component identifying module is configured to identify, based on the component layout feature information, an abnormal component existing in the current design process on the web page, and includes:
based on the component layout characteristic information, identifying a page component with an operation incompatibility event in the component operation flow, and taking the page component as an abnormal component of the webpage in the current design process;
the abnormal code correction module is configured to determine, based on an operation log of the abnormal component in a test link of a current design process, an abnormal code included in the abnormal component, and correct the abnormal code based on an interaction state between the abnormal component and all associated page components in the page component tree, where the abnormal code correction module includes:
analyzing the operation log of the abnormal component in the test link of the current design process to obtain the respective operation memory occupation quantity of all component codes subordinate to the abnormal component, and determining the component codes with the operation memory occupation quantity exceeding a preset occupation quantity threshold value as abnormal codes;
And acquiring instruction stream interaction state information between the abnormal component and all the associated page components in the page component tree, and determining code fields which conflict with an instruction stream in the abnormal code based on the instruction stream interaction state information so as to correct and edit the code fields, thereby correcting the abnormal code.
In one embodiment of the present disclosure, the code loading module is configured to reload, based on location information of the exception component in the internal architecture of the page component tree, the corrected exception code into a code section corresponding to the page component tree, where the code loading module includes:
Determining the code positions of all component codes subordinate to the abnormal component in the page component tree based on the position information of the abnormal component in the page component tree, comparing the corrected abnormal code with all component codes corresponding to the code positions, and reloading the corrected abnormal code in a code interval corresponding to the page component tree;
The component tree architecture identification module is configured to determine, based on a design process execution progress of the web page, whether the page component tree is in an architecture complete state, and includes:
Comparing the execution progress of the completed design process of the webpage with a preset design flow, and if the execution progress of the completed design process of the webpage is consistent with the preset design flow, judging that the webpage component tree is in a framework complete state; if the two are inconsistent, judging that the page component tree is not in the framework complete state.
In one embodiment of the disclosure, the module visual state changing module is configured to perform visual state changing processing on a page component subordinate to a corresponding page module of the page component tree based on browsing end attribute information of a platform to which the web page needs to be loaded when the page component tree is in a complete architecture state, where the visual state changing module includes:
When the page component tree is in a framework complete state, based on the graphic display compatible attribute information of the browsing end of the platform to which the webpage is required to be loaded, identifying all page components subordinate to the page component tree, identifying page components which are not compatible with the display of the browsing end of the platform, and then performing visual state change processing on all page components which are not compatible with the display of the browsing end of the platform, so that all page components which are not compatible with the display of the browsing end of the platform are switched to a visual hiding state;
The page loading module is configured to upload a page loading task corresponding to the page component tree to a page loading process corresponding to the browsing end based on a page loading log of the browsing end of the platform, where the page loading module includes:
Analyzing a page loading log of a browsing end of the platform to obtain a page loading process which can provide matched loading operation resources for a page loading task corresponding to the page component tree by the browsing end of the platform, and uploading the page loading task corresponding to the page component tree to the page loading process.
Compared with the prior art, the dynamic layout method and the system based on the component tree architecture identify the page component tree of the webpage in the design state, read and process the component information to obtain the component attribute list, so as to generate the component layout characteristic information of the page component tree, and facilitate the accurate and comprehensive identification of abnormal components of the webpage; determining an abnormal code contained in the abnormal component, and correcting the abnormal code by combining the interaction state between the abnormal component and the corresponding associated page component, so as to ensure the correctness of the component code; reloading the corrected abnormal codes in a code interval corresponding to the page component tree and judging whether the page component tree is in a framework complete state based on the execution progress of the design process of the webpage, and providing a complete and accurate component tree for the design of the webpage; when the page component tree is in a framework complete state, based on the browsing end attribute information of a platform to which the webpage is required to be loaded, visual state change processing of the page component is compatible with component display capability of the browsing end, and a page loading task corresponding to the page component tree is uploaded to a page loading process corresponding to the browsing end, so that dynamic layout flexibility of the component tree framework and page editing accuracy are ensured.
Additional features and advantages of the invention will be set forth in the description which follows, and in part will be obvious from the description, or may be learned by practice of the invention. The objectives and other advantages of the invention will be realized and attained by the structure particularly pointed out in the written description and claims thereof as well as the appended drawings.
The technical scheme of the invention is further described in detail through the drawings and the embodiments.
Drawings
In order to more clearly illustrate the embodiments of the invention or the technical solutions in the prior art, the drawings that are required in the embodiments or the description of the prior art will be briefly described, it being obvious that the drawings in the following description are only some embodiments of the invention, and that other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flow chart of a dynamic layout method based on a component tree architecture provided by the invention;
fig. 2 is a schematic diagram of a dynamic layout system based on a component tree architecture according to the present invention.
Detailed Description
The following description of the embodiments of the present invention will be made clearly and completely with reference to the accompanying drawings, in which it is apparent that the embodiments described are only some embodiments of the present invention, but not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the invention without making any inventive effort, are intended to be within the scope of the invention.
Referring to fig. 1, a flow chart of a dynamic layout method based on a component tree architecture according to an embodiment of the present invention is shown. The dynamic layout method based on the component tree architecture comprises the following steps:
Step S1, identifying a webpage in a design state to obtain a corresponding webpage component tree, and reading component information of the webpage component tree to obtain a component attribute list of the webpage component tree; identifying the component attribute list to obtain component layout characteristic information of the page component tree;
Step S2, based on the component layout characteristic information, identifying abnormal components existing in the current design process of the webpage; determining an abnormal code contained in the abnormal component based on an operation log of the abnormal component in a test link of the current design process, and correcting the abnormal code based on interaction states between the abnormal component and all associated page components in the page component tree;
step S3, reloading the corrected abnormal code in the code interval corresponding to the page component tree based on the position information of the abnormal component in the page component tree; judging whether the page component tree is in a framework complete state or not based on the execution progress of the design process of the webpage;
Step S4, when the page component tree is in a complete structure state, visual state change processing is carried out on the page component subordinate corresponding to the page component tree based on the browsing end attribute information of the platform to which the webpage needs to be loaded; and uploading the page loading task corresponding to the page component tree to the page loading process corresponding to the browsing end based on the page loading log of the browsing end of the platform.
The dynamic layout method based on the component tree architecture identifies the page component tree of the webpage in the design state, reads and processes the component information to obtain a component attribute list, so as to generate component layout characteristic information of the page component tree, and is convenient for accurately and comprehensively identifying abnormal components of the webpage; determining an abnormal code contained in the abnormal component, and correcting the abnormal code by combining the interaction state between the abnormal component and the corresponding associated page component, so as to ensure the correctness of the component code; reloading the corrected abnormal codes in a code interval corresponding to the page component tree and judging whether the page component tree is in a framework complete state based on the execution progress of the design process of the webpage, and providing a complete and accurate component tree for the design of the webpage; when the page component tree is in a framework complete state, based on the browsing end attribute information of a platform to which the webpage is required to be loaded, visual state change processing of the page component is compatible with component display capability of the browsing end, and a page loading task corresponding to the page component tree is uploaded to a page loading process corresponding to the browsing end, so that dynamic layout flexibility of the component tree framework and page editing accuracy are ensured.
Preferably, in the step S1, identifying a web page in a design state to obtain a corresponding page component tree, and performing component information reading processing on the page component tree to obtain a component attribute list of the page component tree; identifying the component attribute list to obtain component layout characteristic information of the page component tree, wherein the component layout characteristic information comprises the following steps:
Monitoring an editing end corresponding to a webpage in a design state to obtain page component editing logs corresponding to all design processes of the webpage corresponding to the editing end; analyzing the page component editing log to obtain all page components called by the webpage in the whole design process;
based on the running triggering relation of all the called page components on the webpage, generating a corresponding page component tree, and reading and processing component type information of the page component tree to obtain a component attribute list corresponding to all the page components contained in the page component tree;
And identifying the component operation flow layout of all page components in the component attribute list in the operation process of the webpage, and obtaining the component layout characteristic information of the page component tree.
In the technical scheme, when a user performs webpage design through the corresponding editing end such as the smart phone or the PC, monitoring the webpage design process of the editing end to obtain the webpage component editing logs corresponding to all the design processes of the editing end corresponding to the webpage, so that the webpage component editing condition of the webpage can be comprehensively obtained; and analyzing the page component editing log to obtain all page components called by the webpage in the whole design process, calibrating a proper page component range for the subsequent processing of the page components, and improving the accuracy of the subsequent page component identification correction. And generating a corresponding page component tree based on the running trigger relation of all the called page components on the webpage, and reading and processing component type information of the page component tree to obtain a component attribute list corresponding to all the page components contained in the page component tree, so that all page component attributes subordinate to the page component tree can be accurately calibrated. And identifying the component operation flow layout of all page components in the operation process of the webpage by taking the component attribute list as a reference to obtain component layout characteristic information of the page component tree, and accurately calibrating the layout states of all page components.
Preferably, in the step S2, based on the component layout feature information, an abnormal component existing in the current design process of the web page is identified; determining an abnormal code contained in the abnormal component based on an operation log of the abnormal component in a test link of a current design process, and correcting the abnormal code based on interaction states between the abnormal component and all associated page components in the page component tree, wherein the method comprises the following steps:
based on the component layout characteristic information, identifying a page component with an operation incompatibility event in the component operation flow, and taking the page component as an abnormal component of the webpage in the current design process;
analyzing the operation log of the abnormal component in the test link of the current design process to obtain the respective operation memory occupation quantity of all component codes subordinate to the abnormal component, and determining the component codes with the operation memory occupation quantity exceeding a preset occupation quantity threshold value as abnormal codes;
and acquiring the interaction state information of the instruction streams between the abnormal component and all the associated page components in the page component tree, and determining code fields which conflict with the instruction streams in the abnormal code based on the interaction state information of the instruction streams, so as to correct and edit the code fields, thereby realizing the correction of the abnormal code.
According to the technical scheme, based on the component layout characteristic information, the page component with the operation incompatibility event in the component operation flow is identified and used as the abnormal component of the webpage in the current design process, so that the page component with the work conflict with other page components in the operation process of the webpage can be accurately identified and calibrated. When the component codes in the page component have code defects, the component codes occupy more memory in the running process, and at the moment, the operation log of the abnormal component in the test link of the current design process is analyzed to obtain the respective operation memory occupation amount of all the component codes subordinate to the abnormal component, so that the component codes with the operation memory occupation amount exceeding the preset occupation amount threshold are determined to be abnormal codes, and the abnormal codes in the abnormal codes can be accurately identified. And acquiring the interaction state information of the instruction streams between the abnormal component and all the associated page components in the page component tree, and determining the code fields which have conflict with the instruction streams in the abnormal code based on the interaction state information of the instruction streams, so that the field identification of the abnormal code is refined, and the accurate correction and editing of the code fields which have conflict in the abnormal code are realized.
Preferably, in the step S3, based on the location information of the exception component in the internal architecture of the page component tree, reloading the corrected exception code in the code section corresponding to the page component tree; based on the execution progress of the design process of the webpage, judging whether the webpage component tree is in a framework complete state or not comprises the following steps:
Determining the code positions of all component codes subordinate to the abnormal component in the page component tree based on the position information of the abnormal component in the page component tree, comparing the corrected abnormal code with all component codes corresponding to the code positions, and reloading the corrected abnormal code in a code section corresponding to the page component tree;
Comparing the execution progress of the completed design process of the webpage with a preset design flow, and if the execution progress of the completed design process of the webpage is consistent with the preset design flow, judging that the webpage component tree is in a framework complete state; if the two are inconsistent, judging that the page component tree is not in the framework complete state.
According to the technical scheme, based on the position information of the abnormal component in the internal frame of the page component tree, the code positions of all component codes subordinate to the abnormal component in the page component tree are determined, the corrected abnormal code is compared with all component codes corresponding to the code positions, so that the corrected abnormal code is reloaded in a code section corresponding to the page component tree, and the code reloaded after correction by taking the code position section as a reference ensures the code integrity and correctness of the abnormal component. The execution progress of the design process completed by the webpage is compared with the preset design flow, so that the structural integrity of the webpage component tree can be accurately judged, and the follow-up processing operation is ensured only when the webpage component tree is in the structural integrity state.
Preferably, in the step S4, when the page component tree is in a complete architecture state, visual state change processing is performed on a corresponding page component subordinate to the page component tree based on the browsing end attribute information of the platform to which the web page needs to be loaded; based on the page loading log of the browsing end of the platform, uploading the page loading task corresponding to the page assembly tree to the page loading process corresponding to the browsing end, including:
When the page component tree is in a framework complete state, based on the graphic display compatibility attribute information of the browsing end of the platform to which the webpage is required to be loaded, identifying all page components subordinate to the page component tree, identifying page components which are not compatible with the display of the browsing end of the platform, and then performing visual state change processing on all page components which are not compatible with the display of the browsing end of the platform, so that all page components which are not compatible with the display of the browsing end of the platform are switched to a visual hiding state;
Analyzing a page loading log of a browsing end of the platform to obtain a page loading process which can provide matched loading operation resources for a page loading task corresponding to the page component tree by the browsing end of the platform, and uploading the page loading task corresponding to the page component tree to the page loading process.
In the technical scheme, the browsing end such as the web browser of the platform is limited by the version of the browser and other factors, and cannot be compatible with all page components contained in the web page, namely, the browsing end cannot completely display all page components under the web page, when the page component tree is in a framework complete state, based on the graphic display compatible attribute information of the browsing end of the platform to which the web page needs to be loaded, all page components under the page component tree are identified, page components which are not compatible with the browsing end of the platform are identified, and then all page components which are not compatible with the browsing end of the platform are subjected to visual state change processing, so that all page components which are not compatible with the browsing end of the platform are switched to a visual hiding state, and therefore, the page components which are not compatible with the browsing end can be effectively hidden, and the situation that operation is blocked due to the fact that the corresponding page components cannot be loaded and displayed normally is avoided. And analyzing the page loading log of the browsing end of the platform to obtain a page loading process which can provide matched loading operation resources for the page loading task corresponding to the page component tree by the browsing end of the platform, and uploading the page loading task corresponding to the page component tree to the page loading process, thereby ensuring the normal display of the webpage at the browsing end.
Referring to fig. 2, a schematic diagram of a dynamic layout system based on a component tree architecture according to an embodiment of the present invention is shown. The dynamic layout system based on the component tree architecture comprises:
the component tree acquisition and identification module is used for identifying the webpage in the design state to obtain a corresponding webpage component tree, and reading and processing component information of the webpage component tree to obtain a component attribute list of the webpage component tree;
The component layout feature recognition module is used for recognizing the component attribute list to obtain component layout feature information of the page component tree;
The abnormal component identification module is used for identifying abnormal components existing in the current design process of the webpage based on the component layout characteristic information;
The abnormal code correction module is used for determining an abnormal code contained in the abnormal component based on an operation log of the abnormal component in a test link of the current design process and correcting the abnormal code based on interaction states between the abnormal component and all associated page components in the page component tree;
The code loading module is used for reloading the corrected abnormal code in the code interval corresponding to the page component tree based on the position information of the abnormal component in the page component tree;
the component tree architecture identification module is used for judging whether the page component tree is in an architecture complete state or not based on the execution progress of the design process of the webpage;
the component visual state changing module is used for changing the visual state of the corresponding page component subordinate to the page component tree based on the browsing end attribute information of the platform to which the webpage needs to be loaded when the page component tree is in the architecture complete state;
The page loading module is used for uploading the page loading task corresponding to the page assembly tree to the page loading process corresponding to the browsing end based on the page loading log of the browsing end of the platform.
The dynamic layout system based on the component tree architecture identifies a page component tree of a webpage in a design state, reads and processes component information to obtain a component attribute list, so as to generate component layout characteristic information of the page component tree, and is convenient for accurately and comprehensively identifying abnormal components of the webpage; determining an abnormal code contained in the abnormal component, and correcting the abnormal code by combining the interaction state between the abnormal component and the corresponding associated page component, so as to ensure the correctness of the component code; reloading the corrected abnormal codes in a code interval corresponding to the page component tree and judging whether the page component tree is in a framework complete state based on the execution progress of the design process of the webpage, and providing a complete and accurate component tree for the design of the webpage; when the page component tree is in a framework complete state, based on the browsing end attribute information of a platform to which the webpage is required to be loaded, visual state change processing of the page component is compatible with component display capability of the browsing end, and a page loading task corresponding to the page component tree is uploaded to a page loading process corresponding to the browsing end, so that dynamic layout flexibility of the component tree framework and page editing accuracy are ensured.
Preferably, the component tree obtaining and identifying module is configured to identify a web page in a design state to obtain a corresponding page component tree, and perform component information reading processing on the page component tree to obtain a component attribute list of the page component tree, where the component attribute list includes:
Monitoring an editing end corresponding to a webpage in a design state to obtain page component editing logs corresponding to all design processes of the webpage corresponding to the editing end; analyzing the page component editing log to obtain all page components called by the webpage in the whole design process;
based on the running triggering relation of all the called page components on the webpage, generating a corresponding page component tree, and reading and processing component type information of the page component tree to obtain a component attribute list corresponding to all the page components contained in the page component tree;
The component layout feature recognition module is configured to recognize the component attribute list to obtain component layout feature information of the page component tree, and includes:
And identifying the component operation flow layout of all page components in the component attribute list in the operation process of the webpage, and obtaining the component layout characteristic information of the page component tree.
In the technical scheme, when a user performs webpage design through the corresponding editing end such as the smart phone or the PC, monitoring the webpage design process of the editing end to obtain the webpage component editing logs corresponding to all the design processes of the editing end corresponding to the webpage, so that the webpage component editing condition of the webpage can be comprehensively obtained; and analyzing the page component editing log to obtain all page components called by the webpage in the whole design process, calibrating a proper page component range for the subsequent processing of the page components, and improving the accuracy of the subsequent page component identification correction. And generating a corresponding page component tree based on the running trigger relation of all the called page components on the webpage, and reading and processing component type information of the page component tree to obtain a component attribute list corresponding to all the page components contained in the page component tree, so that all page component attributes subordinate to the page component tree can be accurately calibrated. And identifying the component operation flow layout of all page components in the operation process of the webpage by taking the component attribute list as a reference to obtain component layout characteristic information of the page component tree, and accurately calibrating the layout states of all page components.
Preferably, the abnormal component identifying module is configured to identify, based on the component layout feature information, an abnormal component existing in the current design process on the web page, and includes:
based on the component layout characteristic information, identifying a page component with an operation incompatibility event in the component operation flow, and taking the page component as an abnormal component of the webpage in the current design process;
The abnormal code correction module is used for determining an abnormal code contained in the abnormal component based on an operation log of the abnormal component in a test link of a current design process, correcting the abnormal code based on interaction states between the abnormal component and all associated page components in the page component tree, and comprises the following steps:
analyzing the operation log of the abnormal component in the test link of the current design process to obtain the respective operation memory occupation quantity of all component codes subordinate to the abnormal component, and determining the component codes with the operation memory occupation quantity exceeding a preset occupation quantity threshold value as abnormal codes;
and acquiring the interaction state information of the instruction streams between the abnormal component and all the associated page components in the page component tree, and determining code fields which conflict with the instruction streams in the abnormal code based on the interaction state information of the instruction streams, so as to correct and edit the code fields, thereby realizing the correction of the abnormal code.
According to the technical scheme, based on the component layout characteristic information, the page component with the operation incompatibility event in the component operation flow is identified and used as the abnormal component of the webpage in the current design process, so that the page component with the work conflict with other page components in the operation process of the webpage can be accurately identified and calibrated. When the component codes in the page component have code defects, the component codes occupy more memory in the running process, and at the moment, the operation log of the abnormal component in the test link of the current design process is analyzed to obtain the respective operation memory occupation amount of all the component codes subordinate to the abnormal component, so that the component codes with the operation memory occupation amount exceeding the preset occupation amount threshold are determined to be abnormal codes, and the abnormal codes in the abnormal codes can be accurately identified. And acquiring the interaction state information of the instruction streams between the abnormal component and all the associated page components in the page component tree, and determining the code fields which have conflict with the instruction streams in the abnormal code based on the interaction state information of the instruction streams, so that the field identification of the abnormal code is refined, and the accurate correction and editing of the code fields which have conflict in the abnormal code are realized.
Preferably, the code loading module is configured to reload the corrected abnormal code into a code section corresponding to the page component tree based on the location information of the abnormal component in the page component tree, and includes:
Determining the code positions of all component codes subordinate to the abnormal component in the page component tree based on the position information of the abnormal component in the page component tree, comparing the corrected abnormal code with all component codes corresponding to the code positions, and reloading the corrected abnormal code in a code section corresponding to the page component tree;
the component tree architecture identification module is configured to determine, based on a design process execution progress of the web page, whether the page component tree is in an architecture complete state, and includes:
Comparing the execution progress of the completed design process of the webpage with a preset design flow, and if the execution progress of the completed design process of the webpage is consistent with the preset design flow, judging that the webpage component tree is in a framework complete state; if the two are inconsistent, judging that the page component tree is not in the framework complete state.
According to the technical scheme, based on the position information of the abnormal component in the internal frame of the page component tree, the code positions of all component codes subordinate to the abnormal component in the page component tree are determined, the corrected abnormal code is compared with all component codes corresponding to the code positions, so that the corrected abnormal code is reloaded in a code section corresponding to the page component tree, and the code reloaded after correction by taking the code position section as a reference ensures the code integrity and correctness of the abnormal component. The execution progress of the design process completed by the webpage is compared with the preset design flow, so that the structural integrity of the webpage component tree can be accurately judged, and the follow-up processing operation is ensured only when the webpage component tree is in the structural integrity state.
Preferably, the module for changing the visual state of the component is configured to, when the page component tree is in a complete state of architecture, perform a visual state changing process on a page component subordinate to the corresponding page component based on the browsing end attribute information of the platform to which the web page needs to be loaded, where the visual state changing process includes:
When the page component tree is in a framework complete state, based on the graphic display compatibility attribute information of the browsing end of the platform to which the webpage is required to be loaded, identifying all page components subordinate to the page component tree, identifying page components which are not compatible with the display of the browsing end of the platform, and then performing visual state change processing on all page components which are not compatible with the display of the browsing end of the platform, so that all page components which are not compatible with the display of the browsing end of the platform are switched to a visual hiding state;
the page loading module is configured to upload a page loading task corresponding to the page component tree to a page loading process corresponding to the browsing end based on a page loading log of the browsing end of the platform, and includes:
Analyzing a page loading log of a browsing end of the platform to obtain a page loading process which can provide matched loading operation resources for a page loading task corresponding to the page component tree by the browsing end of the platform, and uploading the page loading task corresponding to the page component tree to the page loading process.
In the technical scheme, the browsing end such as the web browser of the platform is limited by the version of the browser and other factors, and cannot be compatible with all page components contained in the web page, namely, the browsing end cannot completely display all page components under the web page, when the page component tree is in a framework complete state, based on the graphic display compatible attribute information of the browsing end of the platform to which the web page needs to be loaded, all page components under the page component tree are identified, page components which are not compatible with the browsing end of the platform are identified, and then all page components which are not compatible with the browsing end of the platform are subjected to visual state change processing, so that all page components which are not compatible with the browsing end of the platform are switched to a visual hiding state, and therefore, the page components which are not compatible with the browsing end can be effectively hidden, and the situation that operation is blocked due to the fact that the corresponding page components cannot be loaded and displayed normally is avoided. And analyzing the page loading log of the browsing end of the platform to obtain a page loading process which can provide matched loading operation resources for the page loading task corresponding to the page component tree by the browsing end of the platform, and uploading the page loading task corresponding to the page component tree to the page loading process, thereby ensuring the normal display of the webpage at the browsing end.
As can be seen from the content of the above embodiment, the dynamic layout method and system based on the component tree architecture identifies the page component tree of the webpage in the design state, reads and processes the component information to obtain the component attribute list, and generates the component layout feature information of the page component tree, so as to be convenient for accurately and comprehensively identifying the abnormal components of the webpage; determining an abnormal code contained in the abnormal component, and correcting the abnormal code by combining the interaction state between the abnormal component and the corresponding associated page component, so as to ensure the correctness of the component code; reloading the corrected abnormal codes in a code interval corresponding to the page component tree and judging whether the page component tree is in a framework complete state based on the execution progress of the design process of the webpage, and providing a complete and accurate component tree for the design of the webpage; when the page component tree is in a framework complete state, based on the browsing end attribute information of a platform to which the webpage is required to be loaded, visual state change processing of the page component is compatible with component display capability of the browsing end, and a page loading task corresponding to the page component tree is uploaded to a page loading process corresponding to the browsing end, so that dynamic layout flexibility of the component tree framework and page editing accuracy are ensured.
It will be apparent to those skilled in the art that various modifications and variations can be made to the present invention without departing from the spirit or scope of the invention. Thus, it is intended that the present invention also include such modifications and alterations insofar as they come within the scope of the appended claims or the equivalents thereof.
Claims (8)
1. The dynamic layout method based on the component tree architecture is characterized by comprising the following steps:
Step S1, identifying a webpage in a design state to obtain a corresponding webpage component tree, and reading component information of the webpage component tree to obtain a component attribute list of the webpage component tree; identifying the component attribute list to obtain component layout characteristic information of the page component tree;
step S2, identifying abnormal components existing in the current design process of the webpage based on the component layout characteristic information; determining an abnormal code contained in the abnormal component based on an operation log of the abnormal component in a test link of a current design process, and correcting the abnormal code based on interaction states between the abnormal component and all associated page components in a page component tree, wherein the abnormal code comprises identifying a page component with an operation incompatibility event in a component operation process based on component layout characteristic information, and the page component is used as the abnormal component of the webpage in the current design process; analyzing the operation log of the abnormal component in the test link of the current design process to obtain the respective operation memory occupation quantity of all component codes subordinate to the abnormal component, and determining the component codes with the operation memory occupation quantity exceeding a preset occupation quantity threshold value as abnormal codes; acquiring instruction stream interaction state information between the abnormal component and all the associated page components in the page component tree, and determining code fields which conflict with an instruction stream in the abnormal code based on the instruction stream interaction state information so as to correct and edit the code fields, thereby correcting the abnormal code;
Step S3, reloading the corrected abnormal code into the code section corresponding to the page component tree based on the position information of the abnormal component in the page component tree; judging whether the page component tree is in a framework complete state or not based on the design process execution progress of the webpage, wherein the step of comparing the design process execution progress of the webpage which is completed with a preset design flow is carried out, and if the two are consistent, judging that the page component tree is in the framework complete state; if the two are inconsistent, judging that the page component tree is not in a framework complete state;
Step S4, when the page component tree is in a framework complete state, visual state change processing is carried out on the page component subordinate to the corresponding page component on the basis of the browsing end attribute information of the platform to which the webpage needs to be loaded; and uploading the page loading task corresponding to the page component tree to the page loading process corresponding to the browsing end based on the page loading log of the browsing end of the platform.
2. The dynamic layout method based on the component tree architecture according to claim 1, wherein:
In the step S1, identifying a web page in a design state to obtain a corresponding page component tree, and performing component information reading processing on the page component tree to obtain a component attribute list of the page component tree; identifying the component attribute list to obtain component layout characteristic information of the page component tree, wherein the component layout characteristic information comprises the following steps:
Monitoring an editing end corresponding to a webpage in a design state to obtain page component editing logs corresponding to all design processes of the webpage corresponding to the editing end; analyzing the page component editing log to obtain all page components called by the webpage in the whole design process;
based on the running triggering relation of all the called page components on the webpage, generating a corresponding page component tree, and reading component type information of the page component tree to obtain a component attribute list corresponding to all the page components contained in the page component tree;
and identifying the component operation flow layout of all page components in the component attribute list in the operation process of the webpage to obtain component layout characteristic information of the webpage component tree.
3. The dynamic layout method based on the component tree architecture according to claim 1, wherein:
In the step S3, reloading the corrected abnormal code in the code section corresponding to the page component tree based on the location information of the abnormal component in the page component tree, including:
And determining the code positions of all the component codes subordinate to the abnormal component in the page component tree based on the position information of the abnormal component in the page component tree, and comparing the corrected abnormal code with all the component codes corresponding to the code positions so as to reload the corrected abnormal code in the code interval corresponding to the page component tree.
4. The dynamic layout method based on the component tree architecture according to claim 1, wherein:
In the step S4, when the page component tree is in a complete architecture state, visual state change processing is performed on a corresponding page component subordinate to the page component tree based on the browsing end attribute information of the platform to which the web page needs to be loaded; and uploading the page loading task corresponding to the page component tree to the page loading process corresponding to the browsing end based on the page loading log of the browsing end of the platform, wherein the method comprises the following steps:
When the page component tree is in a framework complete state, based on the graphic display compatible attribute information of the browsing end of the platform to which the webpage is required to be loaded, identifying all page components subordinate to the page component tree, identifying page components which are not compatible with the display of the browsing end of the platform, and then performing visual state change processing on all page components which are not compatible with the display of the browsing end of the platform, so that all page components which are not compatible with the display of the browsing end of the platform are switched to a visual hiding state;
Analyzing a page loading log of a browsing end of the platform to obtain a page loading process which can provide matched loading operation resources for a page loading task corresponding to the page component tree by the browsing end of the platform, and uploading the page loading task corresponding to the page component tree to the page loading process.
5. A dynamic layout system based on a component tree architecture, comprising:
The component tree acquisition and identification module is used for identifying the webpage in the design state to obtain a corresponding webpage component tree, and reading and processing component information of the webpage component tree to obtain a component attribute list of the webpage component tree;
The component layout feature recognition module is used for recognizing the component attribute list to obtain component layout feature information of the page component tree;
The abnormal component identification module is used for identifying an abnormal component existing in the current design process of the webpage based on the component layout characteristic information, and comprises identifying a webpage component with an operation incompatibility event inside a component operation flow based on the component layout characteristic information, and taking the webpage component as the abnormal component existing in the current design process of the webpage;
The abnormal code correction module is used for determining abnormal codes contained in the abnormal components based on the operation logs of the abnormal components in the test links of the current design process, correcting the abnormal codes based on the interaction states of the abnormal components and all the associated page components in the page component tree, and analyzing the operation logs of the abnormal components in the test links of the current design process to obtain the respective operation memory occupation amounts of all the component codes subordinate to the abnormal components, so that the component codes with the operation memory occupation amounts exceeding a preset occupation amount threshold value are determined to be the abnormal codes; acquiring instruction stream interaction state information between the abnormal component and all the associated page components in the page component tree, and determining code fields which conflict with an instruction stream in the abnormal code based on the instruction stream interaction state information so as to correct and edit the code fields, thereby correcting the abnormal code;
the code loading module is used for reloading the corrected abnormal code into the code interval corresponding to the page component tree based on the position information of the abnormal component in the page component tree;
The component tree architecture identification module is used for judging whether the page component tree is in an architecture complete state based on the design process execution progress of the webpage, and comprises comparing the design process execution progress of the webpage which is completed with a preset design flow, and judging that the page component tree is in the architecture complete state if the two are consistent; if the two are inconsistent, judging that the page component tree is not in a framework complete state;
The component visual state changing module is used for carrying out visual state changing processing on the page component subordinate to the corresponding page component based on the browsing end attribute information of the platform to which the webpage needs to be loaded when the page component tree is in the architecture complete state;
and the page loading module is used for uploading the page loading task corresponding to the page component tree to the page loading process corresponding to the browsing end based on the page loading log of the browsing end of the platform.
6. The component tree architecture based dynamic layout system of claim 5 wherein:
The component tree obtaining and identifying module is used for identifying the webpage in the design state to obtain a corresponding webpage component tree, and reading and processing component information of the webpage component tree to obtain a component attribute list of the webpage component tree, and comprises the following steps:
Monitoring an editing end corresponding to a webpage in a design state to obtain page component editing logs corresponding to all design processes of the webpage corresponding to the editing end; analyzing the page component editing log to obtain all page components called by the webpage in the whole design process;
based on the running triggering relation of all the called page components on the webpage, generating a corresponding page component tree, and reading component type information of the page component tree to obtain a component attribute list corresponding to all the page components contained in the page component tree;
the component layout feature recognition module is configured to recognize the component attribute list to obtain component layout feature information of the page component tree, and includes:
and identifying the component operation flow layout of all page components in the component attribute list in the operation process of the webpage to obtain component layout characteristic information of the webpage component tree.
7. The component tree architecture based dynamic layout system of claim 5 wherein:
The code loading module is configured to reload the corrected abnormal code into a code section corresponding to the page component tree based on the position information of the abnormal component in the page component tree, and includes:
And determining the code positions of all the component codes subordinate to the abnormal component in the page component tree based on the position information of the abnormal component in the page component tree, and comparing the corrected abnormal code with all the component codes corresponding to the code positions so as to reload the corrected abnormal code in the code interval corresponding to the page component tree.
8. The component tree architecture based dynamic layout system of claim 5 wherein:
The module visual state changing module is configured to, when the page component tree is in a complete architecture state, perform visual state changing processing on a page component subordinate to the page component tree based on browsing end attribute information of a platform to which the web page needs to be loaded, where the visual state changing module includes:
When the page component tree is in a framework complete state, based on the graphic display compatible attribute information of the browsing end of the platform to which the webpage is required to be loaded, identifying all page components subordinate to the page component tree, identifying page components which are not compatible with the display of the browsing end of the platform, and then performing visual state change processing on all page components which are not compatible with the display of the browsing end of the platform, so that all page components which are not compatible with the display of the browsing end of the platform are switched to a visual hiding state;
The page loading module is configured to upload a page loading task corresponding to the page component tree to a page loading process corresponding to the browsing end based on a page loading log of the browsing end of the platform, where the page loading module includes:
Analyzing a page loading log of a browsing end of the platform to obtain a page loading process which can provide matched loading operation resources for a page loading task corresponding to the page component tree by the browsing end of the platform, and uploading the page loading task corresponding to the page component tree to the page loading process.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410457957.2A CN118069949B (en) | 2024-04-17 | 2024-04-17 | Dynamic layout method and system based on component tree architecture |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410457957.2A CN118069949B (en) | 2024-04-17 | 2024-04-17 | Dynamic layout method and system based on component tree architecture |
Publications (2)
Publication Number | Publication Date |
---|---|
CN118069949A CN118069949A (en) | 2024-05-24 |
CN118069949B true CN118069949B (en) | 2024-06-28 |
Family
ID=91106095
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202410457957.2A Active CN118069949B (en) | 2024-04-17 | 2024-04-17 | Dynamic layout method and system based on component tree architecture |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN118069949B (en) |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110413925A (en) * | 2013-09-12 | 2019-11-05 | 维克斯网有限公司 | For the system and method in interactive website and for supporting the automatic conversion between mobile device and the application of other display environments |
CN114116377A (en) * | 2021-11-10 | 2022-03-01 | 浪潮云信息技术股份公司 | Method, system and medium for monitoring performance of cloud platform web front end |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107368487B (en) * | 2016-05-12 | 2020-09-29 | 阿里巴巴集团控股有限公司 | Dynamic layout method, device and client for page components |
CN110825356B (en) * | 2019-11-12 | 2023-04-18 | 东方电子股份有限公司 | Micro-service development framework and real-time monitoring implementation method |
CN113220295A (en) * | 2021-04-26 | 2021-08-06 | 深圳市云网万店科技有限公司 | Method, system and computer readable storage medium for dynamic expansion of front end component |
CN116541009B (en) * | 2023-07-07 | 2023-09-08 | 成都中科合迅科技有限公司 | User interface creation and updating method and system based on component tree |
CN117093798A (en) * | 2023-08-17 | 2023-11-21 | 腾讯科技(北京)有限公司 | Rendering abnormality detection method and device, electronic equipment and storage medium |
-
2024
- 2024-04-17 CN CN202410457957.2A patent/CN118069949B/en active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110413925A (en) * | 2013-09-12 | 2019-11-05 | 维克斯网有限公司 | For the system and method in interactive website and for supporting the automatic conversion between mobile device and the application of other display environments |
CN114116377A (en) * | 2021-11-10 | 2022-03-01 | 浪潮云信息技术股份公司 | Method, system and medium for monitoring performance of cloud platform web front end |
Also Published As
Publication number | Publication date |
---|---|
CN118069949A (en) | 2024-05-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110704304B (en) | Application program testing method and device, storage medium and server | |
CN104391797A (en) | GUI (graphical user interface) widget identification method and device | |
CN110287098A (en) | Automatically create test script method, server and computer readable storage medium | |
CN110554962A (en) | Regression testing process covering method, server and computer readable storage medium | |
CN109658485B (en) | Webpage animation drawing method, device, computer equipment and storage medium | |
CN108132876B (en) | Embedded software object code unit testing method based on injection mode | |
CN111124870A (en) | Interface testing method and device | |
CN116245074A (en) | Chip verification method, device and storage medium | |
CN112506757A (en) | Automatic test method, system, computer device and medium thereof | |
CN118069949B (en) | Dynamic layout method and system based on component tree architecture | |
CN109815127B (en) | Automatic script conversion method and device, computer equipment and storage medium | |
CN116521538A (en) | Automatic testing method and device for command line interface, electronic equipment and storage medium | |
CN115309661A (en) | Application testing method and device, electronic equipment and readable storage medium | |
CN113792017A (en) | Method and system for checking template content imported into excel | |
CN116932360A (en) | Page testing method and device, computer equipment and storage medium | |
CN110020552B (en) | Android application cross-component dirty point data stream splicing method based on finite state automaton | |
CN111611032B (en) | User interface drawing level and excessive drawing detection method and device | |
CN112380134A (en) | WebUI automatic testing method based on image recognition | |
CN116797707B (en) | Interface graphic rendering method and system based on operating system adaptation | |
CN111309598A (en) | Test case execution environment recovery method, system, terminal and storage medium | |
CN116383095B (en) | Smoking test method and system based on RPA robot and readable storage medium | |
CN112181838B (en) | Automatic testing method based on image comparison | |
CN115470127B (en) | Page compatibility processing method, device, computer equipment and storage medium | |
CN117762796A (en) | User interface testing method and device | |
CN118397308A (en) | Page similarity detection method and device, electronic equipment and storage medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant |