Configuration login verification module integration method, application method and system
Through the configured login verification module integration method, relevant information about the login verification module is obtained and configured, and the problems of long development time and high maintenance cost in the existing technology of login verification page are solved, and the login verification module is quickly generated, reducing development difficulty and maintenance cost.
Patent Information
- Application Number
- CN202311229721.5
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2023-09-20
- Publication Date
- 2025-03-21
AI Technical Summary
In the prior art, login verification method pages need to be written manually by developers, resulting in long development time and low usage frequency. Each verification method changes will lead to abnormal page layout, deviation of positioning methods, difficult to control code quality, and high maintenance costs.
The integration of the login verification module is realized through configuration, obtain the specified verification method information, verification content information, module size and location information, and configure the login verification application module to reduce manual and maintenance costs and improve development efficiency.
It realizes the rapid generation of login verification modules, reduces the difficulty of writing login verification design, reduces manual and maintenance costs, improves development efficiency, and enables developers who have initial front-end development capabilities to easily configure, complete as code completion.
Smart Images
Figure CN119675883A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of login verification technology, and more specifically, to a configurable login verification module integration method. In addition, the present application also relates to a configurable login verification module integration application method, system and electronic device. Background Art
[0002] With the continuous accumulation of such projects and the overcoming of various technical difficulties, I found a problem in many projects. Most login verification pages need to be manually written by developers, which takes a long time to develop, has a low frequency of use, takes up too much time of the project team, and so on.
[0003] In the prior art, for the login verification module, developers manually write adjustments and learn to write related verification, adaptation and other logics every time different scenarios, verification methods and styles are required. Every time the verification method, content, pictures, style or structure changes, it is very likely to cause the entire page layout to be abnormal, and the positioning method to have a significant deviation. In addition, due to the uneven level of developers, the code quality is often difficult to control, which makes the subsequent maintenance of the project very troublesome.
[0004] Therefore, how to provide a configurable login verification module integration method that can reduce labor and maintenance costs, improve development efficiency, and enhance development efficiency has become a technical problem that needs to be urgently solved by technical personnel in this field. Summary of the invention
[0005] To solve the above technical problems, the present application provides a configuration-based login verification module integration method, which can reduce labor and maintenance costs and improve development efficiency. In addition, the present application also relates to a series of technical solutions for a configuration-based login verification module integration application method, system and electronic device, which also have the above beneficial effects.
[0006] The purpose of the scheme of the present invention is to configure the login verification template, select the verification method, match the style, and verify the content through configuration, which has the advantages of reducing development costs, quickly responding to customer needs, and improving writing efficiency, so that front-end personnel do not need to spend too much development time on such a simple page to adjust the CSS style and repeatedly calculate the verification data changes. At the same time, developers with initial front-end development capabilities can easily complete the configuration, that is, code completion.
[0007] The technical solutions provided by this application are as follows:
[0008] This application provides a technical solution for a configurable login verification module integration method.
[0009] The method includes the following steps: obtaining first specified verification mode information; displaying the associated preset verification content package according to the first specified verification mode information; obtaining second specified verification content information; displaying the associated preset verification module space information according to the second specified verification content information; obtaining third specified verification module size information and fourth specified verification module position information; configuring and generating a login verification application module according to the first specified verification mode information, the second specified verification content information, the third specified verification module size information and the fourth specified verification module position information.
[0010] Furthermore, in a preferred embodiment of the present invention, the method further includes the following steps: installing and applying a public NPM package, and refining, extracting, and stripping the login verification public logic code through the public NPM package to enable the reuse of related logic and maintenance of subsequent scalability.
[0011] Furthermore, in a preferred embodiment of the present invention, the method further includes the following steps: presetting a verification template, the verification template including a preconfigured verification mode package, a preset verification content package, and a preset module space information package; the verification content is associated with the preconfigured verification mode package; the preset verification module space information is associated with the preset verification content package, and the preset verification module space information includes verification module occupied size information and verification module occupied position information.
[0012] Furthermore, in a preferred embodiment of the present invention, the verification method specified in the first specified verification method information is the verification method included in the pre-configured verification method package; the verification methods of the pre-configured verification method package include: verification code verification, operation verification, sliding verification, puzzle verification, and word selection verification.
[0013] Furthermore, in a preferred embodiment of the present invention, the verification content of the preset verification content package corresponds to the verification method of the preconfigured verification method package; the verification code, calculation formula, sliding verification graphics, puzzle graphics, and word selection graphics involved in the verification content of the preset verification content package can be set separately.
[0014] In addition, the present application also provides a technical solution for a configurable login verification module integrated application method, which includes the following steps: downloading and obtaining a login verification application module from a server, wherein the login verification application module is generated based on the above-mentioned configurable login verification module integration method; installing the Tesseract open source JS package, configuring the login verification application module, and generating a project application login module file; placing the project application login module file into the project that needs to be used.
[0015] Furthermore, in a preferred embodiment of the present invention, the "configuring the login verification application module" specifically includes the following steps: introducing and using the login verification application module, and completing the display of the login verification application module by configuring the introduction code field.
[0016] In addition, the present application also provides a technical solution for a configurable login verification module integration system, which is used to execute the above-mentioned configurable login verification module integration method; the system includes: a first acquisition module, the first acquisition module is used to acquire first specified verification method information; a first analysis module, the first analysis module is used to display the associated preset verification content package according to the first specified verification method information; a second acquisition module, the second acquisition module is used to acquire second specified verification content information; a second analysis module, the second analysis module is used to display the associated preset verification module space information according to the second specified verification content information; a third acquisition module, the third acquisition module is used to acquire third specified verification module size information and fourth specified verification module position information; a third analysis module, the third analysis module is used to configure and generate a login verification application module according to the first specified verification method information, the second specified verification content information, the third specified verification module size information and the fourth specified verification module position information.
[0017] In addition, the present application also provides a technical solution for a configurable login verification module integration system, which is used to execute the above-mentioned configurable login verification module integration method; the system includes: a server, which is used to execute the above-mentioned configurable login verification module integration method; a user terminal, which is used to connect to the server, and the user terminal is used to receive operation instructions, and send the first specified verification method information, the second specified verification content information, the third specified verification module size information and the fourth specified verification module position information.
[0018] In addition, the present application also provides a technical solution for an electronic device, which includes: a computer program, the computer program is used to execute the above-mentioned configurable login verification module integration method; a memory, the memory is used to store the computer program; and a processor, the processor is used to execute the computer program.
[0019] Compared with the prior art, the present invention provides a configuration login verification module integration method. By analyzing the first specified verification method information obtained, the preset verification content package for the next step is displayed in association; further, by obtaining and analyzing the second specified verification content information, the preset verification module space information is displayed in association; further, by obtaining and analyzing the third specified verification module size information and the fourth specified verification module position information, a login verification application module is configured and generated. Thereby, the purpose of quickly configuring the project login function by quickly generating a login verification module is achieved. Through the modular login verification solution, the difficulty of login verification design and writing can be reduced, and the labor and maintenance costs can be reduced. In summary, the technical solution provided by the present application can reduce labor and maintenance costs and improve development efficiency. In addition, the present application also relates to a series of technical solutions for configuration login verification module integration application methods, systems and electronic devices, which also have the above-mentioned beneficial effects. BRIEF DESCRIPTION OF THE DRAWINGS
[0020] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.
[0021] Figure 1 A schematic diagram of the main process of the configuration-based login verification module integration method provided by an embodiment of the present invention;
[0022] Figure 2 A schematic diagram of setting process nodes for a login verification module provided in an embodiment of the present invention. DETAILED DESCRIPTION
[0023] In order to enable those skilled in the art to better understand the technical solutions in the present application, the technical solutions in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in the field without creative work are within the scope of protection of this application.
[0024] It should be noted that when an element is referred to as being "fixed on" or "set on" another element, it can be directly on the other element or indirectly set on the other element; when an element is referred to as being "connected to" another element, it can be directly connected to the other element or indirectly connected to the other element.
[0025] It should be understood that the terms "length", "width", "up", "down", "front", "back", "first", "second", "vertical", "horizontal", "top", "bottom", "inside", "outside", etc., indicating the orientation or position relationship, are based on the orientation or position relationship shown in the drawings, and are only for the convenience of describing the present application and simplifying the description, and do not indicate or imply that the device or element referred to must have a specific orientation, be constructed and operated in a specific orientation, and therefore should not be understood as a limitation on the present application.
[0026] In addition, the terms "first" and "second" are used for descriptive purposes only and should not be understood as indicating or implying relative importance or implicitly indicating the number of the indicated technical features. Therefore, a feature defined as "first" or "second" may explicitly or implicitly include one or more of the features. In the description of this application, "multiple" and "several" mean two or more, unless otherwise clearly and specifically defined.
[0027] It should be noted that the structures, proportions, sizes, etc. illustrated in the drawings of this specification are only used to match the contents disclosed in the specification for people familiar with this technology to understand and read, and are not used to limit the conditions under which this application can be implemented. Therefore, they have no substantive technical significance. Any structural modification, change in proportional relationship or adjustment of size should still fall within the scope of the technical content disclosed in this application without affecting the effects and purposes that can be achieved by this application.
[0028] like Figure 1 to Figure 2 As shown, the technical solution of the configurable login verification module integration method provided in the embodiment of the present application includes the following steps: obtaining first specified verification method information; displaying the associated preset verification content package according to the first specified verification method information; obtaining second specified verification content information; displaying the associated preset verification module space information according to the second specified verification content information; obtaining third specified verification module size information and fourth specified verification module position information; configuring and generating a login verification application module according to the first specified verification method information, the second specified verification content information, the third specified verification module size information and the fourth specified verification module position information.
[0029] The present invention provides a technical solution for a configurable login verification module integration method, in which the preset verification content package for the next step is displayed in association by analyzing the acquired first specified verification method information; further, the preset verification module space information is displayed in association by acquiring and analyzing the second specified verification content information; further, the login verification application module is configured and generated by acquiring and analyzing the third specified verification module size information and the fourth specified verification module position information. Thus, the purpose of quickly configuring the project login function by quickly generating a login verification module is achieved. Through the modular login verification solution, the difficulty of login verification design and writing can be reduced, and the labor and maintenance costs can be reduced. In summary, the technical solution provided by the present application can reduce labor and maintenance costs and improve development efficiency. In addition, the present application also relates to a series of technical solutions for configurable login verification module integration application methods, systems and electronic devices, which also have the above-mentioned beneficial effects.
[0030] Specifically, in an embodiment of the present invention, the method also includes the following steps: installing and applying a public NPM package, and refining, extracting, and stripping the login verification public logic code through the public NPM package to reuse the relevant logic and maintain subsequent scalability.
[0031] It should be noted that through the public NPM package, various common components around the login verification module can be refined, extracted, and stripped to improve the efficiency and quality of subsequent functional components.
[0032] Specifically, in an embodiment of the present invention, the method also includes the following steps: pre-setting a verification template, the verification template includes a pre-configured verification method package, a preset verification content package, and a preset module space information package; the verification content is associated with the pre-configured verification method package; the preset verification module space information is associated with the preset verification content package, and the preset verification module space information includes the verification module occupied size information and the verification module occupied position information.
[0033] It should be noted that in the present application scheme, the preset verification content package, preset verification module space information, and pre-configured verification method package involved are interrelated and are all pre-generated in a preset manner to improve the use efficiency of the login verification module.
[0034] Specifically, in an embodiment of the present invention, the verification method specified in the first specified verification method information is the verification method included in the pre-configured verification method package; the verification methods of the pre-configured verification method package include: verification code verification, operation verification, sliding verification, puzzle verification, and word selection verification.
[0035] It should be noted that the verification methods include the above-mentioned verification code verification, calculation verification, sliding verification, puzzle verification, and word selection verification; they can cover the demand scenarios of most login verification modules.
[0036] Specifically, in an embodiment of the present invention, the verification content of the preset verification content package corresponds to the verification method of the preconfigured verification method package; the verification code, calculation formula, sliding verification graphics, puzzle graphics, and word selection graphics involved in the verification content of the preset verification content package can be set separately.
[0037] In addition, the present application also provides a technical solution for a configuration-based login verification module integrated application method, which includes the following steps: downloading and obtaining a login verification application module from a server, wherein the login verification application module is generated based on the configuration-based login verification module integrated method described above; installing the Tesseract open source JS package, configuring the login verification application module, and generating a project application login module file; and placing the project application login module file into a project that needs to be used. The technical solution for a configuration-based login verification module integrated application method provided by the present application also has the beneficial effects of the above-mentioned technical solution.
[0038] It should be noted that, in actual application, the user terminal gradually sends the first specified verification method information, the second specified verification content information, the third specified verification module size information and the fourth specified verification module location information to the server, and the server configures and generates the login verification application module according to the first specified verification method information, the second specified verification content information, the third specified verification module size information and the fourth specified verification module location information. The user terminal downloads the login verification application module from the server and performs localized configuration. Furthermore, by installing the Tesseract open source JS package, the login verification application module is configured to generate a project application login module file; finally, the project application login module file is placed in the project to be used to realize the application of the login verification module. Compared with the prior art, the technical solution of this application method can improve the application efficiency and quality of the login verification module by the user terminal.
[0039] Specifically, in an embodiment of the present invention, the "configuring the login verification application module" specifically includes the following steps: introducing and using the login verification application module, and completing the display of the login verification application module by configuring the introduction code field.
[0040] In addition, the present application also provides a technical solution for a configurable login verification module integration system, which is used to execute the above-mentioned configurable login verification module integration method; the system includes: a first acquisition module, the first acquisition module is used to acquire the first specified verification method information; a first analysis module, the first analysis module is used to display the associated preset verification content package according to the first specified verification method information; a second acquisition module, the second acquisition module is used to acquire the second specified verification content information; a second analysis module, the second analysis module is used to display the associated preset verification module space information according to the second specified verification content information; a third acquisition module, the third acquisition module is used to acquire the third specified verification module size information and the fourth specified verification module position information; a third analysis module, the third analysis module is used to configure and generate a login verification application module according to the first specified verification method information, the second specified verification content information, the third specified verification module size information and the fourth specified verification module position information. The technical solution of a configurable login verification module integration application method provided by the present application also has the beneficial effects of the above-mentioned technical solution.
[0041] In addition, the present application also provides a technical solution for a configurable login verification module integration system, which is used to execute the above-mentioned configurable login verification module integration method; the system includes: a server, which is used to execute the above-mentioned configurable login verification module integration method; a user terminal, which is used to connect to the server, and the user terminal is used to receive operation instructions and send the first specified verification method information, the second specified verification content information, the third specified verification module size information and the fourth specified verification module location information. The technical solution of a configurable login verification module integration application method provided by the present application also has the beneficial effects of the above-mentioned technical solution.
[0042] In addition, the present application also provides a technical solution for an electronic device, the electronic device comprising: a computer program, the computer program is used to execute the above-mentioned configuration-based login verification module integration method; a memory, the memory is used to store the computer program; and a processor is used to execute the computer program. The technical solution for an electronic device provided by the present application also has the beneficial effects of the above-mentioned technical solution.
[0043] It should be noted that the existing problems in the existing technology include: first, the learning threshold is high, and you need to write various native structures, styles, verification rules, verification forms, identify verification types, grasp various changes in data and identify the content of the verification area. You cannot directly use some UI plug-ins, write various page layouts, calculate data, consume computer performance, and cannot use open source components; second, the level of developers is uneven, and the code quality is often difficult to control; third, the verification method must be changed and rewritten, the code is obscure and difficult to understand, and the maintenance cost is extremely high. It takes too long for the project; fourth, the developed page is often different from the designed page, and it is impossible to reach a consensus; fifth, there are also certain compatibility issues in adaptation.
[0044] It should be noted that the purpose of this technical solution is to configure the login verification template, select the verification method, match the style, and verify the content through configuration, which can reduce development costs, quickly respond to customer needs, and improve writing efficiency, so that front-end personnel do not need to spend too much development time on such a simple page to adjust the CSS style and repeatedly calculate the verification data changes. At the same time, developers with initial front-end development capabilities can easily complete the configuration, that is, code completion.
[0045] It should be noted that the design principle of this technical solution is:
[0046] The overall process is divided into 6 parts: selecting the verification method, verifying the content configuration, verifying the container size configuration, verifying the module location configuration, public NPM package, and introducing it for use.
[0047] ①Select the verification method: Use the pre-configured verification method to reserve the verification template;
[0048] ② Verification content configuration: select the corresponding content type according to the verification method;
[0049] ③ Size occupied by the verification module: Set the corresponding container size according to the verification method type;
[0050] ④ Check the module’s occupied position: You can place it anywhere in the current position by reserving the position;
[0051] ⑤ Public NPM package: Install the NPM package and extract and use the public logic code;
[0052] ⑥Introduce and use, fill in the relevant configuration fields through code, and make the final display.
[0053] It should be noted that the implementation process of this technical solution is as follows:
[0054] like Figure 2As shown; first open the configuration login verification section, and select the verification method: general verification, calculation verification, sliding verification, puzzle verification, word selection verification; after selecting the method, content, and configuring the style picture, click on the code generation on the page to download the generated interface;
[0055] Then install the Tesseract open source JS package, put the generated files into the project you need to use, write the relevant business logic, and use success or failure verification to handle subsequent business.
[0056] It should be noted that the architecture diagram of this technical solution is as follows:
[0057] Based on the code of the login verification module generated on the page, the various public methods in the subsequent entire identification and splitting process have been injected into the generated page, and are provided for subsequent use through the exposure methods of vue2.x, vue3.x, and react. Developers only need to add business codes and insert the required verification method or verification image into the component.
[0058] It should be noted that the core process design of this technical solution is as follows:
[0059] The login verification template is developed and designed, taking into account the universality, compatibility and particularity of the business; among them, the universal templates include: general verification, calculation verification, sliding verification, puzzle verification, and word selection verification; they correspond to random letters, calculation results, sliding, puzzle and word selection respectively.
[0060] Specifically, in the compilation and calling of public configuration components, there are many common components in the interface of the login verification template, which are refined, extracted, and stripped to perform related logic reuse and subsequent scalability maintenance.
[0061] The above description of the disclosed embodiments enables those skilled in the art to implement or use the present invention. Various modifications to these embodiments will be apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present invention. Therefore, the present invention will not be limited to the embodiments shown herein, but rather to the widest scope consistent with the principles and novel features disclosed herein.
Claims
1. A method for integrating a configurable login verification module, characterized in that: The following steps are involved: Obtaining first specified verification method information; According to the first specified verification method information, displaying the associated preset verification content package; Obtaining second specified verification content information; According to the second specified verification content information, displaying the associated preset verification module space information; Obtaining size information of a third designated verification module and position information of a fourth designated verification module; A login verification application module is configured and generated according to the first specified verification method information, the second specified verification content information, the third specified verification module size information and the fourth specified verification module position information.
2. The configuration-based login verification module integration method according to claim 1, characterized in that: The following steps are also included: Install the application's public NPM package; The public NPM package is used to refine, extract, and strip the login verification public logic code so that the relevant logic can be reused and the subsequent scalability can be maintained.
3. The configuration-based login verification module integration method according to claim 2, characterized in that: The method further comprises the following steps: Preset verification template; The verification template includes: a pre-configured verification mode package, a preset verification content package, and a preset module space information package; The verification content is associated with the preconfigured verification mode package; The preset verification module space information is associated with the preset verification content package; The preset verification module space information includes: verification module occupied size information and verification module occupied position information.
4. The configuration-based login verification module integration method according to claim 3, characterized in that: The verification method specified in the first specified verification method information is the verification method included in the pre-configured verification method package; The verification methods of the pre-configured verification method package include: verification code verification, calculation verification, sliding verification, puzzle verification, and word selection verification.
5. The configuration-based login verification module integration method according to claim 4, characterized in that: The verification content of the preset verification content package corresponds to the verification method of the preconfigured verification method package; The verification code, operation formula, sliding verification graphic, puzzle graphic, and word selection graphic involved in the verification content of the preset verification content package can be set separately.
6. A configuration-based login verification module integrated application method, characterized in that: The application method comprises the following steps: Download and obtain the login verification application module from the server; The login verification application module is generated based on the configurable login verification module integration method described in any one of claims 1 to 5; Install the Tesseract open source JS package, configure the login verification application module, and generate the project application login module file; Put the project application login module file into the project that needs to be used.
7. The integrated application method of the configurable login verification module according to claim 6 is characterized in that: The “configuring the login verification application module” specifically includes the following steps: The login verification application module is introduced and used, and the display of the login verification application module is completed by configuring the introduction code field.
8. A configurable login verification module integration system, characterized in that: Used to execute the configurable login verification module integration method described in any one of claims 1 to 5; The system includes: A first acquisition module, the first acquisition module is used to acquire first specified verification mode information; A first analysis module, the first analysis module is used to display the associated preset verification content package according to the first specified verification method information; A second acquisition module, the second acquisition module is used to acquire second specified verification content information; A second analysis module, the second analysis module is used to display the associated preset verification module space information according to the second specified verification content information; A third acquisition module, the third acquisition module is used to obtain the size information of the third designated verification module and the position information of the fourth designated verification module; The third analysis module is used to configure and generate a login verification application module according to the first specified verification method information, the second specified verification content information, the third specified verification module size information and the fourth specified verification module position information.
9. A configurable login verification module integration system, characterized in that: The system is used to execute the configuration login verification module integration method described in any one of claims 1 to 5; the system comprises: A server, the server being used to execute the configurable login verification module integration method according to any one of claims 1 to 5; A user terminal, the user terminal is used to connect to the server; The user terminal is used to receive an operation instruction, and send the first specified verification mode information, the second specified verification content information, the third specified verification module size information and the fourth specified verification module position information.
10. An electronic device, characterized in that: include: A computer program, the computer program being used to execute the configurable login verification module integration method as claimed in any one of claims 1 to 5; A memory, the memory being used to store the computer program; A processor is used to execute the computer program.