Unified management method and system for opening pages of system applications
By combining multimodal form modules, cohesive function modules, navigation modules, and page preloading modules, the differences in page management between mobile and web terminals are resolved, achieving unified management of system application pages and improving development efficiency and user experience.
Patent Information
- Application Number
- CN202511096372.3
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-08-06
- Publication Date
- 2025-11-18
AI Technical Summary
In existing technologies, the page management modes of mobile and web terminals differ significantly, lacking a unified architectural design. This results in high development costs, inconsistent user experiences, and limited page formats and interactive functions, making it difficult to meet the needs of complex business scenarios.
The system employs a combination of multimodal form modules, cohesive functional modules, navigation modules, and page preloading modules to achieve unified management of application pages. The multimodal form modules support various display formats such as drawer-style, overlay pop-ups, and floating pop-ups; the cohesive functional modules allow for interface customization; the navigation module optimizes operations through intelligent storage planning algorithms; and the page preloading module caches resources.
It achieves seamless compatibility with mobile systems such as Android and iOS and mainstream web browsers, improves development efficiency by more than 40%, supports diverse displays and high customization, optimizes operation efficiency, shortens page loading time, and enhances user experience.
Smart Images

Figure CN120973451A_ABST
Abstract
Description
Technical Field
[0001] This invention relates to the field of computer software technology, and in particular to a unified management method and system for opening application pages. Background Technology
[0002] In the digital age, software applications are used in increasingly diverse scenarios, with mobile and web-based devices becoming the primary channels for users to access these applications. However, current software applications generally suffer from numerous problems in page management: On the one hand, mobile and web page management models differ significantly, lacking a unified architectural design. Mobile applications are often developed based on specific mobile operating systems (such as Android, iOS, and HarmonyOS), and their page layout and interaction logic need to be adapted to the screen size, resolution, and hardware characteristics of different devices. Web applications, on the other hand, rely on the browser environment, and page display is affected by front-end technologies such as HTML and CSS, as well as browser compatibility. This difference forces developers to develop and maintain applications separately for different terminals, which not only increases development costs and time but also makes it difficult for users to obtain a consistent operating experience when switching between different terminals.
[0003] On the other hand, existing applications suffer from simplistic page layouts and limited interactive features. Most applications only support the standard full-page opening mode, lacking sufficient support for diverse page formats such as drawer-style, overlay pop-ups, and floating pop-ups, failing to meet the needs of flexible information display and interactive operations in complex business scenarios. Furthermore, page size, theme color, and floating position settings are not flexible enough to adapt to different terminal screen sizes; in terms of page interaction functions, operations such as returning, refreshing, and closing lack convenience and flexibility, and there is a lack of pre-loading mechanisms, resulting in slow page loading speeds and long user wait times, significantly impacting user experience and efficiency.
[0004] Furthermore, as users' demands for software application experience continue to increase, traditional page management technologies can no longer meet users' needs for efficient, smooth, and personalized operation experiences. There is an urgent need for an innovative architecture that can uniformly manage mobile and web pages and support multiple page formats and flexible interactive functions. Summary of the Invention
[0005] The present invention aims to solve at least one of the technical problems existing in the prior art, and proposes a unified management method and system for opening application pages.
[0006] In a first aspect, the present invention provides a unified management method for opening pages of system applications, characterized in that it includes: a multimodal window module serving as the core hub for page display in a multimodal manner; wherein the multimodal manner includes drawer-style interaction mode, overlay pop-up mode, floating pop-up mode, and full-page display mode; The cohesive functional modules allow for customized interface processing of multimodal forms; The navigation module uses an intelligent storage planning algorithm to manipulate the customized interface and implement page navigation behavior; The page preloading module preloads resources for the pages navigated to by the navigation module.
[0007] In some possible embodiments, the multimodal window module dynamically parses structured parameters into windows of different modalities by calling the Open Page API provided by the page manager.
[0008] In some possible embodiments, the page manager's functionality includes dynamically calculating the size of the opened page based on the passed-in structured parameters, device type, and screen size.
[0009] In some possible embodiments, the page manager also includes functions such as real-time caching of operation record data based on the operation log to provide data support for the navigation module; and a seamless page preloading function to assist the page preloading module in releasing resources.
[0010] In some possible embodiments, the elements of the interface customization processing of the cohesive functional module include custom settings for window size, theme, transparency, window title, and collapse / expand functions.
[0011] In some possible embodiments, the navigation module dynamically calls the API to navigate between pages using an intelligent storage planning algorithm, providing multiple operation modes, including closing the current page, specifying a page, and closing all pages with one click.
[0012] Secondly, embodiments of the present invention provide a unified management system for opening system application pages, characterized in that it includes: a multimodal window unit, a cohesive functional unit, a navigation unit, and a page preloading unit; The multimodal window unit is used to open a multimodal page display, and the page display dynamically determines the current interface form based on the structured parameters passed in when the user operates the page and calls the API; The cohesive functional unit is used to parse and render interfaces with different sizes, themes, transparency, positions, and titles based on the input structured parameters. The navigation unit is used to cache the operation history of the interface and store the data using a last-in-first-out strategy. The navigation module includes functions for closing the current page, closing a specified page, closing all pages, and refreshing the page. The page preloading unit is used to preload the page that is about to be opened.
[0013] Thirdly, the present invention provides an electronic device, characterized in that it comprises: one or more processors, a storage device, an input device, and an output device; The processor includes data processing capabilities and instruction execution capabilities, and is used to control other components in the electronic device to perform desired actions. The storage device is used to store one or more programs, which, when executed by the one or more processors, enable the one or more processors to implement a unified management method for opening system application pages according to any one of claims 1 to 6. The input device is used to input commands; The output device is used to output various information to the outside.
[0014] The present invention provides a unified management method and system for opening system application pages, the advantages of which are as follows: 1. Achieve seamless compatibility with mobile systems such as Android and iOS, as well as mainstream web browsers: During the development process, developers only need to write one set of code, and the invention can automatically adapt to different terminal environments, improving development efficiency by more than 40% while reducing maintenance costs. 2. Diverse Display Options: The multimodal window module supports various modes, including drawer-style interactive panels, overlay pop-ups, floating pop-ups, and full-page displays. It can flexibly switch between page display formats according to different business scenarios and user operation needs. Whether it's for simple and efficient function calls, scenarios requiring highlighted important information, or immersive content browsing, it provides an adaptive display method, greatly enhancing the diversity and convenience of the user interaction experience. 3. Highly customizable to meet individual needs: The cohesive functional modules integrate comprehensive interface customization capabilities. Developers can customize themes based on brand identity, and users can adjust interface elements according to personal preferences. From size and specifications adapting to all terminal devices to fine-tuning visual effects such as theme colors and transparency, it provides powerful and flexible tools for interface creation, meeting diverse personalized customization needs.
[0015] 4. Intelligent Navigation Management for Optimized Operation Efficiency: The navigation module utilizes an intelligent storage planning algorithm to dynamically optimize storage strategies based on user behavior and page navigation history, enabling diverse and personalized navigation functions. It supports operations such as backtracking and multiple modes for closing pages, and can dynamically call APIs based on user habits, shortening operation paths, reducing unnecessary operations, and significantly improving user efficiency and smoothness within the application.
[0016] 5. Intelligent preloading ensures system performance: The page preloading module possesses intelligent dynamic resource management capabilities, adjusting preloading strategies in real time according to system business needs. By pre-caching page resources, page loading time is significantly shortened, achieving sub-second response times and ensuring fast page loading even in complex network environments. Simultaneously, it avoids resource waste caused by excessive preloading, improving user experience while ensuring efficient and stable system operation.
[0017] 6. Flexibility and scalability: The system supports structured configurations based on user input, providing enterprises and individuals with highly customized and diverse page opening capabilities. It can adapt to the changing needs of different industries and application scenarios, facilitating future functional expansion and upgrades. Attached Figure Description
[0018] Figure 1 This is a schematic diagram of the structure of an example electronic device for a unified management method of opening pages in a system application according to an embodiment of the present invention; Figure 2 A flowchart illustrating a unified management method for opening pages in a system application, according to another embodiment of the present invention; Figure 3 This is a schematic diagram of the structure of a unified management system for opening a system application page, according to another embodiment of the present invention. Detailed Implementation
[0019] The technical solution of the present invention will now be clearly and completely described with reference to the accompanying drawings. Obviously, the described embodiments are only some, not all, of the embodiments of the present invention. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of the present invention.
[0020] Figure 1 This is a schematic diagram of an example electronic device for implementing a method for labeling natural carbon asset data based on multimodal recognition technology, according to an embodiment of the present invention. Figure 1 As shown, the electronic device 100 includes one or more processors 110, one or more storage devices 120, one or more input devices 130, one or more output devices 140, etc., and these components are interconnected via a bus system 150 and / or other forms of connection mechanisms. It should be noted that... Figure 1 The components and structures of the electronic devices shown are merely exemplary and not limiting; other components and structures may be used as needed.
[0021] The processor 110 may be a central processing unit (CPU), or may be a processing unit consisting of multiple processing cores, or other forms of processing unit with data processing capabilities and / or instruction execution capabilities, and may control other components in the electronic device 100 to perform desired functions.
[0022] Storage device 120 may include one or more computer program products, which may include various forms of computer-readable storage media, such as volatile memory and / or non-volatile memory. The volatile memory may include, for example, random access memory (RAM) and / or cache memory. The non-volatile memory may include, for example, read-only memory (ROM), hard disk, flash memory, etc. One or more computer program instructions may be stored on the computer-readable storage medium, which a processor may execute to implement the client functions (implemented by the processor) in the embodiments of this disclosure described below, and / or other desired functions. Various applications and various data may also be stored in the computer-readable storage medium, such as various data used and / or generated by the applications.
[0023] The input device 130 may be a device used by a user to input commands, and may include one or more of a keyboard, mouse, microphone, and touch screen.
[0024] The output device 140 can output various information (such as images or sounds) to the outside (e.g., a user) and may include one or more of a display, a speaker, etc.
[0025] Figure 2 This is a flowchart illustrating a unified management method for opening pages in a system application, according to another embodiment of the present invention. Figure 2 As shown, a unified management method S200 for system application open pages includes the following steps S210 to S240: Step S210: The multimodal window module serves as the core hub for page display in a multimodal manner; wherein, the multimodal manner includes drawer-style interaction mode, overlay pop-up mode, and full-page display mode; Specifically, in this step, the multimodal window module dynamically parses the structured parameters passed in by the user when opening the page and calling the API into different modal windows, such as drawer-style interaction mode, overlay pop-up mode, floating pop-up mode, and full-page display mode. Specifically, in this step, the multimodal window module dynamically parses structured parameters into windows of different modalities by calling the Open Page API provided by the page manager; In some embodiments, the page manager functions to dynamically calculate the size of the opened page based on the input structured parameters, device type, and screen size; the page manager also functions to cache operation record data in real time based on the operation records to provide data support for the navigation module; and to provide a seamless page preloading function to assist the page preloading module in releasing resources.
[0026] In some embodiments, the multimodal window module analyzes the passed-in structured parameters. When the structured parameters include drawer-related configurations, the multimodal window module calls CSS3's 2D / 3D Transform properties (where the transform property supports geometric transformations such as translation, rotation, scaling, and skew, and even 3D transformations (requires the use of perspective or transform-style: preserve-3d)) and Transition properties (the transition property defines a smooth transition effect for element state changes (e.g., the width changes from 100px to 200px when the mouse hovers over it, taking 0.3 seconds)) to implement the drawer-style expansion of the page in the form of a side-swipe animation. When the structured parameters include a modal dialog box identifier, the multimodal window module expands the page into a masked pop-up interface, and simultaneously creates a semi-transparent mask layer covering the entire screen through the page rendering engine. CSS's Position property (which uses position...) is also used to implement the drawer-style expansion of the page. The five possible values allow for various needs, from basic fine-tuning (relative) to complex floating (absolute / fixed) and dynamic interaction (sticky). This enables vertical centering of pop-up content, blocking underlying interactions through event capturing to ensure user focus remains on the pop-up information. When the structured parameters include parameters related to the floating component marker, the multimodal window module renders the floating window at the specified coordinates based on CSS's Absolute Positioning property (a layout method that completely removes the element from the document flow using `position: absolute` and positions it relative to the nearest positioned ancestor element (a parent element with a `position` value not of `static`). Its core characteristics are "removal from the normal flow, custom offset, and controllable stacking." When the structured parameters include parameters indicating the main interface or details page display, the multimodal window module updates the page content using a virtual DOM Diff algorithm. This involves comparing the differences between the old and new virtual DOMs (DOM structures represented by JavaScript objects) and only updating the parts of the real DOM that need to change, thereby reducing the number of direct manipulations of the real DOM, improving rendering performance, and working in conjunction with HTML5 History. API enables page switching without page refresh.
[0027] Step S220: The cohesive functional module performs interface customization processing on the form of multimodal expressions; Specifically, in this step, the elements of the interface customization process for the cohesive functional modules include customizing the window size, theme, transparency, window title, and collapse / expand functions.
[0028] In some embodiments, the cohesive functional modules are based on responsive layout principles and utilize CSS3's Flexbox property (whose core is the flexible control of the main axis and cross axis, and the dynamic allocation of item sizes. In responsive design, Flexbox, combined with flex-wrap and flex properties, can quickly adapt to different screen sizes and is an essential skill for modern front-end development. Furthermore, by prioritizing the use of the flex composite property and combining it with gaps to achieve item spacing, code conciseness and maintainability are improved). This enhances the adaptability of the page on different terminal devices. Specifically, the cohesive functional modules use a built-in size constraint mechanism (i.e., an intelligent size adaptation algorithm) to set minimum and maximum size thresholds, combined with boundary condition validation algorithms, to ensure that page elements are presented within compliance limits. The core of the intelligent size adaptation algorithm built into the cohesive functional modules is the balance between "dynamics" and "constraints": static adaptation is achieved through basic technologies such as relative units, media queries, and flexible layout, combined with clamp (…). JavaScript dynamically calculates and handles boundary conditions, with the ultimate goal of providing a consistent user experience across diverse devices. In actual development, the solution should be selected based on the project complexity—simple scenarios prioritize native CSS solutions (vw / rem + Flex / Grid), complex scenarios introduce JS calculations or framework tools, and extreme scenarios explore AI-assisted adaptation to achieve the function of setting the standard page size for different resolutions, such as: small (30% of page), medium (50% of page), and large (80% of page). The page width setting logic is as follows: in custom mode, it is set according to... When setting the width, under the premise of the standard page size setting, the width is dynamically calculated based on the page width and then set according to the following logic: if the final width of the pop-up is less than 374, set it to 374; if the final width of the pop-up is greater than or equal to 374 and less than or equal to 461, set it to the actual value; if the final width of the pop-up is greater than 461 and less than 520, set it to 520; if the final width of the pop-up is greater than or equal to 520 and less than or equal to 623, set it to the actual value; if the final width of the pop-up is greater than 623 and less than 732, set it to 732; if the final width of the pop-up is greater than or equal to 732, set it to the actual value.
[0029] In some embodiments, the cohesive functional modules achieve dynamic theme switching through a built-in precise color definition mechanism that is compatible with CSS Custom Properties (defined by --variable name and referenced by var(), achieving modularity, maintainability, and dynamic interactivity of styles. Its core advantages lie in runtime modifiability and native cascading features).
[0030] In some embodiments, the cohesive functional module sets the transparency attribute based on the alpha channel. The alpha channel defines the transparency of a pixel through numerical values (i.e., transparency control is achieved in CSS through Opacity and Rgba() / Hsla()), with a value range typically from 0 (completely transparent) to 1 (completely opaque). It can precisely control floating-point values between 0 and 1. By combining the CSS Opacity property with the RGBA color mode, it enables flexible configuration of semi-transparent effects for elements, and is used to create layered UI components such as mask layers and overlays.
[0031] In some embodiments, the cohesive functional module, based on a built-in dynamic page title parsing mechanism, automatically generates semantic page titles by parsing page routing parameters and structured content (such as key attributes in JSON data) when the user has not explicitly defined a title. The cohesive functional module also supports manual title reloading and cache updates via API interfaces. Furthermore, it can monitor network status and incorporate a user behavior prediction algorithm to statistically analyze and calculate pages with high system access frequency, transmitting the data to the page preloading module. The page preloading module then performs resource cache preloading. The user behavior prediction algorithm is a technique that uses historical user data and behavioral characteristics to build mathematical models to predict future user behaviors (such as clicks and retention). By mining patterns and correlations in the data, it transforms user behavior into quantifiable predictive results, assisting the page preloading module in deciding which resource cache preloading items are needed.
[0032] Step S230: The navigation module operates on the customized interface through an intelligent storage planning algorithm to realize page navigation behavior; Specifically, in this step, the navigation module dynamically calls the API to jump between pages through the intelligent storage planning algorithm, providing multiple operation modes, including closing the current page, specifying a page, and closing all pages with one click.
[0033] In some embodiments, the navigation module, as the core management component for application page interaction, is based on the principle of Last-In-First-Out (LIFO) data structure. It employs two stacks to quickly obtain the minimum value in the stack (e.g., implementing the getMin() operation). The main stack stores all elements, and the auxiliary stack stores the minimum value of all elements in the current main stack (each time an element is pushed onto the main stack, min(current element, top of auxiliary stack) is pushed onto the auxiliary stack), thus constructing an efficient operation history management system, specifically including: After the cohesive functional modules complete page rendering, the navigation module captures user page operation parameters in real time through an event listening mechanism. Each page opening operation event is stored as structured parameters in a stack-based data container. Simultaneously, relying on a Last-In-First-Out (LIFO) strategy, the navigation module can accurately trace the user's operation trajectory, enabling page management: when the current page is closed, the navigation module removes the current page record from the top of the operation stack, triggering page destruction logic and releasing related resources; when a specific page is closed, the navigation module allows the user to locate the target page based on the operation history index and perform resource reclamation; when all pages are closed, the navigation module can clear the entire operation stack with one click, quickly releasing system memory resources. Furthermore, the navigation module integrates a page refresh function, reloading the associated data of the page at the top of the operation stack and efficiently updating page content using a virtual DOM Diff algorithm, ensuring users receive the latest information and comprehensively improving the convenience and efficiency of application operations.
[0034] Step S240: The page preloading module preloads the resources cache of the page navigated to by the navigation module.
[0035] Specifically, in this step, the page preloading module uses progressive preloading technology to cache the target page's HTML document, CSS stylesheets (primarily using SCSS as the style preprocessor; the compiled styles include both CSS and CSS3 features, so the CSS stylesheets are applicable to both CSS and CSS3), JavaScript scripts, and multimedia resources in advance, prioritizing the loading of core page rendering resources to ensure that critical content can be quickly retrieved. When a user triggers a page access operation, the page preloading module can directly call preloaded resources from the local cache and, combined with virtual DOM fast rendering technology, achieve millisecond-level page response. An event-driven mechanism is also introduced, using iframe communication technology to send specific messages to the page. After receiving the specific message, the target iframe executes the events agreed upon within the frame. The component itself only needs to expose methods to achieve its own different refreshes. When page data changes or a user manually triggers a refresh operation, the navigation module can accurately identify the updated content and use partial refresh technology to reduce data transmission and improve refresh speed. For pages that are no longer used, the architecture automatically releases resources through a garbage collection mechanism to avoid excessive memory usage.
[0036] The unified management method for system application open pages in this embodiment of the invention has the following advantages: 1. Achieve seamless compatibility with mobile systems such as Android, iOS, and HarmonyOS, as well as mainstream web browsers: During the development process, developers only need to write one set of code, which can automatically adapt to different terminal environments through the architecture, improving development efficiency by more than 40% while reducing maintenance costs. 2. Diverse Display Options: The multimodal window module supports various modes, including drawer-style interactive panels, overlay pop-ups, floating pop-ups, and full-page displays. It can flexibly switch between page display formats according to different business scenarios and user operation needs. Whether it's pursuing simple and efficient function calls, highlighting important information, or immersive content browsing, it provides an adaptive display method, greatly enhancing the diversity and convenience of the user interaction experience. The drawer-style page, based on a dynamic layout algorithm, smoothly slides out as a sidebar when the user triggers the drawer operation, occupying 30%-70% of the screen width (adjustable). This format is suitable for functional navigation scenarios. For example, in mobile office applications, users can quickly switch between functional modules such as email, calendar, and documents through the drawer without affecting the content display of the main interface, effectively improving operational efficiency. Overlay pop-ups: Using a semi-transparent overlay technology to cover the current page, the pop-up content supports custom layout and interaction logic. In e-commerce applications, when users perform payment operations, the overlay pop-up can display payment confirmation information, security prompts, etc., forcing users to focus on key operations and reducing the risk of accidental operations. Floating pop-ups: Utilizing an intelligent floating positioning algorithm, the pop-up can automatically adjust its position on the page based on user configuration or system judgment. In news and information applications, breaking news can be pushed in a timely manner through floating pop-ups, which users can view at any time without affecting the current reading page. Full-page opening: For immersive experience needs, the architecture optimizes the page rendering engine, reducing loading latency when switching pages. In video playback applications, the full-page opening mode provides a borderless viewing experience, and with hardware acceleration technology, it achieves smooth playback of high-definition videos. Collapse / expand mechanism: Using a state machine model to manage page components, users can collapse or expand the page's functional areas through click operations. In design software, users can collapse the toolbar to expand the canvas space for creation, and expand it with one click when needed to obtain the necessary tools, achieving a dynamic balance between operating space and functional requirements.
[0037] 3. Highly Customizable to Meet Individual Needs: The cohesive functional modules integrate comprehensive interface customization capabilities. Developers can customize themes based on brand identity, and users can adjust interface elements according to personal preferences. From size adaptation to all terminal devices to fine-tuning of visual effects such as theme colors and transparency, it provides powerful and flexible tools for interface design, meeting diverse personalized customization needs. Flexible size adjustment: Through the intelligent size adaptation algorithm built into the cohesive functional modules, the page size and element layout can be automatically adjusted according to the terminal screen size, resolution, and application scenario. For example, on tablets, the page can adaptively adjust to a split-column display mode to increase information density, while on mobile devices, it is optimized to a single-column scrolling mode for easy one-handed operation. Theme Colors: The page manager provides rich theme color customization functions. Users can choose from carefully selected preset theme color palettes, covering a range from fresh and elegant greens, clear and ethereal blues, deep and mysterious dark greens, and rich and deep dark blues, satisfying different style and mood needs. Furthermore, the application of theme colors is not limited to the page background and text; it can also intelligently... The page manager harmoniously integrates with various elements on the page, such as buttons and icons, achieving color unity and coordination. Floating Position: The architecture grants users significant freedom and control in setting the floating position. Users can freely set the page's opening location, and the manager will precisely locate it in the user-defined position—the most convenient place for operation and viewing. This intelligent and flexible floating position setting makes page interaction more efficient and convenient, allowing users to interact with the application in the most comfortable way. Transparency Settings: Users can adjust the page's transparency by sliding a slider, from completely opaque to nearly transparent, achieving a variety of visual effects. In scenarios where the background needs to be highlighted or a hazy atmosphere needs to be created, reducing the page's transparency can give the page an elegant and profound aesthetic; while in scenarios where the content needs to be clearly displayed, increasing the transparency ensures accurate information delivery. Page Title: The page manager provides a powerful API interface, supporting users to dynamically set page titles, facilitating personalized page customization. When the user does not manually set a title, the page manager will use intelligent algorithms to perform comprehensive and reasonable analysis and calculation based on the input structured data, accurately generating a title that fits the current page content. It helps users quickly understand the main content of a page, improving the efficiency of information retrieval.
[0038] 4. Intelligent Navigation Management for Optimized Operation Efficiency: The navigation module utilizes an intelligent storage planning algorithm to dynamically optimize storage strategies based on user behavior and page navigation history, enabling diverse and personalized navigation functions. It supports operations such as backtracking and multi-mode page closing, and can dynamically call APIs based on user habits to shorten operation paths, reduce unnecessary operations, and significantly improve user efficiency and smoothness within the application. The navigation module records user operation history through a page stack data structure, allowing users to not only sequentially retrace pages using the "back" button or the close icon (x), but also quickly locate and jump to any opened page. In multi-tasking scenarios, such as simultaneously browsing multiple product detail pages, users can freely navigate between different pages with a smooth and natural operation. Furthermore, through the introduction of an event-driven mechanism, when page data changes or the user manually triggers a refresh, the navigation module can accurately identify updated content and employ partial refresh technology to reduce data transmission and improve refresh speed. For pages that are no longer used, the architecture automatically releases resources through a garbage collection mechanism to avoid excessive memory usage and ensure smooth system operation.
[0039] 5. Intelligent preloading ensures system performance: The page preloading module possesses intelligent dynamic resource management capabilities, adjusting preloading strategies in real time according to system business needs. By pre-caching page resources, page loading time is significantly shortened, achieving sub-second response times. Even in complex network environments, it ensures fast page loading while avoiding resource waste caused by excessive preloading. This improves user experience while ensuring efficient and stable system operation. By combining user behavior prediction algorithms and network status monitoring, it anticipates pages users might access and preloads page resources when the network is idle. In applications, the system can preload the content of the next page, improving the browsing experience and increasing page loading speed by over 60%.
[0040] 6. Flexibility and scalability: The system supports structured configurations based on user input, providing enterprises and individuals with highly customized and diverse page opening capabilities. It can adapt to the changing needs of different industries and application scenarios, facilitating future functional expansion and upgrades.
[0041] Based on the same inventive concept, such as Figure 3 As shown, this embodiment of the invention also provides a unified management system for system application open pages. This annotation system can be specifically applied to the methods described above, and details can be found in the relevant preceding descriptions, which will not be repeated here. Figure 3 As shown, the system includes: a multimodal window unit 310, a cohesive functional unit 320, a navigation unit 330, and a page preloading unit 340.
[0042] The unified management system for system application opening pages adopts a microkernel-based layered design. A cross-platform adaptation layer is built at the bottom layer, achieving seamless compatibility with mobile systems such as Android, iOS, and HarmonyOS, as well as mainstream web browsers, by encapsulating the differences between operating systems and browsers. During development, developers only need to write one set of code, which automatically adapts to different terminal environments through the architecture, improving development efficiency by over 40% and reducing maintenance costs. Furthermore, the unified management system for system application opening pages introduces a unitized management mechanism, breaking down page management functions into independent units. These units communicate through standardized interfaces, ensuring the scalability and stability of the unified management system and facilitating subsequent feature iterations and upgrades.
[0043] Specifically, the multimodal window unit 310 is used to open a multimodal page display, the page display dynamically determining the current interface form based on the structured parameters passed when the user operates the page and calls the API; the cohesive functional unit 320 is used to parse and render interfaces with different sizes, themes, transparency, positions, and titles based on the passed structured parameters; the navigation unit 330 is used to cache the operation history of the interface and store data using a last-in-first-out strategy, wherein the navigation module includes functions for closing the current page, closing a specified page, closing all pages, and refreshing the page; the page preloading unit 340 is used to preload pages that are about to be opened.
[0044] In another aspect, the present invention provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, enables the implementation of the method described above.
[0045] The computer-readable medium may be included in the apparatus, device, or system disclosed herein, or it may exist independently.
[0046] The computer-readable storage medium may be any tangible medium that contains or stores a program, and may be an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device. More specific examples include, but are not limited to, electrical connections having one or more wires, portable computer disks, hard disks, optical fibers, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.
[0047] The computer-readable storage medium may also include data signals propagated in baseband or as part of a carrier wave, carrying computer-readable program code, specific examples of which include, but are not limited to, electromagnetic signals, optical signals, or any suitable combination thereof.
[0048] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, and not to limit them; although the present invention has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some or all of the technical features; and these modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of the present invention.
Claims
1. A unified management method for system application open pages, characterized in that, include: The multimodal window module serves as the core hub for page display in a multimodal manner; wherein, the multimodal manner includes drawer-style interaction mode, overlay pop-up mode, floating pop-up mode, and full-page display mode; The cohesive functional modules allow for customized interface processing of multimodal forms; The navigation module uses an intelligent storage planning algorithm to manipulate the customized interface and implement page navigation behavior; The page preloading module preloads resources for the pages navigated to by the navigation module.
2. The unified management method for system application open pages according to claim 1, characterized in that, The multimodal window module dynamically parses structured parameters into windows of different modalities by calling the Open Page API provided by the page manager.
3. The unified management method for system application open pages according to claim 2, characterized in that, The page manager's functions include dynamically calculating the size of the opened page based on the input structured parameters, device type, and screen size.
4. The unified management method for system application open pages according to claim 2, characterized in that, The page manager also includes functions such as real-time caching of operation record data based on operation records to provide data support for the navigation module; and a seamless preloading page function to assist the page preloading module in releasing resources.
5. The unified management method for system application open pages according to claim 1, characterized in that, The elements of the interface customization processing of the cohesive functional module include custom settings for window size, theme, transparency, window title, and collapse / expand functions.
6. The unified management method for system application open pages according to claim 1, characterized in that, The navigation module dynamically calls APIs to navigate between pages using an intelligent storage planning algorithm, and provides multiple operation modes, including closing the current page, specifying a page, and closing all pages with one click.
7. A unified management system for opening application pages, characterized in that, include: Multimodal form units, cohesive functional units, navigation units, and page preloading units; The multimodal window unit is used to open a multimodal page display, and the page display dynamically determines the current interface form based on the structured parameters passed in when the user operates the page and calls the API; The cohesive functional unit is used to parse and render interfaces with different sizes, themes, transparency, positions, and titles based on the input structured parameters. The navigation unit is used to cache the operation history of the interface and store the data using a last-in-first-out strategy. The navigation module includes functions for closing the current page, closing a specified page, closing all pages, and refreshing the page. The page preloading unit is used to preload the page that is about to be opened.
8. An electronic device, characterized in that, include: One or more processors, storage devices, input devices, and output devices; The processor includes data processing capabilities and instruction execution capabilities, and is used to control other components in the electronic device to perform desired actions. The storage device is used to store one or more programs, which, when executed by one or more processors, enable the one or more processors to implement a unified management method for opening system application pages according to any one of claims 1 to 6. The input device is used to input commands; The output device is used to output various information to the outside.
Citation Information
Patent Citations
Page display method and device, computer equipment and storage medium
CN109683892A
Pop-up window display method and system
CN113190776A
Webview characteristic-based method, apparatus and device, and medium
CN118069950A