32 results about "Single-page application" patented technology

The invention relates to a single-page application page access method and device based on dynamic routing, and the method comprises the steps: receiving an access request of a user for single-page application page access at a front end, the access request carrying user access information; obtaining access entry parameter information corresponding to the user access information, wherein the access entry parameter information comprises at least one of the following: a target user role and a target user permission; based on the access entry parameter information, performing matching in a routing rule predefined at the front end to obtain a dynamic routing table corresponding to the access entry parameter information; the routing rule comprises routing table definition groups corresponding to different parameter entering conditions, and the parameter entering conditions comprise at least one of the following conditions: user roles and user permissions; and determining a required target page component according to the dynamic routing table, and rendering the target page component at the front end to obtain a target application page. Card control logic of specific page access for different user roles and permissions is effectively realized, and access safety and page loading efficiency are improved.

The techniques disclosed herein provide a synchronization engine that operates in conjunction with a service worker to dynamically store and update a working set of user data and single page application (SPA) resources from a network server to a user device. The working set can be hosted across several domains and identified by association with a user account. Accordingly, the synchronization engine retrieves the working set from the network server to enable offline execution of the single page applications. As such, subsequent requests for interacting with a single page application are then serviced by the synchronization engine using the working set retrieved from the network server. For instance, the service worker can bind user data to the application resources to enable progressive rendering through an application controller using locally available resources. In this way, the disclosed system provides a consistent user experience irrespective of network connectivity.

The invention relates to a method and device for increasing the loading speed of a single-page application, electronic equipment and a readable storage medium. The method comprises the steps that a preload component cache queue is created to store preload component instances; initializing a preloaded component instance, creating a webview control, and loading a front-end single page application URL (Uniform Resource Locator); loading a common static resource through the control, loading the common static resource into a memory, preloading a front-end empty routing page, and adding an initialized preloading component into a cache queue; obtaining an initialized preload component from the cache queue, loading a front-end function page routing static resource, and calculating and executing a function page static resource; and obtaining the preload component from the cache queue, judging whether the queue has residual preload component instances or not, if not, starting a background thread, creating the preload component, and inserting the preload component into the cache queue. According to the method, script execution calculation time and page second-out are saved, time-consuming operation of component recreation can be avoided, page loading speed is increased, meanwhile, the method is suitable for various hybrid application architectures APPs, and universality is high.

A method includes: displaying a graphical user interface (GUI) comprising one or more input elements to control a display of a variation of a web page on a client device, the input elements to configure a plurality of conditions and a trigger event defining when to evaluate the plurality of conditions for the web page; responsive to a user interaction, via the GUI, with the input elements, generating a set of instructions corresponding to the web page, the set of instructions comprising one or more of the plurality of conditions and the trigger event and specifying the variation of the web page to display at the client device responsive to the one or more of the plurality of conditions being met when the trigger event occurs; and transmitting the set of instructions to the client device responsive to an access of the web page by the client device.

The invention relates to the technical field of interactive learning, and discloses a three-dimensional structure interactive learning platform, which comprises an erection module, an interaction module, a learning module and a storage module, the erection module adopts a front-end development framework to construct a view layer of a user interface, develops a single-page application establishment platform front end based on the view layer, and adopts a rear-end development framework to construct a Java Web application establishment platform rear end; the interaction module establishes connection with the client by adopting a network architecture model and performs data transmission, and verifies a login certificate through the platform front end and the platform rear end based on a verification standard; the learning module judges whether to change the current learning mode according to a comparison result, obtains chapter content in a database according to a system learning mode in the learning mode, and independently amplifies and checks a compound structure after a compound name is selected; according to the system and the method, the learning modes are switched according to different habits, and the system and the method have the characteristic of good interactive learning.

The embodiment of the invention discloses an application construction method and device, a storage medium and electronic device.The method comprises the steps that a sub-application program corresponding to at least one sub-application is obtained, and a sub-application development framework corresponding to the at least one sub-application program is different from a main application development framework corresponding to a main application; determining a base directory corresponding to the main application, deploying the sub-application program under the base directory, determining a sub-application menu route corresponding to the sub-application program based on the sub-application program, and performing menu configuration processing in the main application based on the sub-application menu route to obtain page configuration information, and creating a target single-page application program based on the page configuration information and the base directory.

Disclosed are systems and methods for developing a web-based application using micro frontends. A web application architecture system may include a plurality of web servers and a plurality of single page applications. Each one of the plurality of single page applications may be hosted on a single respective one of the plurality of web servers. The web application architecture system may further include one or more shared libraries that are accessed by each of the plurality of single page applications. The one or more shared libraries may include shared interface components for each of the plurality of single page applications such that the plurality of single page applications are a part of a single web-based application. Additionally, the web application architecture system may include a load balancer configured to route traffic to each of the plurality of single page applications.

The present disclosure relates to the field of computer technologies, and discloses a full event tracking method and apparatus for a single page application screen, a device, and a storage medium. The method includes: obtaining a response component corresponding to a target single page application screen; in response to the response component being a screen container component, extracting a component feature parameter of the screen container component; determining, based on the component feature parameter, whether a current running state of the target single page application screen is a loading state; in response to the current running state being the loading state, obtaining routing information of the target single page application screen; and generating event tracking information of the target single page application screen by triggering event tracking for the target single page application screen based on the routing information.

The invention relates to the technical field of software engineering and application development, in particular to a configurable dynamic pop-up window content visual design system which comprises a front-end module and a rear-end server so as to improve the efficiency of user interaction and data processing. The front-end module utilizes a Vue 3 framework and lt; the method comprises the following steps of: carrying out script setupgt; according to the method, efficient definition of components and smooth navigation of single-page applications are achieved through a view-ui-plus component library and a Less preprocessor, and the consistency and attractiveness of an interface are improved through the view-ui-plus component library and the Less preprocessor. The system integrates a Fabric.js-based visual editor, supports graph drawing and operation, and enhances the user experience. And the front end carries out HTTP request through Axios, communicates with the back-end server, and uses pinia to manage the state. The back-end server provides a RESTful API interface based on a Spring Boot framework and processes a user request, and the database adopts MongoDB to store user design historical records, component settings and preferences. The system provides an efficient and user-friendly design environment, supports timely interaction and storage of data, improves user experience, and lays a foundation for subsequent function extension.

The invention provides an application routing method and device, electronic equipment and a computer readable storage medium, and relates to the technical field of computers. The application routing method is applied to a single-page sub-application, the single-page sub-application maintains own routing record and synchronizes routing information of a routing event to a global routing record when the routing event is triggered, and the routing method comprises the following steps: if a global browser event is monitored, the global browser event is triggered by the single-page sub-application; if yes, obtaining target routing information corresponding to the browser event in the global routing record, and obtaining current routing information in the own routing record; and routing the single-page sub-application according to the target routing information and the current routing information. According to the method and the device, the routing accuracy of the single-page application can be improved, and global routing recording is realized.

The invention discloses an XML (Extensible Markup Language) file-based human-computer interface system applied to a Baifu PLC (Programmable Logic Controller), which comprises the following steps of: 1, according to an application object and a development target, establishing an XML configuration file containing contents such as an interface layout, a page, a page display form and the like; 2, a driver based on the XML file format is developed, and the configuration information in the step 1 is loaded and analyzed; step 3, carrying out secondary packaging on the TwinCAT Javascript of the Baifu, and mapping the data information loaded in the step 2 to a TwinCAT communication interface; 4, developing a webpage driving program by adopting a single-page application mode and a data driving mode, and rendering and generating an interface by using the configuration information preloaded in the step 2; according to the method, the XML file is adopted to realize interface configuration, so that the difficulty of interface design is reduced, and the maintainability of the interface is improved; based on a Web mode and various components provided by the system, the interface display form is richer, and the sense is more comfortable.

The application discloses a network performance data acquisition method and device, computer equipment and a storage medium. The method comprises the following steps: acquiring the weight value of each changed element node in a current page and the triggering time of each element node, generating the batch rendering peak time of the current page according to the weight value and the triggering time of the element node; acquiring all http requests of the current page and the end time of each request, and acquiring the last end time from the end time; comparing the batch rendering peak time with the last end time, judging whether the batch rendering peak time is before the last end time, if yes, taking the time point closest to the last end time in the batch rendering peak time as the network performance data of the current page. The application can effectively collect the network performance data under all single-page applications, the statistical dimension is consistent, the data quality is high, and the newly-added page does not need to be repeatedly developed.

The invention discloses a multi-view single-page application preview method and device, a storage medium and electronic device.The method comprises the steps that a front-end multi-view application file corresponding to a front-end multi-view application is written into a WebContainer container of a browser through a multi-view application generation prompt by adopting a front-end application processing large model, generating an application view preview URL (Uniform Resource Locator) based on the front-end multi-view application file in the WebContainer container, loading the application view preview URL to an embedded frame in a host application page environment so as to carry out current application view preview processing on the front-end multi-view application through the embedded frame, and when the application view is previewed, carrying out application view preview processing on the front-end multi-view application through the embedded frame. And synchronizing the current interface view routing state of the front-end multi-view application for the host application page environment and the inline framework.

The invention relates to a security detection method and device for a single-page application, computer equipment, a computer readable storage medium and a computer program product. The method comprises the steps of obtaining application construction resources corresponding to a single-page application; analyzing the application construction resource to obtain a resource structure corresponding to the application construction resource; obtaining an application detection rule matched with the application construction resource; obtaining a target detection resource corresponding to the application detection rule and an associated data flow path corresponding to the target detection resource based on the resource structure; and detecting security processing information corresponding to each detection resource in the associated data flow path based on an application detection rule to detect abnormal security processing information. By adopting the method, the comprehensiveness and the accuracy of security detection of the single-page application can be improved.

The application relates to a single-page application port adaptive navigation method and device, equipment and a storage medium. When a navigation request for the single-page application is initiated, the navigation request is intercepted by a pre-registered URL interception processor; a target port is calculated based on a preset port strategy table and a current running environment state; the port in the navigation request is rewritten as the target port to obtain a rewritten address; and a corresponding single-page application page is loaded based on the rewritten address. Compared with the prior art, the technical scheme of the application dynamically calculates a target port and rewrites the port of a navigation request, realizes adaptive adaptation of the port, avoids the disadvantages of backend redirection, provides support for unified port management and fault tracing, and improves the reliability and operation convenience of single-page application navigation.

In one implementation, a device may obtain events captured during operation of a single-page application. The device may identify, based on the events, page load actions and post page load actions associated with the operation of the single-page application. The device may assign, based on the events, an experience characterization to each of the page load actions and the post page load actions. The device may cause, based on the events, a root cause analysis to be performed for an experience characterization-indicated anomaly.

An embodiment of the present invention discloses a method, device, and electronic device for counting the interactive time of a single-page application, which relates to the field of data processing. The method includes: when the electronic device receives a request input by the user, it can request and obtain file information through the system network; then it can establish a node tree according to the file information; and it can determine the rendering time and weight of different batches of nodes in the node tree; and it can determine the information of the system network request; after that, the electronic device can determine the interactive time according to the rendering time, weight, and the information of the system network request of each batch of nodes. The embodiment of the present invention can improve the calculation accuracy of the interactive time of a single-page application.

The described technology relates to a software application architecture allowing for creation of a web application that has multiple Single Page Applications (SPAs) within the application. The software application architecture includes components that are common to each page of the web application while also having components that are dynamically loaded to cater to specific respective pages within the application. The dynamically loadable components can be identified based on an identifier in a path being browsed using a web browser application. The described application architecture may be used in the context of AngularJS, as well as other SPA technologies and non-SPA technologies.

The present invention discloses a method and system for loading a single-page application, the method comprising: installing a target single-page application: a user clicks to install the target single-page application locally; downloading a compressed package corresponding to the target single-page application from the Internet to the local; writing the correspondence between the domain name of the downloaded application and its storage directory into a local data mapping table; writing the correspondence between the domain name of the application and a listening port in a local domain name resolution server. Loading the target single-page application: a user clicks to open the target single-page application; forwarding the user request data to the local gateway; the local gateway generates a request header and forwards it to the loader port; searching for the corresponding static resource according to the request header information and returning it. The present invention downloads and installs the single-page application locally in advance, and the browser directly reads it from the local by running, thereby improving the interaction speed of the single-page application.

The embodiment of the invention discloses a template processing method and device for a single-page application, electronic equipment and a storage medium. The method comprises the following steps: constructing a dynamic basic path of a project deployment path; wherein the dynamic basic path is a dynamic routing path; constructing a service unit routing path of the project deployment path; wherein the service unit routing path is a static routing path; splicing the dynamic basic path with the service unit routing path to obtain a target project deployment path of the single-page application; wherein the dynamic basic path is located in front of the service unit routing path. By adopting the technical scheme of the embodiment of the invention, the year and the place are used as primary routing parameters, the organization structure and the data model of the conference are better reflected, and the service logic is better met; the routing structure of the project deployment path is clearer, the code redundancy is reduced, and the maintainability of the code is improved.

The embodiment of the invention belongs to the technical field of artificial intelligence, and relates to a loading method and related equipment applied to a vue remote page, and the method comprises the steps: obtaining a developed single page application; according to the single page application, generating a JavaScript file, a page. Json file and a version.json file according to the single page application; the JavaScript file, the page.json file and the versing.json file are deployed in an nginx server, and the JavaScript file, the page.json file and the versing.json file are deployed in the nginx server; according to an add command, the routes corresponding to the array in the page.json are sequentially added to the route of the single page application; receiving an access request which is sent by an access terminal and carries an access identifier; matching is carried out according to the access identifier and a route added by the add command, and a target route is obtained; and rendering the target route and displaying the target route through the access terminal. According to the method, the version.json is added to store the version number of the development page, so that the situation that the page.json is repeatedly loaded and obtained subsequently is avoided, and the performance of the page is greatly improved; and repeated version issuing of the single-page application is avoided, so that the user experience is improved.

Systems, computer program products, and methods are described herein for an adaptive code packaging interface for customizable single page applications. The present disclosure is configured to define merchant requirements by gathering and analyzing specific information, develop and compile new source code based on these requirements, generate an assembly from the compiled code, and configure deployment parameters tailored to a merchant context. An intelligent deployment tool is used to select Single Page Application (SPA) components from a library, leveraging large language models and prompt engineering. The selected SPA components and custom code are merged into a cohesive deployment package, which is then deployed to application servers. The deployment is validated through tests and performance monitoring to ensure functionality and identify areas for improvement. This system enhances flexibility, efficiency, and adaptability in the deployment of SPAs.

Systems and methods are disclosed for visualizing products in a single-page application. Consistent with disclosed embodiments, an application system can receive from a client system, during rendering of a webpage received by the client system from a host system, a request for a script associated with the host system. The script can be executable by the client system to perform operations including modifying the webpage to include a visualization application in response to a selection of a visualization control in the webpage by a user of the client system. Consistent with disclosed embodiments, the application system can receive, from the visualization application, a request to display a product in a first image. A location can be identified in the first image using a machine learning model. Instructions can be provided to the visualization application for displaying the product at the location.

The invention relates to a method for granting access to functionality in an industrial automation system (100) by means of a single-page application (4) executed on a user device (2), comprising: loading (S1), by means of the user device (2), a first data section (41) of the single-page application (4) stored on a control device (1); reloading (S2), by means of the user device (2), a number of further data sections (42, 43) specified in the first data section (41), required for the execution of the single-page application (4) and stored on an external server device (3), from the external server device (3); and accessing (S3) the functionality of the control device (1) by means of the single-page application (4) executed on the user device (2). While complying with a single-origin policy, a load of the control device can be reduced and the functionality of the control device can be accessed more efficiently. The invention further relates to a computer program product and to an industrial automation system (100).

The embodiment of the application discloses a single-page application dynamic vulnerability backtracking detection method based on a state atlas, comprising the following steps: constructing a state atlas by monitoring a front-end application; injecting a test load into a front-end application page; in a test process, every time a new front-end application page is detected, if the new front-end application page triggers a vulnerability, backtracking to an initial front-end application page in the state atlas; if the new front-end application page does not trigger a vulnerability, according to abnormal conditions of the new front-end application page, determining a backtracking depth of a superior front-end application page in the state atlas; and for a terminal page of backtracking, comparing a backtracked DOM structure with an initial DOM structure in the state atlas to determine a region in which a DOM structure is changed; and performing vulnerability scanning on the region to locate a vulnerability chain caused by cross-page data transmission. The embodiment can realize cross-state vulnerability chain detection.

The embodiment of the invention discloses a single-page application dynamic vulnerability backtracking detection method based on a state atlas, which comprises the following steps: constructing the state atlas by monitoring a front-end application; injecting a test load into the front-end application page, and when a new front-end application page is detected in the test process, if the new front-end application page triggers a vulnerability, backtracking to an initial front-end application page in the state map; if the new front-end application page does not trigger the vulnerability, determining the backtracking depth of a superior front-end application page in the state map according to the abnormal condition of the new front-end application page; aiming at a backtracked end point page, comparing the backtracked DOM structure with an initial DOM structure in the state map, and determining an area in which the DOM structure is changed; and performing vulnerability scanning on the region to locate a vulnerability chain caused by cross-page data transmission. According to the embodiment, cross-state vulnerability chain detection can be realized.

The invention discloses a single page application internationalization system based on the Anglar technology, and relates to the technical field of application internationalization, and the system is characterized in that a browser language environment management module is integrated into a browser operation environment, is responsible for obtaining and storing language environment information during system loading, and provides basic data for an internationalization service module; the internationalization service module provides a translation method and internationalization operation logic of a controlled project; the internationalization language package module constructs multi-language translation content; the front-end HTML internationalized translation pipeline module applies a translation method to realize real-time translation of an HTML page text and ensure that interface display is adaptive to a language environment; the TypeScript text translation module completes text internationalization conversion in a code layer; the Anglar interceptor module ensures that interaction languages at the front end and the rear end are consistent; the token injection configuration module provides an adaptive token for the internationalization service module; and the root component language switching response module monitors language switching and ensures smooth updating of interface languages. The internationalization ability and the user experience of the application program can be improved.

The application discloses a single-page application search method, device and equipment and a computer storage medium. The single-page application search method comprises the following steps: receiving a hypertext markup language (HTML) file and data resources of a single-page application of a target user; parsing the HTML file to obtain a document object model (DOM) tree, and loading a JavaScript file relied on by the HTML file; executing the JavaScript file, replacing corresponding nodes in the DOM tree with the HTML file and the data resources of the target user, and generating a first static HTML resource; calling an anchor point parser, replacing anchor point links in the first static HTML resource with non-anchor point links, and obtaining a second static HTML resource; and sending the second static HTML resource to a gateway. In this way, the network crawler can comprehensively capture the content of the single-page application, and the search engine can effectively search the related content of the single-page application.

The present disclosure relates to the field of computer technologies, and discloses a full event tracking method and apparatus for a single page application screen, a device, and a storage medium. The method includes: obtaining a response component corresponding to a target single page application screen; in response to the response component being a screen container component, extracting a component feature parameter of the screen container component; determining, based on the component feature parameter, whether a current running state of the target single page application screen is a loading state; in response to the current running state being the loading state, obtaining routing information of the target single page application screen; and generating event tracking information of the target single page application screen by triggering event tracking for the target single page application screen based on the routing information.