CN116909551A - Page arrangement method and device, electronic equipment and storage medium - Google Patents
Page arrangement method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN116909551A CN116909551A CN202310745376.4A CN202310745376A CN116909551A CN 116909551 A CN116909551 A CN 116909551A CN 202310745376 A CN202310745376 A CN 202310745376A CN 116909551 A CN116909551 A CN 116909551A
- Authority
- CN
- China
- Prior art keywords
- page
- information
- client
- single sign
- user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 72
- 230000004044 response Effects 0.000 claims abstract description 19
- 230000006870 function Effects 0.000 claims description 98
- 238000013475 authorization Methods 0.000 claims description 35
- 238000004590 computer program Methods 0.000 claims description 14
- 238000013461 design Methods 0.000 claims description 9
- 238000011161 development Methods 0.000 abstract description 5
- 230000008569 process Effects 0.000 description 11
- 238000004891 communication Methods 0.000 description 7
- 230000003993 interaction Effects 0.000 description 7
- 230000000007 visual effect Effects 0.000 description 6
- 239000008186 active pharmaceutical agent Substances 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 238000004886 process control Methods 0.000 description 4
- 230000007246 mechanism Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000000694 effects Effects 0.000 description 2
- 238000012546 transfer Methods 0.000 description 2
- 238000012795 verification Methods 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000007115 recruitment Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F21/00—Security arrangements for protecting computers, components thereof, programs or data against unauthorised activity
- G06F21/30—Authentication, i.e. establishing the identity or authorisation of security principals
- G06F21/31—User authentication
- G06F21/41—User authentication where a single sign-on provides access to a plurality of computers
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L63/00—Network architectures or network communication protocols for network security
- H04L63/08—Network architectures or network communication protocols for network security for authentication of entities
- H04L63/0815—Network architectures or network communication protocols for network security for authentication of entities providing single-sign-on or federations
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L63/00—Network architectures or network communication protocols for network security
- H04L63/10—Network architectures or network communication protocols for network security for controlling access to devices or network resources
- H04L63/108—Network architectures or network communication protocols for network security for controlling access to devices or network resources when the policy decisions are valid for a limited amount of time
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Computer Hardware Design (AREA)
- Computer Security & Cryptography (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computing Systems (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The application provides an arranging method, an arranging device, electronic equipment and a storage medium of an H5 page, which are used for receiving an information calling instruction of a client; the information calling instruction carries user identity information; calling a page function module in response to the information calling instruction, wherein user state information is contained under the page function module; the user status information is determined based on the user identity information; and sending the page function module containing the user state information to the client for the client to display. The application takes the input request as the drive, arranges the page, realizes the execution control of the front end irrelevant to the business logic, and brings great convenience for the front end development.
Description
Technical Field
The present application relates to the field of software development technologies, and in particular, to a page layout method, a page layout device, an electronic device, and a storage medium.
Background
In recent years, with the advent of the internet intelligent age, H5 (Html 5) pages have been widely used in many scenarios such as campaign popularization, brand promotion, product introduction, meeting invitation, personal resume, and company recruitment.
The logic control of the existing H5 page can realize the required business flow. But brings problems: firstly, aiming at a business process, a single capacity open form, business control logic in the process completely depends on a foreground, and business process control risks exist; secondly, the single H5 page capability adopted at present is a page function generated by taking one-time contact interaction as granularity, one business process comprises multiple contact interactions, multiple H5 page capabilities are adopted, business dependence exists among multiple pages, but the existing open mode cannot realize logic control among the multiple H5 page capabilities contained in the business process. Thirdly, the open system provides the capability of completing one business process by a plurality of independent operations, and the front end has higher proficiency requirement on each business capability to complete the front end function meeting the business process.
In view of the above, there is a need to solve the problems in the prior art.
Disclosure of Invention
The application provides a page arrangement method, a page arrangement device, electronic equipment and a storage medium, which are used for realizing page arrangement.
The application provides a page arranging method, which comprises the following steps:
receiving an information calling instruction of a client; the information calling instruction carries user identity information;
calling a page function module in response to the information calling instruction, wherein user state information is contained under the page function module; the user status information is determined based on the user identity information;
and sending the page function module containing the user state information to the client for the client to display.
According to the page arranging method provided by the application, before the input request sent by the client is acquired, the method further comprises the following steps:
acquiring a single sign-on credential locally stored in the client, wherein the single sign-on credential is issued by a single sign-on authentication center based on local sign-on authorization of the client;
requesting authorization from the single sign-on authentication center based on the single sign-on credentials to log in to a page.
According to the page arranging method provided by the application, the single sign-on certificate comprises a valid duration, and the single sign-on certificate requests authorization from the single sign-on authentication center based on the single sign-on certificate so as to log in the target page, and the method comprises the following steps:
after the effective duration is exceeded, requesting authorization failure from the single sign-on authentication center based on the single sign-on credentials;
calling out a local login interface of the client to receive login information of a user account input by a user;
the login information is sent to the single sign-on authentication center;
and receiving and storing the single sign-on certificate which is authorized to be issued after the single sign-on authentication center successfully verifies the login information.
According to the page arranging method provided by the application, the page function module is called in response to the information calling instruction, and the page function module contains user state information; the user state information is determined based on the user identity information, and specifically comprises:
determining a user interface label of the page function module according to the request instruction and the user identity information;
and calling the user interface component of the page function module according to the user interface label of the page function module.
According to the page arranging method provided by the application, the page function module containing the user state information is sent to the client for the client to display, and the method specifically comprises the following steps:
connecting the page function modules according to a preset logic sequence to generate a page flow structure;
and establishing the page by the user interface component according to the page flow structure.
According to the page arranging method provided by the application, the page function modules are connected according to a preset logic sequence to generate a page flow structure, and the page arranging method specifically comprises the following steps:
and according to the layout style, the page position and the hierarchical relation of the page function module, carrying out page layout design in the canvas to generate a page flow structure.
The application also provides a page arranging device, which comprises:
the request acquisition unit is used for receiving an information calling instruction of the client; the information calling instruction carries user identity information;
the module calling unit is used for calling a page function module in response to the information calling instruction, and user state information is contained under the page function module; the user status information is determined based on the user identity information;
and the module display unit is used for sending the page function module containing the user state information to the client so as to be displayed by the client.
The application also provides an electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, the processor implementing the page arrangement method as described in any of the above when executing the program.
The application also provides a non-transitory computer readable storage medium having stored thereon a computer program which, when executed by a processor, implements a method of laying out pages as described in any of the above.
The application also provides a computer program product comprising a computer program which when executed by a processor implements a method of laying out pages as described in any one of the above.
The application provides a page arranging method, a page arranging device, electronic equipment and a storage medium, wherein an information calling instruction of a client is received; the information calling instruction carries user identity information; calling a page function module in response to the information calling instruction, wherein user state information is contained under the page function module; the user status information is determined based on the user identity information; and sending the page function module containing the user state information to the client for the client to display. The application takes the input request as the drive, arranges the page, realizes the execution control of the front end irrelevant to the business logic, and brings great convenience for the front end development.
Drawings
In order to more clearly illustrate the application or the technical solutions of the prior art, the following description will briefly explain the drawings used in the embodiments or the description of the prior art, and it is obvious that the drawings in the following description are some embodiments of the application, and other drawings can be obtained according to the drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flow chart of a page layout method provided by the application;
FIG. 2 is a schematic diagram of the page arranging apparatus according to the present application;
fig. 3 is a schematic structural diagram of an electronic device provided by the present application.
Detailed Description
For the purpose of making the objects, technical solutions and advantages of the present application more apparent, the technical solutions of the present application will be clearly and completely described below with reference to the accompanying drawings, and it is apparent that the described embodiments are some embodiments of the present application, not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to be within the scope of the application.
For the existing H5 page logic control, the following limitations currently exist:
business process control risk: since current business process control is entirely dependent on the foreground, i.e., H5 page, this may lead to a risk of business process control. Front-end logic is susceptible to tampering, bypassing, or erroneous operations, resulting in errors or anomalies in the business process. This risk can be alleviated by introducing some traffic logic control at the backend.
Traffic dependency between H5 pages: in one business process, multiple H5 pages may be required to complete in concert. However, existing open approaches do not enable logic control between multiple H5 page capabilities. This may result in ambiguous business dependencies between pages, difficult communications, or difficulty in coordinating and synchronizing state and data between different pages.
Front-end developer proficiency requirements: to implement a business process that consists of multiple individually running capabilities, front-end developers need to have a high level of proficiency for each business capability. This involves understanding and mastering the interfaces and logic of the various capabilities to ensure that they function properly throughout the flow. This increases the complexity and technical requirements of development.
In order to solve the problems in the prior art, referring to fig. 1, fig. 1 is a flow chart of a page arranging method provided by the present application, and the present application provides a page arranging method, which includes, but is not limited to, steps 110-130:
step 110, receiving an information calling instruction of a client; the information retrieval instruction carries user identity information.
In step 110, the information retrieving instruction sent by the client carries user identity information. The information calling instruction is an instruction or an operation type sent to the server by the client and is used for informing the server of specific operations to be executed. It may be a string, enumerated value, or identifier. And the user identity information is data for identifying and verifying the user identity. It may contain a unique identifier of the user, a user name, an email, a cell phone number, a token, etc. This information can be used to verify the identity of the user and to perform authorization and rights management as required.
Input requests sent by the client can be received and processed by setting corresponding API interfaces at the server side. Specifically, at the server side, an API interface needs to be defined to receive an input request sent by the client side. The API interface may be created using a common Web development framework (e.g., django, express, python of node. Js, etc.). In the API interface, a corresponding routing and HTTP request method needs to be set to receive a request of a client. Depending on the requirements, different request methods such as GET, POST, PUT, DELETE may be used. Subsequently, the request instruction and the user identity information are extracted from the request. For GET requests, the request parameters are typically contained in the query string of the URL, which can be extracted using methods provided by the server-side framework. For POST requests, the request parameters are typically contained in a request body that can be parsed to obtain the parameters. As an alternative embodiment, user identity information may need to be verified as desired. Authentication and authorization mechanisms (e.g., JWT, OAuth, etc.) may be used to verify the user's identity, ensuring that only legitimate users can send requests. And then executing corresponding business logic according to the request instruction. This may involve interactions with the database, invoking other services, or performing other operations. After the request is processed, a corresponding response is generated and sent back to the client. The response may be in JSON format containing the required data, a status code of success or failure, etc.
Step 120, calling a page function module in response to the information calling instruction, wherein user state information is contained under the page function module; the user status information is determined based on the user identity information.
In step 120, a corresponding H5 page function module may be invoked according to a request instruction in the input request sent by the user and in combination with the user identity information. For example, for a broadband service transaction scenario, the request instruction may be address information, package transaction information, etc. input by the user in the client, and when the user inputs the package transaction information, the server invokes the package transaction function module to display the packages that can be transacted in the H5 page. When the user inputs package inquiry information, the server not only can call the package inquiry function module, but also can display the package information used by the user in the H5 page in combination with the identity information of the user. Specifically, after the server receives the request, the request instruction and the user identity information in the request need to be analyzed. This information is extracted for later use. Under the condition of considering security, user identity information can be used for identity verification, so that the validity and authorization of the request are ensured. This may include checking the validity of the token, verifying the user name and password, etc. Next, determining an H5 page function module to be called according to the request instruction: and determining a specific H5 page function module to be called according to the request instruction. These modules may contain different front-end logic, interactions, and presentation content. And constructing parameters and data transferred to the H5 page function module according to the requirements. This may include data extracted from the request, user identity information, and other necessary context information. And calling a corresponding H5 page function module through a corresponding mechanism. The specific calling manner is not limited herein, and the H5 page function module may be loaded and run using JavaScript APIs of a browser, web view frameworks (e.g., act, vue. Js), or other suitable methods. And finally, generating corresponding response data or states according to the execution result of the H5 page function module, and sending the response data or states back to the client. This may be a successful or failed status code, error information, updated data, etc.
And 130, sending the page function module containing the user state information to the client for display by the client.
In step 130, the H5 page function module called in step 120 needs to be visually displayed in the client. Specifically, front-end routing navigation is set first, so that corresponding H5 page function modules are loaded according to requests and user operations. And loading a corresponding H5 page function module according to route navigation or user operation. The loaded H5 page function module is then embedded into the page structure of the client application and necessary DOM operations and layout adjustments are performed. Optionally, the loaded H5 page function module is provided with a style and layout to ensure that its appearance and layout in the application remain consistent with other elements. Then, the loaded H5 page function module is interacted with, and necessary data is transferred through a proper data transfer mechanism. Finally, the H5 page function module is ensured to have a responsive design, and can be well adapted and displayed on different devices.
The application provides a page arranging method, a page arranging device, electronic equipment and a storage medium, wherein an information calling instruction of a client is received; the information calling instruction carries user identity information; calling a page function module in response to the information calling instruction, wherein user state information is contained under the page function module; the user status information is determined based on the user identity information; and sending the page function module containing the user state information to the client for the client to display. The application takes the input request as the drive, arranges the page, realizes the execution control of the front end irrelevant to the business logic, and brings great convenience for the front end development.
According to the page arranging method provided by the application, before the input request sent by the client is acquired, the method further comprises the following steps:
acquiring a single sign-on credential locally stored in the client, wherein the single sign-on credential is issued by a single sign-on authentication center based on local sign-on authorization of the client;
requesting authorization from the single sign-on authentication center based on the single sign-on credentials to log in to a page.
In the embodiment, a single sign-on credential locally stored in a client is obtained, wherein the single sign-on credential is a credential issued by a single sign-on authentication center based on local sign-on authorization of the client;
in this embodiment, both the active service provided in the client and the service system provided in the web page are managed by a Single Sign-On (SSO) authentication center.
When the client receives a service request of a target H5 page to be logged in, the client can be requested to provide single sign-on credentials issued by a single sign-on authentication center for the client, and authorization is requested to the single sign-on authentication center based on the single sign-on credentials.
The single sign-on authentication center can control access rights of a plurality of related but independent systems, and a user with the access rights can access each system by using a single user ID and a single password (such as a pre-registered account number and a password or a mobile phone number and a short message verification code), so that different user names or passwords are avoided from being used in each service system.
After the user inputs the user ID and the password in the client to successfully log in locally, the single sign-on authentication center can generate authorization (such as session) for the client, or trust the client, and generate a single sign-on credential (such as session ID) to feed back to the client, wherein the single sign-on credential is an identifier of the single sign-on authentication center searching for the authorization. Any system, after providing the correct single sign-on credentials to the single sign-on authentication center, will acquire the authorization provided by the single sign-on authentication center, thereby logging into the corresponding service system.
In an alternative application scenario, the single sign-on credentials generated by each local sign-on are different, and each single sign-on credential is time-efficient, i.e. the time-efficient of the single sign-on credentials may be truncated at a predefined period or occasion, e.g. the time-efficient of the single sign-on credentials may be a preset period of time, or truncated when the client exits the front end of the terminal device. After obtaining the single sign-on credential, if the client needs to request a local service, the single sign-on authentication center may search for a corresponding authorization (e.g., session corresponding to session id) based on the single sign-on credential sent by the client, and if the corresponding authorization is found, allow the client to access the corresponding service.
In the application scenario, when requesting authorization from a single sign-on authentication center based on a single sign-on credential to log in a target H5 page, if the request authorization from the single sign-on authentication center based on the single sign-on credential fails after exceeding a valid time, the client calls a local login interface of the client to receive login information of a user account input by a user and sends the login information to the single sign-on authentication center; and receiving and storing the single sign-on certificate which is authorized to be issued after the single sign-on authentication center successfully verifies the login information.
Alternatively, when obtaining single sign-on credentials stored locally in a client, there are two cases:
the first case is that the client has already logged in locally, and at this time, authorization can be requested in the single sign-on authentication center, so that access to the H5 page is realized and corresponding service functions are realized by logging in the service system corresponding to the service requesting the H5 page.
In the second case, the client side does not locally log in, in this case, the request for authorization cannot be made in the single sign-on authentication center, so that the service system corresponding to the service requesting the H5 page cannot be logged in, and at this time, the local login interface of the client side can be called out, and the account password input by the user is received through the local login interface.
Alternatively, the above-mentioned manner of calling out the local login interface may be implemented by js-native or schema Url, etc.
If the js-active mode is adopted, the step of calling out the local login interface of the client side can comprise the following steps: invoking a target native interface function through a preset JS function in a target H5 page, wherein the target native interface function is a native interface function added in a webpage view program of a local login interface of a client in advance; and executing a method corresponding to the target native interface function.
For example, a native interface function for the H5 page to call may be added in advance in the web page view program of the local login interface of the client; when the H5 page receives the access instruction, the H5 page sends the name of the native interface function to the native through a Js function preset in the H5 page so as to call the name of the native interface function preset in the local login interface of the client, thereby realizing that the H5 page calls the local login interface.
If the method is implemented in a schema Url mode, calling out the local login interface of the client side comprises the following steps: and jumping to a jump target page indicated in the schema URL by registering the schema URL in the operating system in advance for the target H5 page, wherein the jump target page indicated in the schema URL is a local login interface.
For example, a schema URL is registered in advance with the operating system, where the registered schema URL includes a URL link and a jump target page (i.e., a login interface of the local client). When the registered URL page link (the parameter of the URL page link carries a parameter for indicating that login is required and current login is not required, that is, the accessed URL page link is a page that needs to be logged in and current login is not required) is accessed, the page jump routing center of the operating system determines a jump target page according to the preregistered schema URL, so as to instruct the client to jump to the local login interface specified in the schema URL.
After receiving the account password input by the user through the local login interface, the account password is sent to the single sign-on authentication center. If the single sign-on authentication center verifies that the login is successful, a single sign-on credential is fed back to the client, and all service systems managed by the single sign-on authentication center can be logged in by the single sign-on credential, including a service system corresponding to a service in the local client and a service system corresponding to a service in the H5 page in the embodiment. Furthermore, after the client acquires the single sign-on credential, the H5 page can acquire the single sign-on credential of the client again by a method of calling back JS, and request authorization from the single sign-on authentication center based on the single sign-on credential, so that the effect of automatic login in the H5 page is realized.
Authorization is requested from the single sign-on authentication center based on the single sign-on credentials to log in to the target H5 page.
After the single sign-on credentials are acquired, they are sent to a single sign-on authentication center to request authorization. After the single sign-on authentication center authorizes, the sign-on enters the target H5 page.
Requesting authorization from a single sign-on authentication center based on single sign-on credentials, comprising: and monitoring whether the single sign-on credential is received or not through the JS callback function, and sending the single sign-on credential to a single sign-on authentication center to request authorization after the single sign-on credential is received.
According to the embodiment, the mutual login authentication of all service systems is uniformly managed through the single-point login authentication center, so that after the service systems corresponding to local services in the client are successfully logged in, the service systems corresponding to the services provided in the H5 pages can be approved, the acquisition of the single-point login credentials of the local login of the client is realized by utilizing the mutual call between the H5 pages and the native of the client, when the client does not locally log in, a local login interface is called out to execute a login process, the login effect of the H5 pages is realized in a local login mode, the operation process of the login of the H5 pages in the client is simplified, the user is not required to log in the client and the H5 pages respectively, and the user experience is greatly improved.
It should be noted that the steps illustrated in the flowcharts of the figures may be performed in a computer system such as a set of computer executable instructions, and that although a logical order is illustrated in the flowcharts, in some cases the steps illustrated or described may be performed in an order other than that illustrated herein.
From the description of the above embodiments, it will be clear to a person skilled in the art that the method according to the above embodiments may be implemented by means of software plus the necessary general hardware platform, but of course also by means of hardware, but in many cases the former is a preferred embodiment. Based on such understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art in the form of a software product stored in a storage medium (e.g. ROM/RAM, magnetic disk, optical disk) comprising instructions for causing a terminal device (which may be a mobile phone, a computer, a server, or a network device, etc.) to perform the method according to the embodiments of the present application.
According to the page arranging method provided by the application, the single sign-on certificate comprises a valid duration, and the single sign-on certificate requests authorization from the single sign-on authentication center based on the single sign-on certificate so as to log in the target page, and the method comprises the following steps:
after the effective duration is exceeded, requesting authorization failure from the single sign-on authentication center based on the single sign-on credentials;
calling out a local login interface of the client to receive login information of a user account input by a user;
the login information is sent to the single sign-on authentication center;
and receiving and storing the single sign-on certificate which is authorized to be issued after the single sign-on authentication center successfully verifies the login information.
In this embodiment, in an optional application scenario, the single sign-on credentials generated by each local sign-on are different, and each single sign-on credential is time-efficient, that is, the time-efficient of the single sign-on credentials may be truncated in a predefined period or opportunity, for example, the time-efficient of the single sign-on credentials may be a preset period or truncated when the client exits the front end of the terminal device. After obtaining the single sign-on credential, if the client needs to request a local service, the single sign-on authentication center may search for a corresponding authorization (e.g., session corresponding to session id) based on the single sign-on credential sent by the client, and if the corresponding authorization is found, allow the client to access the corresponding service.
In the application scenario, when requesting authorization from a single sign-on authentication center based on a single sign-on credential to log in a target H5 page, if the request authorization from the single sign-on authentication center based on the single sign-on credential fails after exceeding a valid time, the client calls a local login interface of the client to receive login information of a user account input by a user and sends the login information to the single sign-on authentication center; and receiving and storing the single sign-on certificate which is authorized to be issued after the single sign-on authentication center successfully verifies the login information.
According to the page arranging method provided by the application, the page function module is called in response to the information calling instruction, and the page function module contains user state information; the user state information is determined based on the user identity information, and specifically comprises:
determining a user interface label of the page function module according to the request instruction and the user identity information;
and calling the user interface component of the page function module according to the user interface label of the page function module.
In this embodiment, according to the request instruction and the user identity information, the corresponding user interface component of the H5 page function module is called, the user interface tag of the H5 page function module needs to be determined, and then according to the user interface tag, the user interface component of the H5 page function module is called. Specifically, first, the request instruction and the user identification information are parsed to acquire necessary parameters and data. Next, the required user interface labels are determined according to the request instructions and the corresponding user interface components are invoked. By passing parameters and data to these components, they can render and interact. Finally, these user interface components are displayed in the client application in the appropriate locations to present a consistent, usable, and easily maintained user interface. Therefore, according to the request instruction and the user identity information, the proper H5 page function module can be dynamically called, and the required user interface display and interaction are realized.
According to the page arranging method provided by the application, the page function module containing the user state information is sent to the client for the client to display, and the method specifically comprises the following steps:
connecting the page function modules according to a preset logic sequence to generate a page flow structure;
and establishing the page by the user interface component according to the page flow structure.
In this embodiment, in order to make the visual display more in line with the user requirement, the H5 page function module may be connected according to a preset logic sequence to generate a page flow structure, and then an H5 page is established according to the page flow structure. Specifically, to perform visual display on the H5 page function module at the client, the function modules are first connected according to a preset logic sequence, so as to generate a page flow structure. And then, establishing an H5 page according to the page flow structure and the user interface component, and placing the components in sequence and setting page navigation so that a user can interact according to a preset flow. At the same time, the correctness of data transfer and state management is ensured, and proper styles and layouts are applied to the pages. And finally, debugging and testing are carried out, and the continuity of the page flow and the accuracy of interaction are ensured. Through the embodiment, the visual H5 page with the preset flow and good user experience can be created.
According to the page arranging method provided by the application, the H5 page function module is connected according to the preset logic sequence to generate a page flow structure, and the page arranging method specifically comprises the following steps:
and according to the layout style, the page position and the hierarchical relation of the H5 page function module, carrying out H5 page layout design in the canvas to generate a page flow structure.
In this embodiment, in order to further create a visual H5 page with good user experience, H5 page layout design may be performed in the canvas according to the layout style, the page position, and the hierarchical relationship of the H5 page function module, so as to generate a page flow structure. Specifically, first, the layout style of the H5 page function module and the positional and hierarchical relationship of the page are determined. And then, carrying out page layout design on the canvas, and placing the functional modules on the pages according to a preset logic sequence. Navigation and interaction between pages are considered and design readability, consistency and user friendliness are ensured. Finally, the design is adjusted and optimized to improve the visual effect and the user experience. Through the embodiment, the H5 page design with a clear page flow structure can be generated, so that a user can browse and interact according to the preset logic sequence, and consistent, visual and easy-to-use user experience is provided.
Referring to fig. 2, fig. 2 is a schematic structural diagram of a page arranging apparatus according to the present application, and the page arranging apparatus according to the present application is described below, and the page arranging apparatus described below and the page arranging method described above may be referred to correspondingly.
A request acquisition unit 210, configured to receive an information retrieval instruction of a client; the information calling instruction carries user identity information;
a module calling unit 220, configured to call a page function module in response to the information calling instruction, where the page function module includes user status information; the user status information is determined based on the user identity information;
and the module display unit 230 is configured to send a page function module including the user status information to the client for the client to display.
Fig. 3 illustrates a physical schematic diagram of an electronic device, as shown in fig. 3, where the electronic device may include: processor 310, communication interface (Communications Interface) 320, memory 330 and communication bus 340, wherein processor 310, communication interface 320, memory 330 accomplish communication with each other through communication bus 340. Processor 310 may invoke logic instructions in memory 330 to perform a page laying out method comprising:
receiving an information calling instruction of a client; the information calling instruction carries user identity information;
calling a page function module in response to the information calling instruction, wherein user state information is contained under the page function module; the user status information is determined based on the user identity information;
and sending the page function module containing the user state information to the client for the client to display.
Further, the logic instructions in the memory 330 described above may be implemented in the form of software functional units and may be stored in a computer-readable storage medium when sold or used as a stand-alone product. Based on this understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art or in a part of the technical solution, in the form of a software product stored in a storage medium, comprising several instructions for causing a computer device (which may be a personal computer, a server, a network device, etc.) to perform all or part of the steps of the method according to the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (RAM, random Access Memory), a magnetic disk, or an optical disk, or other various media capable of storing program codes.
In another aspect, the present application also provides a computer program product comprising a computer program, the computer program being storable on a non-transitory computer readable storage medium, the computer program when executed by a processor being capable of performing a method of laying out pages provided by the methods described above, the method comprising:
receiving an information calling instruction of a client; the information calling instruction carries user identity information;
calling a page function module in response to the information calling instruction, wherein user state information is contained under the page function module; the user status information is determined based on the user identity information;
and sending the page function module containing the user state information to the client for the client to display.
In yet another aspect, the present application also provides a non-transitory computer readable storage medium having stored thereon a computer program which, when executed by a processor, is implemented to perform a method of laying out pages provided by the above methods, the method comprising:
receiving an information calling instruction of a client; the information calling instruction carries user identity information;
calling a page function module in response to the information calling instruction, wherein user state information is contained under the page function module; the user status information is determined based on the user identity information;
and sending the page function module containing the user state information to the client for the client to display.
The apparatus embodiments described above are merely illustrative, wherein the elements illustrated as separate elements may or may not be physically separate, and the elements shown as elements may or may not be physical elements, may be located in one place, or may be distributed over a plurality of network elements. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of this embodiment. Those of ordinary skill in the art will understand and implement the present application without undue burden.
From the above description of the embodiments, it will be apparent to those skilled in the art that the embodiments may be implemented by means of software plus necessary general hardware platforms, or of course may be implemented by means of hardware. Based on this understanding, the foregoing technical solution may be embodied essentially or in a part contributing to the prior art in the form of a software product, which may be stored in a computer readable storage medium, such as ROM/RAM, a magnetic disk, an optical disk, etc., including several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the method described in the respective embodiments or some parts of the embodiments.
Finally, it should be noted that: the above embodiments are only for illustrating the technical solution of the present application, and are not limiting; although the application has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some technical features thereof can be replaced by equivalents; such modifications and substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the present application.
Claims (10)
1. A method of arranging pages, comprising:
receiving an information calling instruction of a client; the information calling instruction carries user identity information;
calling a page function module in response to the information calling instruction, wherein user state information is contained under the page function module; the user status information is determined based on the user identity information;
and sending the page function module containing the user state information to the client for the client to display.
2. The page orchestration method according to claim 1, wherein before the receiving the information retrieval instruction of the client, the method further comprises:
acquiring a single sign-on credential locally stored in the client, wherein the single sign-on credential is issued by a single sign-on authentication center based on local sign-on authorization of the client;
requesting authorization from the single sign-on authentication center based on the single sign-on credentials to log in to an H5 page.
3. The page orchestration method according to claim 2, wherein the single sign-on credentials include a valid duration, wherein the requesting authorization from the single sign-on authentication center to log in to the target page based on the single sign-on credentials includes:
after the effective duration is exceeded, requesting authorization failure from the single sign-on authentication center based on the single sign-on credentials;
calling out a local login interface of the client to receive login information of a user account input by a user;
the login information is sent to the single sign-on authentication center;
and receiving and storing the single sign-on certificate which is authorized to be issued after the single sign-on authentication center successfully verifies the login information.
4. The page arranging method according to claim 1, wherein the calling the page function module in response to the information calling instruction specifically includes:
determining a user interface label of the page function module according to the request instruction and the user identity information;
and calling the user interface component of the page function module according to the user interface label of the page function module.
5. The method for arranging pages according to claim 4, wherein the step of sending the page function module containing the user status information to the client for the client to display specifically comprises:
connecting the page function modules according to a preset logic sequence to generate a page flow structure;
and establishing the page by the user interface component according to the page flow structure.
6. The page arranging method according to claim 5, wherein the step of connecting the H5 page function modules according to a preset logic sequence to generate a page flow structure specifically includes:
and according to the layout style, the page position and the hierarchical relation of the page function module, carrying out page layout design in the canvas to generate a page flow structure.
7. A page arranging apparatus, comprising:
the request acquisition unit is used for receiving an information calling instruction of the client; the information calling instruction carries user identity information;
the module calling unit is used for calling a page function module in response to the information calling instruction, and user state information is contained under the page function module; the user status information is determined based on the user identity information;
and the module display unit is used for sending the page function module containing the user state information to the client so as to be displayed by the client.
8. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the processor implements the page orchestration method according to any one of claims 1 to 6 when the program is executed.
9. A non-transitory computer readable storage medium, on which a computer program is stored, characterized in that the computer program, when executed by a processor, implements the page orchestration method according to any one of claims 1 to 6.
10. A computer program product comprising a computer program which, when executed by a processor, implements a method of laying out pages as claimed in any one of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310745376.4A CN116909551A (en) | 2023-06-21 | 2023-06-21 | Page arrangement method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310745376.4A CN116909551A (en) | 2023-06-21 | 2023-06-21 | Page arrangement method and device, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116909551A true CN116909551A (en) | 2023-10-20 |
Family
ID=88352110
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310745376.4A Pending CN116909551A (en) | 2023-06-21 | 2023-06-21 | Page arrangement method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116909551A (en) |
-
2023
- 2023-06-21 CN CN202310745376.4A patent/CN116909551A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11706218B2 (en) | Systems and methods for controlling sign-on to web applications | |
| US8402518B2 (en) | Secure management of authentication information | |
| CN105871838B (en) | A kind of log-in control method and customer center platform of third party's account | |
| US10911426B2 (en) | Custom authenticator for enterprise web application | |
| CN105791324A (en) | Account login method and device | |
| CN107203576A (en) | Information synchronization method and device | |
| CN109510799B (en) | Page display method, browser client, equipment and storage medium | |
| CN110601832A (en) | Data access method and device | |
| WO2019237950A1 (en) | Security verification method and device | |
| US20160162984A1 (en) | Processing unstructured messages | |
| CN110855655B (en) | Information verification method, device, equipment and storage medium | |
| CN110673970B (en) | Cross-process calling system and method based on web application | |
| US20100222022A1 (en) | Communication method, communication system and access method to service provider base | |
| CN116909551A (en) | Page arrangement method and device, electronic equipment and storage medium | |
| CN115733685A (en) | Web session authentication management method and device, computer equipment and storage medium | |
| CN115643054A (en) | Identity information verification method, device, server, medium and product | |
| CN110427745B (en) | Verification code obtaining method and device, electronic equipment and computer readable medium | |
| CN113190812A (en) | Login method, system, electronic equipment and storage medium | |
| CN113472752B (en) | Authority processing method and device, electronic equipment and storage medium | |
| CN115001808B (en) | Domain user login method, device, equipment and medium | |
| CN113901377B (en) | Service calling method, device, storage medium and equipment of legacy system | |
| CN111125676B (en) | Joint authorization method and device | |
| CN113347234B (en) | Network information acquisition method, device, system, computer equipment and storage medium | |
| CN110224973B (en) | Multi-server parallel implementation method based on programming game, electronic equipment and medium | |
| CN117909611A (en) | Page embedding method, device, equipment, medium, program product and credit system |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |