Page configuration method and device, page display method and device, equipment and storage medium
By carrying multiple functions in the same tab page, using the configuration front-end to develop component dimensions and verifying the target tab page server, the high iteration cost caused by excessive tab pages is solved, and efficient function iteration and display is achieved.
Patent Information
- Application Number
- CN202410094891.5
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-01-23
- Publication Date
- 2025-07-25
AI Technical Summary
With the increase in the client page function, the number of tabs is too high, resulting in high iteration costs and low efficiency.
It carries multiple functions in the same tab page, and uses the front-end to develop and verify component dimensions, and uses the server side of the target tab page to perform final verification.
It improves the iteration efficiency and display flexibility of various functions in the tab page, reduces the tab page switching operation, and reduces the development and management costs.
Smart Images

Figure CN120371413A_ABST
Abstract
Description
Technical Field
[0001] Embodiments of the present disclosure relate to the field of computer technologies, and in particular, to a page configuration method, a page display method, an apparatus, a device, and a storage medium. Background Art
[0002] With the rapid development of computer technologies and Internet technologies, the functions carried by the pages of a client are becoming increasingly rich.
[0003] Currently, in order to reduce the frequent switching of pages due to the need to use different functions during the user's page browsing process, tabs can be set on the page. Different tabs can be used to carry different functions, and the user can use different functions by switching tabs. However, with the increase in the number of functions, if different functions are all configured in different tabs, it will lead to an excessive number of tabs, and each tab needs to be developed independently and completely, resulting in a high iteration cost and low efficiency. Summary of the Invention
[0004] Embodiments of the present disclosure provide a page configuration method, a page display method, an apparatus, a device, and a storage medium, which can optimize the existing page configuration scheme and page display scheme based on tab pages.
[0005] In a first aspect, an embodiment of the present disclosure provides a page configuration method, which is applied to a configuration front end of a first function and includes:
[0006] Sending a component display request to a first server, where the first server is a server of a target tab page for carrying the first function and at least one second function;
[0007] Receiving and displaying a candidate component set of the first function returned by the first server;
[0008] Responding to a configuration operation on the candidate component set, and determining component configuration data of the first function;
[0009] Sending the component configuration data of the first function to a second server to instruct the second server to verify the component configuration data of the first function through the first server, where the second server is a server corresponding to the configuration front end of the first function;
[0010] Receiving a verification result of the component configuration data of the first function returned by the second server, and displaying the verification result.
[0011] In a second aspect, an embodiment of the present disclosure further provides a page display method, including:
[0012] In response to a client's access request for a target tab page, obtain the component configuration data of at least one target function in the target tab page through a first server, and obtain component content data from the function servers corresponding to the at least one target function respectively, where the first server is the server of the target tab page, the function server is the server providing the corresponding function, and the component configuration data is determined according to the configuration operations of the configuration front-end of the corresponding function;
[0013] For each target function among the at least one target function, through the first server, determine the component display data of the current target function according to the component configuration data of the current target function and the component content data of the current target function;
[0014] Perform an overall verification on the component display data of the at least one target function, and determine the target display data according to the verification result of the overall verification;
[0015] Return the target display data to the client for display.
[0016] In a third aspect, an embodiment of the present disclosure further provides a page configuration device, which is applied to the configuration front-end of a first function and includes:
[0017] A display request sending module, configured to send a component display request to a first server, where the first server is the server of the target tab page, and the target tab page is used to carry the first function and at least one second function;
[0018] A component display module, configured to receive and display the candidate component set of the first function returned by the first server;
[0019] A configuration module, configured to determine the component configuration data of the first function in response to a configuration operation on the candidate component set;
[0020] A verification module, configured to send the component configuration data of the first function to a second server to instruct the second server to verify the component configuration data of the first function through the first server, where the second server is the server corresponding to the configuration front-end of the first function;
[0021] A result display module, configured to receive the verification result of the component configuration data of the first function returned by the second server and display the verification result.
[0022] In a fourth aspect, an embodiment of the present disclosure further provides a page display device, including:
[0023] A data acquisition module, configured to, in response to an access request from a client for a target tab page, obtain component configuration data of at least one target function in the target tab page through a first server, and obtain component content data from function servers corresponding to the at least one target function respectively, where the first server is the server of the target tab page, the function server is the server providing the corresponding function, and the component configuration data is determined according to configuration operations of a configuration front end corresponding to the corresponding function;
[0024] A component display data determination module, configured to, for each target function in the at least one target function through the first server, determine component display data of the current target function according to the component configuration data of the current target function and the component content data of the current target function;
[0025] A target display data determination module, configured to perform an overall verification on the component display data of the at least one target function, and determine target display data according to a verification result of the overall verification;
[0026] A data return module, configured to return the target display data to the client for display.
[0027] In a fifth aspect, an embodiment of the present disclosure further provides an electronic device, where the electronic device includes:
[0028] One or more processors;
[0029] A storage device, configured to store one or more programs,
[0030] When the one or more programs are executed by the one or more processors, the one or more processors implement the method provided by the embodiment of the present disclosure.
[0031] In a sixth aspect, an embodiment of the present disclosure further provides a storage medium including computer-executable instructions, where the computer-executable instructions are used to execute the method provided by the embodiment of the present disclosure when executed by a computer processor.
[0032] The page configuration solution provided by the embodiments of the present disclosure is applied to the configuration front end of the first function, and a component display request is sent to the first server. The first server is the server of the target tab page, and the target tab page is used to carry the first function and at least one second function. The candidate component set of the first function returned by the first server is received and displayed. In response to the configuration operation on the candidate component set, the component configuration data of the first function is determined, and the component configuration data of the first function is sent to the second server to instruct the second server to verify the component configuration data of the first function through the first server. The second server is the server corresponding to the configuration front end of the first function. The verification result of the component configuration data of the first function returned by the second server is received, and the verification result is displayed. By adopting the above technical solution, multiple functions can be carried on the same tab page. For a single function, component-level configuration can be performed at the configuration front end. After the configuration is completed, it is verified by the server of the target tab page, which improves the iteration efficiency of each function in the tab page while ensuring the accuracy of the target tab page.
[0033] The page display solution provided by the embodiments of the present disclosure, in response to the access request of the client for the target tab page, obtains the component configuration data of at least one target function in the target tab page through the first server, and obtains the component content data from the function servers corresponding to the at least one target function respectively. The function server is the server that provides the corresponding function, and the component configuration data is determined according to the configuration operation of the configuration front end of the corresponding function. Through the first server for each target function among the at least one target function, according to the component configuration data and component content data of the current target function, the component display data is determined, the component display data of the at least one target function is overall verified, and the target display data is determined according to the verification result of the overall verification. The target display data is returned to the client for display. By adopting the above technical solution, when the client accesses the target tab page, it obtains the component configuration data configured by the configuration front end corresponding to the target function carried and obtains the component content data from the corresponding function server, and overall verifies the assembled component display data to determine the target display data returned to the client for display, which improves the flexibility of the display of each function in the tab page while ensuring the accuracy of the target tab page. BRIEF DESCRIPTION OF THE DRAWINGS
[0034] In combination with the accompanying drawings and with reference to the following specific embodiments, the above and other features, advantages and aspects of the embodiments of the present disclosure will become more obvious. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic, and the original elements and elements are not necessarily drawn to scale.
[0035] Figure 1 It is a schematic flowchart of a page configuration method provided by the embodiments of the present disclosure;
[0036] Figure 2 Flow diagram of a page display method provided by an embodiment of the present disclosure;
[0037] Figure 3 Flow diagram of another page display method provided by an embodiment of the present disclosure;
[0038] Figure 4 Schematic diagram of an interface provided by an embodiment of the present disclosure;
[0039] Figure 5 Schematic diagram of a system architecture provided by an embodiment of the present disclosure;
[0040] Figure 6 Schematic diagram of the overall process of a solution provided by an embodiment of the present disclosure;
[0041] Figure 7 Flow diagram of a page configuration method provided by an embodiment of the present disclosure;
[0042] Figure 8 Flow diagram of a page display method provided by an embodiment of the present disclosure;
[0043] Figure 9 Flow diagram of determining the switch state of a target tab page provided by an embodiment of the present disclosure;
[0044] Figure 10 Schematic diagram of the structure of a page configuration device provided by an embodiment of the present disclosure;
[0045] Figure 11 Schematic diagram of the structure of a page display device provided by an embodiment of the present disclosure;
[0046] Figure 12 Schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure. Detailed implementation manners
[0047] Embodiments of the present disclosure will be described in more detail with reference to the accompanying drawings. Although some embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Instead, these embodiments are provided to more thoroughly and completely understand the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not used to limit the protection scope of the present disclosure.
[0048] It should be understood that the steps recited in the method embodiments of the present disclosure can be executed in a different order and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this regard.
[0049] As used herein, the term "including" and its variations are open-ended, i.e., "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.
[0050] It should be noted that the concepts such as "first", "second", etc. mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.
[0051] It should be noted that the modifications of "one" and "a plurality of" mentioned in the present disclosure are illustrative rather than restrictive. Those skilled in the art should understand that unless otherwise clearly specified in the context, it should be understood as "one or more".
[0052] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only for illustrative purposes and are not used to limit the scope of these messages or information.
[0053] To facilitate the understanding of the technical solutions of the embodiments of the present disclosure, the related technologies will be introduced below by taking a specific application scenario as an example. With the rapid development of computer technology and Internet technology, the functions carried by the pages of application (APP) clients are becoming increasingly rich. Taking the home page or personal page of an enterprise account in a social application (hereinafter referred to as the target page) as an example, there can be various functions, such as media work display function, work collection function, commodity display function, life service provision function, and course display function, etc. To reduce the frequent page switching during the user's page browsing process due to the need to use different functions, tabs can be set on the page. Different tabs can be used to carry different functions, and users can use different functions by switching tabs. However, with the increase in the number of functions, if different functions are all configured in different tabs, it will lead to an excessive number of tabs. In the embodiments of the present disclosure, similar functions can be carried on the same tab page to reduce the number of tab pages and also reduce the tab switching operations. For example, functions that provide specific services to users, such as commodity display function, life service provision function, and course display function (hereinafter referred to as service functions), can be integrated into the same tab page. In the prior art, during the actual development and management of different service functions, they are usually implemented in different tab pages by different function implementers. Different function implementers develop and manage independently, and when the tab page they are responsible for needs to be updated, a complete tab page needs to be developed and submitted to the server of the target page, resulting in a high iteration cost and low efficiency. In the embodiments of the present disclosure, on the basis of carrying multiple functions on the same tab page, it supports the function implementers corresponding to each function to develop at the component level and configure based on the front end, and the server of the tab page is responsible for verifying the configuration data, so as to improve the iteration efficiency of each function in the tab page while ensuring the accuracy of the target tab page.
[0054] Figure 1 FIG. is a schematic flowchart of a page configuration method provided by an embodiment of the present disclosure. The embodiments of the present disclosure are applicable to the situation of page configuration. This method can be executed by a page configuration device, and this device can be implemented in the form of software and / or hardware. Optionally, it is implemented by an electronic device. This electronic device can be configured as a configuration front end for the first function, and this configuration front end can run in the form of a software product or a web page in the electronic device.
[0055] As Figure 1 shown, the method includes:
[0056] Step 101, send a component display request to the first server, where the first server is the server of the target tab page, and the target tab page is used to carry the first function and at least one second function.
[0057] Exemplarily, the target tab page is a tab page in the target page of a preset application that can carry at least two functions. As previously exemplified, the similarity of the at least two functions meets the preset similarity requirement. For example, both provide specific services (such as preset type services) to client users (hereinafter referred to as visitors for the convenience of distinguishing from users who use the configuration front end, that is, users who access the target tab page through the client). The first function is any one of the functions carried in the target tab page, such as a commodity display function. The second function is any one of the functions different from the first function carried in the target tab page, such as a local service providing function. The specific number of the second functions is not limited and can be set according to actual needs.
[0058] Exemplarily, the configuration front end of the first function can be understood as the front end that has the ability to configure the first function. The users of this configuration front end can be relevant staff responsible for the first function, hereinafter referred to as front-end users. The front-end users can access the configuration front end running in the form of a web page or a software product page, etc., and configure the components of the first function based on the front-end page provided by the configuration front end. When configuring, a configuration request can be initiated on the front-end page. In response to this configuration request, the configuration front end sends a component display request to the first server.
[0059] Exemplarily, the first server is the server of the target tab page. The first server can be the server of a preset application (which can be understood as the platform server corresponding to the preset application). Usually, an application can correspond to a service set containing multiple servers, that is, there may be multiple platform servers. The first server can be the platform server in the service set that provides relevant services for the target tab page.
[0060] Step 102: Receive and display the candidate component set of the first function returned by the first server.
[0061] Exemplarily, for each function carried by the target tab page, it can be developed and managed by an independent function implementer. Each function can pre-store a corresponding candidate component set in the first server, and the candidate component set may include the developed components of the function. In the embodiments of the present disclosure, it is allowed for the function implementer to develop and configure at the component dimension. Taking the first function as an example, when the relevant personnel of the function implementer corresponding to the first function (such as the product manager of the function implementer) determines that a new component needs to be added to the first function, an application can be submitted to the relevant personnel corresponding to the target tab page (such as the product manager on the platform side responsible for managing the target tab page or the target page). After the application is approved, the new component can be added to the candidate component set, such as binding the component identifier (such as name or code number, etc.) of the new component to the first function. Subsequently, the developer corresponding to the first function develops the new component to obtain the new component that can be respectively displayed on the client and the configuration front end, registers and stores the new component in the first server. When the first server receives a component display request, it returns the current latest candidate component set of the first function for the configuration front end to display on the front-end page. Among them, the specific development process of the component is not limited. For example, the front-end R & D of the function implementer builds a repository by accessing the R & D kit of the target tab page, such as a mono sub-warehouse, the full name of which is monorepo, which is the abbreviation of Monolithic Repository, that is, a single code repository, to develop dynamic components. Before the component is released, it is internally tested through the test tool provided by the platform server. After the internal test is passed, it is released to obtain a dynamic link offline package. The dynamic link offline package management service of the target page front end obtains the dynamic link offline package and constructs dynamic component link information according to the dynamic link offline package. Then, the developed component can be stored in the first server in the form of dynamic link information. When a visitor accesses the target tab page, the component-related data can be obtained through the dynamic link and displayed on the client.
[0062] Step 103: In response to a configuration operation on the candidate component set, determine the component configuration data of the first function.
[0063] Exemplarily, a front-end user can input a configuration operation for the set of candidate components displayed in the front-end page based on the front-end page. The configuration operation may include a configuration operation for a specific candidate component, or a batch configuration operation for multiple candidate components, etc., without specific limitation. The specific operation type of the configuration operation is also not limited. Optionally, the configuration operation may include an operation for setting component attributes of the candidate components. Component attributes may include, for example, component switches, component styles, colors, and copywriting, etc. Among them, the candidate components set to be enabled can be displayed in the target tab page of the client; the configuration operation may also include a layout setting operation for the display layout of multiple candidate components, such as setting the display order of each candidate component in the display area corresponding to the first function. After receiving the configuration operation of the front-end user, determine the component configuration data of the first function according to the operation result of the configuration operation.
[0064] Optionally, the set of candidate components includes basic components provided by the first server and / or custom components registered by the developer of the first function on the first server. Thus, the component types in each function in the tab page can be enriched, and the convenience of component management and development can be improved.
[0065] Exemplarily, basic components can be understood as components that have been developed by the platform side and provided to the function implementer and are required or optional to be displayed in the display area corresponding to the function in the target tab page. Custom components can be understood as components developed by the developer of the first function himself / herself and registered on the first server as described above.
[0066] Optionally, the component configuration data of the first function includes at least one of the following: attribute configuration data of the target custom component determined from the set of candidate components for display in the target tab page; and layout configuration data for the display of the target custom component and / or the basic components in the target tab page. Thus, the flexibility of component configuration can be enhanced.
[0067] Exemplarily, the attribute configuration data may include configuration data determined according to the operation result of the foregoing component attribute setting operation, such as component switch data, component style data, color data, and copywriting data, etc. The layout configuration data may include configuration data determined according to the operation result of the foregoing layout setting operation.
[0068] Step 104: Send the component configuration data of the first function to the second server to instruct the second server to verify the component configuration data of the first function through the first server, where the second server is the server corresponding to the configuration front-end of the first function.
[0069] Exemplarily, the configuration front end may send the component configuration data of the first function to the server corresponding to the configuration front end (denoted as the second server), and the second server may verify the component configuration data through interaction with the first server. For example, the first server is responsible for the display content in the target tab page. While providing the function implementers of each function with the independent component development ability, it is necessary to verify whether the components developed by the function implementers meet the preset component configuration requirements on the platform side. The preset component configuration requirements may include, for example, meeting component availability, not being mutually exclusive with the configured components of the at least one second function, and the number of components with the component switch configured to be on not exceeding the component configuration quantity threshold corresponding to the first function, etc.
[0070] Step 105: Receive the verification result of the component configuration data of the first function returned by the second server, and display the verification result.
[0071] Exemplarily, after the verification is completed, the second server returns the verification result to the configuration front end, and the configuration front end displays the verification result so that the front-end user can learn whether their configuration operation can take effect. Among them, if the verification result is passed, "verification passed" can be displayed. If the verification result fails, a failure prompt message can be displayed. The failure prompt message may include information such as the failed configuration item and the reason for failure, such as the number of enabled components exceeding the component configuration quantity threshold, which is convenient for the front-end user to make targeted adjustments to their configuration plan.
[0072] Optionally, after the first server verifies the component configuration data of the first function, if the verification result is passed, it may notify the second server. After receiving the notification of passing the verification, the second server sends a component data update notification to the first server. The first server may update the component data of the first function stored locally according to the component configuration data of the first function, and the second server may also update the component data of the first function stored locally according to the component configuration data of the first function.
[0073] The page configuration solution provided by the embodiments of the present disclosure can carry multiple functions in the same tab page. For a single function, component-level configuration can be performed on the configuration front end, and after the configuration is completed, it is verified by the server of the target tab page, which improves the iteration efficiency of each function in the tab page while ensuring the accuracy of the target tab page.
[0074] In some embodiments, before determining the component configuration data of the first function in response to a configuration operation for the set of candidate components, it further includes: receiving and presenting the component configuration constraints of the first function returned by the first server, where the component configuration constraints are determined by the first server according to the component configuration situations of at least one second function. Thus, the first server can dynamically obtain the component configuration situations of at least one second function in the target tab page, and dynamically determine the component configuration constraints of the first function according to the component configuration situations for presentation in the configuration front end, helping the front-end user to perform component configuration more quickly and reasonably.
[0075] Exemplarily, multiple functions are carried on the target tab page, and each function performs component configuration independently. Therefore, front-end users of different functions cannot learn about the configuration situations of other functions. However, as a whole, the target tab page needs to meet certain requirements. For the function being currently configured, the first server is used to dynamically synchronize the component configuration situations of other functions, and prompt the front-end user currently with the information to be referred to when inputting the configuration operation of the component in the form of component configuration constraints, reducing the configuration failure caused by non-compliance during configuration verification, and improving the configuration success rate and configuration efficiency.
[0076] In some embodiments, the configuration constraints include: the mutual exclusion information between the candidate components in the set of candidate components and the configured components of the at least one second function, and / or, the component configuration quantity threshold of the first function. Thus, the configuration success rate and configuration efficiency of component configuration can be further improved.
[0077] Exemplarily, mutual exclusion can be understood as not allowing simultaneous display in the target tab page. For example, taking the location component as an example, different functions may all have the need to display the location component. For example, the product display function may need to display the shipping address of the product provider, and the enterprise promotion function may need to display the registered address of the enterprise. Both the above shipping address and registered address need to be displayed through the location component. However, displaying the two addresses simultaneously in the same tab page is likely to cause confusion among visitors and increase the probability of misoperation. Therefore, the address components in these two functions can be set to be mutually exclusive. For example, if the first function is the product display function and the second function includes the enterprise promotion function, and the enterprise promotion function has already configured the location component, the mutual exclusion information may include the relevant information that the location component has been configured by the second function, so that the front-end user of the first function can avoid enabling the location component in the first function.
[0078] Exemplarily, assume that it is necessary to preset the total number of all components displayed in the target tab page. Then, when configuring the components for the first function, it is necessary to refer to the remaining configurable component quantity. The component configuration quantity threshold for the first function can be understood as the maximum number of components that the first function can currently be displayed in the target tab page. For example, if the total number is 15 and the number of configured components for at least one second function is 10, then the component configuration quantity threshold for the first function can be 5.
[0079] In some embodiments, it further includes: sending a function switch configuration request to a third server to instruct the third server to store the first switch state corresponding to the first function according to the function switch configuration request when it is determined that the function switch configuration request meets the preset switch writing requirement, where the first switch state is used to determine whether to display the first function in the target tab page when the client requests to access the target tab page. Thus, it is possible to allow the front-end configuration to independently set whether to display the first function in the target tab page, improving the flexibility of function display.
[0080] Exemplarily, the third server may be the same as or different from the first server. If different, the third server may be an account authentication server corresponding to a preset application program. When the client requests to access the target tab page, the account authentication server can be used to determine whether each function in the target tab page is allowed to be displayed. In the front-end configuration stage, the front-end user can be allowed to independently configure the implementation function side switch (which can be denoted as the first switch) for the corresponding function, and store it when the third server determines that the configured switch state meets the writing requirement. Among them, the preset switch writing requirement may be to have the writing permission for the first switch state field, such as determining whether it meets the preset switch writing requirement by judging whether the sending address of the function switch configuration request is an address with writing permission.
[0081] Figure 2 The flowchart of a page display method provided by an embodiment of the present disclosure is applicable to the situation of page display. This method can be executed by a page display device, which can be implemented in the form of software and / or hardware. Optionally, it can be implemented by an electronic device, and the electronic device can be a device such as a server.
[0082] Step 201, in response to an access request from the client for the target tab page, obtain the component configuration data of at least one target function in the target tab page through the first server, and obtain the component content data from the function servers corresponding to the at least one target function respectively, where the function server is a server that provides the corresponding function, and the component configuration data is determined according to the configuration operation of the configuration front-end corresponding to the function.
[0083] In the embodiments of the present disclosure, concepts such as the target tab page, the first server, and component configuration data can be referred to the relevant descriptions above, and will not be elaborated here. It should be noted that the target tab page has the ability to carry at least two functions. In the page configuration stage, the front-end users corresponding to each function can configure the components for the corresponding functions in the target tab page through the front-end. Whether different functions are independently set to be displayed in the target tab page of the client, that is, the target tab page displayed on the client can include one function or multiple functions, which can be determined according to the actual configuration. The target function is the function that can currently be displayed in the target tab page of the client. The function server is the server for providing the corresponding function, and can also be called the function implementation party server.
[0084] Exemplarily, when the visitor is in the state of displaying the target tab page on the client, the visitor can trigger the display of the target tab page through a trigger operation such as clicking. The client responds to the trigger operation and initiates an access request for the target tab page.
[0085] Exemplarily, the component configuration data of the target function can be stored in the first server in the form of a dynamic link. The first server can obtain the component configuration data of the target function according to the component dynamic link. The component content data can be understood as the data that needs to be displayed in the component dynamically determined by the function server, such as specific dynamic function implementation party data.
[0086] Optionally, the front-end of the target tab page (Front-End, FE) can be set. The front-end of the target tab page receives the access request for the target tab page from the client, and calls the preset Hypertext Transfer Protocol (HTTP) interface of the first server through the front-end of the target tab page to instruct the first server to obtain the component configuration data and the component content data.
[0087] Step 202: For each target function among the at least one target function, the first server determines the component display data of the current target function according to the component configuration data of the current target function and the component content data of the current target function.
[0088] Exemplarily, for each target function, the component configuration data and the component content data corresponding to the current target function are assembled in terms of components to obtain the component display data corresponding to each target function respectively.
[0089] Step 203: Overall verify the component display data of the at least one target function, and determine the target display data according to the verification result of the overall verification.
[0090] Exemplarily, the overall verification may include, for example, verifying whether component configuration data is missing, whether component content data is missing, and whether the total number of components to be displayed in all target functions among the at least one target function exceeds a preset quantity threshold, etc.
[0091] Exemplarily, if the verification result of the overall verification is passed, such as the component configuration data is complete, the component content data is complete, and the total number of components to be displayed in all target functions among the at least one target function does not exceed the preset quantity threshold, it can be considered that the verification result of the overall verification is passed, and the component display data of all target functions among the at least one target function can be used as the target display data. If the verification result is not passed, the component display data of all target functions among the at least one target function can be processed through a preset data processing method to obtain the target display data, and the specific content of the preset data processing method is not limited.
[0092] Step 204, return the target display data to the client for display.
[0093] Exemplarily, after determining the target display data, the target display data is returned to the client for display. Optionally, the target display data can be first returned to the front end of the target tab page, and the front end of the target tab page is responsible for performing a rendering operation according to the target display data, and then the rendered data is returned to the client for display.
[0094] For the page display method provided by the embodiments of the present disclosure, when the client accesses the target tab page, it obtains the component configuration data configured by the front end corresponding to the target function carried and obtains the component content data from the corresponding function server, and performs an overall verification on the assembled component display data to determine the target display data to be returned to the client for display, which improves the flexibility of the display of each function in the tab page on the basis of ensuring the accuracy of the target tab page.
[0095] As described above, the target tab page can be a tab page in the target page. When the client accesses the target page, it can dynamically determine whether to display the target tab page according to the configuration of the configuration front end.
[0096] Figure 3 It is a schematic flowchart of another page display method provided by the embodiments of the present disclosure. The embodiments of the present disclosure are optimized based on each optional solution in the above embodiments. Specifically, the method includes the following steps:
[0097] Step 301: In response to the access request of the client for the target page, determine the basic switch state of the target tab page through the third server. When the basic switch state is on, obtain the first switch state corresponding to each function in the target tab page and the second switch state corresponding to each function, where the first switch state is the switch state configured by the corresponding configuration front end, and the second switch state is the switch state dynamically determined by the corresponding function server.
[0098] In the embodiments of the present disclosure, concepts such as the third server, the function server, and the first switch state can be referred to the relevant descriptions above and will not be elaborated here. Each function in the target tab page may include functions that the target tab page can carry. The basic switch state can be understood as the switch state set by the platform server of the preset application in advance to allow the current account to display the target tab page in the target page or the switch state determined by the third server according to the account association data. If the basic switch state is on, then continue to obtain the switch states determined by each function itself. Among them, the second switch state can be the switch state dynamically calculated by the function server according to the preset switch calculation method. The preset switch calculation method can be set according to actual needs. For example, taking the product display function as an example, a product quantity threshold, such as 2, can be preset in the function server. The preset switch calculation method can be that if the current number of products to be displayed is less than the product quantity threshold, the second switch state of the product display function is off, and if it is greater than or equal to the product quantity threshold, the second switch state of the product display function is on. Optionally, the third switch state corresponding to each function can also be obtained. The third switch state can include, for example, the state of the switch that has not been configured by the corresponding configuration front end.
[0099] Step 302: When it is determined that there is at least one target function among the functions according to the first switch state and the second switch state, return the display indication data of the target tab page to the client to instruct the client to display the target page and display the label identifier of the target tab page in the target page.
[0100] Exemplarily, for each function, the overall switch state of the current function is determined according to the corresponding first switch state and second switch state. The specific determination method is not limited. For example, if both are in the on state, the overall switch state is on. If there is one off state, the overall switch state is off, etc. The functions with the overall switch state being on are determined as target functions. If the number of target functions is at least one, it is determined that the target tab pages need to be displayed on the target page, and then the display instruction data of the target tab pages is returned to the client, so that the client can display the label identifiers of the target tab pages when displaying the target page. Among them, the display instruction data can be, for example, the container data of the target tab pages. The label identifier can be, for example, the name of the target tab page. If there are no target functions, it is determined that the target tab pages are not displayed on the target page.
[0101] Optionally, the target page may include multiple tab pages. The tab pages other than the target tab pages among the multiple tab pages are denoted as preset tab pages. The method may further include: determining the tab page to be displayed among the multiple tab pages according to the preset request parameters in the access request of the client for the target page, and returning a display instruction to the client to instruct the client to display the tab page to be displayed when displaying the target page. Among them, the tab page to be displayed can be understood as the first tab page displayed when entering the target page, and can be denoted as the landing page or Landing page. The preset request parameters can be set according to the actual situation. The specific parameter values can be obtained when starting the preset application or during the running of the preset application, and the parameter values of the preset request parameters are carried into the target page, that is, an access request for the target page is initiated with the parameter values of the preset request parameters carried.
[0102] Step 303: In response to the access request of the client for the target tab page, obtain the component configuration data of at least one target function in the target tab page through the first server, and obtain the component content data from the function servers corresponding to the at least one target function respectively. Among them, the first server is the server of the target tab page, and the function server is the server that provides the corresponding function. The component configuration data is determined according to the configuration operations of the configuration front-end corresponding to the functions.
[0103] Optionally, if the tab page to be displayed is the target tab page, then in this step, the response to the access request of the client for the target tab page can be omitted, that is, the target tab page is automatically displayed without the need for the visitor to trigger it actively.
[0104] Step 304: For each target function among the at least one target functions through the first server, determine the component display data of the current target function according to the component configuration data of the current target function and the component content data of the current target function.
[0105] Step 305: Overall verify the component display data of the at least one target function, and determine the target display data according to the verification result of the overall verification.
[0106] Step 306: Return the target display data to the client for display.
[0107] The page display method provided by the embodiments of the present disclosure can comprehensively and dynamically determine whether to display a target tab page in a target page and the target functions that can be displayed in the target tab page according to the basic switch state of the target tab page, the switch state configured in the front end, and the switch state dynamically determined by the function server when entering the target page, effectively improving the flexibility of target function display and meeting the function display requirements of different function providers.
[0108] In some embodiments, the method further includes: in response to an access request of the client for a target page, obtaining page parameter data of the target tab page, and sending the page parameter data to the third server, where the page parameter data includes first parameter data and second parameter data, the first parameter data includes account association data corresponding to the target page, and the account association data is used for the third server to determine the basic switch state, and the second parameter data includes first preset experiment parameter data, and the first preset experiment parameter is used for the corresponding function server to determine the second switch state; sending the corresponding second parameter data to the function servers of the respective functions through the third server. Thus, the switch states of the respective functions can be determined more flexibly and accurately, meeting the experimental requirements of the function providers for the functions.
[0109] Exemplarily, the first parameter data may include, for example, account identification data. This account can be understood as the account to which the target page belongs. An account can be registered and logged in in a preset application. The account identification data may be, for example, the registered account name. According to the first parameter data, it is determined whether to allow the target tab page to be displayed in the target page under this account, that is, the basic switch state is determined.
[0110] Exemplarily, each function may be iteratively updated. To find a better implementation method for the function, experiments (such as AB testing, also known as ABTest or control experiment, etc.) are often used for testing. The first preset experimental parameter data can be the experimental parameter data of the AB experiment for whether to display the function in the target tab page. The parameters of the first preset experimental parameter data required by the function servers of different functions may be different. That is, different function servers can correspond to different first preset experimental parameter data, and the specific experimental parameters are not limited. For example, it can include client identifiers, etc. The experimental parameters required by each function server can be obtained in advance and stored as key names (keys). After receiving the access request from the client for the target page, the parameter values corresponding to the experimental parameters are obtained, such as obtaining the corresponding key values (values) according to the key names. For each function server, the experimental parameters required by the current function server and the corresponding parameter values are determined to obtain the corresponding first preset experimental parameter data, and the first preset experimental parameter data in the form of key-value is obtained and sent to the corresponding function server, so that the function server can determine the experimental results of the corresponding AB experiment according to the first preset experimental parameter data, and then determine the second switch state according to the experimental results.
[0111] In some embodiments, the access request for the target tab page includes second preset experimental parameter data, and the second preset experimental parameter data is used for the corresponding function server to determine the third switch state of each component of the at least one target function; the method further includes: in response to the access request from the client for the target tab page, sending the second preset experimental parameter data to the function servers corresponding to the at least one target function respectively through the first server, and receiving the third switch state of each component returned by the function server; wherein, the obtaining the component configuration data of at least one target function in the target tab page through the first server, and obtaining the component content data from the function servers corresponding to the at least one target function respectively, includes: determining, through the first server, the target components to be displayed corresponding to the at least one target function in the target tab page according to the third switch state; obtaining, through the first server, the component configuration data of the target components of the at least one target function, and obtaining the component content data of the target components from the function servers corresponding to the at least one target function respectively. Thus, the switch states of each component of each function can be determined more flexibly and accurately, meeting the experimental requirements of the component providers for the components.
[0112] Exemplarily, the second preset experimental parameter data may be the experimental parameter data of an AB test for whether to display a certain component in the display area of the function. The determination method of the second preset experimental parameter data is similar to that of the first preset experimental parameter data. For example, the parameters of the second preset experimental parameter data required by the function servers of different functions may be different, that is, different function servers may correspond to different second preset experimental parameter data. The experimental parameters required by each function server can be obtained in advance and stored as keys. After receiving the access request from the client for the target tab page, the parameter values corresponding to the experimental parameters are obtained, such as obtaining the corresponding value according to the key name. For each function server, the experimental parameters required by the current function server and the corresponding parameter values are determined to obtain the corresponding second preset experimental parameter data, and the second preset experimental parameter data in the form of key-value is obtained and sent to the corresponding function server, so that the function server can determine the experimental results of the corresponding AB test according to the second preset experimental parameter data, and then determine the third switch state according to the experimental results.
[0113] Exemplarily, the switch states of each component can also be configured on the configuration front end, which can be recorded as the fourth switch state. When determining the target component, the third switch state and the fourth switch state can be comprehensively considered, such as taking the switch state with higher priority as the standard. For example, for a certain component, the third switch state is off and the fourth switch state is on. If the third switch state has a higher priority, the overall switch state of this component is off, that is, it will not become the target component to be displayed in the target tab page of the current client.
[0114] In some embodiments, the label identifier of the target tab page is set based on the account management side page of the target tab page; and / or when the number of the at least one target function is at least two, the display order of the at least two target functions in the target tab page is set based on the account management side page of the target tab page. Thus, the account holder can be supported to more flexibly set the identifier of the target tab page and / or the display order of each function on the account management side page.
[0115] Exemplarily, the account management side page can be the page on the side of relevant personnel who can log in to the account. For example, it can be the main page of the APP client. Since different functions are integrated and displayed in the same tab page, in the account management side page, account managers can conveniently set identifiers such as the name of the target tab page in the target page on the visitor side, and can also conveniently set the display order of different target functions. As exemplified above, for the commodity display function and the life service provision function, account managers can set the tab name according to the actual situation, such as commodity or service, and can also set according to the actual situation that the commodity display function is displayed before the life service provision function, or the commodity display function is displayed after the life service provision function, etc.
[0116] To better understand the technical solutions of the embodiments of the present disclosure, the following will be described by taking a specific application scenario as an example. Figure 4 An interface schematic diagram provided by an embodiment of the present disclosure is as Figure 4 shown. The target page 401 is the personal homepage of the "XX Youxuan" account. There are 3 tab pages in the target page 401, and the tab page names are Works, Services, and Favorites respectively. Among them, the Services tab page (Services Tab) is the target tab page 402. The target tab page 402 may include a display area 403 for 3 functions, and the 3 functions are respectively denoted as Function A, Function B, and Function C. For example, they are respectively the commodity display function, the life service provision function, and the course display function. Different functions correspond to different function implementation parties, and each function may include several components.
[0117] Figure 5 A system architecture schematic diagram provided by an embodiment of the present disclosure is as Figure 5As shown in the figure, the system architecture mainly includes an access layer, an application layer, a domain layer, and an infrastructure layer. Among them, the access layer mainly includes entry services, specifically including client redirection (such as client schema redirection), home page interface services (such as home page API services), and target tab page interface services (such as service Tab API services); the application layer includes C (Consumer, individual) - side distribution, B (Business, also the function implementer) - side configuration, and home page tab landing (home page TabLandig). C - side distribution mainly includes distributing Tab configuration (including Landing), distributing Tab content, and obtaining and configuring Tab content (including Tab name and the display order of functions provided by each function implementer). B - side configuration mainly includes checking Tab type, editing Tab switches, and editing Tab information (including component switches and Landing, etc.). Home page tab landing mainly includes adding Landing logic access and the original client Landing logic. The domain layer includes the target tab page, authentication - related, and the home page. The target tab page mainly includes function implementer configuration (such as scenarios, service addresses, and switches, etc.), front - end (configuring the front - end), component information, and component dynamic links, etc. Authentication - related can include authenticating the account identity and the function implementer identity (such as the rights and interests issued by the platform that the function implementer has, and those with corresponding rights and interests can display the provided functions in the target tab page). The home page mainly includes a lander and an assembler, which are responsible for page Landing and page assembly respectively. The infrastructure layer mainly includes infrastructure services and storage services. The storage services can include various types of databases, for example, and the infrastructure services can include front - end component offline packages, configuration information (such as downgrade switches, etc.), A / B testing, and account management (such as account platform operation permission management), etc.
[0118] Figure 6 A schematic diagram of the overall process of a solution provided by an embodiment of the present disclosure is shown in Figure 6As shown, the overall process mainly involves various function implementer platforms (including the B-side platform, that is, the configuration front end), various function implementer services (second service end), account management platform, account-side services, personal page services and personal page front end (client). For a certain function implementer, the B-side front-end user of the function implementer can access the function implementer service through the B-side platform to configure the components in the function provided by the function implementer. The obtained component configuration data can be stored in the account-side service, which may include data such as page structure, components and metadata. When there is a demand for new components, the components can be registered on the account management platform through the B-side platform, and the account management platform is responsible for managing the online and offline of the components. When a visitor initiates an access request to the personal page service through the personal page front-end, the personal page service can make a rights and interests judgment through the account-side service and determine whether to display the target tab page in combination with the switch information obtained from each function implementation service (function server). If the target tab page is determined to be displayed, the tab page data is requested from the personal page service (such as the basic data provided by the platform server), the component configuration data is obtained from the account-side service, and the dynamic function implementation data (referred to as dynamic data) is obtained from each function implementation service (such as service A and service B in the figure). After dynamic assembly (pack), an overall verification is performed. After the verification passes, the components and data of a single tab page (if only one tab page is displayed) or multiple tab pages are returned to the C-end for rendering and display.
[0119] Figure 7 A flow chart of a page configuration method provided by an embodiment of the present disclosure is shown as follows: Figure 7As shown in the figure, this process mainly involves the B-side front end (configuration front end), Web SDK (Software Development Kit), target tab server (service Tab server, i.e., the first server), B-side server (the second server), and component storage service. The B-side front end can implement page configuration through the Web SDK. When the B-side front end starts and instantiates the SDK and requests the SDK to obtain available components, it can send a component display request to the target tab server through the SDK. The target tab server queries the bound components of the corresponding function of the B-side front end to obtain a candidate component set, and returns the data of the candidate component set and configuration constraints (such as mutual exclusion information and component configuration quantity thresholds, etc.) to the SDK. The SDK then returns them to the B-side front end. If it is necessary to obtain component package data, it can pull the preview component package resources from the component storage service through the SDK, receive the component package resources returned by the SDK, and can also pull the component function implementation party data through the B-side server, so as to realize the component display on the B-side front end. Based on the displayed components, configuration operations can be input. After configuration, the component configuration data is sent to the B-side server to update the component function implementation party data. Before the update, the B-side server first conducts verification through the target tab server. If the verification passes, it saves the component function implementation party data, notifies the target tab server to verify and save the component data, and then notifies the B-side to save the component function implementation party data and returns an update success message.
[0120] During the process of page display on the client side, it mainly involves two stages, namely, issuing the tab container and issuing the tab content. Figure 8 The flowchart of a page display method provided by an embodiment of the present disclosure is as follows Figure 8As shown in the figure, the process mainly involves the home page server (target page server), service Tab-FE, service Tab server (first server), account authentication server (third server), and function implementation party server (function server). After a visitor enters the personal home page through the client, a request for obtaining home page information is sent to the home page server. The home page server obtains the page parameter data, trims the control experiment parameters for the experiment parameters required by each function implementation party to obtain the first preset experiment parameter data, and obtains the client parameters and the home page parameters specified by the function implementation party to obtain the page parameter data sent to the account authentication server. Then, it queries the service Tab total switch status from the account authentication server. The account authentication server queries the basic switch status and concurrently obtains the switch status on the function implementation party side in multiple threads, calculates the service Tab total switch status, and returns it to the home page server. The home page server assembles information such as Tab inversion experiment, Tab weight order, Tab name, etc., and performs processing such as TabLanding, and responds to the client's request. The client determines whether to display the service Tab on the home page from the returned data. If the service Tab is to be displayed, after the user clicks on the service Tab, it can jump to the container of the FE according to the Schema to trigger the logic of the FE within the service Tab. The service Tab-FE calls the HTTP interface of the service Tab and trims the control experiment parameters to obtain the second preset experiment parameter data. The service Tab server determines from which function implementation parties to obtain component information based on the calculation in the container deployment stage. When the front-end user configures the component switch, it can also obtain the component configuration switch of the current user (fourth switch status) to determine the target components to be displayed. Subsequently, it concurrently obtains the dynamic function implementation party data (component content data) from the function implementation party server in multiple threads. The service Tab server assembles the component configuration data and the component content data, and after assembly, returns it to the service Tab-FE for overall verification. After the verification passes, the service Tab-FE performs rendering and returns the rendered data to the client for display to the visitor.
[0121] Figure 9 The flowchart of the process for determining the switch status of the target tab page provided by the embodiments of the present disclosure is as Figure 9As shown, in the write interface scenario, that is, the front end is configured to send a function switch configuration request to the third server. The third server determines whether the preset switch writing requirements are met. If so, configuration is allowed, and the first switch state corresponding to the switch configuration request is fixedly stored. In the read interface scenario, that is, in the page display process, the third server determines the basic switch state based on the account-related data, that is, whether to support displaying the service tab. If so, it can continue to determine whether a preset field is configured in this scenario. The preset field corresponds to the switch for the stock reading function implementation party, the real-time calculation switch (the second switch state), and the fixed storage switch (the first switch state). Finally, the total switch state of the service tab is determined by synthesizing multiple switch states.
[0122] The technical solution adopted in the embodiments of the present disclosure uses a configuration method to solve the function display requirements of different function implementation parties on the target page. The access of the tab page is abstracted into several main nodes, and the main processes among them are configured, reducing the costs such as detection and development on the target page side after the function implementation party is connected, improving the function iteration and online efficiency. Extracting the tab page content to the component dimension can also support different function implementation parties to reuse the same or the same type of components, further improving the development efficiency of each function implementation party. Abstracting the landing ability of the target page into multiple nodes supports flexible selection of two methods, configuration and independent implementation of logic by the function implementation party, for rapid iteration and online. In addition, by trimming the experimental parameters, it can support the efficient and accurate conduct of the control experiments of each function implementation party. When determining whether to display the target tab page, it can first make a determination based on the basic switch state, filter out the traffic that does not meet the requirements, and then make a switch determination for each function implementation party, which can meet the high concurrency and large traffic requirements of the target page.
[0123] Figure 10 The following is a schematic structural diagram of a page configuration device provided by an embodiment of the present disclosure, as Figure 10 shown, the device includes:
[0124] A display request sending module 1001, configured to send a component display request to a first server, where the first server is the server of the target tab page, and the target tab page is used to carry the first function and at least one second function;
[0125] A component display module 1002, configured to receive and display the candidate component set of the first function returned by the first server;
[0126] A configuration module 1003, configured to determine the component configuration data of the first function in response to a configuration operation on the candidate component set;
[0127] The verification module 1004 is configured to send the component configuration data of the first function to the second server, so as to instruct the second server to verify the component configuration data of the first function through the first server, where the second server is the server corresponding to the configuration front end of the first function;
[0128] The result display module 1005 is configured to receive the verification result of the component configuration data of the first function returned by the second server and display the verification result.
[0129] The technical solution provided by the embodiments of the present disclosure can carry multiple functions in the same tab page. For a single function, component-level configuration can be performed on the configuration front end. After the configuration is completed, the server of the target tab page verifies it, which improves the iteration efficiency of each function in the tab page while ensuring the accuracy of the target tab page.
[0130] Optionally, the device further includes:
[0131] The constraint condition display module is configured to receive and display the component configuration constraint conditions of the first function returned by the first server before determining the component configuration data of the first function in response to a configuration operation on the candidate component set, where the component configuration constraint conditions are determined by the first server according to the component configuration situations of at least one second function.
[0132] Optionally, the configuration constraint conditions include: mutual exclusion information between candidate components in the candidate component set and configured components of the at least one second function, and / or, the component configuration quantity threshold of the first function.
[0133] Optionally, the candidate component set includes basic components provided by the first server and / or custom components registered by the developer of the first function on the first server.
[0134] Optionally, the component configuration data of the first function includes at least one of the following: attribute configuration data of a target custom component determined from the candidate component set for display in the target tab page; and layout configuration data for display of the target custom component and / or the basic component in the target tab page.
[0135] Optionally, the device further includes:
[0136] A switch configuration module, configured to send a function switch configuration request to a third server, so as to instruct the third server to store a first switch state corresponding to the first function according to the function switch configuration request when it is determined that the function switch configuration request meets a preset switch writing requirement, where the first switch state is used to determine whether to display the first function on the target tab page when a client requests to access the target tab page.
[0137] Figure 11 The following is a schematic structural diagram of a page display device provided by an embodiment of the present disclosure, as Figure 11 shown, the device includes:
[0138] A data acquisition module 1101, configured to, in response to an access request of a client for a target tab page, acquire component configuration data of at least one target function in the target tab page through a first server, and acquire component content data from function servers corresponding to the at least one target function respectively, where the first server is the server of the target tab page, the function server is the server providing the corresponding function, and the component configuration data is determined according to a configuration operation of a configuration front end corresponding to the corresponding function;
[0139] A component display data determination module 1102, configured to, for each target function in the at least one target function through the first server, determine component display data of the current target function according to the component configuration data of the current target function and the component content data of the current target function;
[0140] A target display data determination module 1103, configured to perform an overall verification on the component display data of the at least one target function, and determine target display data according to a verification result of the overall verification;
[0141] A data return module 1104, configured to return the target display data to the client for display.
[0142] For the technical solution provided by the embodiment of the present disclosure, when a client accesses a target tab page, it acquires component configuration data configured by a configuration front end corresponding to a target function carried by the target tab page and acquires component content data from a corresponding function server, and performs an overall verification on the assembled component display data to determine target display data to be returned to the client for display, which improves the flexibility of display of each function in the tab page on the basis of ensuring the accuracy of the target tab page.
[0143] Optionally, the device further includes:
[0144] A switch state acquisition module, before obtaining component configuration data of at least one target function in the target tab page through a first server in response to an access request of a client for the target tab page, determines a basic switch state of the target tab page through a third server in response to an access request of the client for a target page, and when the basic switch state is on, obtains a first switch state corresponding to each function in the target tab page and a second switch state corresponding to each function, where the first switch state is a switch state configured by a corresponding configured front end, and the second switch state is a switch state dynamically determined by a corresponding function server;
[0145] A tab page display indication module, when determining that at least one target function exists among the functions according to the first switch state and the second switch state, returns display indication data of the target tab page to the client, to indicate the client to display the target page and display a tab identifier of the target tab page in the target page.
[0146] Optionally, the apparatus further includes:
[0147] A parameter data acquisition module, in response to an access request of the client for a target page, obtains page parameter data of the target tab page, and sends the page parameter data to the third server, where the page parameter data includes first parameter data and second parameter data, the first parameter data includes account association data corresponding to the target page, and the account association data is used for the third server to determine the basic switch state, and the second parameter data includes first preset experiment parameter data, and the first preset experiment parameter is used for the corresponding function server to determine the second switch state;
[0148] A parameter data sending module, sends the corresponding second parameter data to the function servers of the respective functions through the third server.
[0149] Optionally, the access request for the target tab page includes second preset experiment parameter data, and the second preset experiment parameter data is used for the corresponding function server to determine a third switch state of each component of the at least one target function; the apparatus further includes:
[0150] An experiment parameter data sending module, in response to an access request of the client for the target tab page, sends the second preset experiment parameter data to the function servers corresponding to the at least one target function respectively through the first server, and receives the third switch state of each component returned by the function server;
[0151] Among them, obtaining component configuration data of at least one target function in the target tab page through the first server, and obtaining component content data from function servers corresponding to the at least one target function respectively, includes: determining, by the first server, target components to be displayed corresponding to the at least one target function in the target tab page according to the third switch state; obtaining, by the first server, component configuration data of the target components of the at least one target function, and obtaining component content data of the target components from function servers corresponding to the at least one target function respectively.
[0152] Optionally, the label identifier of the target tab page is set based on the account management side page of the target tab page; and / or when the number of the at least one target function is at least two, the display order of the at least two target functions in the target tab page is set based on the account management side page of the target tab page.
[0153] The device provided by the embodiments of the present disclosure can execute the corresponding method provided by any embodiment of the present disclosure, and has corresponding functional modules and beneficial effects for executing the method.
[0154] It should be noted that the various units and modules included in the above device are only divided according to functional logic, but are not limited to the above division, as long as the corresponding functions can be realized; in addition, the specific names of the functional units are only for the convenience of mutual distinction and do not limit the protection scope of the embodiments of the present disclosure.
[0155] Figure 12 It is a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure. Next, refer to Figure 12 , which shows a schematic structural diagram of an electronic device 1200 suitable for implementing an embodiment of the present disclosure (such as Figure 12 the terminal device or server in). The terminal device in the embodiments of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (Personal Digital Assistants), PADs (Tablet Computers), PMPs (Portable Multimedia Players), vehicle terminals (such as vehicle navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Figure 12 The electronic device shown is only an example and should not bring any limitation to the functions and usage scope of the embodiments of the present disclosure.
[0156] Such as Figure 12As shown, the electronic device 1200 may include a processing device (such as a central processing unit, a graphics processing unit, etc.) 1201, which may perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 1202 or a program loaded from a storage device 1208 into a random access memory (RAM) 1203. In the RAM 1203, various programs and data required for the operation of the electronic device 1200 are also stored. The processing device 1201, the ROM 1202, and the RAM 1203 are connected to each other through a bus 1204. An editing / output (I / O) interface 1205 is also connected to the bus 1204.
[0157] Generally, the following devices may be connected to the I / O interface 1205: an input device 1206 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 1207 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 1208 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 1209. The communication device 1209 may allow the electronic device 1200 to communicate with other devices wirelessly or wiredly to exchange data. Although Figure 12 an electronic device 1200 having various devices is shown, it should be understood that it is not required to implement or have all the shown devices. More or fewer devices may be alternatively implemented or had.
[0158] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart may be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes program codes for performing the method shown in the flowchart. In such an embodiment, the computer program may be downloaded and installed from a network through the communication device 1209, or installed from the storage device 1208, or installed from the ROM 1202. When the computer program is executed by the processing device 1201, the above functions defined in the method of the embodiment of the present disclosure are executed.
[0159] The names of the messages or information interacted between multiple devices in the embodiments of the present disclosure are only for illustrative purposes and are not used to limit the scope of these messages or information.
[0160] The electronic device provided by the embodiment of the present disclosure and the page configuration method provided by the above embodiment belong to the same inventive concept. Technical details not described in detail in this embodiment may be referred to the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.
[0161] An embodiment of the present disclosure provides a computer storage medium, on which a computer program is stored, and when the program is executed by a processor, the page configuration method provided in the above embodiment is implemented.
[0162] An embodiment of the present disclosure provides a computer program product, including a computer program, and when the program is executed by a processor, the page configuration method provided in the above embodiment is implemented.
[0163] It should be noted that the computer-readable medium in the present disclosure may be a computer-readable signal medium, a computer-readable storage medium, or any combination of the two. A computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the above. More specific examples of a computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program, and the program may be used by or in combination with an instruction execution system, apparatus, or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, which carries computer-readable program code. Such a propagated data signal may take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium, and the computer-readable signal medium may send, propagate, or transmit a program for use by or in combination with an instruction execution system, apparatus, or device. The program code contained on a computer-readable medium may be transmitted by any appropriate medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.
[0164] In some embodiments, the client and the server may communicate using any currently known or future-developed network protocol, such as HTTP (HyperText Transfer Protocol), and may be interconnected with digital data communication in any form or medium (for example, a communication network). Examples of communication networks include local area networks (“LANs”), wide area networks (“WANs”), the Internet (for example, the Internet), and end-to-end networks (for example, ad hoc end-to-end networks), as well as any currently known or future-developed networks.
[0165] The above computer-readable medium may be included in the above electronic device; or it may exist separately and not be assembled into the electronic device.
[0166] The above computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device is caused to: send a component display request to a first server, where the first server is the server of a target tab page, and the target tab page is used to carry the first function and at least one second function; receive and display a candidate component set of the first function returned by the first server; in response to a configuration operation on the candidate component set, determine component configuration data of the first function; send the component configuration data of the first function to a second server to instruct the second server to verify the component configuration data of the first function through the first server, where the second server is the server corresponding to the configuration front end of the first function; receive a verification result of the component configuration data of the first function returned by the second server, and display the verification result.
[0167] Alternatively, the above computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device is caused to: in response to an access request of a client for a target tab page, obtain component configuration data of at least one target function in the target tab page through a first server, and obtain component content data from function servers corresponding to the at least one target function respectively, where the first server is the server of the target tab page, the function server is a server that provides a corresponding function, and the component configuration data is determined according to a configuration operation of a configuration front end corresponding to the corresponding function; for each of the at least one target function through the first server, determine component display data of the current target function according to the component configuration data of the current target function and the component content data of the current target function; perform an overall verification on the component display data of the at least one target function, and determine target display data according to a verification result of the overall verification; return the target display data to the client for display.
[0168] Computer program code for performing the operations of this disclosure may be written in one or more programming languages or combinations thereof. The foregoing programming languages include, but are not limited to, object-oriented programming languages such as Java, Smalltalk, C++, and also include conventional procedural programming languages such as the "C" language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer, or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).
[0169] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagram may represent a module, a segment of a program, or a part of code that contains one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions noted in the blocks may occur in a different order than noted in the accompanying drawings. For example, two consecutive blocks shown may actually be executed substantially in parallel, or they may sometimes be executed in the reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented by a dedicated hardware-based system that performs the specified functions or operations, or can be implemented by a combination of dedicated hardware and computer instructions.
[0170] The units described in the embodiments of the present disclosure may be implemented in software or in hardware. Among them, the name of the module does not constitute a limitation on the module itself in some cases. For example, the component display module may also be described as "the module that receives and displays the set of candidate components of the first function returned by the first server".
[0171] The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, by way of non-limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGA), application specific integrated circuits (ASIC), application specific standard products (ASSP), systems on a chip (SOC), complex programmable logic devices (CPLD), and so on.
[0172] In the context of the present disclosure, a machine-readable medium can be a tangible medium that can contain or store a program for use by or in connection with an instruction execution system, apparatus, or device. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
[0173] The above description is only a preferred embodiment of the present disclosure and an explanation of the applied technical principles. Those skilled in the art should understand that the scope of the disclosure involved in the present disclosure is not limited to the technical solutions formed by the specific combination of the above technical features, and should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosure concept. For example, the technical solutions formed by mutually replacing the above features with the (but not limited to) technical features having similar functions disclosed in the present disclosure.
[0174] In addition, although the operations are depicted in a particular order, this should not be construed as requiring that the operations be performed in the particular order shown or in sequential order. In certain environments, multitasking and parallel processing may be advantageous. Similarly, although several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of the present disclosure. Certain features described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, the various features described in the context of a single embodiment can also be implemented separately or in any suitable sub-combination in multiple embodiments.
[0175] Although the subject matter has been described in language specific to structural features and / or methodological acts, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are merely example forms of implementing the claims.
Claims
1. A page configuration method, characterized in that, The configuration front end applied to the first function includes: Sending a component display request to the first server, where the first server is the server of the target tab page, and the target tab page is used to host the first function and at least one second function; Receiving and displaying the candidate component set of the first function returned by the first server; In response to a configuration operation on the candidate component set, determining the component configuration data of the first function; Sending the component configuration data of the first function to the second server to instruct the second server to verify the component configuration data of the first function through the first server, where the second server is the server corresponding to the configuration front end of the first function; Receiving the verification result of the component configuration data of the first function returned by the second server and displaying the verification result.
2. The method according to claim 1, wherein Before determining the component configuration data of the first function in response to a configuration operation on the candidate component set, it further includes: Receiving and displaying the component configuration constraints of the first function returned by the first server, where the component configuration constraints are determined by the first server according to the component configuration situation of the at least one second function.
3. The method according to claim 2, wherein The configuration constraints include: the mutual exclusion information between the candidate components in the candidate component set and the configured components of the at least one second function, and / or, the component configuration quantity threshold of the first function.
4. The method according to claim 1, characterized in that, The candidate component set includes the basic components provided by the first server and / or the custom components registered by the developer of the first function on the first server.
5. The method according to claim 4, wherein The component configuration data of the first function includes at least one of the following: The attribute configuration data of the target custom component determined from the candidate component set for display in the target tab page; and, The layout configuration data of the target custom component and / or the basic component for display in the target tab page.
6. The method according to claim 1, characterized in that, It further includes: Sending a function switch configuration request to the third server to instruct the third server to store the first switch state corresponding to the first function according to the function switch configuration request when it is determined that the function switch configuration request meets the preset switch writing requirements, where the first switch state is used to determine whether to display the first function in the target tab page when the client requests to access the target tab page.
7. A page display method, characterized in that, It includes: In response to the client's access request for the target tab page, obtaining the component configuration data of at least one target function in the target tab page through the first server, and obtaining the component content data from the function servers corresponding to the at least one target function respectively, where the first server is the server of the target tab page, the function server is the server providing the corresponding function, and the component configuration data is determined according to the configuration operation of the corresponding function's configuration front end; For each of the at least one target function by the first server, determine the component display data of the current target function according to the component configuration data of the current target function and the component content data of the current target function; Perform an overall verification on the component display data of the at least one target function, and determine the target display data according to the verification result of the overall verification; Return the target display data to the client for display.
8. The method according to claim 7, characterized in that Before obtaining, by the first server, the component configuration data of at least one target function in the target tab page in response to the client's access request for the target tab page, it further includes: In response to the client's access request for the target page, determine, by the third server, the basic switch state of the target tab page, and when the basic switch state is on, obtain the first switch state corresponding to each function in the target tab page and the second switch state corresponding to each function, where the first switch state is the switch state configured by the corresponding configuration front end, and the second switch state is the switch state dynamically determined by the corresponding function server; When it is determined, according to the first switch state and the second switch state, that there is at least one target function among the functions, return the display indication data of the target tab page to the client to instruct the client to display the target page and display the tab identifier of the target tab page in the target page.
9. The method according to claim 8, characterized in that, It further includes: In response to the client's access request for the target page, obtain the page parameter data of the target tab page, and send the page parameter data to the third server, where the page parameter data includes first parameter data and second parameter data, the first parameter data includes the account association data corresponding to the target page, and the account association data is used for the third server to determine the basic switch state, and the second parameter data includes first preset experiment parameter data, and the first preset experiment parameter is used for the corresponding function server to determine the second switch state; Send the corresponding second parameter data to the function servers of the respective functions through the third server.
10. The method according to claim 9, wherein The access request for the target tab page includes second preset experiment parameter data, and the second preset experiment parameter data is used for the corresponding function server to determine the third switch state of each component of the at least one target function; The method further includes: In response to the client's access request for the target tab page, send the second preset experiment parameter data to the function servers corresponding to the at least one target function respectively through the first server, and receive the third switch state of each component returned by the function server; Among them, obtaining, by the first server, the component configuration data of at least one target function in the target tab page, and obtaining the component content data from the function servers corresponding to the at least one target function respectively includes: The first server determines target components to be displayed respectively corresponding to at least one target function in the target tab page according to the third switch state; The first server obtains component configuration data of the target components of the at least one target function, and obtains component content data of the target components from function servers respectively corresponding to the at least one target function.
11. The method according to claim 8, wherein the label identifier of the target tab page is set based on the account management side page of the target tab page; and / or when the number of the at least one target function is at least two, the display order of the at least two target functions in the target tab page is set based on the account management side page of the target tab page.
12. A page configuration device, characterized in that, Applied to the configuration front end of the first function, it includes: A display request sending module, configured to send a component display request to the first server, where the first server is the server of the target tab page, and the target tab page is used to carry the first function and at least one second function; A component display module, configured to receive and display a candidate component set of the first function returned by the first server; A configuration module, configured to determine component configuration data of the first function in response to a configuration operation on the candidate component set; A verification module, configured to send the component configuration data of the first function to the second server to instruct the second server to verify the component configuration data of the first function through the first server, where the second server is the server corresponding to the configuration front end of the first function; A result display module, configured to receive a verification result of the component configuration data of the first function returned by the second server and display the verification result.
13. A page display device, characterized in that, It includes: A data acquisition module, configured to, in response to an access request of a client for a target tab page, obtain component configuration data of at least one target function in the target tab page through the first server, and obtain component content data from function servers respectively corresponding to the at least one target function, where the first server is the server of the target tab page, the function server is the server providing the corresponding function, and the component configuration data is determined according to a configuration operation of the configuration front end of the corresponding function; A component display data determination module, configured to, through the first server, for each target function of the at least one target function, determine component display data of the current target function according to the component configuration data of the current target function and the component content data of the current target function; A target display data determination module, configured to perform overall verification on the component display data of the at least one target function, and determine target display data according to a verification result of the overall verification; A data return module, configured to return the target display data to the client for display.
14. An electronic device, characterized in that, The electronic device includes: One or more processors; A storage device, configured to store one or more programs, When the one or more programs are executed by the one or more processors such that the one or more processors implement the method according to any one of claims 1-11.
15. A storage medium containing computer-executable instructions, characterized in that, The computer-executable instructions are used to execute the method according to any one of claims 1-11 when executed by a computer processor.