Page data display method and device, electronic equipment, medium and program product

Abstract

The invention provides a page data display method and device, electronic equipment, a medium and a program product, and can be applied to the technical field of privacy computing and the technical field of big data. The method comprises the following steps: acquiring a first component comprising target data, and packaging the first component to obtain a second component; generating replacement content based on the target data, wherein the replacement content is used for replacing and displaying the target data in the second component; in response to the fact that a target operation event triggered by a user is not detected, displaying the alternative content in the second component; and in response to a detected target operation event triggered by a user, displaying the target data in the second component.

Description

Technical Field

[0001] The present application relates to the fields of privacy computing technology and big data technology, and more specifically to a page data display method, device, equipment, medium and program product. Background Art

[0002] With the rapid development of internet-based financial services, financial institutions are gradually shifting from presenting business data in spreadsheets or documents to providing dynamic, interactive data services to users and internal staff via web systems. However, the data contained in financial web systems, including customer assets, transaction behavior, and risk control, is extremely sensitive. Unauthorized interception, dissemination, or tampering could lead to the leakage of customer privacy, the disclosure of business strategies, and even systemic financial risks. Therefore, financial institutions generally implement strict data protection measures, including access control, encrypted data transmission, system vulnerability remediation, and web crawler protection.

[0003] Despite this, there are numerous cases in real-world operations where sensitive webpage information has been leaked by internal employees through methods such as screenshots, printing, or mobile phone photography, resulting in significant losses for financial institutions. Currently, a common response is to add user watermarks to webpages, such as access time and user ID, for later tracing. However, this approach suffers from drawbacks such as watermarks being easily obscured or tampered with, and lacks real-time control measures, making it difficult to meet the security requirements for sensitive financial data. Summary of the Invention

[0004] In view of the above problems, the present application provides a page data display method, device, equipment, medium and program product.

[0005] According to the first aspect of the present application, a page data display method is provided, which includes: obtaining a first component including target data, packaging the first component to obtain a second component; generating alternative content based on the target data, and the alternative content is used to replace the target data in the second component; in response to not detecting a target operation event triggered by a user, displaying the alternative content in the second component; in response to detecting a target operation event triggered by a user, displaying the target data in the second component.

[0006] According to an embodiment of the present application, generating alternative content based on the target data includes: determining the character length and data type of the target data; selecting a target placeholder from a preset placeholder strategy based on the data type; and generating the alternative content based on the target placeholder and the character length.

[0007] According to an embodiment of the present application, the method also includes: maintaining global component identification information for recording the current display status; in response to detecting that the second component receives the target operation event, judging whether the second component is the current display component based on the global component identification information, and the current display component represents the second component that is currently in the target data visible state; and if the second component is not the current display component, finding and controlling the current display component to display the alternative content, and updating the global component identification information.

[0008] According to an embodiment of the present application, the global state identifier includes a unique component identifier and a display start time, the unique component identifier is used to identify the current display component, and the display start time is used to record the time point when the current display component displays the target data.

[0009] According to an embodiment of the present application, the packaging processing of the first component includes: passing the first component as a parameter into the encapsulation function, wherein the encapsulation function is embedded with interaction processing logic for monitoring the target operation event, so as to switch the target data and the alternative content for display in the second component based on the target operation event.

[0010] According to an embodiment of the present application, the target operation event includes a mouse hover event and a mouse move-out event, and the method further includes: in response to detecting that the mouse pointer is hovering over the second component, displaying the target data; and in response to detecting that the mouse pointer moves out of the second component, displaying the alternative content.

[0011] According to an embodiment of the present application, the method also includes: establishing an access counter and a display timer based on a user identity, setting a maximum display count threshold and a single display duration threshold according to the component sensitivity level of the second component; and based on the maximum display count threshold or the single display duration threshold, controlling the display duration or number of displays of the target data in the second component.

[0012] According to an embodiment of the present application, the method also includes: embedding implicit watermark information corresponding to the user identity in the second component, the implicit watermark information being encoded in the second component in an invisible form; and in response to detecting the target data leakage, identifying the user identity corresponding to the leakage source based on the implicit watermark information.

[0013] The second aspect of the present application provides a page data display device, which includes: a packaging module, which is used to obtain a first component including target data, package the first component, and obtain a second component; an alternative content generation module, which is used to generate alternative content based on the target data, and the alternative content is used to replace the target data in the second component; a first display module, which is used to display the alternative content in the second component in response to no detection of a target operation event triggered by the user; and a second display module, which is used to display the target data in the second component in response to detection of a target operation event triggered by the user.

[0014] According to an embodiment of the present application, the packaging module can also be used to pass the first component as a parameter into the encapsulation function, wherein the encapsulation function is embedded with interaction processing logic for monitoring the target operation event to switch the target data and the alternative content for display in the second component based on the target operation event.

[0015] According to an embodiment of the present application, the alternative content generation module can also be used to determine the character length and data type of the target data; based on the data type, select a target placeholder from a preset placeholder strategy; and generate the alternative content based on the target placeholder and the character length.

[0016] According to an embodiment of the present application, the page data display device may further include a global identification module. The global identification module may be configured to maintain global component identification information for recording a current display state; in response to detecting that the second component has received the target operation event, determine whether the second component is a currently displayed component based on the global component identification information, where the currently displayed component represents the second component currently in a visible state for the target data; and if the second component is not the currently displayed component, search for and control the currently displayed component to display the alternative content, and update the global component identification information.

[0017] According to an embodiment of the present application, the page data display device may further include a pointer monitoring module. The pointer monitoring module may be configured to display the target data in response to detecting that the mouse pointer is hovering over the second component, and to display the alternative content in response to detecting that the mouse pointer is moving out of the second component.

[0018] According to an embodiment of the present application, the page data display device may further include a threshold determination module. The threshold determination module may be configured to establish an access counter and a display timer based on a user identity identifier, set a maximum display count threshold and a single display duration threshold based on the component sensitivity level of the second component, and control the display duration or number of the target data in the second component based on the maximum display count threshold or the single display duration threshold.

[0019] According to an embodiment of the present application, the page data display device may further include an implicit watermark module. The implicit watermark module may be configured to embed implicit watermark information corresponding to a user identity in the second component, the implicit watermark information being encoded in an invisible form in the second component; and in response to detecting a target data leak, identify the user identity corresponding to the source of the leak based on the implicit watermark information.

[0020] The third aspect of the present application provides an electronic device, comprising: one or more processors; a memory for storing one or more computer programs, wherein the one or more processors execute the one or more computer programs to implement the steps of the above method.

[0021] The fourth aspect of the present application further provides a computer-readable storage medium having a computer program or instructions stored thereon, which implements the steps of the above method when the computer program or instructions are executed by a processor.

[0022] The fifth aspect of the present application further provides a computer program product, comprising a computer program or instructions, which implement the steps of the above method when executed by a processor.

[0023] According to the embodiments of the present application, by packaging the front-end component containing the target data, constructing a second component with display control capabilities, and combining it with alternative content generated based on the target data, an on-demand visible display strategy for sensitive data is implemented. Users can only temporarily view real data when they actively trigger an operation, which not only meets the need for immediate access to information, but also prevents batch interception or unconscious dissemination, effectively balancing data privacy protection and user operation experience. In addition, since it runs independently based on the front-end logic, it does not need to rely on back-end data services or additional rendering interfaces, avoiding the server load introduced by adding security logic, and has low computing resource consumption and good front-end response performance. BRIEF DESCRIPTION OF THE DRAWINGS

[0024] The above contents and other objects, features and advantages of the present application will become more apparent through the following description of the embodiments of the present application with reference to the accompanying drawings, in which:

[0025] Figure 1 A diagram schematically illustrates an application scenario of the page data display method, apparatus, device, medium, and program product according to an embodiment of the present application;

[0026] Figure 2 A flowchart of a method for displaying page data according to an embodiment of the present application is schematically shown;

[0027] Figure 3Schematically illustrates an operation flow chart of a page data display method according to some exemplary embodiments of the present application;

[0028] Figure 4 Schematically illustrates the display effects of the page data display method in different interaction states according to some embodiments of the present application;

[0029] Figure 5 A schematic diagram of a structure of a page data display device according to an embodiment of the present application is shown; and

[0030] Figure 6 A block diagram of an electronic device suitable for implementing a page data display method according to an embodiment of the present application is schematically shown. DETAILED DESCRIPTION

[0031] Hereinafter, embodiments of the present application will be described with reference to the accompanying drawings. However, it should be understood that these descriptions are exemplary only and are not intended to limit the scope of the present application. In the detailed description below, for ease of explanation, many specific details are set forth to provide a comprehensive understanding of the embodiments of the present application. However, it is apparent that one or more embodiments may also be implemented without these specific details. In addition, in the following description, descriptions of known structures and technologies are omitted to avoid unnecessarily confusing the concepts of the present application.

[0032] The terms used herein are only for describing specific embodiments and are not intended to limit this application. The terms "comprise," "include," etc. used herein indicate the presence of the features, steps, operations, and / or components, but do not exclude the presence or addition of one or more other features, steps, operations, or components.

[0033] All terms used herein (including technical and scientific terms) have the meanings commonly understood by those skilled in the art unless otherwise defined. It should be noted that the terms used herein should be interpreted as having a meaning consistent with the context of this specification and should not be interpreted in an idealized or overly rigid manner.

[0034] When expressions such as "at least one of A, B, and C, etc." are used, they should generally be interpreted in accordance with the meaning commonly understood by those skilled in the art (for example, "a system having at least one of A, B, and C" should include but is not limited to a system having A alone, B alone, C alone, A and B, A and C, B and C, and / or A, B, C, etc.).

[0035] First, the technical terms described in this article are explained and illustrated as follows.

[0036] A component is a basic building block used to construct user interface functional units in front-end development frameworks. A component typically contains page display logic, styling, and state management, and can be independently defined and reused across pages.

[0037] Packaging refers to the process of encapsulating the structure, enhancing the behavior, or injecting logic into the original component to give it additional functionality.

[0038] The global component identification information is used to identify the component in the target data display state on the current page, including the component unique identifier (such as component representation) and the display start time, which is used to implement mutually exclusive display and life cycle control within the page range.

[0039] Implicit watermarking refers to data encoded within the page structure, imperceptible to users. It's used to track the source of a data breach. Its implementation includes perturbations of the Document Object Model (DOM) tag structure, Cascading Style Sheet (CSS) style adjustments, and pixel-level position perturbations, making it highly concealed and tamper-resistant.

[0040] A higher-order component is a front-end development pattern that functionally accepts an original component and returns a new one. Instead of modifying the original component itself, higher-order components enhance its behavior through composition, such as adding event monitoring, display switching, and permission verification logic.

[0041] As digital transformation continues to advance across the financial industry, financial institutions like banks, insurance companies, and securities firms are increasingly relying on internal network systems to support their core business processes, including but not limited to customer information management, credit approval, transaction record display, risk control indicator monitoring, and compliance audit feedback. Compared to traditional offline reporting or desktop client systems, web-based systems enable data display, dynamic interaction, and remote access through the browser, thereby improving business response efficiency and user experience.

[0042] However, in business segments such as credit, wealth management, and payment settlement, front-end system pages often carry a large amount of customer-sensitive data (such as ID numbers, income flows, asset portfolios, risk control ratings, credit information, etc.) and data related to institutional operating strategies (such as approval rules, model scoring results, process paths, etc.). Once leaked, they will pose a major threat to customer privacy, institutional compliance, and business security.

[0043] To prevent the illegal access of sensitive information, financial institutions have deployed a variety of technical measures to build security protection systems at multiple levels, including system architecture, data transmission, and user authentication. For example, they use a unified identity authentication system to restrict unauthorized access; implement encrypted permission control on sensitive interfaces; use anti-crawler technology to prevent large-scale data crawling; add electronic watermarks to web pages, embedding information such as user identity and access time for subsequent accountability; and record user behavior through operation logs to achieve auditability.

[0044] However, these mechanisms primarily address the risks of cyberattacks and unauthorized access, but lack effective measures to address the increasingly common problem of internal leaks through photo and screenshot capture. This behavior often occurs during the browsing process of legitimately logged-in users, who leak sensitive information displayed on web pages to outside the organization through methods such as screenshots, mobile phone photography, and forwarding images. Not only is this method difficult to detect in real time, but once the leaked images are disseminated on social media or third-party platforms, the data is no longer controllable, and the losses are difficult to recover.

[0045] Existing watermark tracking methods, such as embedding information like "visitor identity and visit time" at the bottom or background of a page, can only be used for post-event tracing and are unable to block it in real time or prevent leaks before a photo is taken. Furthermore, if the photographer intentionally hides the watermarked area through hand-shading or image editing, the image tracking mechanism will be ineffective. Screenshots of only sensitive fields (such as credit scores and loan amounts) may also bypass the watermark coverage, preventing complete traceability. Furthermore, existing mechanisms cannot respond technically before the photo is taken, resulting in delayed prevention and control.

[0046] Based on this, an embodiment of the present application provides a page data display method, comprising: obtaining a first component including target data, packaging the first component to obtain a second component; generating alternative content based on the target data, the alternative content being used to replace the target data in the second component; displaying the alternative content in the second component in response to no detection of a target operation event triggered by a user; and displaying the target data in the second component in response to detection of a target operation event triggered by a user. According to an embodiment of the present application, by packaging the front-end component containing the target data, a second component with display control capabilities is constructed, and combined with the alternative content generated based on the target data, an on-demand visible display strategy for sensitive data is implemented. Users can only temporarily view real data when they actively trigger an operation, which not only meets the need for immediate access to information, but also prevents batch interception or unconscious dissemination, effectively balancing data privacy protection and user operation experience. In addition, since it runs independently based on the front-end logic, it does not need to rely on the back-end data service or additional rendering interface, avoiding the server load introduced by adding security logic, and has low computing resource consumption and good front-end response performance.

[0047] It should be noted that the page data display method, device, equipment, medium, and program product identified in this application can be used in the fields of privacy computing technology and big data technology, as well as the field of financial technology. It can also be used in a variety of fields other than the fields of privacy computing technology, big data technology, and financial technology. The application fields of the page data display method, device, equipment, medium, and program product provided in the embodiments of this application are not limited.

[0048] In the technical solution of this application, the user information involved (including but not limited to user personal information, user image information, user device information, such as location information, etc.) and data (including but not limited to data used for analysis, stored data, displayed data, etc.) are all information and data authorized by the user or fully authorized by all parties, and the collection, storage, use, processing, transmission, provision, disclosure and application of the relevant data comply with relevant laws, regulations and standards, take necessary confidentiality measures, do not violate public order and good morals, and provide corresponding operation entrances for users to choose to authorize or refuse.

[0049] In the scenario of using personal information for automated decision-making, the methods, devices, and systems provided in the embodiments of the present application all provide users with corresponding operation portals for users to choose to agree or reject the automated decision-making results; if the user chooses to reject, the expert decision-making process will be entered. The expression "automated decision-making" here refers to the activity of automatically analyzing and evaluating an individual's behavioral habits, interests and hobbies, or economic, health, credit status, etc. through computer programs and making decisions. The expression "expert decision-making" here refers to the activity of making decisions by people who specialize in a certain field, have specialized experience, knowledge and skills, and have reached a certain level of professionalism.

[0050] Figure 1 The application scenario diagram of the page data display method, device, equipment, medium and program product according to the embodiment of the present application is schematically shown.

[0051] like Figure 1 As shown, the application scenario 100 according to this embodiment may include a first terminal device 101, a second terminal device 102, a third terminal device 103, a network 104, and a server 105. The network 104 is used as a medium for providing a communication link between the first terminal device 101, the second terminal device 102, the third terminal device 103, and the server 105. The network 104 may include various connection types, such as wired or wireless communication links or optical fiber cables.

[0052] A user may use a first terminal device 101, a second terminal device 102, or a third terminal device 103 to interact with a server 105 via a network 104 to receive or send messages, etc. Various communication client applications may be installed on the first terminal device 101, the second terminal device 102, or the third terminal device 103, such as shopping applications, web browser applications, search applications, instant messaging tools, email clients, social platform software, etc. (for example only).

[0053] The first terminal device 101 , the second terminal device 102 , and the third terminal device 103 may be various electronic devices having display screens and supporting web browsing, including but not limited to smart phones, tablet computers, laptop computers, desktop computers, and the like.

[0054] The server 105 may be a server that provides various services, such as a background management server (for example only) that supports websites browsed by users using the first terminal device 101, the second terminal device 102, and the third terminal device 103. The background management server may analyze and process received data such as user requests, and feed back processing results (e.g., web pages, information, or data obtained or generated based on user requests) to the terminal devices.

[0055] It should be noted that the page data display method provided in the embodiment of the present application can generally be executed by the server 105. Accordingly, the page data display device provided in the embodiment of the present application can generally be set in the server 105. The page data display method provided in the embodiment of the present application can also be executed by a server or server cluster that is different from the server 105 and can communicate with the first terminal device 101, the second terminal device 102, the third terminal device 103 and / or the server 105. Accordingly, the page data display device provided in the embodiment of the present application can also be set in a server or server cluster that is different from the server 105 and can communicate with the first terminal device 101, the second terminal device 102, the third terminal device 103 and / or the server 105.

[0056] It should be understood that Figure 1 The number of terminal devices, networks and servers in the embodiment is merely illustrative. Any number of terminal devices, networks and servers may be provided as required.

[0057] The following will be based on Figure 1 The scene described by Figures 2 to 4 The page data display method of the disclosed embodiment is described in detail.

[0058] Figure 2 The flowchart of the page data display method according to an embodiment of the present application is schematically shown.

[0059] like Figure 2 As shown, the page data display method 200 of this embodiment includes operations S210 to S240, and the page data display method can be executed by the server 105.

[0060] In operation S210, a first component including target data is acquired, and packaging processing is performed on the first component to obtain a second component.

[0061] In the embodiments of this application, the first component can be any common front-end visual component with data display capabilities, such as a text display box, a read-only input box, a table cell, a list item, a field label, etc., and its display content is the target data extracted from the business logic. The first component can be generated on the front-end page using a template language, a componentized rendering framework, or data binding. The data fields included can be from a server response, a user input cache, or loaded from local storage.

[0062] According to an embodiment of the present application, in order not to change the original business logic and structural semantics of the first component, the functionality of the first component can be expanded by using a packaging process.

[0063] For example, packaging can be achieved through high-order component technology. This involves passing a first component as a parameter to a wrapper function, which internally defines interaction response logic, state transition logic, and display replacement logic, and returns an enhanced second component. While retaining the original display functionality, the second component also adds the ability to monitor target operation events and hide and restore target data, thus providing leak-proof display control.

[0064] For example, wrapping can be achieved by creating a proxy component that internally references the first component and receives its display content via slots or attribute values. During the interface rendering process, the proxy component determines whether the target display condition (e.g., mouse hover) is currently in effect and dynamically decides whether to pass the actual target data or alternative content to the first component based on this condition. Furthermore, the wrapping logic may include setting additional private properties for temporary storage of the actual data, preventing the target data from being directly exposed within the page structure.

[0065] To adapt to the needs of different page component structures and presentation methods, packaging processing can also adapt to multiple types of component structures, such as nested components, responsive components, combined forms, embedded information blocks, etc. In a tabular data display scenario, the first component may be a column field cell in the table. This cell can be packaged through a column rendering function or a slot mechanism so that the corresponding fields in each row have independent display control logic. In a dashboard or kanban scenario, the target data may exist in the form of information cards, icons, and numerical values. In this case, the packaging component can be applied to the value field behind the icon to achieve unified control of sensitive indicators.

[0066] In the embodiments of this application, the packaging process is non-invasive. The generation of the second component does not change the structural dependencies of the first component, nor does it affect its behavioral characteristics during the page lifecycle, thereby ensuring business maintainability and system stability. Developers can dynamically adjust the packaging strategy through configuration parameters, such as whether to enable packaging, the type of packaging component, and the type of response interaction, to flexibly adapt to different business needs and security levels.

[0067] In operation S220 , alternative content is generated based on the target data, where the alternative content is used to replace the target data in the second component.

[0068] In an embodiment of the present application, operation S220 is used to implement visual masking of the target data. Specifically, before the user triggers the display action, the actual target data is displayed in the form of alternative content to prevent direct exposure in the static state of the page. The alternative content can be constructed by analyzing the structural characteristics of the target data and combining it with preset policy rules to provide visual cues without revealing the actual information.

[0069] In some embodiments, the target data may be a user's private information, sensitive business fields, or high-risk indicators, with clearly defined character content, such as name, mobile phone number, ID number, credit rating, asset amount, etc. The system may prioritize the character length of the target data and generate placeholder content of the same length based on this.

[0070] To improve configurability and applicability, the generation of alternative content can be differentiated based on factors such as data type, field label, and business scenario. For example, for numeric data, fixed format symbols (such as "###.##") can be used as replacements; for text data, a uniform set of asterisks, dots, or random characters can be used; and for structured data (such as nested fields in a table), local masking content can be generated for each field position to ensure that the overall display structure is not disrupted.

[0071] In some embodiments, the construction process of alternative content can introduce counterfeit designs or misleading visual effects to enhance leak prevention. For example, CSS can be used to set the color, transparency, font shape, and other aspects of the alternative content to visually align with the original content, thereby confusing attacks using the naked eye, screenshots, or image recognition. Furthermore, the alternative content can be made unpredictable by randomly inserting small perturbation characters or inserting stub characters, further enhancing its anti-cracking capabilities.

[0072] In an embodiment of the present application, the generation of alternative content can also be associated with the contextual display information of the component to improve the perceived consistency of the overall page. For example, in a sensitive indicator dashboard, alternative content for different fields can use different style symbols to avoid users misjudging hidden data due to unified symbols. In scenarios such as customer service platforms where different levels of information need to be displayed to users with different permissions, alternative content can also be dynamically generated based on user identity levels to achieve the integration of information protection and permission-level display.

[0073] Furthermore, the generation of alternative content can be pre-integrated into the state initialization logic of the second component, or dynamically calculated based on the user's first interaction, improving system responsiveness. The system can also set up adjustable alternative content policy templates to support subsequent on-demand adjustments to field-level display logic to meet compliance requirements across different industries and data security levels.

[0074] In operation S230 , in response to not detecting the target operation event triggered by the user, the alternative content is displayed in the second component.

[0075] Specifically, during component initialization or page loading, if the system detects that the user has not yet triggered the target action (such as hovering, clicking, or focusing), it automatically replaces the display content corresponding to the target data with the generated alternative content. This alternative content is rendered in the component as the default visual content, preventing the user from directly viewing sensitive data before performing an action, thereby reducing the risk of information leakage in a static state.

[0076] For example, in a financial system, even if fields such as a customer's account balance, credit rating, and transaction details are displayed on a page after authentication, they could still be leaked if an employee leaves the page or if the page is viewed or captured by someone else. By using the default display alternative content method described in S230, users can see only text such as "****" or "hidden" instead of the actual data before actively viewing it, thereby creating a secure "default invisible" view.

[0077] In some embodiments, the system can execute current state determination logic during the component's lifecycle mounting phase. If no target action event is detected, the component's display content is directly set to a preset alternative value. For complex components containing multiple subfields, state determination and alternative display logic can also be executed separately for each field, achieving granular control at the field level.

[0078] Furthermore, the system can also combine browser environment information such as the page scrolling state and whether the tab is active to enhance the accuracy of untriggered event judgments. For example, if the user leaves the current tab or browser window, the system will continue to display alternative content, preventing data leakage in a "non-interactive and unfocused" state. For mobile users, it can also determine whether the user is actively viewing the component by detecting touch events or the focus state of elements within the viewport, further enriching the triggering conditions of the target operation event.

[0079] Furthermore, to improve system adaptability, alternative content can be displayed not only through text replacement, but also through mask overlays, content blurring, image masking, and icon replacement. The system can select different non-interactive display strategies based on component type. For example, placeholder characters can be used directly for text components, transparent masks can be used to cover highly sensitive areas for chart components, and data card components can visually present a "click to view" prompt to guide users to actively trigger the display.

[0080] In operation S240 , in response to detecting a target operation event triggered by a user, the target data is displayed in the second component.

[0081] In the embodiments of the present application, target operation events may include but are not limited to mouse hover, mouse click, focus, touch screen press, voice command, etc. Taking desktop web pages as an example, mouse hover events are the most commonly used interaction method. When the user moves the mouse pointer over the second component, the system listens to the event and immediately reads the previously hidden target data content from the data structure bound to the component to replace the original placeholder display. The entire switching process can be controlled by the state mechanism of the front-end framework, and a partial refresh can be completed without causing the entire page to be redrawn.

[0082] To ensure the consistency and visual smoothness of the display behavior, embodiments of the present application may also incorporate style prompts such as transition animations, fade-in effects, or emphasized borders when the display behavior is triggered, so that users can clearly perceive that the current information is visible. In certain business systems where risks need to be emphasized, prompt labels or highlighted labels (such as "Sensitive Information Displaying") can also be used to guide users to pay attention to the risks of information use and enhance security awareness.

[0083] In mobile implementations, the target action event can correspond to a user click or long-press gesture. For example, in an app scenario, when a user long-presses a field area for longer than a preset threshold (e.g., 500ms), the system deems the viewing intent established and removes the alternative content mask for that area, revealing the target data. After the triggering action ends (e.g., finger release or page scrolling), the system automatically restores the mask, maintaining a short-term, proactively confirmed display mode.

[0084] Furthermore, embodiments of this application also support collaboration with user behavior recording systems to implement display response policies based on identity permissions, historical behavior, or sensitivity level. For example, within an enterprise's sensitive information system, for operations with high access frequency or low user role permissions, data display responses can be delayed (e.g., visible after 500ms of hovering) or a maximum visibility time can be set (e.g., automatically hiding for 3 seconds and then re-masking). This mechanism can be controlled through a front-end timer or behavior policy module, further limiting the risk of excessive access or exposure of sensitive information.

[0085] The page data display method of the embodiment of the present application will be specifically described below in the form of a preferred embodiment.

[0086] In an embodiment of the present application, generating alternative content based on the target data may include: determining the character length and data type of the target data; selecting a target placeholder from a preset placeholder strategy based on the data type; and generating the alternative content based on the target placeholder and the character length.

[0087] Specifically, the target data may contain a variety of types, such as strings (such as names, ID numbers), numbers (such as account balances, rating levels), timestamps (such as operation time), structured labels (such as multi-level classification labels), etc. The system can identify the data type through simple type judgment or field annotation mechanisms, and call different replacement generation strategies accordingly. For example, for string type data, symbols such as asterisks (*) and dots (·) can be used as placeholders; for numeric fields, a uniform number of symbol digits (such as "###.##") can be used to construct a placeholder format consistent with the original data format; for date fields, "-- / -- / --" or other fuzzy forms can be used.

[0088] The determination of character length can be used to generate alternative content of the same length, thereby visually maintaining the integrity of the data area structure and preventing users from inferring the original content based on field length or alignment. In some scenarios, the system can also support inserting random length perturbations to increase misleadingness, or mixing different characters in the alternative content to improve security. For example, generating "Zhang San" as "*@*" instead of simply "***" can, to a certain extent, break the user's expectation of the correspondence between the alternative characters and the original data.

[0089] To improve maintainability and business adaptability, the rules for generating replacement content can be configured and managed through policy templates. Developers can define policy parameters such as the mapping between field types and placeholders, length handling rules, and whether to add random interference symbols. This template can be loaded during front-end component initialization or returned by back-end interfaces at the field level, enabling unified distribution of replacement logic across business lines and pages.

[0090] In an embodiment of the present application, to ensure that the display of sensitive data on a page is always unique and controllable, the system can maintain global component identification information on the client side to record the current display state. This global component identification information can be used to indicate the second component in the current page that is in a visible state for the target data, that is, the component instance currently displaying the actual target data.

[0091] During actual operation, when any second component detects a user-triggered target operation event (e.g., mouse hover, click, focus, etc.), it can first obtain the current global component identification information and compare the component identification of the second component with the global component identification information to determine whether the current user operation is affecting the second component itself, which is already in the displayed state. If the result is "yes", that is, the component is already the currently displayed component, no switching operation is performed; the current displayed state is maintained.

[0092] If the judgment result is "no," meaning the component currently triggering the operation is inconsistent with the second component already displayed, the system will trigger the display mutual exclusion control process. Specifically, the system can find the second component that was previously in the display state based on the global component identification information and send a control instruction to the component to switch its display content from the target data to the corresponding alternative content, thereby revoking the visibility of its sensitive data. After completing this masking operation, the system will set the second component currently responding to the user operation as the new display component and update the global component identification information to ensure consistency in subsequent display logic.

[0093] In an embodiment of the present application, the control mechanism can be implemented through a front-end state management module, such as using browser global variables, context state containers, shared memory models, or virtual DOM-based state synchronization mechanisms, to ensure the synchronous coordination of display behaviors among multiple components.

[0094] According to the embodiments of the present application, in scenarios where components are frequently switched or interactions are highly concurrent, the judgment and control scheme based on global component identification information can still ensure that only one sensitive component on the page is in a state where real data is visible at any time, preventing multiple sensitive fields from being exposed at the same time in a short period of time, and significantly reducing potential leakage risks such as batch screenshots and visual aggregation recognition.

[0095] In the optional extension scheme, the global component identification information can further include extended attributes such as display start time, user ID, component location index, etc., which can be used in combination with the display duration control strategy or display behavior audit logic to achieve more refined risk assessment and behavior recording.

[0096] Specifically, the global state identifier may include at least two core fields: a unique component identifier and a display start time. The unique component identifier is used to identify the current display component, and the display start time is used to record the time point when the current display component displays the target data.

[0097] Among them, the unique component identifier can be used to identify the second component that is currently in the target data display state. The unique component identifier can be a unique identifier automatically generated by the second component when the page is loaded, such as a globally unique identifier based on the component rendering order, the page structure path, the DOM node identifier, or the system. Through the unique component identifier, the system can accurately locate the component object that is displaying real sensitive data on the page at any time, thereby quickly performing target masking or update operations in display mutual exclusion control, access auditing, or component switching scenarios.

[0098] The display start time can be used to record the time point when the current display component begins displaying the target data, for example, by saving it as a timestamp. The display start time can be used as a basis for subsequent security policies, such as determining whether the display duration limit has been reached, whether the automatic hiding mechanism has been triggered, and whether access behavior needs to be recorded. For example, the system can set a display timeout threshold. When it detects that the display duration of the current display component exceeds this threshold, it automatically restores the display to alternative content, thereby preventing sensitive information from remaining in the visible area of ​​the page for an extended period of time.

[0099] In business scenarios requiring higher security, the display start time can be combined with factors such as user identity, operation source, and component location to construct a user behavior trajectory, enabling temporal analysis and traceable auditing of sensitive information viewing behavior. Furthermore, the display start time can be updated synchronously with display switching, ensuring the system has complete timeline information at the moment of display transfer.

[0100] By jointly maintaining the unique component identifier and the display start time, the embodiment of the present application not only realizes the accurate positioning and management of the display status of sensitive information on the page, but also establishes a controllable basis for display behavior in the time dimension, and provides unified data support for the system's subsequent security policy execution, access log recording, user abnormal behavior identification and other functional modules.

[0101] In an embodiment of this application, to achieve front-end control over the display of sensitive data on a page, the system can package a first component using a wrapper function, enabling dynamic display switching. The core mechanism of this wrapper process involves passing the first component (a standard front-end visualization component) as a parameter to a predefined wrapper function, which then returns an enhanced second component. While retaining the original functionality of the first component, this second component adds monitoring capabilities and response logic for user interactions, enabling control over switching between alternative content and target data.

[0102] Specifically, the wrapper function embeds interactive processing logic for monitoring target action events, including but not limited to mouseover, mouseout, click, focus, and touch. By binding these event listeners, the wrapper function enables the second component to detect whether the user is actively viewing the page while it's running. Once the system detects a user triggering a preset action (such as hovering the mouse over a component area), the component's current display content is immediately switched from the original alternative content to the corresponding target data, enabling short-term, on-demand display.

[0103] To enhance controllability and consistency of interactions, event unbinding logic can also be set in the wrapper function to ensure that the displayed content is automatically restored to its alternative form after the user action ends (such as mouse-out or loss of focus). This prevents sensitive information from being retained on the page for an extended period and potentially leaking. This display switching process is typically implemented through the state update mechanism in the front-end framework, achieving display switching with minimal performance overhead.

[0104] According to the embodiments of this application, the encapsulation function can be repeatedly called within a project as a universal tool module, adapting to different types of components (such as form fields, read-only labels, table columns, data cards, etc.) without intruding on the component's internal logic. Developers simply need to call the encapsulation function at the outer level of a business component to grant it anti-leakage control capabilities, thereby improving the reusability and development efficiency of sensitive field protection logic in the system.

[0105] For example, to dynamically display and hide sensitive data on web pages, the system embeds an event monitoring mechanism for user interactions in the second component. This includes logic for capturing and responding to mouseover (mouseenter) and mouseexit (mouseleave) events. When a user navigates a web page using their device, the mouse pointer continuously moves around the page, and the system uses this movement as a key condition for triggering component state transitions.

[0106] Specifically, when the mouse pointer is detected hovering within the second component area, triggering a mouse hover event, it can be determined that the user intends to view the target data of the current component. At this time, the display state switching logic within the component is activated, and the alternative content is replaced with the corresponding target data, which is displayed as the actual value on the user interface. This display switching process is achieved by modifying the state variables of the front-end component, allowing users to obtain data visibility without additional operation.

[0107] Accordingly, when the user's mouse pointer leaves the second component area, triggering a mouse-out event, the system automatically switches the displayed content back to the original alternative content. This process ensures that sensitive information is only displayed briefly when the user's interaction intent is clear and is immediately obscured after the interaction ends, reducing the risk of page content being leaked through screenshots, screen recordings, or sideways cameras in static scenes.

[0108] According to the embodiments of this application, the mouse event-based display switching mechanism is highly real-time and intuitive. It can dynamically control the visibility of every sensitive field on a webpage without adding burden to the user, effectively balancing data privacy protection and user experience. Furthermore, this mechanism is applicable to various front-end component structures and display layouts, requiring no back-end coordination, and possesses strong front-end portability and engineering practicality.

[0109] Furthermore, to further enhance the secure display of sensitive data on pages, we can introduce user-identity-based access counters and display timers, combined with the sensitivity levels of each component, to build a dynamically controlled data display strategy. These access counters and display timers not only allow the system to control the display and hiding of target data based on user behavior, but also combine historical access records with real-time interaction processes to fine-tune the visibility of target data.

[0110] Specifically, a set of independent behavior record indicators can be maintained for each logged-in user, including statistics on the number of visits to each second component (i.e., visit counter) and the duration of each display of target data (i.e., display timer). When a user operation causes the target data to begin displaying, the display timer of the corresponding component can be started, and the current number of visits can be increased by one. At the same time, the system can also set corresponding display constraints based on the sensitivity level parameters of the second component. For example, high-sensitivity components allow a smaller maximum number of displays and a shorter single display duration, while low-sensitivity components can have relatively relaxed restrictions.

[0111] During the data display process, if the system detects that the number of user visits to a second component has reached the preset maximum display threshold, or the display duration has reached the single display duration threshold, the display content fallback logic will be automatically triggered, the currently displayed target data will be switched to alternative content, and the component will be prohibited from displaying real data again in the future (or re-authentication will be required).

[0112] In an embodiment of the present application, to enhance traceability after a webpage data leak, implicit watermark information corresponding to the user's identity identifier can be embedded in the second component. The implicit watermark information can be embedded in the page rendering structure in an invisible manner, neither affecting the user's normal page browsing experience nor interfering with the page's functional logic. At the same time, it has strong anti-tampering and anti-erasure capabilities, and can be used for traceability analysis after a data leak occurs.

[0113] Implicit watermark information can be encoded in conjunction with user identifiers (such as user IDs, login tokens, and access session numbers) and injected into the second component's CSS through subtle perturbations of the DOM structure, fine-tuning of style attributes, or pixel shifting during the front-end rendering process. Because this type of encoding isn't directly present in the page content and difficult to detect with the naked eye, even if users take screenshots, screen recordings, or photos of the page for dissemination, the relevant implicit features can still be accurately extracted through image analysis or structural inference, allowing for the identification of the specific individual responsible for the leak.

[0114] During system deployment, each component display process dynamically generates a unique watermark code based on the current user's identity information. This ensures that the same component will have a unique embedded implicit watermark when accessed by different users, further improving tracking accuracy. Upon detecting externally leaked images or webpages, the system can perform structural recognition or style restoration operations to extract the watermark information and reverse-match it to a specific user, thereby locating the source of the leak.

[0115] Figure 3 The following schematically illustrates an operation flow chart of a page data display method according to some exemplary embodiments of the present application.

[0116] like Figure 3 As shown in the figure, when the anti-leakage component begins loading, it can perform an initial scan of the common components on the current page (i.e., the first component) and extract the original value of each component. This value is the target data to be displayed and protected. The system then writes this original value into the component's corresponding data-value custom attribute for dynamic call during subsequent user interaction.

[0117] Next, the system generates alternative content of equal length based on the original value. This alternative content can be a sequence of asterisks of the same length as the characters (for example, "****"), and assigns the asterisk alternative content to the value attribute of the component. Therefore, when the page is initially rendered, the content displayed in the component is a hidden form of asterisks, rather than actual sensitive information.

[0118] After configuring the display of alternative content, the anti-leakage component will actively listen for mouse-related hover events. At runtime, if the mouse pointer is detected hovering over the component area, the component's content recovery logic will be triggered, extracting the true original value from the data-value attribute and redisplaying it in the component, so that users can fully access the target information when they explicitly intend to view it.

[0119] Conversely, if the mouse pointer isn't hovering over the component, or moves out of it after hovering, the system automatically rewinds the display, switching the current component's content back to an equal-length asterisk replacement. This hover-based switching mechanism ensures that sensitive data is only visible for a short period of time with the user's explicit intent, effectively preventing information leaks caused by screenshots, bystanders, and other factors.

[0120] Figure 4 The display effects of the page data display method in different interaction states according to some embodiments of the present application are schematically shown.

[0121] like Figure 4 As shown, when the user's mouse is not hovering over a sensitive data component, the target component on the page is displayed as a set of asterisks (e.g., "********") by default, replacing the original data content. The asterisk content is generated based on the length of the actual value, and the number of characters matches the original data. This not only implies the presence of real content but also effectively prevents it from being viewed or captured by screenshots in its initial state. This default display state is maintained unless a target action event is triggered, ensuring the static security of sensitive information.

[0122] When the user hovers over the component area, as shown in the image above, the system automatically triggers the data visualization logic, retrieves the previously hidden true value from the component's internal data-value attribute or state container, and displays it within the component, for example, "True value: 1000." This display process is triggered by explicit user actions, preventing information leakage due to accidental touches or involuntary viewing.

[0123] It's important to note that this switching display mechanism not only relies on monitoring mouse hover events, but also incorporates strategies such as global status identification, display time limits, and user identity verification to achieve higher-level data protection. For example, you can set a maximum number of times or display duration for a component by the same user. Once the limit is reached, the component will automatically revert to starred content or trigger additional verification steps.

[0124] The page data display method proposed in the embodiment of the present application has good security, flexibility and user experience. It can display sensitive data in a controllable manner through component packaging without changing the original component business logic, effectively preventing the risk of data leakage in the static state of the page. By constructing alternative content and displaying the alternative content by default when no operation event is triggered, the static leakage prevention capability is significantly improved; at the same time, the real data is dynamically restored in combination with user-triggered operation events (such as hovering, clicking, etc.), ensuring information security while not affecting the user's business operation process. The system further supports controlling display behavior according to policies such as user identity, number of displays and duration, enhancing the ability to manage access to sensitive information in a refined manner; leak tracing is achieved through a watermark mechanism, improving post-event accountability and deterrence effects; in addition, the embodiment of the present application supports multi-terminal adaptation and flexible configuration, can meet the compliance requirements of different industries and data security levels, and has good engineering feasibility and promotion value.

[0125] Corresponding to the above-mentioned page data display method, an embodiment of the present application also provides a page data display device.

[0126] Figure 5 The structural block diagram of the page data display device according to an embodiment of the present application is schematically shown.

[0127] like Figure 5 As shown, the page data display device 500 of this embodiment includes a packaging module 510 , an alternative content generation module 520 , a first display module 530 and a second display module 540 .

[0128] The packaging module 510 may be used to obtain a first component including target data, and perform packaging processing on the first component to obtain a second component. In one embodiment, the packaging module 510 may be used to perform the operation S210 described above, which will not be repeated here.

[0129] The alternative content generation module 520 may be configured to generate alternative content based on the target data, wherein the alternative content is used to replace the target data in the second component. In one embodiment, the alternative content generation module 520 may be configured to perform the operation S220 described above, which will not be described in detail herein.

[0130] The first display module 530 may be configured to display the alternative content in the second component in response to not detecting the target operation event triggered by the user. In one embodiment, the first display module 530 may be configured to perform the operation S230 described above, which will not be described in detail herein.

[0131] The second display module 540 can be used to display the target data in the second component in response to detecting a target operation event triggered by the user. In one embodiment, the second display module 540 can be used to perform the operation S240 described above, which will not be repeated here.

[0132] According to an embodiment of the present application, the packaging module 510 can also be used to pass the first component as a parameter into the encapsulation function, wherein the encapsulation function is embedded with interaction processing logic for monitoring the target operation event to switch the target data and the alternative content for display in the second component based on the target operation event.

[0133] According to an embodiment of the present application, the alternative content generation module 520 can also be used to determine the character length and data type of the target data; based on the data type, select a target placeholder from a preset placeholder strategy; and generate the alternative content based on the target placeholder and the character length.

[0134] According to an embodiment of the present application, the page data display device 500 may further include a global identification module. The global identification module may be configured to maintain global component identification information for recording the current display state; in response to detecting that the second component has received the target operation event, determine whether the second component is the currently displayed component based on the global component identification information, where the currently displayed component represents the second component currently in the visible state of the target data; and if the second component is not the currently displayed component, search for and control the currently displayed component to display the alternative content, and update the global component identification information.

[0135] According to an embodiment of the present application, the page data display device 500 may further include a pointer monitoring module. The pointer monitoring module may be configured to display the target data in response to detecting that the mouse pointer is hovering over the second component, and to display the alternative content in response to detecting that the mouse pointer is moving out of the second component.

[0136] According to an embodiment of the present application, the page data display device 500 may further include a threshold determination module. The threshold determination module may be configured to establish an access counter and a display timer based on a user identity, set a maximum display count threshold and a single display duration threshold based on the component sensitivity level of the second component, and control the display duration or number of the target data in the second component based on the maximum display count threshold or the single display duration threshold.

[0137] According to an embodiment of the present application, the page data display device 500 may further include an implicit watermark module. The implicit watermark module may be configured to embed implicit watermark information corresponding to a user identity in the second component, where the implicit watermark information is encoded in an invisible form in the second component; and in response to detecting a target data leak, identify the user identity corresponding to the leak source based on the implicit watermark information.

[0138] According to embodiments of the present application, any multiple modules among the packaging module 510, the alternative content generation module 520, the first display module 530, and the second display module 540 may be combined into a single module, or any one of these modules may be split into multiple modules. Alternatively, at least part of the functionality of one or more of these modules may be combined with at least part of the functionality of other modules and implemented in a single module. According to embodiments of the present application, at least one of the packaging module 510, the alternative content generation module 520, the first display module 530, and the second display module 540 may be at least partially implemented as a hardware circuit, such as a field programmable gate array (FPGA), a programmable logic array (PLA), a system on a chip, a system on a substrate, a system on a package, an application-specific integrated circuit (ASIC), or may be implemented in hardware or firmware by any other reasonable means of integrating or packaging circuits, or may be implemented in any one of the three implementation methods of software, hardware, and firmware, or in any appropriate combination of any of these. Alternatively, at least one of the packaging module 510 , the alternative content generation module 520 , the first presentation module 530 , and the second presentation module 540 may be at least partially implemented as a computer program module, which may perform corresponding functions when executed.

[0139] Figure 6 A block diagram of an electronic device suitable for implementing a page data display method according to an embodiment of the present application is schematically shown.

[0140] like Figure 6 As shown, an electronic device 600 according to an embodiment of the present application includes a processor 601, which can perform various appropriate actions and processes based on a program stored in a read-only memory (ROM) 602 or a program loaded from a storage unit 608 into a random access memory (RAM) 603. The processor 601 may include, for example, a general-purpose microprocessor (e.g., a CPU), an instruction set processor and / or a related chipset and / or a dedicated microprocessor (e.g., an application-specific integrated circuit (ASIC)), etc. The processor 601 may also include onboard memory for caching purposes. The processor 601 may include a single processing unit or multiple processing units for performing different actions of the method flow according to an embodiment of the present application.

[0141] Various programs and data required for the operation of the electronic device 600 are stored in the RAM 603. The processor 601, ROM 602, and RAM 603 are connected to each other via a bus 604. The processor 601 performs various operations of the method flow according to the embodiment of the present application by executing the programs in the ROM 602 and / or RAM 603. It should be noted that the programs may also be stored in one or more memories other than the ROM 602 and RAM 603. The processor 601 may also perform various operations of the method flow according to the embodiment of the present application by executing the programs stored in the one or more memories.

[0142] According to an embodiment of the present application, electronic device 600 may further include an input / output (I / O) interface 605, which is also connected to bus 604. Electronic device 600 may also include one or more of the following components connected to I / O interface 605: an input section 606 including a keyboard, mouse, etc.; an output section 607 including devices such as a cathode ray tube (CRT), liquid crystal display (LCD), and speakers; a storage section 608 including a hard disk; and a communication section 609 including a network interface card such as a LAN card or modem. Communication section 609 performs communication processing via a network such as the Internet. A drive 610 is also connected to I / O interface 605 as needed. Removable media 611, such as a magnetic disk, optical disk, magneto-optical disk, semiconductor memory, etc., is installed in drive 610 as needed, so that computer programs read from the removable media can be installed into storage section 608 as needed.

[0143] This application also provides a computer-readable storage medium, which may be included in the device / apparatus / system described in the above embodiments, or may exist independently and not be incorporated into the device / apparatus / system. The computer-readable storage medium carries one or more programs, and when the one or more programs are executed, the method according to the embodiments of this application is implemented.

[0144] According to an embodiment of the present application, a computer-readable storage medium may be a non-volatile computer-readable storage medium, and may include, for example, but not limited to: a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination thereof. In the present application, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. For example, according to an embodiment of the present application, a computer-readable storage medium may include the ROM 602 and / or RAM 603 described above and / or one or more memories other than ROM 602 and RAM 603.

[0145] The embodiments of the present application also include a computer program product, which includes a computer program containing program code for executing the method shown in the flowchart. When the computer program product is executed in a computer system, the program code is used to enable the computer system to implement the page data display method provided in the embodiments of the present application.

[0146] The computer program executes the above functions defined in the system / device of the embodiment of the present application when the computer program is executed by the processor 601. According to the embodiment of the present application, the system, device, module, unit, etc. described above can be implemented by a computer program module.

[0147] In one embodiment, the computer program may be stored on a tangible storage medium such as an optical storage device or a magnetic storage device. In another embodiment, the computer program may be transmitted and distributed in the form of a signal on a network medium, downloaded and installed via the communication portion 609, and / or installed from a removable medium 611. The program code contained in the computer program may be transmitted using any appropriate network medium, including but not limited to wireless, wired, or any suitable combination thereof.

[0148] In such an embodiment, the computer program can be downloaded and installed from a network via the communication section 609, and / or installed from a removable medium 611. When the computer program is executed by the processor 601, the above-mentioned functions defined in the system of the embodiment of the present application are performed. According to the embodiment of the present application, the systems, devices, means, modules, units, etc. described above can be implemented by computer program modules.

[0149] According to an embodiment of the present application, the program code for executing the computer program provided by the embodiment of the present application can be written in any combination of one or more programming languages. Specifically, these computer programs can be implemented using high-level procedural and / or object-oriented programming languages, and / or assembly / machine languages. Programming languages ​​include, but are not limited to, languages ​​such as Java, C++, Python, "C" or similar programming languages. The program code can be executed entirely on the user computing device, partially on the user device, partially on a remote computing device, or entirely on a remote computing device or server. In the case of a remote computing device, the remote computing device can be connected to the user computing device through any type of network, including a local area network (LAN) or a wide area network (WAN), or can be connected to an external computing device (for example, using an Internet service provider to connect via the Internet).

[0150] The flowcharts and block diagrams in the accompanying drawings illustrate the possible implementation architecture, functions and operations of the systems, methods and computer program products according to various embodiments of the present application. In this regard, each box in the flowchart or block diagram can represent a module, program segment, or a part of code, and the above-mentioned module, program segment, or a part of code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in an order different from that marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram or flowchart, and the combination of the boxes in the block diagram or flowchart, can be implemented with a dedicated hardware-based system that performs the specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0151] Those skilled in the art will appreciate that the features described in the various embodiments of this application may be combined and / or coupled in various ways, even if such combinations or couplings are not explicitly described in this application. In particular, the features described in the various embodiments of this application may be combined and / or coupled in various ways without departing from the spirit and teachings of this application. All such combinations and / or couplings fall within the scope of this application.

[0152] The embodiments of the present application have been described above. However, these embodiments are for illustrative purposes only and are not intended to limit the scope of the present application. Although each embodiment has been described separately above, this does not mean that the measures in each embodiment cannot be advantageously used in combination. Without departing from the scope of the present application, those skilled in the art may make various substitutions and modifications, and these substitutions and modifications should all fall within the scope of the present application.

Claims

1. A page data display method, characterized in that: The method comprises: Acquire a first component including target data, and perform packaging processing on the first component to obtain a second component; generating alternative content based on the target data, wherein the alternative content is used to replace the target data in the second component; In response to not detecting the target operation event triggered by the user, displaying the alternative content in the second component; In response to detecting a target operation event triggered by a user, the target data is displayed in the second component.

2. The method according to claim 1, characterized in that Generating the alternative content based on the target data includes: Determining the character length and data type of the target data; Based on the data type, selecting a target placeholder from a preset placeholder strategy; and The alternative content is generated based on the target placeholder and the character length.

3. The method according to claim 1, characterized in that The method further comprises: Maintain global component identification information for recording the current display status; In response to detecting that the second component receives the target operation event, determining whether the second component is a currently displayed component based on the global component identification information, where the currently displayed component represents the second component that is currently in a state where the target data is visible; and If the second component is not the currently displayed component, the currently displayed component is searched and controlled to display the replacement content, and the global component identification information is updated.

4. The method according to claim 3, characterized in that The global state identifier includes a unique component identifier and a display start time, wherein the unique component identifier is used to identify the current display component, and the display start time is used to record the time point when the current display component displays the target data.

5. The method according to claim 1 or 2, characterized in that The packaging of the first component includes: The first component is passed into the encapsulation function as a parameter, wherein the encapsulation function is embedded with interaction processing logic for monitoring the target operation event to switch the target data and the alternative content for display in the second component based on the target operation event.

6. The method according to any one of claims 1 to 4, characterized in that The target operation event includes a mouse hover event and a mouse move event, and the method further includes: In response to detecting that the mouse pointer is hovering over the second component, displaying the target data; and In response to detecting that the mouse pointer moves out of the second component, the alternative content is displayed.

7. The method according to claim 6, characterized in that The method further comprises: Establishing an access counter and a display timer based on the user identity, and setting a maximum display count threshold and a single display duration threshold according to the component sensitivity level of the second component; and Based on a maximum display count threshold or a single display duration threshold, the display duration or the number of displays of the target data in the second component is controlled.

8. The method according to claim 1, characterized in that The method further comprises: Embedding implicit watermark information corresponding to the user identity in the second component, wherein the implicit watermark information is encoded in the second component in an invisible form; and In response to detecting the target data leakage, a user identity corresponding to the leakage source is identified based on the implicit watermark information.

9. A page data display device, characterized in that: The device comprises: A packaging module is used to: obtain a first component including target data, and perform packaging processing on the first component to obtain a second component; An alternative content generation module, configured to: generate alternative content based on the target data, wherein the alternative content is used to replace the target data in the second component; A first display module is configured to: display the alternative content in the second component in response to not detecting a target operation event triggered by the user; and The second display module is used to: display the target data in the second component in response to detecting a target operation event triggered by the user.

10. An electronic device comprising: one or more processors; a memory for storing one or more computer programs, It is characterized in that the one or more processors execute the one or more computer programs to implement the steps of the method according to any one of claims 1 to 8.

11. A computer-readable storage medium having a computer program or instruction stored thereon, characterized in that: When the computer program or instruction is executed by a processor, the steps of the method according to any one of claims 1 to 8 are implemented.

12. A computer program product comprising a computer program or instructions, characterized in that When the computer program or instruction is executed by a processor, the steps of the method according to any one of claims 1 to 8 are implemented.

Images