Interface display method, client and middle table component center

Abstract

The embodiment of the invention provides an interface display method, a client side and a middle table component center, the method relates to the technical field of research methods in the technical field of the Internet, and the method comprises the following steps: receiving an access operation executed by a target object for a target page in a target application program; in response to the access operation, sending an investigation request to a middle station component center; the research request is used for requesting to research a target code file of the component; receiving a response message sent by the middle station component center; the response message comprises the target code file, and the target code file comprises an interface logic code; and generating an investigation interface based on the interface logic code, and displaying the investigation interface on the target page. In the embodiment, the target code file is acquired from the middle table component center, equivalently, the middle table component center is utilized to put and maintain the research center, and the release cost and the maintenance cost of the research component can be reduced.

Description

Technical Field

[0001] The embodiments of the present application relate to an interface display method in the Internet field, and more specifically, to an interface display method, a client, and a middleware component center. Background Art

[0002] As application products become more mature, they also pay more attention to product operations. That is, product personnel need to collect feedback from users when using application products in order to understand user demands and better improve and optimize product functions.

[0003] Typically, the survey component can be integrated into the application product, that is, the survey component is developed in the same way as the application product is developed.

[0004] However, since application products have many business scenarios and product personnel are usually required to collect feedback from users when using application products in various business scenarios, when developing survey components by developing application products, the survey components need to be integrated into various functions of the application products. This integration method will not only increase the development cost of the survey components, but also increase their maintenance cost. Summary of the invention

[0005] The embodiments of the present application provide an interface display method, a client, and a middle-end component center, which can not only reduce the publishing cost and maintenance cost of the survey components, but also improve the interface generation efficiency and interface display efficiency.

[0006] In a first aspect, an embodiment of the present application provides an interface display method, comprising:

[0007] The interface display method is characterized by comprising:

[0008] receiving an access operation performed by a target object on a target page in a target application;

[0009] In response to the access operation, a research request is sent to the middle platform component center; the research request is used to request a target code file of the research component, the research component includes multiple code files, the multiple code files include the target code file, the multiple code files are used to investigate the functions of the target application in multiple scenarios, and the target code file is a code file in the multiple code files used to investigate the functions of the target application in the target scenario in the multiple scenarios;

[0010] Receive a response message sent by the middle platform component center; the response message includes the target code file, and the target code file includes the interface logic code;

[0011] A survey interface is generated based on the interface logic code, and the survey interface is displayed on the target page.

[0012] In a second aspect, an embodiment of the present application provides an interface display method, including:

[0013] Receive a research request sent by a client; the research request is used to request a target code file of a research component, the research component includes multiple code files, the multiple code files include a target code file, the multiple code files are used to investigate functions of a target application in multiple scenarios, and the target code file is a code file in the multiple code files used to investigate functions of the target application in a target scenario in the multiple scenarios;

[0014] A response message is sent to the client; the response message includes the target code file, the target code file includes an interface logic code, and the interface logic code is used by the client to generate a survey interface.

[0015] In a third aspect, an embodiment of the present application provides a client, including:

[0016] A receiving unit, configured to receive an access operation performed by a target object on a target page in a target application;

[0017] A sending unit, configured to send a research request to the middle platform component center in response to the access operation; the research request is used to request a target code file of the research component, the research component includes multiple code files, the multiple code files include the target code file, the multiple code files are used to investigate the functions of the target application in multiple scenarios, and the target code file is a code file in the multiple code files used to investigate the functions of the target application in the target scenario in the multiple scenarios;

[0018] The receiving unit is also used to receive a response message sent by the middle platform component center; the response message includes the target code file, and the target code file includes the interface logic code;

[0019] The display unit is used to generate a survey interface based on the interface logic code and display the survey interface on the target page.

[0020] In a fourth aspect, an embodiment of the present application provides a middle platform component center, including:

[0021] A receiving unit, configured to receive a research request sent by a client; the research request is used to request a target code file of a research component, the research component includes a plurality of code files, the plurality of code files include a target code file, the plurality of code files are used to research functions of a target application in a plurality of scenarios, the target code file is a code file in the plurality of code files used to research functions of the target application in a target scenario in the plurality of scenarios;

[0022] The sending unit is used to send a response message to the client; the response message includes the target code file, the target code file includes an interface logic code, and the interface logic code is used by the client to generate a survey interface.

[0023] In a fifth aspect, an embodiment of the present application provides an electronic device, including:

[0024] a processor adapted to implement computer instructions; and,

[0025] A computer-readable storage medium stores computer instructions, wherein the computer instructions are suitable for being loaded by a processor and executing the method provided by any of the first aspect to the second aspect mentioned above.

[0026] In a sixth aspect, an embodiment of the present application provides a computer-readable storage medium, which stores computer instructions. When the computer instructions are read and executed by a processor of a computer device, the computer device executes the method provided by any aspect of the first to second aspects mentioned above.

[0027] In a seventh aspect, an embodiment of the present application provides a computer program product or a computer program, the computer program product or the computer program including computer instructions, the computer instructions being stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device executes the method provided in any of the first to second aspects mentioned above.

[0028] According to the interface display method provided in the embodiment of the present application, the client receives an access operation performed by the target object on the target page in the target application; then, in response to the access operation, the client sends a survey request to the middle platform component center; the survey request is used to request the target code file of the survey component, and the survey component includes multiple code files, and the multiple code files include the target code file, and the multiple code files are used to survey the functions of the target application in multiple scenarios, and the target code file is a code file in the multiple code files used to survey the functions of the target application in the target scenarios in the multiple scenarios; then, the client receives a response message sent by the middle platform component center; the response message includes the target code file, and the target code file includes the interface logic code; then, the client generates a survey interface based on the interface logic code, and displays the survey interface on the target page.

[0029] Since the middle platform component center has the function of delivering to external systems or platforms to achieve data sharing, service opening or function reuse, obtaining the target code file from the multiple code files from the middle platform component center is equivalent to using the middle platform component center to deliver the survey center, which can decouple the survey component from the application and avoid developing the survey component by developing the target application. That is, when the survey component needs to be developed or maintained, only the survey component needs to be developed or maintained without affecting the target application, which can reduce the development cost and maintenance cost of the survey component.

[0030] In addition, by obtaining the target code file from the middle platform component center instead of all the code files included in the survey component, the efficiency of interface generation and interface display can be improved. BRIEF DESCRIPTION OF THE DRAWINGS

[0031] Figure 1 This is an example of an application scenario provided by the embodiments of the present application.

[0032] Figure 2 This is an example of the installment completion page provided in an embodiment of the present application.

[0033] Figure 3 This is another example of the installment completion page provided in an embodiment of the present application.

[0034] Figure 4 This is an example of the installment suspension page provided in an embodiment of the present application.

[0035] Figure 5 It is a schematic diagram of the principle of a method of referencing a research component through a product page repository provided in an embodiment of the present application.

[0036] Figure 6It is a schematic flow chart of the interface display method provided in the embodiment of the present application.

[0037] Figure 7 It is a schematic diagram of the principle of the interface display method provided in the embodiment of the present application.

[0038] Figure 8 This is an example of the correspondence between pages and topics provided in an embodiment of the present application.

[0039] Fig. 9 It is a schematic block diagram of the client provided in an embodiment of the present application.

[0040] Fig.10 It is a schematic block diagram of the middle platform component center provided in an embodiment of the present application.

[0041] Fig.11 It is a schematic block diagram of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0042] The following will be combined with the drawings in the embodiments of the present invention to clearly and completely describe the technical solutions in the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments provided by this application, rather than all the embodiments. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of this application.

[0043] The interface display method provided in this application relates to the interface display technology field in the Internet field. For example, the interface display method provided in this application relates to the interface display technology field of the survey interface in the multi-scenario survey technology field.

[0044] It is worth noting that in a survey scenario, it is necessary to use the interface display method provided in this application to display the survey interface and collect survey information on the basis of strict compliance with applicable laws, regulations and privacy policies.

[0045] For example, the interface display method provided in this application can be used to display the survey interface and collect survey information after obtaining the user's authorization for the survey information. User authorization includes but is not limited to the user's authorization of the data collection scope, data usage, data protection method, data sharing method, data storage and retention method, etc.

[0046] To facilitate understanding of the technical solution provided by this application, the relevant terms are explained below.

[0047] Component: A page functional module, such as an amount input box component on the repayment page, a bill panel component, etc.

[0048] UI: The job title of a designer. This application refers more to the function display interface.

[0049] Functional logic: The interaction logic of this survey component, such as what happens when you click Confirm or Cancel.

[0050] Page repository: refers to a place where page templates for a website or application are centrally stored and managed. It can be a folder, a repository of a version control system (such as Git), or a page library managed using a dedicated content management system (CMS). The page repository allows developers to easily store, maintain, and update page templates during the development process.

[0051] Version control: Every modification of files and codes, including additions, deletions, and modifications, can be detected. Developers can easily view history, compare differences between different versions, and roll back to previous versions.

[0052] Interface: refers to the way or tool for users to interact with the system. It includes various elements, operations and layouts, such as buttons, menus, input boxes, etc. The design of the interface should consider user experience and ease of use to provide good interaction effects.

[0053] Page: is a specific form of interface, which is a specific view composed of some elements and content, usually displayed on a computer or mobile device. A page can be a web page, a single window or view of an application interface, etc. An interface may consist of one or more pages, which are usually used by users to view, operate or display information.

[0054] In short, the interface is the way users interact with the system, and the page is a specific form of the interface.

[0055] JavaScript (JS): is a programming language widely used in web development. It is a lightweight scripting language that can be run directly in the browser or used for server-side development. JavaScript adds interactive and dynamic functions to HTML pages, allowing web pages to respond to user operations, achieve dynamic updates and interactive experience. It can be used to control the structure, style and behavior of web pages, including processing forms, operating DOM elements, sending HTTP requests, animation effects, etc.

[0056] JavaScript Object Notation (JSON) is a commonly used data exchange format that represents structured data in a concise and easy-to-read way. A JSON file is a file with a .json extension that can contain key-value pairs, arrays, and nested structures, and is encoded using the Unicode character set.

[0057] The definition of a JSON file consists of the following elements:

[0058] Object: represents an unordered set of key-value pairs, enclosed in curly braces {}, with key-value pairs separated by commas and keys and values ​​separated by colons.

[0059] Array: Represents an ordered collection of items, enclosed in square brackets [], with items separated by commas.

[0060] Value: Can be a string, number, boolean, object, array, or null.

[0061] String: A sequence of Unicode characters enclosed in double or single quotes.

[0062] Number: represents an integer or floating point number.

[0063] Boolean: represents true or false.

[0064] null: indicates a null value.

[0065] A JSON file can consist of objects, arrays, or values, and can be nested to build complex data structures. JSON files are often used for data transmission and storage in Web applications, and can be parsed and generated by a variety of programming languages.

[0066] Uniform Resource Locator (URL): used to identify and locate resources on the Internet. A URL consists of multiple parts, including protocol, host name, port number, path, and query parameters.

[0067] Middle platform component center: In the computer field, the middle platform component center refers to the software components or modules used to implement the middle platform delivery function. Middle platform delivery refers to the delivery of data, services or functions from the middle platform (usually the core system within the enterprise) to external systems or platforms to achieve data sharing, service openness or function reuse.

[0068] Vue: is a progressive framework for building user interfaces. Progressive means integrating functions gradually as needed. Vue has a responsive design. Developers only need to bind the view to the corresponding model, and Vue will automatically observe the changes in the model and redraw the view. This feature makes Vue's state management quite simple and intuitive.

[0069] Webpack: is a static module bundler. It is a tool for building and packaging web applications. It can process multiple types of resources, such as JavaScript, CSS, images, etc., and convert them into static resources that the browser can understand and load. By configuring the webpack.config.js file, developers can customize various packaging rules, optimization options, and plug-in configurations, and flexibly customize them according to the needs of the project. The power and flexibility of Webpack make it one of the widely used packaging tools in front-end development.

[0070] Logic code: A set of computer program codes written according to logic rules to implement specific logical functions or complete specific tasks. Logic code is usually used to process and manipulate data, make conditional judgments, control program flow, etc.

[0071] UI Logic Code: (UI Logic Code) refers to a set of codes used to control and manage user interface elements. It is responsible for processing user input and operations, and updating the state and display content of the interface accordingly. UI Logic Code is commonly used in various software development projects, including web applications, mobile applications, desktop applications, etc.

[0072] Acquisition Logic Code: Computer program code used to acquire data.

[0073] Client: refers to the program that corresponds to the server and provides local services to customers. It is usually installed on ordinary user machines and needs to work with the server. After the development of the Internet, the more commonly used clients include web browsers used for the World Wide Web, email clients for sending and receiving emails, and client software for real-time communication.

[0074] It should be noted that the terms used in the implementation method section of this application are only used to explain the specific embodiments of this application and are not intended to limit this application.

[0075] For example, the term "and / or" in this article is only a way to describe the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone. The term "at least one" is only a way to describe the combination relationship of listed objects, indicating that one or more items may exist. For example, at least one of the following: A, B, C can mean the following combinations: A exists alone, B exists alone, C exists alone, A and B exist at the same time, A and C exist at the same time, B and C exist at the same time, and A, B, and C exist at the same time. The term "multiple" means two or more. The character " / " generally indicates that the objects associated before and after are in an "or" relationship.

[0076] For another example, the term "corresponding" may indicate that there is a direct or indirect correspondence between the two, or that there is an association relationship between the two, or that there is an indication and being indicated, configuration and being configured, etc. The term "indication" may be a direct indication, an indirect indication, or an indication of an association relationship. For example, A indicates B, which may indicate that A directly indicates B, such as B can be obtained through A; it may also indicate that A indirectly indicates B, such as A indicates C, B can be obtained through C; it may also indicate that there is an association relationship between A and B. The term "predefined" or "preconfigured" may refer to the pre-storage of corresponding codes, tables or other relevant information that can be used for indication in the device, or it may refer to an agreement by protocol. "Protocol" may refer to a standard protocol in this field. The term "when..." may be interpreted as "if" or "if" or "when..." or "in response to" and other similar descriptions. Similarly, depending on the context, the phrase "if determined" or "if (stated condition or event) is detected" may be interpreted as "when determined" or "in response to determining" or "when (stated condition or event) is detected" or "in response to detecting (stated condition or event)" and similar descriptions. The terms "first", "second", "third", "fourth", "Ath", "Bth", etc. are used to distinguish different objects rather than to describe a specific order. The terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions. Among them, digital video compression technology mainly compresses huge digital image video data for easy transmission and storage.

[0077] Figure 1 This is an example of an application scenario provided by the embodiments of the present application.

[0078] like Figure 1 As shown, the application scenario includes a terminal 110 and a server 120 .

[0079] The terminal 110 and the server 120 are connected via a network. The terminal 110 may be a desktop terminal or a mobile terminal, and the mobile terminal may be at least one of a mobile phone, a tablet computer, a laptop computer, a vehicle-mounted terminal, etc. The server 120 may be implemented as an independent server or a server cluster consisting of multiple servers.

[0080] Among them, an application product is running on the terminal 110. The application product running on the terminal 110 may be an application product that has a survey need, such as a credit card application product, which may be referred to as a credit card product. The terminal 110 interacts with the server 120 through the credit card product to jointly implement the function of the credit card product. The code repository of the application may include a page repository, and the page repository may also include a code repository for implementing corresponding functions. The page repository may collect feedback on the use of the page repository by referencing the survey component, so as to understand the user's demands and better improve and optimize the product functions.

[0081] It should be understood that Figure 1 This is only an example of an application scenario and should not be construed as a limitation to the present application.

[0082] For example, Figure 1 Only one terminal 110 is exemplarily included, but in other alternative embodiments, the application scenario may include multiple terminals or multiple servers.

[0083] For another example, credit card products are only examples of application products that require functional research, and should not be construed as limiting this application. In fact, almost any type of application can conduct functional research in order to understand user demands and better improve and optimize product functions.

[0084] For example, application products that require functional research include but are not limited to:

[0085] Social media applications: In order to understand the user's usage and demands for different features, functional research can help the development team improve the user interface, launch new features, optimize the user experience, etc.

[0086] E-commerce applications: Functional research can help you understand users’ needs during the shopping process and assess their satisfaction with current functions, thereby improving your product and positioning it in the market.

[0087] Fintech applications: To ensure the financial security and convenience of users, functional research can be used to analyze user needs for payment processes, account management, financial analysis and other functions, providing a basis for product development and functional improvement.

[0088] Health and fitness applications: In order to meet users' health management needs, by investigating users' expectations and feedback on functions such as health testing, diet management, and exercise plans, we can continuously improve and optimize the application's functions and user experience.

[0089] Learning and education applications: Through functional surveys, we can understand users’ needs and feedback on functions such as knowledge acquisition, learning management, and online courses to enhance users’ learning outcomes and satisfaction.

[0090] Since the application product running on the terminal 110 may have multiple business scenarios, and different business scenarios need to correspond to different page repositories, for example, for credit card products, its business scenarios include but are not limited to: credit card issuance, installment completion, installment suspension, successful repayment, repayment suspension and other business-related scenarios. The survey component needs to provide customized survey functions for functions in different scenarios; in other words, the survey functions required by application products are different in different scenarios. For example, for credit card products, after the user completes the card application, it is necessary to obtain feedback such as the user's feelings about the card opening process, and after the installment is completed, it is necessary to obtain feedback such as the user's evaluation of the entire installment process.

[0091] In order to enhance the research capabilities of the research component, the research component is usually deployed in multiple scenarios to meet the research needs of various business scenarios. In addition, when developing the research component, it is also necessary to customize the corresponding research questions, the flow order of the research questions, and the research interface for each business scenario.

[0092] Figure 2 This is an example of the installment completion page provided in an embodiment of the present application.

[0093] like Figure 2 As shown, for the installment scenario of the credit card product, the survey component can be introduced by using the page repository corresponding to the installment scenario to collect user feedback on the use of the installment function of the credit card product. Specifically, the survey component can be introduced to display the survey interface corresponding to the page repository (such as the survey-related interface in the installment completion page) and the survey questions displayed in the survey interface. Among them, the survey question may include a question title (for example, the title is "Are you satisfied with this installment experience?" as shown in the figure) and question options (for example, the question options include a "satisfied" button and a "dissatisfied" button as shown in the figure). Of course, the installment completion page may also display a "return" button and an identification and description related to the installment scenario (for example, "Bill installment application successful" as shown in the figure).

[0094] Figure 3 This is another example of the installment completion page provided in an embodiment of the present application.

[0095] like Figure 3 As shown, for the installment scenario of a credit card product, the question options displayed in the survey interface in the installment completion page can also be implemented in the form of a sliding block, that is, the user's usage feedback on the installment function can be collected in response to the sliding operation performed on the sliding block.

[0096] Figure 4 This is an example of the installment suspension page provided in an embodiment of the present application.

[0097] like Figure 4 As shown, for the scenario of suspending installments of credit card products, the survey component can be introduced by using the page repository corresponding to the scenario of suspending installments to collect user feedback on the use of the installment function. Specifically, in the scenario of canceling the installment operation, the survey component can be introduced to display the survey interface corresponding to the page repository (such as the survey-related area in the installment suspension page) and the survey questions displayed in the survey interface. Among them, the survey question may include a question title (for example, the title as shown in the figure is "The reason why you suspended the analysis") and question options (for example, the question options as shown in the figure include a "No desired number of installments" button, a "High handling fee" button, a "Take a look" button and an "Other" button). Of course, the installment suspension interface may also display a "Cancel" button and a "Submit" button or other descriptions or buttons related to the suspension of installments.

[0098] It is worth noting that even if the survey component can be used as a reusable component and needs to be applied to multiple page repositories, the survey component still needs to customize the corresponding survey questions, the flow order of survey questions, and the survey interface for each page repository, and the survey interface can be a user interface (UI).

[0099] Taking a credit card product as an example, the development process of a credit card product may include the development process of multiple page repositories, where the codes of the multiple page repositories are decoupled and run independently, including:

[0100] 1. Repay the warehouse.

[0101] 2. Card issuing (wecard) warehouse.

[0102] 3. Installment warehouse.

[0103] 4. Personal center (user) warehouse.

[0104] 5. Transit (other) page warehouse.

[0105] 6. ...

[0106] Figure 5It is a schematic diagram of the principle of a method of referencing a research component through a product page repository provided in an embodiment of the present application.

[0107] like Figure 5 As shown, after the developer develops the survey component, he needs to apply it to the development environment, that is, to each page warehouse, and then publish it online. For example, after the developer develops the survey component, he needs to apply it to each page warehouse such as the repayment warehouse, the card issuance warehouse, and the installment warehouse, and then publish each page warehouse that references the survey component online, so that the credit card product can implement the corresponding survey function on the repayment page, the card issuance page, and the installment page.

[0108] Since different page repositories have common components or logic, a common repository can be developed to store reusable components or common logic codes. For example, in conjunction with the survey component of the embodiment of the present application, a survey component that can be reused in all business scenarios can be developed. In this case, the survey component that can be reused in all business scenarios is stored in the common repository, and then each page repository can implement the corresponding function by referencing this common repository. For example, each page repository can implement the survey function by introducing the survey component in the common repository.

[0109] In addition, since the technical framework used in the front-end of application products is usually vue+webpack. That is to say, when the code of the page repository is modified, the packaging process of the page repository will be triggered. Based on this, after each repository introduces the research component, if the code of the research component changes, the packaging process of the page repository will be re-triggered. In other words, if the research component is introduced, modified or iterated, the cost of investment here is: n×t, n is the number of page repositories that need to introduce the research component, and t is the release time.

[0110] From the above, we can see that if the survey component is directly applied to multiple page repositories, when the survey component needs to be released, all page repositories that reference the survey component also need to be released, so that the survey component can take effect online. In other words, it is necessary to ensure that the survey component and all page repositories are published online to ensure that all page repositories can reference the survey component, and then ensure that all page repositories can access the survey function, but this reference method will result in too high a release cost for the survey component.

[0111] In addition, if the survey component is directly applied to multiple page repositories, when the survey component needs to be maintained, for example, when the survey component is updated, the survey component and all page repositories that reference the survey component need to be maintained as a whole, resulting in excessive maintenance costs for the survey component.

[0112] In view of this, the embodiments of the present application provide an interface display method, a client, and a middle-stage component center, which can not only reduce the publishing cost and maintenance cost of the survey component, but also improve the interface generation efficiency and interface display efficiency. Specifically, by using the sharing capability of the middle-stage delivery component, it is possible to not only reduce the publishing cost and maintenance cost of the survey component, but also improve the interface generation efficiency and interface display efficiency. In addition, in the process of developing the survey component, through the configurable features of the survey component, the survey interface, survey questions, and the flow order of the survey questions can be separated, and then different visual interactions can be flexibly customized, allowing the client (or application product) to quickly decide what questions and which UI can better attract users to accept the survey, thereby improving the survey effect of the survey component.

[0113] Specifically, by disassembling the research components, we can know:

[0114] The survey component essentially includes the code for the survey interface, the survey logic code (such as the code for the flow order of survey questions), and the survey data acquisition code. Since the technical framework used in the front-end of the application product is usually vue+webpack, the survey component (including the code for the survey interface, the survey logic code, and the survey data acquisition code) can ultimately be packaged into a js file.

[0115] In addition, since webpack supports dynamic packaging, the research component can be finally packaged into a file in the umd.js format, that is, the research component can be dynamically introduced into the project.

[0116] In other words, the online vue project supports asynchronous running of a umd.js format file.

[0117] In view of this, in the embodiment of the present application, the survey component is packaged into a file in the format of surver-component.umd.js, and the online page warehouse dynamically introduces the js code of the survey component. For example, the js code of the survey component can be http: / / **** / surver-component.umd.js. That is, after each page warehouse is released and launched, even if the survey-component.umd.js is changed, since each page warehouse introduces a file with an unchanged address (such as URL), there is no need to republish the page warehouse to ensure that the page warehouse can experience the latest functions of the survey component. That is, it avoids the need to directly apply the survey component to multiple page warehouses, and then by launching the survey component at one time, it can not only meet the survey needs of various business scenarios, but also reduce the cost of the survey component from n×t to t, where t is the release time and n is the number of page warehouses included in the application product.

[0118] In addition, it is worth noting that whether product developers can customize survey questions at will, how to efficiently and flexibly design survey components also affects the delivery efficiency of survey components. Therefore, conventional survey components usually encounter the following problems:

[0119] 1. After the survey component is launched, if product personnel find that the user data recovery effect is not good, if they improve the data recovery effect by modifying the survey interface of the survey component (including the style of the survey interface and the interaction method of the survey interface), survey questions (including question titles and question options), or the flow order of survey questions (i.e., the answering process), it will trigger the redevelopment process of the survey component.

[0120] 2. For specific business scenarios, during the development of the survey component, it is necessary to customize the survey interface, survey questions, and the flow order of survey questions for the specific business scenario. For example, for the card issuance scenario, it is necessary to customize the survey interface displayed in the card issuance interface and survey question A displayed in the survey interface; for the repayment scenario, it is necessary to customize the survey interface displayed in the repayment interface and survey question B displayed in the survey interface.

[0121] Based on the above problems, this application adjusts the content of the survey component to make the survey component configurable.

[0122] Specifically, a set of specifications can be abstracted for survey questions or the flow order of survey questions as a configuration file of the survey component, for example, described as a json. Thus, the survey questions and the flow order of survey questions can be used as two configuration files to configure the survey component, making the function of the survey component more flexible and improving the survey performance of the survey component. For example, the configuration file can be an online json file so that the survey component can dynamically request the json file, thereby freely modifying the json file so that the survey component can be configurable.

[0123] The following is a detailed description of the interface display method provided in the embodiment of the present application.

[0124] Figure 6 is a schematic flow chart of the interface display method 200 provided in the embodiment of the present application. The method 200 can be executed by any electronic device with data processing capability. For example, the electronic device can be implemented as a desktop terminal or a mobile terminal. The mobile terminal can be at least one of a mobile phone, a tablet computer, a laptop computer, a vehicle-mounted terminal, etc. For example, the method 200 can be performed by Figure 1 The terminal 110 shown is executed. For the convenience of description, the following description takes the terminal device as an example of the execution subject of the method 200.

[0125] like Figure 6 As shown, the method 200 may include:

[0126] S210: The client receives an access operation performed by a target object on a target page in a target application.

[0127] Exemplarily, the target object may be a user or any object that can be operated on the display screen of the client.

[0128] Exemplarily, the target application may be any application whose function needs to be investigated.

[0129] Exemplarily, the target page may be a page in any business scenario of the target application. For example, for a credit card product, its business scenarios include but are not limited to: credit card issuance, installment completion, installment suspension, repayment success, repayment suspension, and other business-related scenarios. Accordingly, the target page may be a credit card issuance success page (or failure page), installment completion page, installment suspension page, repayment success page, repayment suspension page, and the like.

[0130] Exemplarily, the target page is a page that does not include a survey interface.

[0131] Exemplarily, the access operation may be any operation of switching the display page of the target application from the current page to the target page. For example, the access operation includes but is not limited to: a click operation, a slide operation, and the like.

[0132] S220, the client sends a research request to the middle platform component center in response to the access operation; the research request is used to request the target code file of the research component, the research component includes multiple code files, the multiple code files include the target code file, the multiple code files are used to investigate the functions of the target application in multiple scenarios, and the target code file is a code file among the multiple code files used to investigate the functions of the target application in the target scenario among the multiple scenarios.

[0133] Exemplarily, the multiple code files include code files for investigating functions of the target application in multiple scenarios.

[0134] Exemplarily, before the client sends the survey request to the middle platform component center in response to the access operation, the middle platform component center needs to first obtain the multiple code files and store the multiple code files.

[0135] In other words, after the developer develops the survey component, he / she will put the survey component into the middle-office component center. In this case, the survey component exists in the form of multiple code files, and the client can obtain the target code file of the survey component from the middle-office component center by sending a survey request.

[0136] S230, the client receives a response message sent by the middle platform component center; the response message includes the target code file, and the target code file includes the interface logic code.

[0137] Exemplarily, the interface logic code is used to generate a survey interface. The survey interface may include various elements (such as buttons, menus, text boxes, etc.). The target object can communicate and operate with the target application through the survey interface.

[0138] S240, the client generates a survey interface based on the interface logic code, and displays the survey interface on the target page.

[0139] Exemplarily, the survey interface may be a survey pop-up window, which may be configured to cover a partial area of ​​the target page.

[0140] Exemplarily, the survey interface may be content displayed on a portion of the target page.

[0141] Exemplarily, when the client generates a survey interface based on the interface logic code, the client can determine the location of the survey interface in the target page, the location of the survey question in the survey interface, and the location of other elements related to the survey other than the survey question in the survey interface based on the interface logic code. The survey question includes, but is not limited to, the question title and question options. Other elements related to the survey other than the survey question include, but are not limited to, a "next question" button, a "previous question" button, a "submit" button, a text box for entering an answer or description of the survey question, and other elements.

[0142] For example, the survey interface can be as follows Figure 2 The survey interface in the installment completion page shown in the figure is as follows: Figure 3 The survey interface in the installment completion page shown, or Figure 4 The survey interface in the installment suspension page shown in the figure. Figure 2 Taking the survey interface in the installment completion page shown as an example, the survey interface is the area interface where the survey questions are located in the installment completion page. The survey question may include a question title (for example, the title is "Are you satisfied with this installment experience?" as shown in the figure) and question options (for example, the question options include a "satisfied" button and a "dissatisfied" button as shown in the figure).

[0143] In this embodiment, since the middle platform component center has the function of delivering to external systems or platforms to achieve data sharing, service opening or function reuse, obtaining the target code file from the multiple code files from the middle platform component center is equivalent to decoupling the survey component from the application, avoiding the development of the survey component by developing the target application. That is, when the survey component needs to be developed or maintained, only the survey component needs to be developed or maintained without affecting the target application, which can reduce the development cost and maintenance cost of the survey component.

[0144] For example, compared with the solution of directly applying the research component to multiple page repositories, using the middle platform component center to deploy the research center can decouple the publishing process of the research component and the publishing process of each page repositories of the target application, that is, publishing the research component once can realize the research of the functions of the target application in various scenarios, reducing the publishing cost of the research component. For example, assuming that the number of page repositories that need to introduce the research component is n, the solution of obtaining the target code file from the middle platform component center can reduce the publishing cost of the research component from n×t to t, where t is the publishing time.

[0145] For another example, compared with the solution of directly applying the research component to multiple page repositories, obtaining the target code file from the multiple code files from the middle platform component center is equivalent to using the middle platform component center to maintain the research center, thereby decoupling the maintenance process of the research component and the maintenance process of each page repositories of the target application. That is, when the research component needs to be maintained, only the research component needs to be maintained without affecting the various page repositories of the target application, thereby reducing the maintenance cost of the research component.

[0146] In addition, by obtaining the target code file from the middle platform component center instead of all the code files included in the survey component, the efficiency of interface generation and interface display can be improved.

[0147] Figure 7 It is a schematic diagram of the principle of the interface display method provided in the embodiment of the present application.

[0148] like Figure 7 As shown, after the developer has developed the survey component, he can directly publish it online to convert it into an online component. Then the target application can directly obtain the survey component by obtaining the online component and apply it to various online pages. For example, for a credit card product, the online page includes but is not limited to: repayment page, card issuance page, installment page, etc., which are used to implement the corresponding functions.

[0149] In some embodiments, before S230, the method 200 may further include:

[0150] The client uses the middle platform component center to obtain at least one configuration file from the front-end configuration system of the target application; the response message also includes the at least one configuration file; wherein S240 may include:

[0151] The client generates the survey interface based on the interface logic code; the client renders the survey interface based on the at least one configuration file, obtains a rendering interface of the survey interface and displays the rendering interface on the target page.

[0152] Exemplarily, any one of the at least one configuration file may be an online file, so that the client can obtain the at least one configuration file from the front-end configuration system of the target application. For example, any one of the at least one configuration file may be an online json file.

[0153] Exemplarily, when the client generates a survey interface based on the interface logic code, the client can determine the position of the survey interface in the target page, the position of the survey question in the survey interface, and the position of other elements related to the survey other than the survey question in the survey interface based on the interface logic code. The survey question includes, but is not limited to, the question title and question options. Other elements related to the survey other than the survey question include, but are not limited to, elements such as a "next question" button, a "previous question" button, a "submit" button, and a text box for entering answers or descriptions of survey questions. After the client determines the position of the survey interface in the target page, the position of the survey question in the survey interface, and the position of other elements related to the survey other than the survey question in the survey interface, the client can render the content configured by the at least one configuration file to the survey interface and obtain a rendering interface of the survey interface; then, the client displays the rendering interface on the target page.

[0154] For example, the survey interface can be as follows Figure 2 The survey interface in the installment completion page shown in the figure is as follows: Figure 3 The survey interface in the installment completion page shown, or Figure 4 The survey interface in the installment suspension page shown in the figure. Figure 2 Taking the survey interface in the installment completion page shown as an example, the rendering interface is the regional interface where the survey questions are located in the installment completion page and the survey questions are displayed in the regional interface. The survey question may include a question title (for example, the title is "Are you satisfied with this installment experience?" as shown in the figure) and question options (for example, the question options include a "satisfied" button and a "dissatisfied" button as shown in the figure).

[0155] Exemplarily, the client may directly display the rendered page on the target page.

[0156] Exemplarily, the client may perform secondary rendering on the target page based on the rendering interface to obtain the target rendering page and display the target rendering page, thereby reducing the user's operation complexity and improving the user experience.

[0157] It is worth noting that, usually, the survey component needs to customize survey questions, the flow order of survey questions, and the survey interface for each page warehouse. That is, in the development process of the survey component, the survey questions, the flow order of survey questions, and the survey interface are coupled together. This means that if there are new questions, new survey interfaces, or new sequences, the survey component needs to be redeveloped, which in turn leads to excessive development costs for the survey component. For example, every time a new user answering method is added to a credit card product, the survey component needs to be redeveloped even if the questions are the same, resulting in excessive maintenance costs for the survey component. For another example, there are often multiple survey questions, and after answering one question, it is usually necessary to switch to another question. In this case, if the flow order of the survey questions that need to be investigated changes, the survey component also needs to be redesigned, resulting in excessive maintenance costs for the survey component.

[0158] In this embodiment, the survey component is developed by coupling the survey questions, the flow order of the survey questions, and the survey UI together. Instead, the survey questions, the flow order of the survey questions, and the survey interface of the survey component are divided into two types of files by reasonably designing the logic of the survey component. Among them, one of the two types of files is a target code file, which includes an interface logic code, which is used to determine the position of the survey interface in the target page, the position of the survey questions in the survey interface, and the position of other elements related to the survey other than the survey questions in the survey interface. The other of the two types of files is at least one configuration file for rendering the survey interface. Since the at least one configuration file is a configuration file obtained from the front-end configuration system of the target application, it can be adjusted according to demand, which is equivalent to flexibly adjusting the configuration file of the survey component, and using the configurable survey component to collect user feedback on the use of the current product, not only can the function of the target application be surveyed, but also the survey effect can be quickly verified, thereby improving the development efficiency of the survey component.

[0159] In some embodiments, the at least one configuration file includes a question configuration file, which is used to configure at least one survey question, and the at least one survey question includes a survey question used when using the survey component to survey the function of the target application in the target scenario.

[0160] Exemplarily, after the client generates a survey interface based on the interface logic code, it can render at least one survey question configured in the question configuration file to the survey interface and obtain a rendering interface of the survey interface; then, the client displays the rendering interface on the target page.

[0161] Exemplarily, after the client receives an access operation performed by the target object on the target page in the target application, in response to the access operation, the client sends a survey request to the middle platform component center. After receiving the survey request, the middle platform component center sends a response message to the client; the response message includes not only the target code file, but also a question configuration file obtained by the middle platform component center from the front-end configuration system of the target application. Therefore, after receiving the response message, the client can generate a survey interface based on the interface logic code in the target code file, and render at least one survey question configured by the question configuration file into the survey interface and obtain a rendering interface, and then display the rendering interface in the target page.

[0162] Exemplarily, the problem configuration file is a json file, and its file format is as follows:

[0163]

[0164] In this embodiment, the survey questions are abstracted into a question configuration file. Since the question configuration file is a configuration file obtained by the client from the front-end configuration system of the target application through the middle platform component center, the product developer can adjust the survey questions configured in the question configuration file according to the needs. This is equivalent to that when the client uses the survey component to survey the functions of the target application in the target scenario, the functions of the target application in the target scenario can be surveyed based on the flexibly adjusted survey questions, and then user feedback on the use of the current product can be collected. This can not only realize the survey of the functions of the target application, but also quickly verify the survey results, thereby improving the development efficiency of the survey component.

[0165] In addition, the survey questions are abstracted into question configuration files. Since the question configuration files are separately configured files, the same question configuration files can be combined with different flow orders or different survey interfaces. That is, when using the survey component to survey the functions of the target application in the target scenario, the same survey questions can be displayed using different flow orders or on different survey interfaces, making the functions of the survey component more flexible, improving the survey performance of the survey component and reducing the maintenance cost of the survey component.

[0166] In some embodiments, when the at least one survey question is a plurality of survey questions, the at least one configuration file further includes a flow order configuration file, and the flow order configuration file is used to configure the flow order of the plurality of survey questions.

[0167] Exemplarily, after the client generates a survey interface based on the interface logic code, it can render multiple survey questions configured by the question configuration file to the survey interface based on the flow order configured by the flow order configuration file, and obtain a rendering interface of the survey interface; then, the client displays the rendering interface on the target page.

[0168] Exemplarily, after the client receives the access operation performed by the target object on the target page in the target application, in response to the access operation, it sends a survey request to the middle platform component center. After receiving the survey request, the middle platform component center sends a response message to the client; the response message includes not only the target code file, but also the question configuration file and the flow sequence configuration file obtained by the middle platform component center from the front-end configuration system of the target application. Therefore, after receiving the response message, the client can generate a survey interface based on the interface logic code in the target code file, and based on the order configured in the flow sequence configuration file, render the multiple survey questions configured in the question configuration file into the survey interface to form a rendering interface, and then display the rendering interface in the target page.

[0169] In this embodiment, the survey questions are abstracted into question configuration files, and the flow order of the survey questions is abstracted into a flow order configuration file. Since both the question configuration file and the flow order configuration file are configuration files obtained by the client from the front-end configuration system of the target application through the middle platform component center, product developers can adjust the survey questions configured in the question configuration file and the flow order configured in the flow order configuration file according to needs. This is equivalent to using the survey component to survey the functions of the target application in the target scenario. Based on the flexibly adjusted survey questions and flow order, the functions of the target application in the target scenario can be surveyed, and then user feedback on the use of the current product can be collected. Not only can the function of the target application be surveyed, but the survey effect can also be quickly verified, thereby improving the development efficiency of the survey component.

[0170] In addition, the survey questions are abstracted into question configuration files, and the flow order of the survey questions is abstracted into a flow order configuration file. Since the question configuration file is a separately configured file, and the flow order configuration file is a file configured based on the question configuration file, the same question configuration file can be combined with different flow order configuration files, and the same question configuration file or flow order configuration file can be combined with different survey interfaces. That is, when using the survey component to survey the functions of the target application in the target scenario, the same survey question can be displayed using different flow orders or on different survey interfaces, which makes the function of the survey component more flexible, improves the survey performance of the survey component and reduces the maintenance cost of the survey component.

[0171] Of course, in other alternative embodiments, when the at least one survey question is multiple survey questions, the at least one configuration file may not include a flow order configuration file. In this case, the flow order of the multiple survey questions may be a default flow order, and the default flow order may be a pre-set flow order.

[0172] It is worth noting that when the at least one survey question is multiple survey questions, the information displayed in the rendering interface can be distributed on one or more pages, and the one or more pages are used to display the multiple survey questions configured in the question configuration file; then, the client displays the rendering interface on the target page.

[0173] In some embodiments, the at least one configuration file includes a candidate configuration file, which is used to configure multiple candidate questions, and the multiple candidate questions include multiple survey questions, and the multiple candidate questions include survey questions configured when using the survey component to survey the function of the target application in the target scenario, and the multiple survey questions include survey questions used when using the survey component to survey the function of the target application in the target scenario.

[0174] The method 200 may further include:

[0175] Based on the multiple candidate questions, the multiple survey questions are determined.

[0176] Exemplarily, the client may select the multiple survey questions from the multiple candidate questions.

[0177] Exemplarily, the multiple candidate questions are survey questions obtained by the front-end configuration system in response to a configuration operation. The configuration operation includes, but is not limited to, any form of input operation such as text input operation and voice input operation. The configuration operation may also be a selection operation of a configuration to be selected from multiple candidate configurations.

[0178] Exemplarily, after the client generates a survey interface based on the interface logic code, it can determine multiple survey questions actually used by the survey component from the multiple candidate questions configured in the candidate configuration file, and then render the survey interface based on the determined multiple survey questions to obtain a rendered interface of the survey interface.

[0179] Exemplarily, after the client receives the access operation performed by the target object on the target page in the target application, in response to the access operation, the client sends a survey request to the middle platform component center. After receiving the survey request, the middle platform component center sends a response message to the client; the response message includes not only the target code file, but also the candidate configuration file obtained by the middle platform component center from the front-end configuration system of the target application. Therefore, after receiving the response message, the client can generate a survey interface based on the interface logic code in the target code file, and determine multiple survey questions actually used by the survey component from the multiple candidate questions configured in the candidate configuration file, and then render the survey interface based on the determined multiple survey questions to obtain the rendering interface of the survey interface.

[0180] In this embodiment, the survey questions are abstracted into candidate configuration files. Since the candidate configuration files are configuration files obtained by the client from the front-end configuration system of the target application through the middle platform component center, product developers can adjust the candidate questions of the candidate configuration files according to needs, which is equivalent to using the survey component to survey the functions of the target application in the target scenario. Based on the flexibly adjusted candidate questions and the client's flexible selection of multiple survey questions from the multiple candidate questions, the functions of the target application in the target scenario can be surveyed, and then user feedback on the use of the current product can be collected. This can not only realize the survey of the functions of the target application, but also quickly verify the survey results, thereby improving the development efficiency of the survey component.

[0181] In addition, the survey questions are abstracted into candidate configuration files. Since the candidate configuration files are separately configured files, after the client determines multiple survey questions based on the multiple candidate questions configured in the candidate configuration files, the multiple survey questions can be combined with different flow orders or different survey interfaces. That is, when the survey component is used to survey the functions of the target application in the target scenario, the multiple survey questions can be displayed using different flow orders or on different survey interfaces, making the function of the survey component more flexible, improving the survey performance of the survey component and reducing the maintenance cost of the survey component.

[0182] Of course, in other alternative embodiments, the candidate configuration file may also be used to configure at least one candidate question, and when the candidate configuration file is used to configure a candidate question, the client may directly determine the candidate question as the survey question actually used. Alternatively, the client may also select the survey question from the multiple candidate questions.

[0183] It is worth noting that when the client selects multiple survey questions from the multiple candidate questions, the information displayed in the rendering interface can be distributed on one or more pages, and the one or more pages are used to display the multiple survey questions; then, the client displays the rendering interface on the target page.

[0184] In some embodiments, the at least one configuration file also includes a flow order configuration file, which is used to configure mapping relationship information, and the mapping relationship information includes questions corresponding to each option of some of the multiple candidate questions, and the multiple candidate questions include questions corresponding to each option.

[0185] The multiple survey questions are determined based on the multiple candidate questions, including:

[0186] The default candidate question in the part of candidate questions is determined as the first survey question among the multiple survey questions; the first survey question is used as the current survey question; the options of the current survey question include a target option; in response to the target object's selection operation on the target option, the candidate question corresponding to the target option is determined as the next survey question after the current survey question is transferred based on the mapping relationship information; the next survey question is re-determined as the new current survey question, and the next survey question after the new current survey question is determined, until the next survey question after the new current survey question is empty.

[0187] Exemplarily, for each candidate question in the part of candidate questions, the mapping relationship information includes questions corresponding to each option of each candidate question, and the multiple candidate questions include questions corresponding to each option of each candidate question.

[0188] Illustratively, another part of the multiple candidate questions may include candidate questions consisting of question titles and question options, or may include candidate questions consisting of question titles only, which is not specifically limited in the present application.

[0189] Exemplarily, after the client generates a survey interface based on the interface logic code, it can determine multiple survey questions in sequence based on the mapping relationship information configured in the flow sequence configuration file and the selection operation performed by the target object for the current survey question, and then render the multiple survey questions to the survey interface, and obtain a rendering interface of the survey interface; then, the client displays the rendering interface on the target page.

[0190] Exemplarily, after the client receives the access operation performed by the target object on the target page in the target application, in response to the access operation, the client sends a survey request to the middle platform component center. After receiving the survey request, the middle platform component center sends a response message to the client; the response message includes not only the target code file, but also the candidate configuration file and the flow sequence configuration file obtained by the middle platform component center from the front-end configuration system of the target application. Therefore, after receiving the response message, the client can generate a survey interface based on the interface logic code in the target code file, and based on the mapping relationship information configured in the flow sequence configuration file and the selection operation performed by the target object on the current survey question, determine multiple survey questions in sequence, and then render the multiple survey questions to the survey interface, and obtain the rendering interface of the survey interface; then, the client displays the rendering interface on the target page.

[0191] Exemplarily, the candidate configuration file and the flow order configuration file are both json files, which can be merged into one json file, and the file format is as follows:

[0192]

[0193] Of course, in other alternative embodiments, the candidate configuration file and the flow order configuration file may also be two independent configuration files, and this application does not make any specific limitation to this.

[0194] In this embodiment, the survey questions are abstracted into candidate configuration files, and the selection strategies of the survey questions and the flow order of the survey questions are abstracted into flow order configuration files. Since the candidate configuration files and the flow order configuration files are configuration files obtained by the client from the front-end configuration system of the target application through the middle platform component center, product developers can adjust the candidate questions, selection strategies of the survey questions and flow order of the survey questions configured in the candidate configuration files according to needs. This is equivalent to using the survey component to survey the functions of the target application in the target scenario. Based on the flexibly adjusted candidate questions, selection strategies of the survey questions and flow order, the functions of the target application in the target scenario can be surveyed, and then user feedback on the use of the current product can be collected. This can not only realize the survey of the functions of the target application, but also quickly verify the survey results, thereby improving the development efficiency of the survey component. In addition, in the flow sequence configuration file, the next survey question is associated with the target option of the current survey question, which is equivalent to that when the target option of the target object for the current survey question option is different, the next survey question is different; which is equivalent to that when the function of the target application in the target scenario is surveyed using the survey component, the client can survey the function of the target application in the target scenario by adjusting the next survey question in real time based on the operation of the target object, and then collect user feedback on the use of the current product, which can not only realize the survey of the function of the target application, but also quickly verify the survey effect, thereby improving the development efficiency of the survey component.

[0195] In addition, the survey questions are abstracted into candidate configuration files, and the survey question selection strategies and the flow order of the survey questions are abstracted into flow order configuration files. Since the candidate configuration files are separately configured files, and the flow order configuration files are files configured based on the candidate configuration files, after the client determines multiple survey questions based on multiple candidate questions configured in the candidate configuration files, the multiple survey questions can be combined with different flow order configuration files, and the multiple survey questions or the flow order of the multiple survey questions can be combined with different survey interfaces. That is, when using the survey component to survey the functions of the target application in the target scenario, the same survey questions can be displayed using different flow orders or on different survey interfaces, which makes the functions of the survey component more flexible, improves the survey performance of the survey component and reduces the maintenance cost of the survey component.

[0196] Of course, in other alternative embodiments, the client may also randomly select some candidate questions from the multiple candidate questions as the multiple survey questions, or the client may also determine the multiple survey questions from the multiple candidate questions in other ways, and this application does not make specific limitations on this.

[0197] In some embodiments, the flow order configuration file is also used to configure the default candidate questions.

[0198] In this embodiment, the default candidate question is configured through the flow sequence configuration file. Since the flow sequence configuration files are configuration files obtained by the client from the front-end configuration system of the target application through the middle platform component center, the product developer can adjust the default candidate question according to the needs, which is equivalent to using the survey component to survey the function of the target application in the target scenario. The first survey question used can be flexibly adjusted to collect user feedback on the current product usage. This can not only realize the survey of the function of the target application, but also quickly verify the survey effect, thereby improving the development efficiency of the survey component.

[0199] Of course, in other alternative embodiments, the default candidate question may be a candidate question of a preset type in the candidate questions, and the present application does not specifically limit this. For example, the default candidate question may be a candidate question in the candidate questions whose question options include "satisfied" or "unsatisfied" options. For another example, the default candidate question may be a candidate question in the candidate questions whose question options are in a button or slider style.

[0200] In some embodiments, the object code file also includes acquisition logic code of the at least one configuration file.

[0201] Exemplarily, the object code file includes the acquisition logic code of the at least one configuration file. In this case, after the client obtains the object code file, the at least one configuration file can be obtained based on the acquisition logic code of the at least one configuration file in the object code file.

[0202] The method of using the middle platform component center to obtain at least one configuration file from the front-end configuration system of the target application program includes:

[0203] The middle platform component center is used to determine the at least one configuration file based on the acquisition logic code, and the at least one configuration file is acquired from the front-end configuration system.

[0204] Exemplarily, the acquisition logic code may include logic code for acquiring the at least one configuration file from a specific page. For example, the acquisition logic code may include logic code for acquiring the at least one configuration file from a page of the front-end configuration system of the target application. In other words, when the acquisition logic code is executed, the control center component center acquires the at least one configuration file from the page of the front-end configuration system of the target application.

[0205] Exemplarily, the acquisition logic code may include logic code for determining the identification of the at least one configuration file. For example, the acquisition logic code may include logic code for determining the identification of the at least one configuration file using the target scenario. In other words, when the acquisition logic code is executed, the identification of the at least one configuration file may be determined based on the target scenario.

[0206] Exemplarily, the acquisition logic code may include logic code for acquiring the at least one configuration file from a page of the front-end configuration system of the target application and logic code for determining the identifier of the at least one configuration file using the target scenario. In this case, when the acquisition logic code is executed, the identifier of the at least one configuration file may be determined based on the target scenario, and the at least one configuration file may be acquired from the page of the front-end configuration system of the target application.

[0207] In some embodiments, before S220, the method 200 may further include:

[0208] Gets the uniform resource locator of the survey component.

[0209] Among them, the S220 may include:

[0210] Based on the uniform resource locator of the survey component, the survey request is sent to the middle platform component center.

[0211] In this embodiment, the client sends the survey request to the middle platform component center based on the uniform resource locator of the survey component. Since each page warehouse introduces a file with a constant uniform resource locator (URL), it is not necessary to republish the page warehouse to ensure that the page warehouse can experience the latest functions of the survey component, that is, it avoids the need to directly apply the survey component to multiple page warehouses. Then, by launching the survey component at one time, it can not only meet the survey needs of various business scenarios, but also reduce the cost of the survey component from n×t to t, where t is the release time and n is the number of page warehouses included in the application product. In addition, the client sends the survey request to the middle platform component center based on the uniform resource locator of the survey component, so that the client can obtain the at least one configuration file online, which is conducive to designing the survey component to be configurable, and thus is conducive to reducing the maintenance cost of the survey component.

[0212] The preferred embodiments of the present application are described in detail above in conjunction with the accompanying drawings. However, the present application is not limited to the specific details in the embodiments mentioned above. Within the technical concept of the present application, the technical solution of the present application can be subjected to a variety of simple modifications, and these simple modifications all belong to the protection scope of the present application. For example, the various specific technical features described in the specific embodiments mentioned above can be combined in any suitable manner without contradiction. In order to avoid unnecessary repetition, the present application will not further explain various possible combinations. For another example, the various different embodiments of the present application can also be arbitrarily combined, as long as they do not violate the ideas of the present application, they should also be regarded as the contents disclosed in the present application.

[0213] It should also be understood that in the various method embodiments of the present application, the size of the serial numbers of the processes involved above does not mean the order of execution. The execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiments of the present application.

[0214] The method provided in the embodiment of the present application is described above, and the device provided in the embodiment of the present application is described below.

[0215] Fig. 9 It is a schematic block diagram of the client 300 provided in an embodiment of the present application.

[0216] like Fig. 9 As shown, the client 300 may include:

[0217] The receiving unit 310 is used to receive an access operation performed by a target object on a target page in a target application;

[0218] The sending unit 320 is used to send a research request to the middle platform component center in response to the access operation; the research request is used to request a target code file of the research component, the research component includes multiple code files, the multiple code files include the target code file, the multiple code files are used to investigate the functions of the target application in multiple scenarios, and the target code file is a code file in the multiple code files used to investigate the functions of the target application in the target scenario in the multiple scenarios;

[0219] The receiving unit 310 is also used to receive a response message sent by the middle platform component center; the response message includes the target code file, and the target code file includes the interface logic code;

[0220] The display unit 330 is used to generate a survey interface based on the interface logic code and display the survey interface on the target page.

[0221] In some embodiments, before receiving the response message sent by the middle platform component center, the receiving unit 310 is further used to:

[0222] Using the middle platform component center, obtaining at least one configuration file from the front-end configuration system of the target application; the response message also includes the at least one configuration file;

[0223] The display unit 330 is specifically used for:

[0224] Generate the survey interface based on the interface logic code;

[0225] The survey interface is rendered based on the at least one configuration file, a rendering interface of the survey interface is obtained, and the rendering interface is displayed on the target page.

[0226] In some embodiments, the at least one configuration file includes a question configuration file, which is used to configure at least one survey question, and the at least one survey question includes a survey question used when using the survey component to survey the function of the target application in the target scenario.

[0227] In some embodiments, when the at least one survey question is a plurality of survey questions, the at least one configuration file further includes a flow order configuration file, and the flow order configuration file is used to configure the flow order of the plurality of survey questions.

[0228] In some embodiments, the at least one configuration file includes a candidate configuration file, the candidate configuration file is used to configure a plurality of candidate questions, the plurality of candidate questions include a plurality of survey questions, the plurality of candidate questions include survey questions configured when the survey component is used to survey the function of the target application in the target scenario, the plurality of survey questions include survey questions used when the survey component is used to survey the function of the target application in the target scenario;

[0229] The display unit 330 is also used for:

[0230] Based on the multiple candidate questions, the multiple survey questions are determined.

[0231] In some embodiments, the at least one configuration file further includes a flow order configuration file, the flow order configuration file is used to configure mapping relationship information, the mapping relationship information includes questions corresponding to respective options of some of the multiple candidate questions, the multiple candidate questions include questions corresponding to the respective options;

[0232] The display unit 330 is specifically used for:

[0233] Determine the default candidate question in the part of candidate questions as the first survey question among the multiple survey questions;

[0234] The first survey question is used as a current survey question; the options of the current survey question include a target option;

[0235] In response to the target object's selection operation on the target option, determining the candidate question corresponding to the target option as the next survey question after the current survey question is transferred based on the mapping relationship information;

[0236] The next survey question is re-determined as a new current survey question, and the next survey question after the flow based on the new current survey question is determined, until the next survey question after the flow based on the new current survey question is empty.

[0237] In some embodiments, the flow order configuration file is also used to configure the default candidate questions.

[0238] In some embodiments, the object code file further includes acquisition logic code of the at least one configuration file;

[0239] The display unit 330 is specifically used for:

[0240] The middle platform component center is used to determine the at least one configuration file based on the acquisition logic code, and the at least one configuration file is acquired from the front-end configuration system.

[0241] In some embodiments, before sending the survey request to the middle platform component center, the sending unit 320 is further used to:

[0242] Get the uniform resource locator of the survey component;

[0243] The sending unit 320 is specifically used for:

[0244] Based on the uniform resource locator of the survey component, the survey request is sent to the middle platform component center.

[0245] It should be understood that the device embodiment and the method embodiment may correspond to each other, and similar descriptions may refer to the method embodiment. To avoid repetition, no further description is given here. Specifically, the client 300 may correspond to the corresponding subject in the method 200 for executing the embodiment of the present application, and the various units in the client 300 are respectively for implementing the corresponding processes in the method 200, and for the sake of brevity, no further description is given here.

[0246] Fig.10 It is a schematic block diagram of the middle platform component center 400 provided in an embodiment of the present application.

[0247] like Fig.10As shown, the middle platform component center 400 may include:

[0248] The receiving unit 410 is used to receive a research request sent by a client; the research request is used to request a target code file of a research component, the research component includes multiple code files, the multiple code files include a target code file, the multiple code files are used to investigate functions of a target application in multiple scenarios, and the target code file is a code file in the multiple code files used to investigate functions of the target application in a target scenario in the multiple scenarios;

[0249] The sending unit 420 is used to send a response message to the client; the response message includes the target code file, the target code file includes an interface logic code, and the interface logic code is used by the client to generate a survey interface.

[0250] It should be understood that the device embodiment and the method embodiment can correspond to each other, and similar descriptions can refer to the method embodiment. To avoid repetition, it will not be repeated here. Specifically, the middle platform component center 400 can correspond to the corresponding subject in the method 200 for executing the embodiment of the present application, and the various units in the middle platform component center 400 are respectively for implementing the corresponding processes in the method 200. For the sake of brevity, it will not be repeated here.

[0251] It should also be understood that the various units in the client 300 or the middle platform component center 400 involved in the embodiment of the present application are divided based on logical functions. In practical applications, the function of one unit can also be implemented by multiple units, or the functions of multiple units can be implemented by one unit, and even these functions can also be implemented with the assistance of one or more other units. For example, part or all of the client 300 or the middle platform component center 400 are merged into one or several other units. For another example, a certain unit (some) in the client 300 or the middle platform component center 400 can also be split into multiple smaller units in function to constitute, which can achieve the same operation without affecting the realization of the technical effects of the embodiments of the present application. For another example, the client 300 or the middle platform component center 400 can also include other units. In practical applications, these functions can also be implemented with the assistance of other units, and can be implemented by the collaboration of multiple units.

[0252] According to another embodiment of the present application, the client 300 or the middle platform component center 400 involved in the embodiment of the present application can be constructed by running a computer program (including program code) capable of executing each step involved in the corresponding method on a general computing device of a general-purpose computer including processing elements and storage elements such as a central processing unit (CPU), a random access storage medium (RAM), and a read-only storage medium (ROM), and the like, and the method of the embodiment of the present application can be implemented. The computer program can be recorded on, for example, a computer-readable storage medium, and loaded into an electronic device through a computer-readable storage medium, and run therein to implement the corresponding method of the embodiment of the present application. In other words, the units involved above can be implemented in hardware form, can be implemented by instructions in software form, and can also be implemented in the form of a combination of software and hardware. Specifically, the steps of the method embodiment in the embodiment of the present application can be completed by the hardware integrated logic circuit and / or software form of the processor, and the steps of the method disclosed in the embodiment of the present application can be directly embodied as a hardware decoding processor to execute, or a combination of hardware and software in the decoding processor to execute. Optionally, the software can be located in a mature storage medium in the field such as a random access memory, a flash memory, a read-only memory, a programmable read-only memory, an electrically erasable programmable memory, and a register. The storage medium is located in the memory, and the processor reads the information in the memory and completes the steps in the method embodiment involved above in combination with its hardware.

[0253] Fig.11 It is a schematic block diagram of an electronic device provided in an embodiment of the present application.

[0254] like Fig.11 As shown, the electronic device 500 at least includes a processor 510 and a computer-readable storage medium 520. The processor 510 and the computer-readable storage medium 520 may be connected via a bus or other means. The computer-readable storage medium 520 is used to store a computer program 521, which includes computer instructions, and the processor 510 is used to execute the computer instructions stored in the computer-readable storage medium 520. The processor 510 is the computing core and control core of the electronic device 500, which is suitable for implementing one or more computer instructions, and is specifically suitable for loading and executing one or more computer instructions to implement the corresponding method flow or corresponding function.

[0255] As an example, the processor 510 may also be referred to as a central processing unit (CPU). The processor 510 may include, but is not limited to, a general purpose processor, a digital signal processor (DSP), an application specific integrated circuit (ASIC), a field programmable gate array (FPGA) or other programmable logic devices, discrete component gates or transistor logic devices, discrete hardware components, and the like.

[0256] As an example, the computer-readable storage medium 520 may be a high-speed RAM memory, or a non-volatile memory (Non-Volatile Memory), such as at least one disk memory; optionally, it may also be at least one computer-readable storage medium located away from the aforementioned processor 510. Specifically, the computer-readable storage medium 520 includes, but is not limited to: a volatile memory and / or a non-volatile memory. Among them, the non-volatile memory may be a read-only memory (ROM), a programmable read-only memory (PROM), an erasable programmable read-only memory (EPROM), an electrically erasable programmable read-only memory (EEPROM), or a flash memory. The volatile memory may be a random access memory (RAM), which is used as an external cache. By way of example and not limitation, many forms of RAM are available, such as static random access memory (SRAM), dynamic random access memory (DRAM), synchronous dynamic random access memory (SDRAM), double data rate synchronous dynamic random access memory (DDR SDRAM), enhanced synchronous dynamic random access memory (ESDRAM), synchronous link DRAM (SLDRAM), and direct RAM bus random access memory (DR RAM).

[0257] like Fig.11 As shown, the electronic device 500 may further include a transceiver 530 .

[0258] The processor 510 may control the transceiver 530 to communicate with other devices, specifically, to send information or data to other devices, or to receive information or data sent by other devices. The transceiver 530 may include a transmitter and a receiver. The transceiver 530 may further include an antenna, and the number of antennas may be one or more.

[0259] It should be understood that the various components in the electronic device 500 are connected via a bus system, wherein the bus system includes a power bus, a control bus, and a status signal bus in addition to a data bus. It is worth noting that the electronic device 500 can be any electronic device with data processing capabilities; the computer-readable storage medium 520 stores a first computer instruction; the processor 510 loads and executes the first computer instruction stored in the computer-readable storage medium 520 to implement Figure 1 The corresponding steps in the method embodiment shown; in the specific implementation, the first computer instruction in the computer-readable storage medium 520 is loaded by the processor 510 and executes the corresponding steps. To avoid repetition, they are not repeated here.

[0260] According to another aspect of the present application, an embodiment of the present application provides a chip. The chip may be an integrated circuit chip having signal processing capabilities, and may implement or execute the methods, steps, and logic block diagrams disclosed in the embodiments of the present application. The chip may also be referred to as a system-on-chip, a system-on-chip, a chip system, or a system-on-chip chip, etc. The chip may be applied to various electronic devices capable of installing the chip, so that the device equipped with the chip may execute the corresponding steps in the methods or logic block diagrams disclosed in the embodiments of the present application. For example, the chip may be suitable for implementing one or more computer instructions, specifically suitable for loading and executing one or more computer instructions to implement the corresponding method flow or corresponding function.

[0261] According to another aspect of the present application, an embodiment of the present application provides a computer-readable storage medium (Memory). The computer-readable storage medium is a memory device of a computer for storing programs and data. It is understandable that the computer-readable storage medium herein may include both a built-in storage medium in a computer and, of course, an extended storage medium supported by a computer. The computer-readable storage medium provides a storage space, which stores an operating system of an electronic device. The storage space stores computer instructions suitable for being loaded and executed by a processor, and when the computer instructions are read and executed by a processor of a computer device, the computer device executes the corresponding steps in each method or logic block diagram disclosed in the embodiment of the present application.

[0262] According to another aspect of the present application, an embodiment of the present application provides a computer program product or a computer program. The computer program product or computer program includes a computer instruction, which is stored in a computer-readable storage medium. The processor of a computer device reads the computer instruction from a computer-readable storage medium, and the processor executes the computer instruction so that the computer device executes the corresponding steps in each method disclosed in the embodiment of the present application or the logic block diagram. In other words, when the solution provided by the present application is implemented using software, it can be implemented in whole or in part in the form of a computer program product or a computer program. The computer program product or computer program includes one or more computer instructions. When these computer program instructions are loaded and executed on a computer, the process of the embodiment of the present application is run in whole or in part or the function of the embodiment of the present application is implemented.

[0263] It is worth noting that the computer involved in the present application can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable devices. The computer instructions involved in the present application can be stored in a computer-readable storage medium, or can be transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions can be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via wired (e.g., coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) means.

[0264] Those of ordinary skill in the art will appreciate that the units and process steps of each example described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware or a combination of computer software and electronic hardware. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. In other words, professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to exceed the scope of protection of this application.

[0265] Finally, it should be noted that the above content is only a specific implementation method of the present application, but the protection scope of the present application is not limited thereto. Any technician familiar with the technical field can easily think of changes or replacements within the technical scope disclosed in the present application, which should be included in the protection scope of the present application. Therefore, the protection scope of the present application shall be based on the protection scope of the claims. For example, the various specific technical features described in the above specific implementation methods can be combined in any suitable manner without contradiction. For another example, the various implementation methods of the present application can also be arbitrarily combined, as long as they do not violate the basic idea of ​​the present application, they should also be regarded as the content disclosed in the present application.

Claims

1. An interface display method, characterized in that: include: receiving an access operation performed by a target object on a target page in a target application; In response to the access operation, a research request is sent to the middle platform component center; the research request is used to request a target code file of a research component, the research component includes multiple code files, the multiple code files include the target code file, the multiple code files are used to investigate the functions of the target application in multiple scenarios, and the target code file is a code file in the multiple code files used to investigate the functions of the target application in a target scenario in the multiple scenarios; Receive a response message sent by the middle platform component center; The response message includes the object code file, and the object code file includes the interface logic code; A survey interface is generated based on the interface logic code, and the survey interface is displayed on the target page.

2. The method according to claim 1, characterized in that Before receiving the response message sent by the middle platform component center, the method also includes: Using the middle platform component center, obtaining at least one configuration file from the front-end configuration system of the target application; the response message also includes the at least one configuration file; The step of generating a survey interface based on the interface logic code and displaying the survey interface on the target page includes: Generate the survey interface based on the interface logic code; The survey interface is rendered based on the at least one configuration file, a rendering interface of the survey interface is obtained, and the rendering interface is displayed on the target page.

3. The method according to claim 2, characterized in that The at least one configuration file includes a question configuration file, and the question configuration file is used to configure at least one survey question. The at least one survey question includes a survey question used when using the survey component to survey the function of the target application in the target scenario.

4. The method according to claim 3, characterized in that When the at least one survey question is a plurality of survey questions, the at least one configuration file further includes a flow sequence configuration file, and the flow sequence configuration file is used to configure the flow sequence of the plurality of survey questions.

5. The method according to claim 2, characterized in that: The at least one configuration file includes a candidate configuration file, the candidate configuration file is used to configure a plurality of candidate questions, the plurality of candidate questions include a plurality of survey questions, the plurality of candidate questions include survey questions configured when the survey component is used to survey the function of the target application in the target scenario, the plurality of survey questions include survey questions used when the survey component is used to survey the function of the target application in the target scenario; Wherein, the method further comprises: Based on the multiple candidate questions, the multiple survey questions are determined.

6. The method according to claim 5, characterized in that The at least one configuration file further includes a flow sequence configuration file, the flow sequence configuration file is used to configure mapping relationship information, the mapping relationship information includes questions corresponding to respective options of some of the multiple candidate questions, the multiple candidate questions include questions corresponding to the respective options; Wherein, determining the multiple survey questions based on the multiple candidate questions includes: Determine a default candidate question among the part of candidate questions as the first survey question among the multiple survey questions; The first survey question is used as the current survey question; the options of the current survey question include a target option; In response to the target object's selection operation on the target option, determining the candidate question corresponding to the target option as the next survey question after the current survey question is transferred based on the mapping relationship information; The next survey question is re-determined as a new current survey question, and the next survey question after the flow based on the new current survey question is determined until the next survey question after the flow based on the new current survey question is empty.

7. The method according to claim 6, characterized in that The flow order configuration file is also used to configure the default candidate questions.

8. The method according to claim 2, characterized in that: The object code file also includes a logic code for obtaining the at least one configuration file; Wherein, the obtaining at least one configuration file from the front-end configuration system of the target application using the middle platform component center includes: The middle platform component center is utilized to determine the at least one configuration file based on the acquisition logic code, and the at least one configuration file is acquired from the front-end configuration system.

9. The method according to claim 1, characterized in that: Before sending the research request to the middle platform component center, the method further includes: Obtaining a uniform resource locator of the survey component; The sending of a research request to the middle platform component center includes: Based on the uniform resource locator of the survey component, the survey request is sent to the middle platform component center.

10. An interface display method, characterized in that: include: Receive research requests sent by clients; The survey request is used to request a target code file of a survey component, the survey component includes multiple code files, the multiple code files include a target code file, the multiple code files are used to survey the functions of the target application in multiple scenarios, and the target code file is a code file among the multiple code files used to survey the functions of the target application in a target scenario among the multiple scenarios; A response message is sent to the client; the response message includes the target code file, the target code file includes an interface logic code, and the interface logic code is used by the client to generate a survey interface.

11. A client, characterized in that: include: A receiving unit, configured to receive an access operation performed by a target object on a target page in a target application; A sending unit, configured to send a research request to a middle platform component center in response to the access operation; the research request is used to request a target code file of a research component, the research component includes a plurality of code files, the plurality of code files include the target code file, the plurality of code files are used to research functions of the target application in a plurality of scenarios, and the target code file is a code file in the plurality of code files used to research functions of the target application in a target scenario in the plurality of scenarios; The receiving unit is also used to receive a response message sent by the middle platform component center; The response message includes the object code file, and the object code file includes the interface logic code; A display unit is used to generate a survey interface based on the interface logic code and display the survey interface on the target page.

12. A middle platform component center, characterized in that: include: A receiving unit, used for receiving a survey request sent by a client; The survey request is used to request a target code file of a survey component, the survey component includes multiple code files, the multiple code files include a target code file, the multiple code files are used to survey the functions of the target application in multiple scenarios, and the target code file is a code file among the multiple code files used to survey the functions of the target application in a target scenario among the multiple scenarios; The sending unit is used to send a response message to the client; the response message includes the target code file, the target code file includes an interface logic code, and the interface logic code is used by the client to generate a survey interface.

13. An electronic device, characterized in that: include: a processor adapted to execute a computer program; A computer-readable storage medium, wherein a computer program is stored in the computer-readable storage medium, and when the computer program is executed by the processor, the method according to any one of claims 1 to 9 or the method according to claim 10 is implemented.

14. A computer-readable storage medium, characterized in that: Used to store a computer program, wherein the computer program causes a computer to execute the method according to any one of claims 1 to 9 or the method according to claim 10.

Images