CN111782330B - Page data acquisition method, device and equipment based on Web application - Google Patents

Abstract

The invention discloses a page data acquisition method based on Web applications, which is applied to data baffle services, including: responding to a data acquisition request for a target page; and determining a target access address corresponding to the resource locator identifier according to the resource locator identifier. ;Access the target access address and obtain the page display value corresponding to the interface parameter. It can be seen that this application enables the user to quickly switch between different resource locator identifiers directly in the graphical interface (target page) of the web application, determine the target access address, and obtain the page display corresponding to the interface parameters by accessing the target access address. Values do not require program developers to manually change or write code to obtain the page display values corresponding to interface parameters, which improves business development efficiency.

Description

A web application-based page data acquisition method, device and equipment

Technical field

The present invention relates to the field of computer technology, and in particular to a method, device and equipment for obtaining page data based on Web applications.

Background technique

With the development of software technology and the continuous improvement of user needs, web applications are becoming more and more complex, and user needs are becoming higher and higher.

In the existing technology, the front-end and back-end of web applications are usually completely separated to support a set of back-end interfaces for use by web, ios, and android, which greatly improves the efficiency of development. But at the same time, it also brings about the problem that the front-end UI of the web application depends on the back-end data. Before the back-end interface is developed, the front-end needs to simulate the interface data according to the specifications defined by the interface and determine the page data in the web application page. In order to determine the page data display situation in the current web application page. In the visual development process of front-end projects of web applications, when the front-end is not connected to the back-end, the existing method of obtaining page data of web applications usually requires developers to manually write the page data of web applications, that is, the page data of web applications is completely controlled by the program. Developers code, but if the page data of each web application needs to be completely manually coded, it will lead to low business development efficiency.

Therefore, how to improve the efficiency of visual development of front-end projects for web applications is a technical difficulty that needs to be solved urgently.

Contents of the invention

The present invention provides a method and device for obtaining page data based on Web applications, so that program developers do not need to manually change or write codes to obtain page display values corresponding to interface parameters, and can also avoid manual programming of programs. The resulting programming errors have improved business development efficiency.

In a first aspect, the present invention provides a method for obtaining page data based on Web applications. The method is applied to the data baffle service in the Web application system. The method includes:

Respond to a data acquisition request for the target page, wherein the data acquisition request includes the resource locator identifier and interface parameters corresponding to the target page;

Determine the target access address corresponding to the resource locator identifier according to the resource locator identifier;

Access the target access address and obtain the page display value corresponding to the interface parameter, so as to display the page display value in the area corresponding to the interface parameter of the target page.

In a second aspect, the present invention provides a device for obtaining page data based on Web applications. The device is applied to the data baffle service in a Web application system. The device includes:

A response module, configured to respond to a data acquisition request for the target page, wherein the data acquisition request includes the resource locator identifier and interface parameters corresponding to the target page;

A determining module, configured to determine the target access address corresponding to the resource locator identifier according to the resource locator identifier;

An acquisition module is used to access the target access address and obtain the page display value corresponding to the interface parameter, so as to display the page display value in the area corresponding to the interface parameter of the target page.

In a third aspect, the present invention provides a readable medium including execution instructions. When a processor of an electronic device executes the execution instructions, the electronic device executes the method described in any one of the first aspects.

In a fourth aspect, the present invention provides an electronic device, including a processor and a memory storing execution instructions. When the processor executes the execution instructions stored in the memory, the processor executes the first aspect. any of the methods described.

It can be seen from the above technical solution that the method is applied to the data baffle service in the Web application system. Specifically, after the data baffle service obtains the data acquisition request for the target page, it can respond to the data acquisition request for the target page. request, wherein the data acquisition request includes the resource locator identifier and interface parameters corresponding to the target page; then, the data baffle service can determine the target access corresponding to the resource locator identifier based on the resource locator identifier address; then, the data baffle service can access the target access address and obtain the page display value corresponding to the interface parameter, so as to display the page display value in the area corresponding to the interface parameter of the target page of the Web application. . In this way, this application can determine and access the target access address corresponding to the resource locator identifier based on the resource locator identifier and interface parameters in the data acquisition request for the target page, so as to obtain the page display value corresponding to the interface parameter; That is to say, this application can determine the target access address corresponding to the resource locator identifier based on the resource locator identifier, and then obtain the page display value corresponding to the interface parameter by accessing the target access address. In this way, the user can quickly switch between different resource locator identifiers directly in the graphical interface of the web application (ie, the target page), determine the target access address, and obtain the page display value corresponding to the interface parameter by accessing the target access address. , instead of requiring program developers to manually change or write code to obtain the page display values corresponding to the interface parameters, it can also avoid program writing errors caused by manual programming, thereby improving business development efficiency.

Further effects of the above-mentioned non-conventional optional methods will be described below in conjunction with specific implementations.

Description of the drawings

In order to explain the embodiments of the present invention or the existing technical solutions more clearly, the drawings needed to be used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings in the following description are only for illustration. For some embodiments recorded in the invention, those of ordinary skill in the art can also obtain other drawings based on these drawings without exerting any creative effort.

Figure 1 is a schematic framework diagram of an exemplary application scenario provided by an embodiment of the present invention;

Figure 2 is a schematic flow chart of a method for obtaining page data based on Web applications provided by an embodiment of the present invention;

Figure 3 is a schematic framework diagram of another exemplary application scenario provided by an embodiment of the present invention;

Figure 4 is an interface schematic diagram of a visualization-based interface modification configuration page provided by an embodiment of the present invention;

Figure 5 is a schematic diagram of an export key interface provided by an embodiment of the present invention.

Figure 6 is a schematic structural diagram of a web application-based page data acquisition device provided by an embodiment of the present invention;

FIG. 7 is a schematic structural diagram of an electronic device according to an embodiment of the present invention.

Detailed ways

In order to make the purpose, technical solutions and advantages of the present invention clearer, the technical solutions of the present invention will be clearly and completely described below in conjunction with specific embodiments and corresponding drawings. Obviously, the described embodiments are only some of the embodiments of the present invention, but not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those of ordinary skill in the art without creative efforts fall within the scope of protection of the present invention.

In order to solve the problem that before the development of the existing back-end interface is completed, the front-end needs to simulate the interface data according to the specifications of the interface definition and determine the page data in the web application page in order to determine the page data display situation in the current web application page; in the web application During the visual development process of front-end projects, when the front-end is not connected to the back-end, the existing web application page data acquisition method usually requires developers to manually write the web application page data, that is, the web application page data is completely coded by the program developer. , for example, for mock.js, users need to write their own URL routing; for easy-mock, users still need to write their own code to form simulated page data. To realize these functions, users need to JS code the comparison data; however, if each web The page data of the application needs to be completely manually coded, which will lead to low business development efficiency.

The present invention provides a page data acquisition method based on Web applications. The method is applied to the data baffle service in the Web application system. Specifically, after the data baffle service obtains the data acquisition request for the target page, it can respond A data acquisition request for a target page, wherein the data acquisition request includes a resource locator identifier and an interface parameter corresponding to the target page; then, the data baffle service can determine the resource based on the resource locator identifier. The target access address corresponding to the locator identification; then, the data barrier service can access the target access address and obtain the page display value corresponding to the interface parameter, so as to apply the area corresponding to the interface parameter of the target page on the Web The page displays the value. In this way, this application can determine and access the target access address corresponding to the resource locator identifier based on the resource locator identifier and interface parameters in the data acquisition request for the target page, so as to obtain the page display value corresponding to the interface parameter; That is to say, this application can determine the target access address corresponding to the resource locator identifier based on the resource locator identifier, and then obtain the page display value corresponding to the interface parameter by accessing the target access address. In this way, the user can quickly switch between different resource locator identifiers directly in the graphical interface of the web application (ie, the target page) to determine the target access address corresponding to the resource locator identifier, and can obtain the target access address by accessing the target access address. The page display value corresponding to the interface parameter does not require the program developer to manually change or manually write the code to obtain the page display value corresponding to the interface parameter. It can also avoid programming errors caused by manual programming of the program, and thus Improved business development efficiency.

For example, embodiments of the present invention can be applied to the scenario shown in Figure 1, which can be a schematic system architecture diagram of a Web application system. In this scenario, it includes a front-end 101 (for example, it can be a web client), a data baffle service 102 and a back-end (for example, it can be a backend server)/default simulation data code library 103. After the data barrier service 102 obtains the data acquisition request for the target page sent by the front end 101, where the data acquisition request includes the resource locator identifier and interface parameters corresponding to the target page, the data barrier service 102 can respond to This data acquisition request; then, the data barrier service 102 can determine the target access address corresponding to the resource locator identifier according to the resource locator identifier; then, the data barrier service 102 can access the target access address by accessing the target access address, Obtain the page display value corresponding to the interface parameter from the back end or the preset simulation data code library 103, and return the page display value to the front end 101, so that the front end 101 can display the interface parameter corresponding to the target page. The page display value is displayed in the area, so that the user can adjust the display area corresponding to the interface parameter in the target page according to the display situation of the displayed page display value, so that the display situation of the page display value meets the actual needs, For example, the display is normal and complete. In this way, the technical solution corresponding to this scenario can determine and access the target access address corresponding to the resource locator identifier based on the resource locator identifier and interface parameters in the data acquisition request for the target page, so as to obtain the resource locator identifier corresponding to the interface parameter. Page display value; that is to say, this application can determine the target access address corresponding to the resource locator identifier based on the resource locator identifier, and then obtain the page display value corresponding to the interface parameter by accessing the target access address. In this way, the user can quickly switch between different resource locator identifiers directly in the graphical interface of the web application (ie, the target page), determine the target access address, and obtain the page display value corresponding to the interface parameter by accessing the target access address. , instead of requiring program developers to manually change or write code to obtain the page display values corresponding to the interface parameters, it can also avoid program writing errors caused by manual programming, thereby improving business development efficiency.

It should be noted that the above application scenarios are only shown to facilitate understanding of the present application, and the implementation of the present application is not subject to any limitation in this regard. On the contrary, the embodiments of the present application can be applied to any applicable scenario.

Various non-limiting embodiments of the present invention will be described in detail below with reference to the accompanying drawings.

Referring to Figure 2, a page data acquisition method based on a Web application is shown in an embodiment of the present invention. The method is applied to the data baffle service in the Web application system. It should be noted that the web application system may include a front-end , data baffle service and back-end/preset virtual database. Among them, the data baffle service can be understood as a function that can be used to obtain some interface parameters when the front-end is not really connected to the back-end during the front-end project visualization development process. The corresponding simulated data is a service that uses the simulated data to realize the function of filling the page content. That is to say, when the front end is not really connected to the back end, the data baffle service cannot obtain the real values corresponding to the interface parameters through the back end. Data, but the simulated data corresponding to the interface parameters can be obtained through the preset virtual database, and the simulated data can be used as the page display value instead of the real data corresponding to the interface parameters obtained through the backend. In this embodiment, the method may include the following steps:

S201: The data barrier service responds to the data acquisition request for the target page.

In this embodiment, when the user needs to obtain the page display value corresponding to the interface in a page of the web application, the page can be called the target page, that is, the target page can be understood as the interface corresponding to the page display value that needs to be obtained. The page it is on. When the user needs to obtain the page display value corresponding to the interface in the target page, he or she can first generate a data acquisition request for the target page through the front end of the web application, and then send the data acquisition request to the data baffle service through the front end of the web application. So that the data baffle service can obtain the data acquisition request and perform subsequent operations in response to the data acquisition request. The data acquisition request may include the resource locator identifier and interface parameters corresponding to the target page.

It should be noted that the resource locator identifier corresponding to the target page can be understood as a Uniform Resource Locator (URL) alias. It should be emphasized that the URL alias can correspond to an address; it should be noted that the resource locator identifier can Reflects the running environment type of the interface. For example, when the resource locator is marked as "/afa", it means that the running environment type of the interface is the production environment, that is, the front end connects to the back end through this interface. For example, when the resource locator is marked as " /test", indicating that the running environment of the interface is a debugging environment, that is, the front end is not connected to the back end through this interface; the interface parameters can be understood as related information of the interface, for example, they can include the name of the interface, the Chinese description of the interface, and the call of the interface Method type, type of return data corresponding to the interface, etc.

Next, an example of how the data baffle service obtains the data acquisition request will be described with reference to Figures 3 and 4. Assume that the editor is a web browser. The editor can be understood as a component that can provide a visual development page in the development platform. Specifically, the editor can provide a web page. If the user needs to obtain the interface "User" in the page, The page corresponding to "name" displays the value. Users can use a web settings page provided by the browser (as shown in Figure 4), select the URL alias as "/afa", the description as "AFA test connection", and the database is mock data , it can be determined that the alias of the URL is "/afa"; in addition, since the user selected the "/user" interface in the web page, the URL corresponding to this interface is "/user", and the calling method type of the interface is "get". The Chinese description of the interface is "get user information", and the type of return data corresponding to the interface is "string"; at this time, the editor can generate a data acquisition request for the target page (that is, the web page where the interface "user name" is located) , where the data acquisition request includes the resource locator identifier "/afa" and interface parameters (i.e., the name of the interface "/user", the Chinese description of the interface "get user information", the calling method type of the interface "get", the interface corresponding The type of return data is "string"), and the data acquisition request is sent to the development platform service. The development platform service is a service that the AWEB 7.0 visual development platform needs to run. Users can access the service through the browser through the development platform service. Provide the address to access and use this development platform; then, the development platform service can determine the running platform service corresponding to the project based on the project corresponding to the target page, and send the data acquisition request to the running platform service, where the running platform The service is a service that the front-end project communicates with the development platform service during the development phase; then, the running platform service can send the data acquisition request to the data baffle service through the data dynamic proxy. It should be noted that in this example, the data acquisition request can also be obtained through the running platform, and the data acquisition request can be sent to the data baffle service through the running platform, where the running platform is the platform on which the front-end project runs.

S202: The data baffle service determines the target access address corresponding to the resource locator identifier based on the resource locator identifier.

In this embodiment, since the resource locator identifier can reflect the running environment type of the interface, and the running environment type can reflect the connection status of the front end and the back end, the data baffle service can determine the data baffle according to the resource locator identifier. The board service needs to access the backend or the preset simulation data code library to obtain the page display value corresponding to the interface parameter, that is, determine the target access address corresponding to the resource locator identifier.

As an example, after the data barrier service obtains the resource locator identifier, the data barrier service can first determine the environment type corresponding to the resource locator identifier based on the resource locator identifier. For example, assume that when a resource The locator identifier is "/afa". You can determine based on the resource locator identifier "/afa" that the running environment type corresponding to the resource locator identifier "/afa" is a production environment, that is, the front end connects to the back end through this interface. Assume that when the resource locator is marked as "/test", it means that the running environment of the interface is a debugging environment, that is, the front end does not connect to the back end through this interface. Then, the data baffle service can determine the target access address corresponding to the resource locator identifier according to the resource locator identifier and the environment type corresponding to the resource locator identifier. For example, assume that the resource locator identifier is "/ afa" and the running environment type corresponding to the resource locator identifier "/afa" is the production environment, you can confirm that the target access address corresponding to the resource locator identifier "/afa" is the data source address of "/afa" in the backend , assuming that the resource locator identifier is "/test" and the running environment type corresponding to the resource locator identifier "/test" is a test environment, it can be confirmed that the target access address corresponding to the resource locator identifier "/test" is "/test" "The data source address in the default simulation data code library.

S203: The data baffle service accesses the target access address and obtains the page display value corresponding to the interface parameter, so as to display the page display value in the area corresponding to the interface parameter of the target page.

In this embodiment, after the data baffle service determines the target access address corresponding to the resource locator identifier, the data baffle service can access the target access address and obtain the page display value corresponding to the interface parameter; In this implementation, assuming that the target access address is the data source address identified by the resource locator in the backend, the data baffle service can obtain the corresponding interface parameter by accessing the data source address identified by the resource locator in the backend. The real page display value is the page display value obtained by running the interface parameters on the backend; in one implementation, it is assumed that the target access address is the data source address identified by the resource locator in the preset simulation data code library , the data baffle service can obtain the simulated page display value corresponding to the interface parameter by accessing the data source address identified by the resource locator in the preset simulation data code library. It should be noted that the preset simulation data code library The simulation page display value corresponding to the interface can be randomly generated according to the data type in the interface parameter (that is, the type of return data corresponding to the interface). For example, the preset simulation data code library can be the "mockjs" open source code library. Then, the data baffle service can return the page display value to the front end, so that the front end displays the page display value in the area corresponding to the interface parameter of the target page. In this way, the program developer can use the page display value in the target page according to the page display value. The display of the displayed value adjusts the page layout to make the page layout more perfect. For example, assuming that the area corresponding to the interface parameters of the target page originally reserved a display space of three characters, if the data bezel service The displayed value of the page returned to the front end is four characters. At this time, the program developer can find that the area corresponding to the current interface parameter displays the problem that the displayed value of the page is incomplete, and then the page layout can be adjusted, that is, all of the target page The display space setting of the area corresponding to the above interface parameters is greater than or equal to four characters, thereby improving the page layout.

It should be noted that, in one implementation, the target access address is accessed to obtain the page display value corresponding to the interface parameter, so that the page display value corresponding to the interface parameter is displayed on the target page. The page displays the value, including the following steps:

Step a: Determine the operating parameters corresponding to the interface parameters according to the interface parameters.

In this implementation, the preset code template corresponding to each interface parameter can be set in advance. For example, the correspondence between the interface parameter and its corresponding preset code template can be stored in the data baffle service in advance. In this way, the data The baffle service may first determine the preset code template corresponding to the interface parameter based on the interface parameter. Then, the data baffle service can generate operating parameters corresponding to the interface parameters according to the interface parameters and the preset code template corresponding to the interface parameters. For example, the interface parameters can be replaced with placeholders in the preset code template. symbol, thereby obtaining the replaced preset code template, that is, the running parameters corresponding to the interface parameters. It should be noted that the running parameters can be understood as code that can be run by the interface parameters, that is, in one implementation, the running parameters include runnable code.

For example, suppose that the editor displays the parts that require some code in the form of a form through the HTML interface, and then uses logical code to parse the form data filled in by the user to generate the code originally written. The user modifies the configuration based on the visual interface on the AWEB 7.0 (WebIDE) development platform, as shown in Figure 4, and then sends the resource locator identifier and interface parameters (such as interface name, interface parameter type, interface type, etc.) to the data baffle service , and then saved to the project's config/mock by the data barrier service. For example, the code to define an "interface to obtain user information/user, and then define the return string type" is:

[{

"source":"afa",

"name":"/user",

"desp":"Get user information",

"method":"get",

"type":"string"

}];

Then, the data baffle service generates an AST code tree through the parsing engine and generates runnable code, that is, determining the running parameters corresponding to the interface parameters, among which, "get the user information/user interface, and then define the return string type" The corresponding operating parameters, that is, the operating parameters corresponding to the interface parameters, are as follows:

Step b: Access the target access address, load the operating parameters corresponding to the interface parameters into the target access address, and obtain the page display value corresponding to the interface parameters so that the interface on the target page The page display value is displayed in the area corresponding to the parameter.

In this embodiment, the data baffle service can access the target access address and load the operating parameters corresponding to the interface parameters into the target access address, that is, load the operating parameters corresponding to the interface parameters into the target access address. In order to run the operation parameter corresponding to the interface parameter, the page display value corresponding to the interface parameter is obtained, so that the page display value is displayed in the area corresponding to the interface parameter of the target page. In one implementation, the data baffle service can access the target access address, and hot load or hot reload the operating parameters corresponding to the interface parameters into the target access address, where hot loading and hot reloading are Loading means that there is no need to restart the server, and the operating parameters corresponding to the interface parameters can be loaded into the target access address so that the operating parameters corresponding to the interface parameters can be run; and the page display corresponding to the interface parameters returned by the target access address is obtained. value, so that the page display value is displayed in the area corresponding to the interface parameter of the target page.

It should be emphasized that if the environment type is a development environment variable, then the target access address is accessed, the running parameters corresponding to the interface parameters are loaded into the target access address, and the corresponding interface parameters are obtained. The page displays the value, including the following steps:

Access the back-end server according to the target access address; load the operating parameters corresponding to the interface parameters into the target access address in the back-end server; receive the interface parameters corresponding to the back-end server. The page displays the value.

For example, assuming that the resource locator identifier is "/afa" and the running environment type corresponding to the resource locator identifier "/afa" is a production environment, you can confirm that the target access address corresponding to the resource locator identifier "/afa" is The data source address of "/afa" in the back-end server; the data baffle service can first access the back-end server based on the data source address of "/afa" in the back-end server, and then, the interface parameters corresponding to The running parameters are loaded into the back-end server. "/afa" is in the data source address in the back-end server. In this way, the back-end server can run the running parameters corresponding to the interface parameters and obtain the page corresponding to the interface parameters. Display value, and the back-end server can return the page display value to the data baffle service. Then, the data baffle service can receive the page display value corresponding to the interface parameter returned by the back-end server.

It should also be emphasized that if the environment type is a debugging environment, then the target access address is accessed, and the running parameters corresponding to the interface parameters are loaded into the target access address, and the corresponding interface parameters are obtained. The page displays values, including:

Access the preset simulation data code library according to the target access address; load the operating parameters corresponding to the interface parameters into the target access address in the preset simulation data code library; receive the preset simulation data The page display value corresponding to the interface parameter returned by the code library.

For example, assuming that the resource locator identifier is "/test" and the running environment type corresponding to the resource locator identifier "/test" is a test environment, it can be confirmed that the target access address corresponding to the resource locator identifier "/test" is The data source address of "/test" in the preset simulation data code library; the data baffle service can first access the preset simulation data code library or preset data source address based on the data source address of "/test" in the preset simulation data code library. Assume that the simulation data code library is located on the server, and then the operating parameters corresponding to the interface parameters can be loaded into the data source address in the preset simulation data code library. In this way, the preset simulation data code library can be based on the interface parameters corresponding to Run parameters, and obtain the page display value corresponding to the interface parameter. For example, the preset simulation data code library can randomly generate the data type corresponding to the interface based on the data type in the running parameter corresponding to the interface parameter (that is, the type of return data corresponding to the interface). The simulation page displays the value; and the preset simulation data code library can return the page display value to the data baffle service. Then, the data baffle service can receive the interface parameters corresponding to the interface parameters returned by the preset simulation data code library. The page displays the value.

It can be seen that in this embodiment, the data baffle service is used to determine the operating parameters corresponding to the interface parameters according to the interface parameters, access the target access address, and load the operating parameters corresponding to the interface parameters to the target In the access address, the method of obtaining the page display value corresponding to the interface parameter realizes the use of a graphical interface to automatically parse and generate the operating parameters (i.e., running code) corresponding to the interface parameter. In this way, the user does not need to learn code writing (such as mockjs ) syntax and the details of uploading and downloading the preset code templates corresponding to each interface parameter, reducing learning costs and improving project development efficiency.

In summary, the present invention provides a page data acquisition method based on Web applications. The method is applied to the data baffle service in the Web application system. Specifically, the data baffle service obtains the data acquisition request for the target page. , can respond to a data acquisition request for the target page, wherein the data acquisition request includes the resource locator identifier and interface parameters corresponding to the target page; then, the data baffle service can determine based on the resource locator identifier. The target access address corresponding to the resource locator identifier; then, the data baffle service can access the target access address and obtain the page display value corresponding to the interface parameter, so as to apply the interface parameter of the target page on the Web The page display value is displayed in the corresponding area. In this way, this application can determine and access the target access address corresponding to the resource locator identifier based on the resource locator identifier and interface parameters in the data acquisition request for the target page, so as to obtain the page display value corresponding to the interface parameter; That is to say, this application can determine the target access address corresponding to the resource locator identifier based on the resource locator identifier, and then obtain the page display value corresponding to the interface parameter by accessing the target access address. In this way, the user can quickly switch between different resource locator identifiers directly in the graphical interface of the web application (ie, the target page) to determine the target access address corresponding to the resource locator identifier, and can obtain the target access address by accessing the target access address. The page display value corresponding to the interface parameter does not require the program developer to manually change or manually write the code to obtain the page display value corresponding to the interface parameter. It can also avoid programming errors caused by manual programming of the program, and thus Improved business development efficiency.

Furthermore, in an implementation manner, in order to reduce the cost of communication between program developers and the time for writing programs, that is, to improve the efficiency of project development, in an implementation manner of this embodiment, the data baffle can be Historical target access addresses and historical interface parameters in the service can be imported and exported. Documents in multiple formats can be exported through preset interfaces and export file templates. Next, we will introduce in detail how to import and export historical target access addresses and historical interface parameters in the data barrier service.

1. Introduction on how to export the historical target access address and historical interface parameters in the data barrier service.

In one implementation, the method further includes the following steps:

Get export instructions;

In response to the export instruction, obtain an export file template according to the export file type;

Fill the historical target access address and historical interface parameters into the export file template, and output the filled export file template.

In this embodiment, an export button ("export file" as shown in Figure 5) can be provided in the web page. After the user presses the export button, the front end can generate an export instruction and send the export instruction to the data file. The data baffle service sends the export instruction, and the data baffle service obtains the export instruction, wherein the export instruction includes the export file type. For example, the export file type can be in excel, word, pdf and other formats. It should be noted that since the data baffle service can pre-store export file templates corresponding to various export file types, the data baffle service can respond to the export instruction and obtain the export file template according to the export file type. and fill the historical target access address and historical interface parameters into the export file template. For example, replace the placeholders in the export file template with the historical target access address and historical interface parameters, and output the filled export file template. Among them, it should be noted that, in an implementation manner, the formats of the historical interface parameters and the above-mentioned interface parameters may both be in JSON format. Next, we will give an example using the export file types as word and excel respectively.

(1) When the export file type is a word document; in response to the export instruction, obtain an export file template according to the export file type, including:

In response to the export instruction, use the docx-templates module to obtain an export file template according to the export file type;

Correspondingly, filling the historical target access address and historical interface parameters into the export file template, and outputting the filled export file template includes:

Use the docx-templates module to fill the historical target access address and historical interface parameters into the export file template, and output the filled export file template.

For example, the data baffle service responds to the export instruction. According to the export file type being word, a code method for obtaining the export file template can be as follows:

(2) When the export file type is an excel document; in response to the export instruction, obtain an export file template according to the export file type, including:

In response to the export instruction, use the ejsexcel module to obtain an export file template according to the export file type;

Correspondingly, filling the historical target access address and historical interface parameters into the export file template, and outputting the filled export file template includes:

Use the ejsexcel module to fill the historical target access address and historical interface parameters into the export file template, and output the filled export file template.

For example, the data baffle service responds to the export instruction. According to the export file type being excel, a code method for obtaining the export file template can be as follows:

const result＝await ejsexcel.renderExcel(workbook,data);

const filepath=path.join(WEEKREPORT_PATH,`${content.title}.xlsx`);

await writeFileAsync(filepath,result).

2. Introduction on how to import historical target access addresses and historical interface parameters in the data barrier service.

In one implementation,

The method also includes:

Get import instructions;

In response to the import instruction, determine the target access address and interface parameters in the import file;

Save the target access address and the interface parameters.

In this embodiment, an import button can be provided in the web page. After the user presses the export button, the front end can generate an import instruction and send the import instruction to the data baffle service. The data baffle service obtains the import instruction. Wherein, the import instruction may include an import file, wherein the import file includes a corresponding relationship between the target access address and the interface parameters. In an implementation manner, the file format of the imported file can be excel. After the data baffle service obtains the imported file, it can parse the imported file through the parsing engine. For example, the parsing engine can be used to parse the imported file according to the predefined JSON message format (such as parsing the imported excel file). Generate the target access address and interface parameters (such as the target access address and interface parameters in JSON format), and then generate the interface file (such as the config/mock interface file) in the data baffle service through the parsing engine, that is, save the Target access address and the interface parameters. Next, we will give an example using the export file type as excel.

For example, when the data barrier service receives an excel import file, the data barrier service can respond to the import instruction and use the ejsexcel module to determine the target access address and interface parameters in the import file. Specifically, the data barrier service The imported excel import file can be parsed through the ejsexcel module to generate the target access address and interface parameters in JSON format, and then the interface file corresponding to the target access address and interface parameters can be generated through the parsing engine under the config/mock file in the data baffle service. It should be noted that the ejsexcel module provides a renderExcel interface. You only need to pass the contents of the excel import file to the ejsexcel module, and the ejsexcel module can return a target access address and interface parameters in JSON format through the renderExcel interface.

For example, assume the import file includes the following code:

[{

"source":"afa",

"name":"/user",

"desp":"Get user information",

"method":"get",

"type":"string"

}];

The data baffle service can parse the imported import file through the ejsexcel module and generate the target access address (for example, it can be the URL alias source "afa") and interface parameters (interface name name "/user", Chinese description desp "Get user information", The calling method type method "get", the return data type type "string"), etc.

It can be seen that this embodiment can import or export historical target access addresses and historical interface parameters in the data baffle service. Documents in multiple formats can be exported through the preset interface and export file template. In this way, it is possible to It reduces the cost of communication between program developers and the time of writing programs, thus improving the efficiency of project development.

As shown in FIG. 6 , it is a specific embodiment of the web application-based page data acquisition device of the present invention. The device described in this embodiment is a physical device used to execute the method described in the above embodiment. The technical solution is essentially consistent with the above-mentioned embodiment, and the corresponding descriptions in the above-mentioned embodiment are also applicable to this embodiment. The device described in this embodiment includes:

Response module 601, configured to respond to a data acquisition request for a target page, wherein the data acquisition request includes the resource locator identifier and interface parameters corresponding to the target page;

Determining module 602, configured to determine the target access address corresponding to the resource locator identifier according to the resource locator identifier;

The acquisition module 603 is used to access the target access address and obtain the page display value corresponding to the interface parameter, so as to display the page display value in the area corresponding to the interface parameter of the target page.

Optionally, the determination module 602 is specifically used for:

According to the resource locator identifier, determine the environment type corresponding to the resource locator identifier;

The target access address corresponding to the resource locator identifier is determined according to the resource locator identifier and the environment type corresponding to the resource locator identifier.

Optionally, the acquisition module 603 is specifically used for:

According to the interface parameters, determine the operating parameters corresponding to the interface parameters;

Access the target access address, load the operating parameters corresponding to the interface parameters into the target access address, and obtain the page display value corresponding to the interface parameters, so that the interface parameters corresponding to the target page can be displayed. The page display value is displayed in the area.

Optionally, the acquisition module 603 is also specifically used for:

According to the interface parameters, determine a preset code template corresponding to the interface parameters;

Operating parameters corresponding to the interface parameters are generated according to the interface parameters and the preset code template corresponding to the interface parameters, where the operating parameters include executable code.

Optionally, the acquisition module 603 is also specifically used for:

Access the target access address, and hot load or hot reload the operating parameters corresponding to the interface parameters into the target access address;

Obtain the page display value corresponding to the interface parameter returned by the target access address, so as to display the page display value in the area corresponding to the interface parameter of the target page.

Optionally, the acquisition module 603 is also specifically used for:

Access the backend server according to the target access address;

Load the operating parameters corresponding to the interface parameters into the target access address in the back-end server;

Receive the page display value corresponding to the interface parameter returned by the back-end server.

Optionally, the acquisition module 603 is also specifically used for:

Access the preset simulation data code library according to the target access address;

Load the operating parameters corresponding to the interface parameters into the target access address in the preset simulation data code library;

Receive the page display value corresponding to the interface parameter returned by the preset simulation data code library.

Optionally, the device also includes an export module for:

Obtain an export instruction, wherein the export instruction includes an export file type;

In response to the export instruction, obtain an export file template according to the export file type;

Fill the historical target access address and historical interface parameters into the export file template, and output the filled export file template.

Optionally, the export file type is a word document; the export module is specifically used for:

In response to the export instruction, use the docx-templates module to obtain an export file template according to the export file type;

Use the docx-templates module to fill the historical target access address and historical interface parameters into the export file template, and output the filled export file template.

Optionally, the export file type is an excel document; the export module is specifically used for:

In response to the export instruction, use the ejsexcel module to obtain an export file template according to the export file type;

Use the ejsexcel module to fill the historical target access address and historical interface parameters into the export file template, and output the filled export file template.

Optionally, the device also includes an import module for:

Obtain an import instruction, wherein the import instruction includes an import file;

In response to the import instruction, determine the target access address and interface parameters in the import file;

Save the target access address and the interface parameters.

Optional, the imported module is specifically used for:

In response to the import instruction, use the ejsexcel module to determine the target access address and interface parameters in the import file.

FIG. 7 is a schematic structural diagram of an electronic device provided by an embodiment of the present invention. At the hardware level, the electronic device includes a processor and optionally an internal bus, a network interface, and a memory. The memory may include memory, such as high-speed random access memory (Random-Access Memory, RAM), or may also include non-volatile memory (non-volatile memory), such as at least one disk memory. Of course, the electronic equipment may also include other hardware required by the business.

The processor, network interface and memory can be connected to each other through an internal bus, which can be an ISA (Industry Standard Architecture) bus, a PCI (Peripheral Component Interconnect, a peripheral component interconnect standard) bus or an EISA (Extended Industry StandardArchitecture, extended industry standard architecture) bus, etc. The bus can be divided into address bus, data bus, control bus, etc. For ease of presentation, only one bidirectional arrow is used in Figure 7, but it does not mean that there is only one bus or one type of bus.

Memory, used to store execution instructions. Specifically, execution instructions are a computer program that is executed. Memory may include internal memory and non-volatile memory and provides execution instructions and data to the processor.

In one possible implementation method, the processor reads the corresponding execution instructions from the non-volatile memory into the memory and then runs them. The processor can also obtain the corresponding execution instructions from other devices to form a Web-based system at the logical level. The application's page data acquisition device. The processor executes the execution instructions stored in the memory to implement the web application-based page data acquisition method provided in any embodiment of the present invention through the executed execution instructions.

The above method performed by the web application-based page data acquisition device provided by the embodiment shown in FIG. 2 of the present invention can be applied to a processor, or implemented by the processor. The processor may be an integrated circuit chip that has signal processing capabilities. During the implementation process, each step of the above method can be completed by instructions in the form of hardware integrated logic circuits or software in the processor. The above-mentioned processor can be a general-purpose processor, including a central processing unit (CPU), a network processor (Network Processor, NP), etc.; it can also be a digital signal processor (Digital Signal Processor, DSP), an application-specific integrated circuit (Application Specific Integrated Circuit, ASIC), Field-Programmable Gate Array (FPGA) or other programmable logic devices, discrete gate or transistor logic devices, and discrete hardware components. Each method, step and logical block diagram disclosed in the embodiment of the present invention can be implemented or executed. A general-purpose processor may be a microprocessor or the processor may be any conventional processor, etc.

The steps of the method disclosed in conjunction with the embodiments of the present invention can be directly implemented by a hardware decoding processor, or executed by a combination of hardware and software modules in the decoding processor. The software module can be located in random access memory, flash memory, read-only memory, programmable read-only memory or electrically erasable programmable memory, registers and other mature storage media in this field. The storage medium is located in the memory, and the processor reads the information in the memory and completes the steps of the above method in combination with its hardware.

Embodiments of the present invention also provide a readable medium that stores execution instructions. When the stored execution instructions are executed by a processor of an electronic device, the electronic device can execute the steps provided in any embodiment of the present invention. A method for obtaining page data based on a Web application, and is specifically used to perform the method described above for obtaining page data based on a Web application.

The electronic device described in the foregoing embodiments may be a computer.

Those skilled in the art will appreciate that embodiments of the invention may be provided as methods or computer program products. Accordingly, the invention may take the form of an entirely hardware embodiment, an entirely software embodiment, or a combination of software and hardware.

Each embodiment of the present invention is described in a progressive manner. The same and similar parts between the various embodiments can be referred to each other. Each embodiment focuses on its differences from other embodiments. In particular, for the device embodiment, since it is basically similar to the method embodiment, the description is relatively simple. For relevant details, please refer to the partial description of the method embodiment.

It should also be noted that the terms "comprises," "comprises," or any other variation thereof are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that includes a list of elements not only includes those elements, but also includes Other elements are not expressly listed or are inherent to the process, method, article or equipment. Without further limitation, an element defined by the statement "comprises a..." does not exclude the presence of additional identical elements in a process, method, article, or device that includes the stated element.

The above descriptions are only examples of the present invention and are not intended to limit the present invention. Various modifications and variations will occur to the present invention to those skilled in the art. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and principles of the present invention shall be included in the scope of the claims of the present invention.

Claims (12)

1. A page data acquisition method based on Web application, characterized in that the method is applied to the data baffle service in the Web application system, and the method includes: Respond to a data acquisition request for the target page, wherein the data acquisition request includes the resource locator identifier and interface parameters corresponding to the target page; Determine the target access address corresponding to the resource locator identifier according to the resource locator identifier; Access the target access address and obtain the page display value corresponding to the interface parameter, so as to display the page display value in the area corresponding to the interface parameter of the target page; Determining the target access address corresponding to the resource locator identifier according to the resource locator identifier includes: According to the resource locator identifier, determine the environment type corresponding to the resource locator identifier; Determine the target access address corresponding to the resource locator identifier according to the resource locator identifier and the environment type corresponding to the resource locator identifier; The method of accessing the target access address and obtaining the page display value corresponding to the interface parameter so as to display the page display value in the area corresponding to the interface parameter of the target page includes: According to the interface parameters, determine the operating parameters corresponding to the interface parameters; Access the target access address, load the operating parameters corresponding to the interface parameters into the target access address, and obtain the page display value corresponding to the interface parameters, so that the interface parameters corresponding to the target page can be displayed. The page display value is displayed in the area; Determining the operating parameters corresponding to the interface parameters according to the interface parameters includes: According to the interface parameters, determine a preset code template corresponding to the interface parameters; Operating parameters corresponding to the interface parameters are generated according to the interface parameters and the preset code template corresponding to the interface parameters, where the operating parameters include executable code. 2. The method according to claim 1, characterized in that: accessing the target access address, loading operating parameters corresponding to the interface parameters into the target access address, and obtaining the operation parameters corresponding to the interface parameters. The page display value is used to display the page display value in the area corresponding to the interface parameter of the target page, including: Access the target access address, and hot load or hot reload the operating parameters corresponding to the interface parameters into the target access address; Obtain the page display value corresponding to the interface parameter returned by the target access address, so as to display the page display value in the area corresponding to the interface parameter of the target page. 3. The method according to claim 1, characterized in that, if the environment type is a development environment variable, then the target access address is accessed, and the running parameters corresponding to the interface parameters are loaded into the target. In the access address, obtain the page display value corresponding to the interface parameter, including: Access the backend server according to the target access address; Load the operating parameters corresponding to the interface parameters into the target access address in the back-end server; Receive the page display value corresponding to the interface parameter returned by the back-end server. 4. The method according to claim 1, characterized in that, if the environment type is a debugging environment, the target access address is accessed, and the operating parameters corresponding to the interface parameters are loaded into the target access address. In the address, obtain the page display value corresponding to the interface parameter, including: Access the preset simulation data code library according to the target access address; Load the operating parameters corresponding to the interface parameters into the target access address in the preset simulation data code library; Receive the page display value corresponding to the interface parameter returned by the preset simulation data code library. 5. The method according to any one of claims 1-4, characterized in that the method further includes: Obtain an export instruction, wherein the export instruction includes an export file type; In response to the export instruction, obtain an export file template according to the export file type; Fill the historical target access address and historical interface parameters into the export file template, and output the filled export file template. 6. The method of claim 5, wherein the export file type is a word document; and in response to the export instruction, obtaining an export file template according to the export file type includes: In response to the export instruction, use the docx-templates module to obtain an export file template according to the export file type; Correspondingly, filling the historical target access address and historical interface parameters into the export file template, and outputting the filled export file template includes: Use the docx-templates module to fill the historical target access address and historical interface parameters into the export file template, and output the filled export file template. 7. The method according to claim 5, wherein the export file type is an excel document; and in response to the export instruction, obtaining an export file template according to the export file type includes: In response to the export instruction, use the ejsexcel module to obtain an export file template according to the export file type; Correspondingly, filling the historical target access address and historical interface parameters into the export file template, and outputting the filled export file template includes: Use the ejsexcel module to fill the historical target access address and historical interface parameters into the export file template, and output the filled export file template. 8. The method according to any one of claims 1-4, characterized in that the method further includes: Obtain an import instruction, wherein the import instruction includes an import file; In response to the import instruction, determine the target access address and interface parameters in the import file; Save the target access address and the interface parameters. 9. The method according to claim 7, characterized in that, in response to the import instruction, determining the target access address and interface parameters in the import file includes: In response to the import instruction, use the ejsexcel module to determine the target access address and interface parameters in the import file. 10. A page data acquisition device based on Web application, characterized in that the device is applied to the data baffle service in the Web application system, and the device includes: A response module, configured to respond to a data acquisition request for the target page, wherein the data acquisition request includes the resource locator identifier and interface parameters corresponding to the target page; a determining module, configured to determine the target access address corresponding to the resource locator identifier according to the resource locator identifier; and determine the target access address corresponding to the resource locator identifier according to the resource locator identifier, including : Determine the environment type corresponding to the resource locator identifier according to the resource locator identifier; determine the target corresponding to the resource locator identifier according to the resource locator identifier and the environment type corresponding to the resource locator identifier. address; An acquisition module is used to access the target access address and obtain the page display value corresponding to the interface parameter, so as to display the page display value in the area corresponding to the interface parameter of the target page; the accessing method The target access address obtains the page display value corresponding to the interface parameter so as to display the page display value in the area corresponding to the interface parameter of the target page, including: determining the interface parameter according to the interface parameter Corresponding operating parameters; access the target access address, load the operating parameters corresponding to the interface parameters into the target access address, and obtain the page display values corresponding to the interface parameters, so that in all parts of the target page The page display value is displayed in the area corresponding to the interface parameter; Wherein, determining the operating parameters corresponding to the interface parameters according to the interface parameters includes: According to the interface parameters, determine a preset code template corresponding to the interface parameters; Operating parameters corresponding to the interface parameters are generated according to the interface parameters and the preset code template corresponding to the interface parameters, where the operating parameters include executable code. 11. A readable medium, characterized in that it includes execution instructions. When a processor of an electronic device executes the execution instructions, the electronic device performs the method according to any one of claims 1-9. 12. An electronic device, characterized by comprising a processor and a memory storing execution instructions. When the processor executes the execution instructions stored in the memory, the processor executes claims 1-9 any of the methods described.