An implementation method, system, device and medium of a configurable login page

Abstract

This invention belongs to the field of computer technology, specifically relating to a method, system, device, and medium for implementing a configurable login page. The method includes the following steps: configuring the application and login page in the application management interface; associating the login page configuration with the application configuration information and saving it to the backend; when a user accesses the login page, sending a query request to the backend interface based on the application information in the browser address bar; responding to the query request, the backend interface returns the corresponding login page configuration information; rendering the page based on the login page configuration information, and adding corresponding security mechanisms. Users can configure according to their personal preferences and needs to achieve a personalized login page. After configuration, the backend system saves the user configuration information and renders the page based on the configuration information when the user accesses the login page, while adding corresponding security mechanisms to protect user information and system security.

Description

Technical Field

[0001] This invention belongs to the field of computer technology, and specifically relates to a method, system, device, and medium for implementing a configurable login page. Background Technology

[0002] With the continuous development of internet technology, various web applications have sprung up like mushrooms after rain. As the first portal for users to access web applications, the login page's user experience and security are particularly important. The friendliness of the user interface and the quality of the user experience have become one of the key factors affecting the success of online services.

[0003] Traditional login page designs are typically fixed and monotonous, lacking personalization and flexibility, making it difficult to meet users' growing individual needs. At the same time, with the increasing number of cybersecurity threats, login page security also faces serious challenges.

[0004] Early login page designs relied primarily on static HTML code and CSS stylesheets, preventing users from customizing them to their liking and needs. This approach not only limited the user's personalized experience but also made it difficult to effectively guarantee the security of the login page. Summary of the Invention

[0005] The purpose of this invention is to provide a personalized user experience, allowing users to create unique login page styles according to their preferences and needs, thereby improving user experience and satisfaction. Based on this, this invention provides a method, system, device, and medium for implementing a configurable login page.

[0006] In a first aspect, the present invention provides a method for implementing a configurable login page, comprising the following steps: Configure applications and login pages in the application management interface; The login page configuration is associated with the application configuration information and then saved to the backend. When a user visits the login page, a query request is sent to the backend interface based on the application information in the browser's address bar. The backend interface responds to the query request and returns the corresponding login page configuration information. The page is rendered based on the login page configuration information, and corresponding security mechanisms are added.

[0007] As a further limitation of the technical solution of the present invention, the steps of configuring the application and the login page in the application management interface include: In the application management interface, create an application ID and configure the application domain name and application name; Configure page layout, login background, page style, font settings, custom styles, custom templates, and security mechanism information in the application management interface.

[0008] When a custom template is enabled, it needs to be used in conjunction with hand-written CSS code; otherwise, other configuration options will be ineffective. Configuring a custom template requires a professional front-end developer. The custom template redraws the login page by hand-writing HTML and adjusts the styles using hand-written CSS code, achieving a more personalized custom login page effect.

[0009] Security mechanisms are added to enhance the security of the login page. These mechanisms include, but are not limited to, CAPTCHA, anti-brute-force attacks, and IP restrictions. We will prevent malicious attacks and unauthorized access by verifying user input, limiting the number of login attempts, and restricting the frequency of IP access.

[0010] During the login page configuration process, you can preview the configuration results in the application management preview.

[0011] Using the above configuration options, users can customize an application login page to their preferred style. After configuration, users can click "Save," and the login page configuration information will be saved in the backend system.

[0012] When a user opens the login page of the configured application, the system requests the backend interface to return the login page configuration information configured by the user, based on the application ID or application domain name in the browser address bar.

[0013] The page layout, login page background, page style, and font settings are configured by loading the pre-configured login page template on the front end, achieving a simple style configuration for the login page; the hand-written CSS code uses v-html in Vue to load external style information and override the original page style; the custom template uses the Vue constructor to load external HTML information and achieve page repaint.

[0014] The login page is rendered according to the configuration information to achieve the desired login page effect for users, while also adding security mechanisms.

[0015] As a further limitation of the technical solution of the present invention, the step of associating the login page configuration with the application configuration information and saving it to the background includes: After receiving the trigger information for saving configuration information, determine whether the association table in the backend database used to store the relationship between application configuration information and login page configuration information exists; If so, save the received configuration information to the database to ensure that each application configuration corresponds to a unique login page configuration. If not, create the associated table in the database; execution steps: save the received configuration information to the database, ensuring that each application configuration information corresponds to a unique login page configuration information.

[0016] As a further limitation of the technical solution of the present invention, when a user accesses the login page, the step of sending a query request to the backend interface based on the application information in the browser address bar includes: When a user visits the login page, the front end parses the application identifier in the browser's address bar and constructs a query request based on the parsed application identifier, which is then sent to the back end. The application identifier includes the application ID and the application domain name.

[0017] As a further limitation of the technical solution of the present invention, the step of responding to the query request and returning the corresponding login page configuration information by the backend interface includes: Receive query requests and parse the application identifier from the query parameters; Based on the application identifier, look up the corresponding login page configuration information in the association table; The retrieved login page configuration information is encapsulated into response data and returned to the front end.

[0018] As a further limitation of the technical solution of the present invention, the steps of rendering the page according to the login page configuration information and adding corresponding security mechanisms include: Receive the login page configuration information returned by the backend, and use the browser's rendering engine to parse the configuration information and convert it into a visual interface; During page rendering, add appropriate security mechanisms based on the configuration information.

[0019] If CAPTCHA verification is enabled in the configuration information, the front end displays a CAPTCHA input box on the login page and calls the backend interface to obtain the CAPTCHA image; When a user submits a login request, the frontend verifies whether the information entered by the user meets the configuration requirements, and then sends the verified information to the backend for login verification.

[0020] As a further limitation of the technical solution of the present invention, the specific rendering process includes: Read the byte stream from the configuration information document and convert it into characters; The characters are converted into a series of tokens, which represent the structure and content of the configuration information document; Convert tokens into nodes, and construct a document object model tree using the nodes; When a link tag or style tag is encountered during the byte stream reading of the configuration information document, the corresponding CSS document will be read. Convert the characters in a CSS document into a series of CSS tokens; Convert CSS tokens into nodes and build a CSS object model tree using the nodes; Merge the Document Object Model tree and the CSS Object Model tree into a single render tree; The geometric information of each visible element is calculated based on the rendering tree, and a layout tree is generated; The nodes in the layout tree are drawn onto the screen to render the page.

[0021] Secondly, the technical solution of the present invention also provides a configurable login page implementation system, including a front-end and a back-end; The backend is set up with an application management interface, a database and an application management module. The database has a related table. The frontend is set up with a browser. The application management interface is used to receive the application configuration and login page configuration input by the user. The application management interface has a save button. When the save button is triggered, the application management module obtains the login page configuration and application configuration information and stores it in the related table. When a user visits the login page, the front end sends a query request to the backend interface based on the application information in the browser's address bar; the backend application management module responds to the query request and returns the corresponding login page configuration information through the backend interface. The front-end browser renders the page based on the login page configuration information, and adds corresponding security mechanisms during the page rendering process.

[0022] As a further limitation of the technical solution of the present invention, an application ID is created in the application management interface, and the application domain name and application name are configured; the page layout, login background, page style, font settings, custom styles, custom templates and security mechanism information are configured in the application management interface.

[0023] As a further limitation of the technical solution of the present invention, after the background receives the trigger information for saving configuration information, it determines whether the association table used to store the association relationship between application configuration information and login page configuration information exists in the background database; if yes, the received configuration information is saved to the database to ensure that each application configuration information corresponds to a unique login page configuration information; if no, the association table is created in the database; the received configuration information is saved to the database to ensure that each application configuration information corresponds to a unique login page configuration information.

[0024] As a further limitation of the technical solution of the present invention, when a user accesses the login page, the front end parses the application identifier in the browser address bar and constructs a query request based on the parsed application identifier and sends it to the back end; the application identifier includes the application ID and the application domain name.

[0025] The backend receives the query request and parses the application identifier from the query parameters; based on the application identifier, it looks up the corresponding login page configuration information in the related table; and encapsulates the retrieved login page configuration information into response data and returns it to the frontend.

[0026] As a further limitation of the technical solution of this invention, the front end receives the login page configuration information returned by the back end, parses and converts the configuration information into a visual interface through the browser's rendering engine, and adds corresponding security mechanisms according to the configuration information during the page rendering process. Specifically, the front end receives the login page configuration information returned by the back end; parses the received login page configuration information to obtain the login page layout, background image, style, and font, and then renders the page style according to the relevant page template; obtains the CSS code and then overrides the original login page style according to the relevant styles; obtains the HTML page configuration and then redraws the rendered page according to the configuration information; obtains the security configuration information and loads security verification to realize the required login page.

[0027] As a further limitation of the technical solution of the present invention, the front-end browser reads the byte stream of the configuration information document and converts it into characters; the characters are converted into a series of tokens, which represent the structure and content of the configuration information document; the tokens are converted into nodes, and a document object model tree is constructed using the nodes; when a link tag or style tag is encountered during the reading of the byte stream of the configuration information document, the corresponding CSS document is read; the characters of the CSS document are converted into a series of CSS tokens; the CSS tokens are converted into nodes, and a CSS object model tree is constructed using the nodes; the document object model tree and the CSS object model tree are merged into a rendering tree; the geometric information of each visible element is calculated based on the rendering tree, and a layout tree is generated; the nodes in the layout tree are drawn onto the screen to achieve page rendering.

[0028] Thirdly, the present invention provides an electronic device comprising: at least one processor; and a memory communicatively connected to the at least one processor; the memory storing computer program instructions executable by the at least one processor, the computer program instructions being executed by the at least one processor to enable the at least one processor to perform the harmonic analysis method for the common coupling point in a microgrid as described in the first aspect.

[0029] Fourthly, the present invention also provides a non-transitory computer-readable storage medium that stores computer instructions that cause the computer to execute the harmonic analysis method for the common coupling point in a microgrid as described in the first aspect.

[0030] As can be seen from the above technical solutions, this invention has the following advantages: Configuring the login page through the application management interface allows for flexible settings of the login page's style and functions based on the characteristics and needs of different applications, providing a more personalized login interface that aligns with user preferences. Users can adjust the page layout, colors, fonts, and other elements according to their needs and preferences, thereby creating a unique login page style. This personalized login experience enhances user identification with the system, increasing user satisfaction and loyalty.

[0031] This method separates page configuration from code logic, allowing administrators to configure pages without modifying the code, significantly reducing development costs and improving system maintainability and scalability. Since page configuration information is associated with application configuration information and stored in the backend, modifications to the login page only require backend configuration updates, eliminating the need for code redeployment and enabling rapid deployment and launch. This method also allows managing login page configurations for multiple applications on the same platform, dynamically returning the corresponding login page configuration information via application information in the browser's address bar, thus facilitating multi-application management. Attached Figure Description

[0032] To more clearly illustrate the technical solutions in the embodiments of the present invention or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, for those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0033] Figure 1 This is a schematic flowchart of a method according to an embodiment of the present invention.

[0034] Figure 2 This is a schematic flowchart of a method according to another embodiment of the present invention. Detailed Implementation

[0035] To enable those skilled in the art to better understand the technical solutions of this invention, the technical solutions of the embodiments of this invention will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this invention, and not all embodiments. Based on the embodiments of this invention, all other embodiments obtained by those skilled in the art without creative effort should fall within the scope of protection of this invention.

[0036] like Figure 1 As shown, this embodiment of the invention provides a method for implementing a configurable login page, including the following steps: Step 1: Configure the application and login page in the application management interface; In this step, you create an application ID and configure the application domain name and application name in the application management interface. Configure page layout, login background, page style, font settings, custom styles, custom templates, and security mechanism information in the application management interface; Page layout configuration includes whether to display the header and footer of the login page, and the position settings for form input boxes, including center, left, and right alignment. Login background configuration includes default background and background image settings, as well as support for user-defined background colors and uploaded background images. Page style configuration includes several built-in login page styles for users to choose from. Font settings configuration allows users to change the size and color of the page font. Custom style configuration allows users to manually change styles that cannot be achieved through other configurations by writing CSS code. Custom template configuration allows users to manually redraw the page by writing HTML, providing more flexible and customizable login page styles. Security mechanism configuration includes CAPTCHA, anti-brute-force mechanisms, and IP restrictions to enhance the security of the login page.

[0037] Step 2: Associate the login page configuration with the application configuration information and save it to the backend; Step 3: When a user accesses the login page, a query request is sent to the backend interface based on the application information in the browser's address bar; Step 4: The backend interface responds to the query request and returns the corresponding login page configuration information; Step 5: Render the page according to the login page configuration information, and add the corresponding security mechanisms.

[0038] By using the Vue framework and its suite of components in the backend, users can customize the login page's layout, background, style, font settings, custom styles, templates, and security mechanisms through the frontend interface. Users can configure these settings according to their personal preferences and needs to create a personalized login page. After configuration, the backend system saves the user's configuration information and renders the page based on this information when the user accesses the login page, while simultaneously adding appropriate security mechanisms to protect user information and system security. This invention not only improves the user experience but also enhances the security of the login page, providing a personalized, secure, simple, intelligent, and flexible login page generation solution for network services.

[0039] like Figure 2 As shown, in some embodiments, the step of associating the login page configuration with the application configuration information and saving it to the background includes: Step 21: After receiving the trigger information for saving configuration information, determine whether the association table used to store the relationship between application configuration information and login page configuration information exists in the backend database; If yes, proceed to step 23; if no, proceed to step 22. Step 22: Create the associated table in the database; Step 23: Save the received configuration information to the database, ensuring that each application configuration information corresponds to a unique login page configuration information.

[0040] Step 23: Save the received configuration information to the database to ensure that each application configuration information corresponds to a unique login page configuration information; By associating login page configurations with application configuration information and storing this association in a database, data management becomes more flexible. Administrators or developers can easily find, modify, or delete login page configurations for specific applications without manually tracking and updating multiple independent data points.

[0041] This approach also improves data processing efficiency because all relevant information is centralized in one place, reducing the time cost of data retrieval and updates. When the system needs to add a new application or login page configuration, only a new record needs to be added to the association table, without requiring major modifications to the existing data structure. This improves the system's scalability. Simultaneously, since all configuration information is stored in the database, data backup, recovery, and migration strategies can be more easily implemented, thereby enhancing the system's maintainability. By storing relationships in the database and ensuring that each application configuration corresponds to a unique login page configuration, data inconsistency and duplication issues can be avoided. This helps reduce errors and conflicts, improving the system's stability and reliability.

[0042] For end users, this configuration management approach allows for more personalized and customized login pages. Each application can have its own unique login page, thereby improving user satisfaction and loyalty. Simultaneously, the rapid updates and ease of management of configuration information provide users with a smoother and more seamless login experience. This configuration management approach lays the foundation for automation and intelligence. For example, scripts or programs can be written to automatically update configuration information, monitor configuration changes, or trigger relevant security policies.

[0043] In some embodiments, when a user accesses the login page, the step of sending a query request to the backend interface based on the application information in the browser's address bar includes: Step 31: When a user accesses the login page, the front end parses the application identifier in the browser's address bar; Step 32: Construct a query request based on the parsed application identifier and send it to the backend; the application identifier includes the application ID and the application domain name.

[0044] The front-end code first captures the complete URL from the browser's address bar. It then parses the application identifier from the captured URL. This typically involves using regular expressions, URL parsing libraries, or browser APIs to extract query parameters, path parameters, or subdomains. Based on the parsed application identifier, an HTTP query request is constructed. This request might be a GET request used to retrieve login page configuration information associated with that application identifier from the backend. The request URL may contain the parsed application ID and application domain as query parameters, or these may be encoded into the request path. The request may also include other necessary HTTP header information, such as authentication tokens and content type.

[0045] The front-end uses a front-end framework or native JavaScript's fetch API, XMLHttpRequest object, or other HTTP client libraries to send a crafted query request to the back-end. The front-end receives the back-end's response and parses the response data. This typically involves JSON parsing, error handling, etc. Based on the response data, the front-end can dynamically render the login page, displaying relevant application information, login forms, etc.

[0046] By dynamically rendering the login page based on the application identifier, users can enjoy a more personalized and customized login experience. This reduces user confusion and dissatisfaction caused by login pages not meeting expectations. The backend can provide different login page configuration information based on the application identifier, thus supporting various application scenarios and login requirements. When adding a new application or modifying the login page of an existing application, only the backend configuration information needs to be updated, without requiring major modifications to the frontend code. By including the application identifier in the request, the backend can verify the validity of the request, ensuring that only legitimate applications can access the corresponding login page configuration information. The frontend only needs to send a query request containing the application identifier to obtain all the necessary login page configuration information. This reduces unnecessary network requests and data transmission, improving resource utilization efficiency.

[0047] In some embodiments, the step of the backend interface returning the corresponding login page configuration information in response to a query request includes: Step 41: Receive the query request and parse the application identifier in the query parameters; Step 42: Based on the application identifier, find the corresponding login page configuration information in the association table; Step 43: Encapsulate the retrieved login page configuration information into response data and return it to the front end.

[0048] By clearly defining the steps of receiving requests, parsing parameters, retrieving configuration information, and encapsulating response data, the backend interface can process query requests more efficiently. By looking up configuration information in the relational table, it ensures that the login page configuration information returned to the frontend is accurate and reliable. Fast response times and accurate login page configuration information contribute to a better user login experience. Users do not need to wait excessively to see the expected login page, reducing user dissatisfaction caused by configuration errors or system delays.

[0049] In some embodiments, the steps of rendering the page based on the login page configuration information and adding corresponding security mechanisms include: The system receives login page configuration information from the backend, parses and converts this information into a visual interface using the browser's rendering engine, and adds appropriate security mechanisms based on the configuration information during page rendering. Specifically, this includes: Receive the login page configuration information returned by the backend; The received login page configuration information is parsed to obtain the login page layout, background image, style, and font, and then the page style is rendered according to the relevant page template. After obtaining the CSS code, override the original login page style according to the relevant styles; After obtaining the HTML page configuration, the rendered page is redrawn according to the configuration information; Obtain security configuration information, load security verification, and implement the required login page.

[0050] If CAPTCHA verification is enabled in the configuration information, the front end displays a CAPTCHA input box on the login page and calls the backend interface to obtain the CAPTCHA image; When a user submits a login request, the frontend verifies whether the information entered by the user meets the configuration requirements, and then sends the verified information to the backend for login verification.

[0051] In some embodiments, the specific steps for page rendering include: reading the byte stream of the configuration information document and converting it into characters; The characters are converted into a series of tokens, which represent the structure and content of the configuration information document; Convert tokens into nodes, and construct a document object model tree using the nodes; When a link tag or style tag is encountered during the byte stream reading of the configuration information document, the corresponding CSS document will be read. Convert the characters in a CSS document into a series of CSS tokens; Convert CSS tokens into nodes and build a CSS object model tree using the nodes; Merge the Document Object Model tree and the CSS Object Model tree into a single render tree; The geometric information of each visible element is calculated based on the rendering tree, and a layout tree is generated; The nodes in the layout tree are drawn onto the screen to render the page.

[0052] This invention also provides a configurable login page implementation system, including a front-end and a back-end; The backend is set up with an application management interface, a database and an application management module. The database has a related table. The frontend is set up with a browser. The application management interface is used to receive the application configuration and login page configuration input by the user. The application management interface has a save button. When the save button is triggered, the application management module obtains the login page configuration and application configuration information and stores it in the related table. When a user visits the login page, the front end sends a query request to the backend interface based on the application information in the browser's address bar; the backend application management module responds to the query request and returns the corresponding login page configuration information through the backend interface. The front-end browser renders the page based on the login page configuration information, and adds corresponding security mechanisms during the page rendering process.

[0053] It's important to note that the application management interface involves creating an application ID, configuring the application domain and name, and configuring the page layout, login background, page style, font settings, custom styles, custom templates, and security mechanisms. Page layout configuration includes whether to display the login page header and footer, and setting the position of form input boxes (center, left, right alignment). Login background configuration includes default background and background image settings, as well as support for user-defined background colors and uploaded background images. Page style configuration includes several built-in login page styles for users to choose from. Font settings configuration allows users to change the font size and color. Custom style configuration allows users to manually modify styles that cannot be achieved through other configurations by writing CSS code. Custom template configuration allows users to manually redraw the page by writing HTML, providing greater flexibility in configuring the login page style. Security mechanism configuration includes CAPTCHA, anti-brute-force mechanisms, and IP restrictions to enhance the security of the login page.

[0054] In some embodiments, the backend receives the submitted application configuration and login page configuration information, and determines whether an association table used to store the association relationship between application configuration information and login page configuration information exists in the backend database. If yes, the received configuration information is saved to the database to ensure that each application configuration information corresponds to a unique login page configuration information. If no, the association table is created in the database. The execution steps are: saving the received configuration information to the database to ensure that each application configuration information corresponds to a unique login page configuration information.

[0055] In some embodiments, when a user accesses the login page, the front end parses the application identifier in the browser address bar and constructs a query request based on the parsed application identifier, which is then sent to the back end; the application identifier includes the application ID and the application domain name.

[0056] The backend receives the query request and parses the application identifier from the query parameters; based on the application identifier, it looks up the corresponding login page configuration information in the related table; and encapsulates the retrieved login page configuration information into response data and returns it to the frontend.

[0057] In some embodiments, the front-end receives login page configuration information returned by the back-end, parses and converts the configuration information into a visual interface using the browser's rendering engine, and adds corresponding security mechanisms based on the configuration information during page rendering. Specifically, the front-end receives login page configuration information returned by the back-end; parses the received login page configuration information to obtain the login page layout, background image, style, and font, and then renders the page style according to the relevant page template; obtains the CSS code and overrides the original login page style according to the relevant styles; obtains the HTML page configuration and redraws the rendered page according to the configuration information; obtains security configuration information and loads security verification to implement the required login page.

[0058] In some embodiments, the front-end browser reads the byte stream of the configuration information document and converts it into characters; the characters are converted into a series of tokens, which represent the structure and content of the configuration information document; the tokens are converted into nodes, and a document object model tree is constructed using the nodes; when a link tag or style tag is encountered during the reading of the byte stream of the configuration information document, the corresponding CSS document is read; the characters of the CSS document are converted into a series of CSS tokens; the CSS tokens are converted into nodes, and a CSS object model tree is constructed using the nodes; the document object model tree and the CSS object model tree are merged into a rendering tree; the geometric information of each visible element is calculated based on the rendering tree, and a layout tree is generated; the nodes in the layout tree are drawn onto the screen to achieve page rendering.

[0059] This invention also provides an electronic device, comprising: a processor, a communication interface, a memory, and a communication bus, wherein the processor, communication interface, and memory communicate with each other via the communication bus. The communication bus can be used for information transmission between the electronic device and sensors. The processor can call logical instructions in the memory to execute the following method: Step 1: Configure the application and login page in the application management interface; create an application ID, configure the application domain name and application name in the application management interface; configure the page layout, login background, page style, font settings, custom styles, custom templates, and security mechanism information in the application management interface; Step 2: Associate the login page configuration with the application configuration information and save it to the backend; Step 3: When a user accesses the login page, send a query request to the backend interface based on the application information in the browser address bar; Step 4: The backend interface responds to the query request and returns the corresponding login page configuration information; Step 5: Render the page according to the login page configuration information and add the corresponding security mechanism.

[0060] Furthermore, the logical instructions in the aforementioned memory can be implemented as software functional units and sold or used as independent products, and can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present invention, or the part that contributes to the prior art, or a part of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of the present invention. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0061] This invention provides a non-transitory computer-readable storage medium storing computer instructions that cause a computer to execute the method provided in the above-described method embodiments. For example, the method includes: Step 1: configuring the application and login page in the application management interface; creating an application ID and configuring the application domain name and application name in the application management interface; configuring the page layout, login background, page style, font settings, custom styles, custom templates, and security mechanism information in the application management interface; Step 2: associating the login page configuration with the application configuration information and saving it to the backend; Step 3: when a user accesses the login page, sending a query request to the backend interface based on the application information in the browser address bar; Step 4: responding to the query request, the backend interface returns the corresponding login page configuration information; Step 5: rendering the page based on the login page configuration information and adding corresponding security mechanisms.

[0062] It should be understood that the sequence number of each step in the above embodiments does not imply the order of execution. The execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiments of the present invention.

[0063] The embodiments of the configurable login page implementation system provided in this invention belong to the same inventive concept as the configurable login page implementation methods in the above embodiments. For details not described in detail in the embodiments of the configurable login page implementation system, please refer to the embodiments of the configurable login page implementation methods described above.

[0064] The configurable login page implementation system comprises the units and algorithm steps of the various examples described in conjunction with the embodiments disclosed herein. It can be implemented in electronic hardware, computer software, or a combination of both. To clearly illustrate the interchangeability of hardware and software, the components and steps of each example have been generally described in terms of functionality in the foregoing description. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementations should not be considered beyond the scope of this invention.

[0065] Those skilled in the art will understand that various aspects of the implementation of the configurable login page can be implemented as a system, method, or program product. Therefore, various aspects of this disclosure can be specifically implemented in the following forms: a completely hardware implementation, a completely software implementation (including firmware, microcode, etc.), or a combination of hardware and software aspects, collectively referred to herein as a "circuit," "module," or "system."

[0066] Although the present invention has been described in detail with reference to the accompanying drawings and preferred embodiments, the present invention is not limited thereto. Various equivalent modifications or substitutions can be made to the embodiments of the present invention by those skilled in the art without departing from the spirit and essence of the invention, and such modifications or substitutions should all be within the scope of the present invention. Any variations or substitutions that can be easily conceived by those skilled in the art within the technical scope disclosed in the present invention should also be covered within the protection scope of the present invention.

Claims

1. A method for implementing a configurable login page, characterized in that, Includes the following steps: Configure applications and login pages in the application management interface; The login page configuration is associated with the application configuration information and then saved to the backend. When a user visits the login page, a query request is sent to the backend interface based on the application information in the browser's address bar. The backend interface responds to the query request and returns the corresponding login page configuration information. The page is rendered based on the login page configuration information, and corresponding security mechanisms are added.

2. The method for implementing a configurable login page according to claim 1, characterized in that, The steps for configuring applications and login pages in the application management interface include: In the application management interface, create an application ID and configure the application domain name and application name; Configure page layout, login background, page style, font settings, custom styles, custom templates, and security mechanism information in the application management interface.

3. The method for implementing a configurable login page according to claim 2, characterized in that, The steps to associate the login page configuration with the application configuration information and save it to the backend include: After receiving the trigger information for saving configuration information, determine whether the association table in the backend database used to store the relationship between application configuration information and login page configuration information exists; If so, save the received configuration information to the database to ensure that each application configuration corresponds to a unique login page configuration. If not, create the associated table in the database; execution steps: save the received configuration information to the database, ensuring that each application configuration information corresponds to a unique login page configuration information.

4. The method for implementing a configurable login page according to claim 3, characterized in that, When a user accesses the login page, the steps involved in sending a query request to the backend interface based on the application information in the browser's address bar include: When a user visits the login page, the front end parses the application identifier in the browser's address bar and constructs a query request based on the parsed application identifier, which is then sent to the back end. The application identifier includes the application ID and the application domain name.

5. The method for implementing a configurable login page according to claim 4, characterized in that, The steps involved in responding to a query request and having the backend API return the corresponding login page configuration information include: Receive query requests and parse the application identifier from the query parameters; Based on the application identifier, look up the corresponding login page configuration information in the association table; The retrieved login page configuration information is encapsulated into response data and returned to the front end.

6. The method for implementing a configurable login page according to claim 5, characterized in that, The steps for rendering the page based on the login page configuration information and adding corresponding security mechanisms include: The system receives login page configuration information from the backend, parses and converts the configuration information into a visual interface using the browser's rendering engine, and adds corresponding security mechanisms based on the configuration information during the page rendering process.

7. The method for implementing a configurable login page according to claim 6, characterized in that, The steps involved in receiving login page configuration information from the backend, parsing and converting this information into a visual interface using the browser's rendering engine, and adding appropriate security mechanisms based on the configuration information during page rendering include: Receive the login page configuration information returned by the backend; The received login page configuration information is parsed to obtain the login page layout, background image, style, and font, and then the page style is rendered according to the relevant page template. After obtaining the CSS code, override the original login page style according to the relevant styles; After obtaining the HTML page configuration, the rendered page is redrawn according to the configuration information; Obtain security configuration information, load security verification, and implement the required login page.

8. A system for implementing a configurable login page, characterized in that, Including front-end and back-end; The backend is set up with an application management interface, a database and an application management module. The database has a related table. The frontend is set up with a browser. The application management interface is used to receive the application configuration and login page configuration input by the user. The application management interface has a save button. When the save button is triggered, the application management module obtains the login page configuration and application configuration information and stores it in the related table. When a user visits the login page, the front end sends a query request to the backend interface based on the application information in the browser's address bar. The backend application management module responds to query requests by returning the corresponding login page configuration information through the backend interface; The front-end browser renders the page based on the login page configuration information, and adds corresponding security mechanisms during the page rendering process.

9. An electronic device, characterized in that, The electronic device includes: at least one processor; and a memory communicatively connected to the at least one processor; the memory stores computer program instructions executable by the at least one processor, the computer program instructions being executed by the at least one processor to enable the at least one processor to perform the implementation method of the configurable login page as described in any one of claims 1 to 7.

10. A non-transitory computer-readable storage medium, characterized in that, The non-transitory computer-readable storage medium stores computer instructions that cause the computer to perform the implementation method of the configurable login page as described in any one of claims 1 to 7.

Images