CN111078209B - Development processing method, device and equipment for business page - Google Patents
Development processing method, device and equipment for business page Download PDFInfo
- Publication number
- CN111078209B CN111078209B CN201911077691.4A CN201911077691A CN111078209B CN 111078209 B CN111078209 B CN 111078209B CN 201911077691 A CN201911077691 A CN 201911077691A CN 111078209 B CN111078209 B CN 111078209B
- Authority
- CN
- China
- Prior art keywords
- page
- developed
- target
- container environment
- service
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
The application discloses a method, a device and equipment for developing and processing a service page, which relate to the technical field of page development and can improve the efficiency of developing the service page. The method comprises the following steps: firstly, a page of a target container environment is called in a target browser, wherein the target container environment is created according to an original container environment in an APP corresponding to a service page to be developed; and then, in the page of the target container environment, the service page to be developed is called for editing and developing. The method and the device are suitable for development processing of the business page.
Description
Technical Field
The present invention relates to the field of page development technologies, and in particular, to a method, an apparatus, and a device for developing and processing a service page.
Background
With the development of mobile internet technology, application (APP) has become more and more powerful. Meanwhile, service pages are more and more popular in APP due to the advantages of high flexibility, short manufacturing period and the like.
Currently, in the process of developing a corresponding service page for a target APP, it is necessary to rely on the container environment in the target APP, that is, the target APP is loaded first, and then editing development is performed in the container environment in the target APP. However, the development process may be limited by the conditions of the container environment in the APP, which affects the smoothness of the service page development, and further affects the efficiency of the service page development.
Disclosure of Invention
In view of this, the present application provides a method, an apparatus and a device for developing and processing a service page, which mainly aims to solve the technical problem that in the current process of developing a corresponding service page for a target APP, the service page is limited by the conditions of the container environment in the APP, and thus the service page development efficiency is affected.
According to one aspect of the application, there is provided a method for developing and processing a service page, the method comprising:
the method comprises the steps of calling a page of a target container environment in a target browser, wherein the target container environment is created according to an original container environment in an APP corresponding to a service page to be developed;
and calling the business page to be developed in the page of the target container environment to edit and develop.
Optionally, the preset storage position of the target container environment stores all interface information required by the service page when the service page is called in the original container environment;
editing and developing the called business page to be developed, which specifically comprises the following steps:
and editing and developing the called business page to be developed through the interface information.
Optionally, the editing and developing the invoked service page to be developed through the interface information specifically includes:
configuring a webpage view identifier corresponding to the service page to be developed, wherein the webpage view identifier is used for judging the service page for sending the interface information calling request;
when the to-be-developed service page request is judged to call the target interface information according to the webpage view identification, corresponding triggering operation is executed according to the type of the target interface information.
Optionally, the executing a corresponding triggering operation according to the type of the target interface information specifically includes:
if the type of the target interface information is a service type which is stored independently, corresponding storage processing is carried out in a page of the target container environment, and an execution event corresponding to the target interface information is triggered;
if the type of the target interface information is the service type of the calling view, acquiring a target view page which corresponds to the target interface information and needs to be called from a preset view storage position;
triggering the target view page to be loaded to a corresponding position in the page of the target container environment, and distinguishing the target view page from the layer where the service page to be developed is located.
Optionally, the method further comprises:
and executing a preset event corresponding to the target view page when receiving an operation instruction of the loaded target view page.
Optionally, the calling the page of the target container environment in the target browser specifically includes:
and calling the page of the target container environment by inputting first website information corresponding to the page of the target container environment in the target browser.
Optionally, the calling the service page to be developed in the page of the target container environment specifically includes:
and calling the to-be-developed business page by inputting second website information of the to-be-developed business page into the page of the target container environment.
Optionally, the calling the to-be-developed service page by inputting the second website information of the to-be-developed service page in the page of the target container environment specifically includes:
and processing the second website information so as to establish real-time communication between the to-be-developed service page and the page of the target container environment.
Optionally, the processing the second website information so as to establish real-time communication between the to-be-developed service page and the page of the target container environment specifically includes:
and adding preset parameters in the second website information, wherein the preset parameters are used for indicating loading of a preset script so as to establish real-time communication between the to-be-developed service page and the page of the target container environment.
Optionally, the processing the second website information so as to establish real-time communication between the to-be-developed service page and the page of the target container environment specifically further includes:
after the service page to be developed is called, a temporary session storage object is established according to the preset parameters, and the temporary session storage object is used for indicating to load the preset script when other service pages are called through the service page to be developed so as to establish real-time communication between the other service pages and the page of the target container environment.
Optionally, the method further comprises:
and after the editing development of the to-be-developed business page is completed, testing the developed to-be-developed business page by utilizing the target browser.
Optionally, the service page to be developed is configured in the page of the target container environment in the form of an IFRAME.
According to another aspect of the present application, there is provided a development processing apparatus for a business page, the apparatus including:
the invoking module is used for invoking a page of a target container environment in the target browser, wherein the target container environment is created according to the original container environment in the APP corresponding to the service page to be developed;
the calling module is also used for calling the service page to be developed in the page of the target container environment;
and the development module is used for editing and developing the called business page to be developed.
Optionally, the preset storage position of the target container environment stores all interface information required by the service page when the service page is called in the original container environment;
the development module is specifically configured to edit and develop the invoked service page to be developed through the interface information.
Optionally, the development module is specifically further configured to configure a web page view identifier corresponding to the service page to be developed, where the web page view identifier is used to determine the service page that sends the interface information calling request;
when the to-be-developed service page request is judged to call the target interface information according to the webpage view identification, corresponding triggering operation is executed according to the type of the target interface information.
Optionally, the development module is specifically further configured to, if the type of the target interface information is a service type that is stored separately, perform corresponding storage processing in a page of the target container environment, and trigger an execution event corresponding to the target interface information;
if the type of the target interface information is the service type of the calling view, acquiring a target view page which corresponds to the target interface information and needs to be called from a preset view storage position;
triggering the target view page to be loaded to a corresponding position in the page of the target container environment, and distinguishing the target view page from the layer where the service page to be developed is located.
Optionally, the development module is further configured to execute a preset event corresponding to the target view page when an operation instruction for the loaded target view page is received.
Optionally, the retrieving module is specifically configured to retrieve the page of the target container environment by inputting first website information corresponding to the page of the target container environment in the target browser.
Optionally, the retrieving module is specifically further configured to retrieve the to-be-developed service page by inputting second website information of the to-be-developed service page in the page of the target container environment.
Optionally, the invoking module is specifically further configured to process the second website information, so that real-time communication between the to-be-developed service page and the page of the target container environment is established.
Optionally, the calling module is specifically further configured to add a preset parameter to the second website information, where the preset parameter is used to instruct loading of a predetermined script, so as to establish real-time communication between the service page to be developed and the page of the target container environment.
Optionally, the calling module is specifically further configured to establish a temporary session storage object according to the preset parameter after the to-be-developed service page is called, where the temporary session storage object is configured to instruct loading of the predetermined script when other service pages are called through the to-be-developed service page, so as to establish real-time communication between the other service pages and the page in the target container environment.
Optionally, the apparatus further includes:
and the testing module is used for testing the developed business page to be developed by utilizing the target browser after the business page to be developed is edited and developed.
Optionally, the service page to be developed is configured in the page of the target container environment in the form of an IFRAME.
According to yet another aspect of the present application, there is provided a storage medium having stored thereon a computer program which, when executed by a processor, implements the above-described processing method of user interface visual acceptance.
According to still another aspect of the present application, there is provided an entity apparatus for development processing of a service page, including a storage medium, a processor, and a computer program stored on the storage medium and executable on the processor, where the processor implements the development processing method of a service page described above when executing the program.
By means of the technical scheme, the service page development processing method, device and equipment are provided. Compared with the current mode of carrying out service page editing development in the container environment in the APP, the method and the device can create the target container environment in the browser in advance according to the original container environment in the APP, and further can utilize the target container environment to call the service page in the browser for editing development, so that the influence caused by the condition restriction of the container environment in the APP can be reduced, the service page development is smoother, and the service page development efficiency can be improved.
The foregoing description is only an overview of the technical solutions of the present application, and may be implemented according to the content of the specification in order to make the technical means of the present application more clearly understood, and in order to make the above-mentioned and other objects, features and advantages of the present application more clearly understood, the following detailed description of the present application will be given.
Drawings
The accompanying drawings, which are included to provide a further understanding of the application and are incorporated in and constitute a part of this application, illustrate embodiments of the application and together with the description serve to explain the application and do not constitute an undue limitation to the application. In the drawings:
fig. 1 shows a flow diagram of a method for developing and processing a service page according to an embodiment of the present application;
fig. 2 is a schematic flow chart of another development processing method of a business page according to an embodiment of the present application;
fig. 3 illustrates an implementation architecture flow diagram of an application scenario provided in an embodiment of the present application;
fig. 4 shows a schematic structural diagram of a device for developing and processing a service page according to an embodiment of the present application.
Detailed Description
The present application will be described in detail hereinafter with reference to the accompanying drawings in conjunction with embodiments. It should be noted that, in the case of no conflict, the embodiments and features in the embodiments may be combined with each other.
At present, in the process of developing a corresponding service page aiming at a target APP, the service page is restricted by the condition of the container environment in the APP, and further the development efficiency of the service page is affected. In order to solve the technical problem, this embodiment provides a method for developing and processing a service page, as shown in fig. 1, where the method includes:
101. and calling the page of the target container environment in the target browser.
The target container environment is created according to the original container environment in the APP corresponding to the service page to be developed, and is equivalent to simulating a set of active environment based on the APP on a browser. The service page to be developed may be a service page to be developed, for example, development is continued for a service page which is not edited and developed, or modification and update are further performed for a service page which is developed and completed.
In this embodiment, a corresponding service page needs to be developed for a target APP, and a target container environment is created in advance according to an original container environment in the target APP, where the target container environment includes methods of application interfaces (Application Programming Interface, APIs) called for the service page in the original container environment. And the target container environment can be called by the target browser, which is equivalent to calling the top page of the target container environment, and the related page of the target container environment can be configured locally or in the cloud end in advance. The target browser can be selected from a browser which is familiar to developers, easy to operate and less in constraint condition, or other browsers can be selected according to actual requirements.
The execution body of the embodiment may be an apparatus or device for service page development processing, and may be specifically configured on the client side, so as to assist a user in editing and developing a service page.
102. And calling the business page to be developed in the page of the target container environment to edit and develop.
Because the target container environment comprises all API methods called for the service page in the APP original container environment, the service page to be developed is called in the page of the target container environment for editing and developing, the APP original container environment can be separated, and related API methods can be called for editing and developing the service page.
Compared with the current method for editing and developing the service page in the container environment in the APP, the method for developing and processing the service page can create the target container environment in the browser according to the original container environment in the APP in advance, and further can utilize the target container environment to call the service page in the browser for editing and developing, so that the influence caused by the condition restriction of the container environment in the APP can be reduced, the service page can be developed more smoothly, and the service page development efficiency can be improved.
Further, as a refinement and extension of the specific implementation manner of the foregoing embodiment, in order to fully describe the specific implementation process of this embodiment, this embodiment provides another method for developing and processing a service page, as shown in fig. 2, where the method includes:
201. and calling the page of the target container environment by inputting first website information corresponding to the page of the target container environment in the target browser.
The first website information is used for calling a page of the target container environment. The method can be used for conveniently loading the target container environment in the target browser, is simple to operate and is convenient for users to operate.
Optionally, the preset storage location of the target container environment stores each interface information required by the service page when the service page is invoked in the original container environment. For example, a target container environment may be created in advance according to the original container environment in the APP corresponding to the service page to be developed, the target container environment stores various interface information required when the service page is invoked in the original container environment, and may further contain conditional contents or the like that trigger the invocation of these interface information. Therefore, the original container environment in the APP can be accurately simulated when the service page is developed in the target container environment, the development requirement is further guaranteed, the influence caused by the condition restriction of the container environment in the APP can be reduced, and the service page can be developed more smoothly.
202. And calling the service page to be developed by inputting second website information of the service page to be developed into the page of the target container environment.
The second website information is used for calling a service page to be developed in the page of the target container environment. Compared with the prior art, the method has the advantages that the service pages to be developed, which need to be developed, can be conveniently called, and can be displayed in the page of the same target container environment, so that the editing, the development and the debugging of the service pages are more convenient, and certain efficiency is improved.
Optionally, the service page to be developed is configured in the page of the target container environment in the form of an IFRAME. The service page is an independent environment and is not influenced by any external style or script, so that the service page is a stable and safe environment.
To enable real-time communication between the business page and the page of the target container environment, step 202 may include, as an alternative: and processing the second website information so as to establish real-time communication between the to-be-developed service page and the page of the target container environment. And further, the required interface information is called in the target container environment, so that the effective development and editing of the business page are realized. And the service page after subsequent development can call the needed interface information to realize the corresponding service function in the target container environment.
Optionally, the processing the second website information to establish real-time communication between the to-be-developed service page and the page of the target container environment may specifically include: and adding preset parameters in the second website information, wherein the preset parameters are used for indicating loading of a preset script so as to establish real-time communication between the page of the service to be developed and the page of the target container environment.
In this alternative, a section of script (predetermined script) needs to be introduced into the service page, and the script is loaded in a designated environment (target container environment), so that real-time communication between the service page and the page of the target container environment is realized.
For example, when a uniform resource locator (Uniform Resource Locator, URL) of a business page to be developed is entered in a page of a target container environment, the system automatically adds a parameter to the URL, and if the parameter exists, the address of the IFRAME of the business page will find the parameter, then a predetermined script of the business page will be loaded.
Because other business pages may be continuously called in the business pages, the preset parameters are not added in the newly input website information by adopting the optional mode. Therefore, in order to ensure that the newly called other service pages can also realize real-time communication with the page of the target container environment, further optionally, the second website information is processed, so that the real-time communication between the service page to be developed and the page of the target container environment is established, and the method specifically further comprises the following steps: after the service page to be developed is called, a temporary session storage object is established according to preset parameters, and the temporary session storage object is used for indicating to load a preset script when other service pages are called through the service page to be developed so as to establish real-time communication between the other service pages and the page of the target container environment.
For example, by using the temporary session storage mode to replace splicing a field on the service URL to load a predetermined script, other service pages which are newly called through the service page can also realize real-time communication with the pages of the target container environment, and further, the other service pages can be ensured to realize editing development, function test and the like in the target container environment.
203. Editing and developing the called business page to be developed.
Based on the optional content in step 201, step 203 may specifically include: editing and developing the called business page to be developed through each interface information which is stored in the target container environment and is required when the target container environment is called. Therefore, the original container environment in the APP can be accurately simulated when the business page is developed in the target container environment, the development requirement is further guaranteed, the influence caused by the condition restriction of the container environment in the APP can be reduced, and the business page development is smoother.
In order to illustrate a specific development editing process, the editing and developing the invoked service page to be developed through each interface information may specifically include: configuring a webpage view identifier corresponding to a service page to be developed, wherein the webpage view identifier is used for judging the service page for sending the interface information calling request; through development and editing, when the service page to be developed is judged to request to call the target interface information according to the webpage view identification, corresponding triggering operation is executed according to the type of the target interface information.
The system can automatically configure the webpage view identification (webview ID) of each service page called in the target container environment page, and then establishes a corresponding mapping relation, so that when a plurality of service pages are opened in the target container environment page, the API call request sent by which service page can be judged according to the webpage view identification. In this way, accurate communication between the business page and the target container environment page can be achieved.
Further optionally, the executing a corresponding triggering operation according to the type of the target interface information may specifically include: if the type of the target interface information called by the service page request is the service type which is stored independently, corresponding storage processing is carried out in the page of the target container environment, and an execution event corresponding to the target interface information is triggered.
For example, if the API type called by the service page request is a service type that is stored in other positions independently, such as setting a header, a header file, a button in the upper right corner, etc., corresponding store processing may be performed in the page of the target container environment, and then a corresponding action operation is triggered, so that a corresponding event is executed, and immediate effect is achieved.
If the type of the target interface information called by the service page request is the service type of the calling view, acquiring a target view page which corresponds to the target interface information and needs to be called from a preset view storage position; and then triggering the loading of the target view page to the corresponding position in the page of the target container environment, and distinguishing the page from the layer where the service page to be developed is located. I.e. both may exist in different layers and then be shown stacked.
In this alternative, all the view parts to be called can be stored separately and not displayed at the business layer, and the purpose of this is to distinguish the association between the view requesting to call the API method and the business view, so that the two are not associated and there is no problem of style conflict. And if the new API related to the view needs to be updated later, the corresponding updating operation is only needed to be carried out in the preset view storage position simply stored, and the package iteration of the target container environment page does not need to be additionally issued, so that the maintenance is convenient. For example, displaying the corresponding view may include login portions, loading, toast, and so forth.
Further, through editing and developing the business page, when an operation instruction of the loaded target view page is received, a preset event corresponding to the target view page can be executed. In this embodiment, since the corresponding web view identifier is configured when the target container environment page invokes the target view page, when an operation instruction (such as clicking the view by a user) of the target view page loaded on the target container environment page is subsequently received, an event corresponding to the ID may be invoked through the identifier ID, so as to further implement a complete view and include the corresponding event.
204. And after the business page to be developed is edited and developed, testing the developed business page to be developed by using the target browser.
For example, the web site information of the page of the target container environment can be input into the target browser as well, so that the page of the target container environment can be accessed, and then the web site information of the service page to be tested is input into the page of the target container environment, so that the service page is called for functional test. Through the mode, a tester can realize the test of the corresponding service page without a target APP, a real machine is not required to be used for looking, and the test requirement can be realized only by a browser, so that the test efficiency can be improved.
Based on the foregoing description of the embodiments shown in fig. 1 and fig. 2, for better understanding, the following specific application implementation scenario is given, but not limited thereto, as shown in fig. 3.
Aiming at the development processing method of the business page provided by the scheme, the top-level tool page (namely the target container environment page) is edited. And accessing the tool core module in the top-level main page. Firstly, a section of JS (Javascript) script needs to be introduced into a business page, so that the script can be automatically loaded when the business page is called in a top-level tool page, and real-time communication between the business page and the top-level tool page is realized. The service page is placed in the top-level tool page in the form of IFRAME. The top-level tool page can send webview ID of one page to the business page, so that even if a plurality of business pages are published, the api request sent by which page can be known.
In the top-level tool page, the JS API method called by all the pages is stored in the current position store, and any business layer API change triggers direct communication between the top-level tool page and other layers, so that a corresponding relation is established. The top-level tool page also plays a role of a bridge, and establishes a bridge relation with the business layer page and the view page. When the service page calls the JS API, it is notified to the top-level tools page. If it is determined that a User Interface (UI) view needs to be displayed according to the invoked JS API, notification to the view page for invocation is continued. After clicking on the view page, the top tool layer is triggered to be notified, the tool layer is distributed to the corresponding service layer again, the corresponding ID is notified, and then the corresponding event is scheduled.
By applying the scheme of the scene, the service page can be called in the browser by utilizing the pre-edited container environment to edit and develop, so that the influence caused by the condition restriction of the container environment in the APP can be reduced, the service page development is smoother, and the service page development efficiency can be improved. Compared with the current implementation mode adopting the browser plug-in, the top-level main module of the scheme can be provided in the form of the tnpm package, so that the scheme has all specifications and characteristics of the tnpm package management and does not need to specially inform a user to update. The scheme can be written by adopting a web end compact technology stack, and the development cost, maintainability and expansibility are far smaller than those of an implementation mode adopting a browser plug-in.
Further, as a specific implementation of the methods of fig. 1 and fig. 2, an embodiment of the present application provides a device for developing and processing a service page, as shown in fig. 4, where the device includes: a calling module 31 and a development module 32.
The invoking module 31 may be configured to invoke, in a target browser, a page of a target container environment, where the target container environment is created according to an original container environment in an APP corresponding to a service page to be developed;
the retrieving module 31 is further configured to retrieve the service page to be developed from the page in the target container environment;
the development module 32 may be configured to edit and develop the invoked service page to be developed.
In a specific application scenario, optionally, a preset storage position of the target container environment stores all interface information required by a service page when the service page is called in the original container environment;
the development module 32 is specifically configured to edit and develop the invoked service page to be developed through the interface information.
In a specific application scenario, the development module 32 may be specifically configured to configure a web page view identifier corresponding to the service page to be developed, where the web page view identifier is used to determine the service page that sends the interface information call request; when the to-be-developed service page request is judged to call the target interface information according to the webpage view identification, corresponding triggering operation is executed according to the type of the target interface information.
In a specific application scenario, the development module 32 may be specifically further configured to, if the type of the target interface information is a service type that is stored separately, perform corresponding storage processing in a page of the target container environment, and trigger an execution event corresponding to the target interface information; if the type of the target interface information is the service type of the calling view, acquiring a target view page which corresponds to the target interface information and needs to be called from a preset view storage position; triggering the target view page to be loaded to a corresponding position in the page of the target container environment, and distinguishing the target view page from the layer where the service page to be developed is located.
In a specific application scenario, the development module 32 may be further configured to execute a preset event corresponding to the target view page when an operation instruction for the loaded target view page is received.
In a specific application scenario, the retrieving module 31 may be specifically configured to retrieve the page of the target container environment by inputting, in the target browser, first website information corresponding to the page of the target container environment.
In a specific application scenario, the retrieving module 31 may be specifically further configured to retrieve the to-be-developed service page by inputting second website information of the to-be-developed service page in the page of the target container environment.
In a specific application scenario, the retrieving module 31 may be specifically further configured to process the second website information, so as to establish real-time communication between the to-be-developed service page and the page of the target container environment.
In a specific application scenario, the retrieving module 31 may be specifically further configured to add a preset parameter to the second website information, where the preset parameter is used to instruct loading of a predetermined script, so as to establish real-time communication between the to-be-developed service page and the page of the target container environment.
In a specific application scenario, the retrieving module 31 may be specifically further configured to establish a temporary session storage object according to the preset parameter after retrieving the service page to be developed, where the temporary session storage object is configured to instruct loading of the predetermined script when retrieving other service pages through the service page to be developed, so as to establish real-time communication between the other service pages and the page of the target container environment.
In a specific application scenario, the device further includes: a test module;
and the testing module is used for testing the developed business page to be developed by utilizing the target browser after the business page to be developed is edited and developed.
In a specific application scenario, optionally, the service page to be developed is configured in the page of the target container environment in the form of an IFRAME.
It should be noted that, other corresponding descriptions of each functional unit related to the development processing apparatus for a service page provided in this embodiment may refer to corresponding descriptions in fig. 1 and fig. 2, and are not described herein again.
Based on the above methods shown in fig. 1 and fig. 2, correspondingly, the embodiments of the present application further provide a storage medium, on which a computer program is stored, where the program is executed by a processor to implement the above method for developing and processing a service page shown in fig. 1 and fig. 2.
Based on such understanding, the technical solution of the present application may be embodied in the form of a software product, which may be stored in a non-volatile storage medium (may be a CD-ROM, a U-disk, a mobile hard disk, etc.), and includes several instructions for causing a computer device (may be a personal computer, a server, or a network device, etc.) to perform the methods described in various implementation scenarios of the present application.
Based on the methods shown in fig. 1 and fig. 2 and the virtual device embodiment shown in fig. 4, in order to achieve the above objects, the embodiments of the present application further provide an entity device for service page development processing, which may specifically be a computer, a smart phone, a tablet computer, a smart watch, a smart bracelet, or other network devices, where the entity device includes a storage medium and a processor; a storage medium storing a computer program; and a processor for executing a computer program to implement the method for developing and processing a service page as shown in fig. 1 and 2.
Optionally, the physical device may further include a user interface, a network interface, a camera, radio Frequency (RF) circuitry, sensors, audio circuitry, WI-FI modules, and the like. The user interface may include a Display screen (Display), an input unit such as a Keyboard (Keyboard), etc., and the optional user interface may also include a USB interface, a card reader interface, etc. The network interface may optionally include a standard wired interface, a wireless interface (e.g., WI-FI interface), etc.
It will be appreciated by those skilled in the art that the structure of the entity device in the business page development process provided in this embodiment is not limited to the entity device, and may include more or fewer components, or some components may be combined, or different arrangements of components.
The storage medium may also include an operating system, a network communication module. The operating system is a program that manages the physical device hardware and software resources described above, supporting the execution of information handling programs and other software and/or programs. The network communication module is used for realizing communication among all components in the storage medium and communication with other hardware and software in the information processing entity equipment.
From the above description of the embodiments, it will be apparent to those skilled in the art that the present application may be implemented by means of software plus necessary general hardware platforms, or may be implemented by hardware. By applying the technical scheme of the embodiment, the service page can be edited and developed by utilizing the pre-edited container environment in the browser, so that the influence caused by the condition restriction of the container environment in the APP can be reduced, the service page development is smoother, and the service page development efficiency can be improved. Compared with the current implementation mode adopting the browser plug-in, the top-level main module of the scheme can be provided in the form of the tnpm package, so that the scheme has all specifications and characteristics of the tnpm package management and does not need to specially inform a user to update. The scheme can be written by adopting a web end compact technology stack, and the development cost, maintainability and expansibility are far smaller than those of an implementation mode adopting a browser plug-in.
Those skilled in the art will appreciate that the drawings are merely schematic illustrations of one preferred implementation scenario, and that the modules or flows in the drawings are not necessarily required to practice the present application. Those skilled in the art will appreciate that modules in an apparatus in an implementation scenario may be distributed in an apparatus in an implementation scenario according to an implementation scenario description, or that corresponding changes may be located in one or more apparatuses different from the implementation scenario. The modules of the implementation scenario may be combined into one module, or may be further split into a plurality of sub-modules.
The foregoing application serial numbers are merely for description, and do not represent advantages or disadvantages of the implementation scenario. The foregoing disclosure is merely a few specific implementations of the present application, but the present application is not limited thereto and any variations that can be considered by a person skilled in the art shall fall within the protection scope of the present application.
Claims (24)
1. The development processing method of the business page is characterized by comprising the following steps:
the method comprises the steps of calling a page of a target container environment in a target browser, wherein the target container environment is created according to an original container environment in an APP corresponding to a service page to be developed;
calling the business page to be developed in the page of the target container environment to edit and develop;
the preset storage position of the target container environment stores all interface information required by a service page when the service page is called in the original container environment;
editing and developing the called business page to be developed, which specifically comprises the following steps:
and editing and developing the called business page to be developed through the interface information.
2. The method of claim 1, wherein the editing and developing the invoked service page to be developed through the respective interface information specifically includes:
configuring a webpage view identifier corresponding to the service page to be developed, wherein the webpage view identifier is used for judging the service page for sending the interface information calling request;
when the to-be-developed service page request is judged to call the target interface information according to the webpage view identification, corresponding triggering operation is executed according to the type of the target interface information.
3. The method according to claim 2, wherein the performing the corresponding triggering operation according to the type of the target interface information specifically includes:
if the type of the target interface information is a service type which is stored independently, corresponding storage processing is carried out in a page of the target container environment, and an execution event corresponding to the target interface information is triggered;
if the type of the target interface information is the service type of the calling view, acquiring a target view page which corresponds to the target interface information and needs to be called from a preset view storage position;
triggering the target view page to be loaded to a corresponding position in the page of the target container environment, and distinguishing the target view page from the layer where the service page to be developed is located.
4. A method according to claim 3, characterized in that the method further comprises:
and executing a preset event corresponding to the target view page when receiving an operation instruction of the loaded target view page.
5. The method according to claim 1, wherein the step of calling the page of the target container environment in the target browser specifically comprises:
and calling the page of the target container environment by inputting first website information corresponding to the page of the target container environment in the target browser.
6. The method according to any one of claims 1 to 5, wherein the calling the service page to be developed in the page of the target container environment specifically comprises:
and calling the to-be-developed business page by inputting second website information of the to-be-developed business page into the page of the target container environment.
7. The method according to claim 6, wherein the calling the service page to be developed by inputting the second website information of the service page to be developed in the page of the target container environment specifically includes:
and processing the second website information so as to establish real-time communication between the to-be-developed service page and the page of the target container environment.
8. The method according to claim 7, wherein the processing the second website information so as to establish real-time communication between the service page to be developed and the page of the target container environment specifically includes:
and adding preset parameters in the second website information, wherein the preset parameters are used for indicating loading of a preset script so as to establish real-time communication between the to-be-developed service page and the page of the target container environment.
9. The method according to claim 8, wherein the processing the second website information so as to establish real-time communication between the service page to be developed and the page of the target container environment, specifically further comprises:
after the service page to be developed is called, a temporary session storage object is established according to the preset parameters, and the temporary session storage object is used for indicating to load the preset script when other service pages are called through the service page to be developed so as to establish real-time communication between the other service pages and the page of the target container environment.
10. The method according to claim 1, wherein the method further comprises:
and after the editing development of the to-be-developed business page is completed, testing the developed to-be-developed business page by utilizing the target browser.
11. The method of claim 1, wherein the business page to be developed is configured in the page of the target container environment in the form of an IFRAME.
12. A development processing apparatus for a business page, comprising:
the invoking module is used for invoking a page of a target container environment in the target browser, wherein the target container environment is created according to the original container environment in the APP corresponding to the service page to be developed;
the calling module is also used for calling the service page to be developed in the page of the target container environment;
the development module is used for editing and developing the called business page to be developed;
the preset storage position of the target container environment stores all interface information required by a service page when the service page is called in the original container environment;
the development module is specifically configured to edit and develop the invoked service page to be developed through the interface information.
13. The apparatus of claim 12, wherein the device comprises a plurality of sensors,
the development module is specifically configured to configure a webpage view identifier corresponding to the service page to be developed, where the webpage view identifier is used for determining the service page sending the interface information calling request;
when the to-be-developed service page request is judged to call the target interface information according to the webpage view identification, corresponding triggering operation is executed according to the type of the target interface information.
14. The apparatus of claim 13, wherein the device comprises a plurality of sensors,
the development module is specifically further configured to, if the type of the target interface information is a service type that is stored separately, perform corresponding storage processing in a page of the target container environment, and trigger an execution event corresponding to the target interface information;
if the type of the target interface information is the service type of the calling view, acquiring a target view page which corresponds to the target interface information and needs to be called from a preset view storage position;
triggering the target view page to be loaded to a corresponding position in the page of the target container environment, and distinguishing the target view page from the layer where the service page to be developed is located.
15. The apparatus of claim 14, wherein the device comprises a plurality of sensors,
the development module is further used for executing a preset event corresponding to the target view page when an operation instruction of the loaded target view page is received.
16. The apparatus of claim 12, wherein the device comprises a plurality of sensors,
the calling module is specifically configured to call the page of the target container environment by inputting first website information corresponding to the page of the target container environment in the target browser.
17. The device according to any one of claims 12 to 16, wherein,
the calling module is specifically configured to call the to-be-developed service page by inputting second website information of the to-be-developed service page in the page of the target container environment.
18. The apparatus of claim 17, wherein the device comprises a plurality of sensors,
the calling module is specifically further configured to process the second website information, so that real-time communication between the to-be-developed service page and the page of the target container environment is established.
19. The apparatus of claim 18, wherein the device comprises a plurality of sensors,
the calling module is specifically further configured to add a preset parameter to the second website information, where the preset parameter is used to instruct loading of a predetermined script, so as to establish real-time communication between the to-be-developed service page and the page of the target container environment.
20. The apparatus of claim 19, wherein the device comprises a plurality of sensors,
the calling module is specifically further configured to establish a temporary session storage object according to the preset parameter after the to-be-developed service page is called, where the temporary session storage object is configured to instruct loading of the predetermined script when other service pages are called through the to-be-developed service page, so as to establish real-time communication between the other service pages and the page of the target container environment.
21. The apparatus of claim 12, wherein the apparatus further comprises:
and the testing module is used for testing the developed business page to be developed by utilizing the target browser after the business page to be developed is edited and developed.
22. The apparatus of claim 12, wherein the business page to be developed is configured in the page of the target container environment in the form of an IFRAME.
23. A storage medium having stored thereon a computer program, wherein the program when executed by a processor implements the method of development processing of a business page according to any one of claims 1 to 11.
24. A development processing apparatus for a service page, comprising a storage medium, a processor, and a computer program stored on the storage medium and executable on the processor, characterized in that the processor implements the development processing method for a service page according to any one of claims 1 to 11 when executing the program.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911077691.4A CN111078209B (en) | 2019-11-06 | 2019-11-06 | Development processing method, device and equipment for business page |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911077691.4A CN111078209B (en) | 2019-11-06 | 2019-11-06 | Development processing method, device and equipment for business page |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111078209A CN111078209A (en) | 2020-04-28 |
| CN111078209B true CN111078209B (en) | 2023-07-07 |
Family
ID=70310693
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911077691.4A Active CN111078209B (en) | 2019-11-06 | 2019-11-06 | Development processing method, device and equipment for business page |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111078209B (en) |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2015078343A1 (en) * | 2013-11-27 | 2015-06-04 | 张洁 | Development method for web development system, and web development system |
| CN105357323A (en) * | 2015-12-11 | 2016-02-24 | 北京京东尚科信息技术有限公司 | HTML5 page debugging method and device in APP |
| CN106970946A (en) * | 2017-02-24 | 2017-07-21 | 阿里巴巴集团控股有限公司 | A kind of page display method and device |
| CN107908426A (en) * | 2017-12-21 | 2018-04-13 | 江苏国泰新点软件有限公司 | Design method, device, mobile terminal and the storage medium of cross-platform program |
| CN109783078A (en) * | 2018-12-14 | 2019-05-21 | 平安证券股份有限公司 | Stand-alone development method, apparatus, equipment and the storage medium of front end page |
-
2019
- 2019-11-06 CN CN201911077691.4A patent/CN111078209B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2015078343A1 (en) * | 2013-11-27 | 2015-06-04 | 张洁 | Development method for web development system, and web development system |
| CN105357323A (en) * | 2015-12-11 | 2016-02-24 | 北京京东尚科信息技术有限公司 | HTML5 page debugging method and device in APP |
| CN106970946A (en) * | 2017-02-24 | 2017-07-21 | 阿里巴巴集团控股有限公司 | A kind of page display method and device |
| CN107908426A (en) * | 2017-12-21 | 2018-04-13 | 江苏国泰新点软件有限公司 | Design method, device, mobile terminal and the storage medium of cross-platform program |
| CN109783078A (en) * | 2018-12-14 | 2019-05-21 | 平安证券股份有限公司 | Stand-alone development method, apparatus, equipment and the storage medium of front end page |
Non-Patent Citations (2)
| Title |
|---|
| Pinku Hazarika Etc..Recommendations for Webview Based Mobile Applications on Android.2014 IEEE International Conference on Advanced Communications, Control and Computing Technologies.2015,第1589-1592页. * |
| 林文如 ; 林文忠 ; 刘镭 ; .基于弹性盒子模型的跨平台手机应用界面布局.苏州大学学报(工科版).2012,(05),全文. * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111078209A (en) | 2020-04-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9959198B1 (en) | Simulated testing of API | |
| CN109165050B (en) | Program running method and device, computing equipment and storage medium | |
| CN108132814A (en) | Page loading method, device, computer equipment and the storage medium of application program | |
| CN107168960B (en) | Service execution method and device | |
| CN107741844B (en) | Method and device for generating application installation package | |
| CN107391219B (en) | Function Compilation Method and device | |
| CN105335132B (en) | Method, device and system for customizing application program function | |
| WO2020143159A1 (en) | User interface processing method and device | |
| CN107276842B (en) | Interface test method and device and electronic equipment | |
| CN110716853A (en) | Test script recording method, application program testing method and related device | |
| CN107807841B (en) | Server simulation method, device, equipment and readable storage medium | |
| US8972968B1 (en) | Alternate service for applications | |
| CN113190464A (en) | mock testing method, mock testing device, electronic equipment and mock testing medium | |
| US20160162984A1 (en) | Processing unstructured messages | |
| CN112306471A (en) | Task scheduling method and device | |
| CN111767229A (en) | Performance test method, device and equipment | |
| US10326876B1 (en) | Mobile communication device self-service client | |
| CN106557411B (en) | Method and system for testing Hybrid application in Android system | |
| CN110020370B (en) | Method and device for realizing animation in client application and framework of animation script | |
| US9471299B1 (en) | Updating code within an application | |
| CN112650689A (en) | Test method, test device, electronic equipment and storage medium | |
| CN111124613B (en) | Method, device, equipment and storage medium for realizing service of virtualized resources | |
| US20230350700A1 (en) | Snapshot capture of computing device user interfaces | |
| CN109857963A (en) | Local resource access method, device and electronic equipment | |
| CN111078209B (en) | Development processing method, device and equipment for business page |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |