CN109634599B

CN109634599B - Page view display method, device, equipment and storage medium

Info

Publication number: CN109634599B
Application number: CN201811533984.4A
Authority: CN
Inventors: 温增葵
Original assignee: Beijing ByteDance Network Technology Co Ltd
Current assignee: Beijing ByteDance Network Technology Co Ltd
Priority date: 2018-12-14
Filing date: 2018-12-14
Publication date: 2020-05-19
Anticipated expiration: 2038-12-14
Also published as: CN109634599A; WO2020119804A1

Abstract

The embodiment of the disclosure discloses a method, a device, equipment and a storage medium for displaying a page view, wherein the method comprises the following steps: establishing a view driving engine module and a response type view module for the current page through a controller module, and establishing a binding relationship between the view driving engine module and the response type view module; the method comprises the steps that business data and a data model corresponding to a view to be displayed of a current page are obtained through a view driving engine module, view rendering data corresponding to the view to be displayed are generated according to the business data and the data model, and the view rendering data are sent to a response type view module based on a binding relation; and performing view rendering and display according to the view rendering data through the responsive view module. According to the technical scheme of the embodiment of the disclosure, the controller and the view in the development framework can be decoupled, the controller is simplified, the responsibility definition of each module in the development framework is clearer, and the display efficiency of the page view is improved.

Description

Page view display method, device, equipment and storage medium

Technical Field

The embodiment of the disclosure relates to the technical field of application program development, and in particular, to a method, an apparatus, a device and a storage medium for displaying a page view.

Background

When developing mobile applications based on the iOS operating system, developers often employ an MVC (Model, View, Controller) development architecture. Fig. 1 shows a schematic structure diagram of an MVC development architecture. As shown in FIG. 1, the MVC development architecture is composed of three parts, namely a Model (Model), a View (View) and a Controller (Controller). The Model is used as a data Model, the View is responsible for managing the View, and the Controller is used for processing the service logic. In the MVC development architecture, the controller holds both views and data models. The controller updates the data model according to the user action captured by the view; and when the data model is changed, the controller directly operates the view to update.

Therefore, the controller and the view in the existing MVC development framework are seriously coupled, and the multiplexing degree of the controller is far lower than that of the view, so that the multiplexing degree of service implementation is greatly reduced. Moreover, as the complexity of the service is higher and higher, the services to be processed by the controller are increased, the service codes expand rapidly, so that the code structure is very disordered, and the internal responsibility division is not clear, thereby being not beneficial to the development of the test work of the functional unit; and the increase of the service complexity also causes more views to be needed to carry the service display, so that the controller needs to manage more views, thereby greatly increasing the complexity of the controller and reducing the display efficiency of the views.

Disclosure of Invention

In view of this, the present disclosure provides a method, an apparatus, a device, and a storage medium for displaying a page view, so as to improve the display efficiency of the page view.

In a first aspect, an embodiment of the present disclosure provides a method for displaying a page view, where the method includes:

creating a view driving engine module and a response type view module for a current page through a controller module, and establishing a binding relationship between the view driving engine module and the response type view module;

acquiring business data and a data model corresponding to a view to be displayed of a current page through the view driving engine module, generating view rendering data corresponding to the view to be displayed according to the business data and the data model, and sending the view rendering data to the responsive view module based on the binding relationship; the business data comprises intermediate data generated in the business process, and the data model comprises attribute data of a business object;

and performing view rendering and display according to the view rendering data through the responsive view module.

Optionally, after the view rendering and displaying, the method further comprises:

detecting touch operation acting on a displayed view through the responsive view module, generating a service command according to the detected touch operation, and sending the service command to the view driving engine module;

receiving the service command through the view driving engine module, regenerating view rendering data according to the service command, service data corresponding to the displayed view and a data model when the service command is determined to be a synchronous service command, and sending the regenerated view rendering data to the responsive view module based on the binding relationship;

re-rendering and displaying, by the responsive view module, the displayed view in accordance with the re-generated view rendering data.

receiving the service command through the view driving engine module and executing corresponding asynchronous operation according to the service command when the service command is determined to be an asynchronous service command; updating the business data corresponding to the displayed view so that the updated business data comprises state data for executing asynchronous operation; regenerating view rendering data according to the updated service data and the data model corresponding to the displayed view; sending the regenerated view rendering data to the responsive view module based on the binding relationship;

Optionally, executing a corresponding asynchronous operation according to the service command includes:

filtering out parameters corresponding to asynchronous operation corresponding to the service command from the current service data through the view driving engine module;

and generating an asynchronous command according to the parameters, and triggering the asynchronous command to execute the asynchronous operation corresponding to the service command.

Optionally, after re-rendering and displaying the displayed view according to the regenerated view rendering data, the method further comprises:

through the view driving engine module, after the execution result of the asynchronous operation is obtained, view rendering data are regenerated according to the execution result, the service data corresponding to the displayed view and the data model, and the current regenerated view rendering data are sent to the responsive view module based on the binding relationship;

and re-rendering and displaying the displayed view according to the current regenerated view rendering data through the responsive view module.

Optionally, the asynchronous operation comprises: an operation of acquiring data from a server.

Optionally, the obtaining service data and a data model corresponding to a view to be displayed of a current page, and generating view rendering data corresponding to the view to be displayed according to the service data and the data model includes:

acquiring service data and a data model corresponding to a view to be displayed of a current page by calling a data acquisition service in Dependency; the Dependency is a service set on which the service depends;

and calling rendering data calculation service in Dependency based on the acquired service data and the acquired data model to obtain view rendering data corresponding to the view to be displayed.

Optionally, performing view rendering and display according to the view rendering data includes:

reading the hierarchical structure information and the data binding protocol of the view to be displayed of the current page from a preset view description file;

determining the hierarchical structure of a view to be displayed of the current page according to the hierarchical structure information, determining the corresponding relation between view rendering data generated by the view driving engine module and the view to be displayed according to the data binding protocol, and rendering and displaying the view according to the view rendering data based on the hierarchical structure and the corresponding relation.

Optionally, establishing a binding relationship between the view driving engine module and the responsive view module includes:

and registering a response function for updating the responsive view module on the view driving engine module as an output response object of the view driving engine module, so that when view rendering data is generated on the view driving engine module, the generated view rendering data is sent to the responsive view module by calling the response function.

In a second aspect, an embodiment of the present disclosure further provides a display apparatus for a page view, where the apparatus includes:

the controller module is used for creating a view driving engine module and a response type view module for a current page and establishing a binding relationship between the view driving engine module and the response type view module;

the view driving engine module is used for acquiring business data and a data model corresponding to a view to be displayed of a current page, generating view rendering data corresponding to the view to be displayed according to the business data and the data model, and sending the view rendering data to the responsive view module based on the binding relationship; the business data comprises intermediate data generated in the business process, and the data model comprises attribute data of a business object;

and the responsive view module is used for rendering and displaying the view according to the view rendering data.

Optionally, the responsive view module further comprises:

the business command generating unit is used for detecting touch operation acting on the displayed view through the responsive view module after view rendering and display are carried out, generating a business command according to the detected touch operation and sending the business command to the view driving engine module;

accordingly, the view driving engine module further comprises:

the synchronous service command processing unit is used for receiving the service command, regenerating view rendering data according to the service command, the service data corresponding to the displayed view and the data model when the service command is determined to be the synchronous service command, and sending the regenerated view rendering data to the responsive view module based on the binding relationship;

accordingly, the responsive view module is further operable to: and re-rendering and displaying the displayed view according to the regenerated view rendering data.

Optionally, the responsive view module further comprises:

accordingly, the view driving engine module further comprises:

the asynchronous service command processing unit is used for receiving the service command and executing corresponding asynchronous operation according to the service command when the service command is determined to be the asynchronous service command; updating the business data corresponding to the displayed view so that the updated business data comprises state data for executing asynchronous operation; regenerating view rendering data according to the updated service data and the data model corresponding to the displayed view; sending the regenerated view rendering data to a responsive view module based on the binding relationship;

Optionally, the asynchronous service command processing unit includes an asynchronous operation execution subunit, configured to filter, by using the view driving engine module, a parameter corresponding to an asynchronous operation corresponding to the service command from the current service data; and generating an asynchronous command according to the parameters, and triggering the asynchronous command to execute the asynchronous operation corresponding to the service command.

Optionally, the asynchronous service command processing unit is further configured to, after the displayed view is re-rendered and displayed according to the re-generated view rendering data, re-generate, after the execution result of the asynchronous operation is obtained, view rendering data according to the execution result, the service data corresponding to the displayed view, and the data model, and send the currently re-generated view rendering data to the responsive view module based on the binding relationship;

accordingly, the responsive view module is further operable to: and re-rendering and displaying the displayed view according to the current regenerated view rendering data.

Optionally, the view driving engine module comprises:

the data acquisition service calling unit is used for calling the data acquisition service in the Dependency to acquire service data and a data model corresponding to the view to be displayed of the current page; dependency is a service set on which a service depends;

and the rendering data calculation service calling unit is used for calling the rendering data calculation service in the Dependency based on the acquired business data and the data model to obtain view rendering data corresponding to the view to be displayed.

Optionally, the responsive view module is specifically configured to:

reading the hierarchical structure information and the data binding protocol of the view to be displayed of the current page from a preset view description file; determining the hierarchical structure of the view to be displayed of the current page according to the hierarchical structure information, determining the corresponding relation between the view rendering data generated by the view driving engine module and the view to be displayed according to the data binding protocol, and rendering and displaying the view according to the view rendering data based on the hierarchical structure and the corresponding relation.

Optionally, the controller module comprises:

and the binding relationship establishing unit is used for registering a response function of the updated responsive view module as an output response object of the view driving engine module on the view driving engine module so as to send the generated view rendering data to the responsive view module by calling the response function when the view rendering data are generated on the view driving engine module.

In a third aspect, an embodiment of the present disclosure further provides a terminal device, where the terminal device includes:

one or more processors;

a memory for storing one or more programs;

when executed by the one or more processors, cause the one or more processors to implement a method of displaying a page view as provided by any embodiment of the present disclosure.

In a fourth aspect, the embodiments of the present disclosure further provide a computer storage medium, on which a computer program is stored, where the computer program is executed by a processor to implement the method for displaying a page view provided in any of the embodiments of the present disclosure.

The embodiment of the disclosure splits the service in the controller of the MVC development architecture into the view-independent service logic and the view-dependent view service, then the view-driven engine module is used for bearing the view-independent service logic, the responsive view module is used for bearing the view-dependent view service, and the view-driven engine module is used for driving the responsive view module without being driven by the controller module, so that the controller and the view in the framework can be decoupled; in addition, the controller module in the embodiment of the disclosure only needs to be responsible for creating the view driving engine module and the responsive view module and binding the two modules, thereby greatly simplifying the operation of the controller module, improving the reusability of the view and the service logic, making the responsibility definition of each module in the framework clearer, rendering and displaying the view more quickly, and improving the display efficiency of the page view.

Drawings

In order to more clearly illustrate the embodiments of the present disclosure or the technical solutions in the prior art, a brief description will be given below to the drawings required for the embodiments or the technical solutions in the prior art, and it is obvious that the drawings in the following description are some embodiments of the present disclosure, and for those skilled in the art, other drawings can be obtained according to these drawings without creative efforts.

Fig. 1 shows a schematic structure diagram of an MVC development architecture in the prior art;

FIG. 2 is a flowchart illustrating a method for displaying a page view according to an embodiment of the present disclosure;

FIG. 3 is a diagram illustrating a data flow between a view driver engine module and a responsive view module according to an embodiment of the disclosure;

FIG. 4 is a flowchart illustrating a method for displaying a page view according to a second embodiment of the present disclosure;

fig. 5 is a schematic diagram illustrating a data flow when processing an asynchronous service command according to a second embodiment of the disclosure;

fig. 6 is a schematic diagram illustrating a view response procedure according to a second embodiment of the disclosure;

fig. 7 is a schematic structural diagram of a display device of a page view according to a third embodiment of the present disclosure;

fig. 8 shows a schematic diagram of a hardware structure of a terminal device according to a fourth embodiment of the present disclosure.

Detailed Description

To make the objects, technical solutions and advantages of the present disclosure clearer, the technical solutions of the present disclosure will be clearly and completely described below through embodiments with reference to the accompanying drawings in the embodiments of the present disclosure, and it is obvious that the described embodiments are some, but not all embodiments of the present disclosure. All other embodiments, which can be derived by a person skilled in the art from the embodiments disclosed herein without making any creative effort, shall fall within the protection scope of the present disclosure.

In the following embodiments, optional features and examples are provided in each embodiment, and various features described in the embodiments may be combined to form a plurality of alternatives, and each numbered embodiment should not be regarded as only one technical solution.

Example one

Fig. 2 is a flowchart illustrating a method for displaying a page view according to an embodiment of the present disclosure, where the method may be applied to a case where a page view is displayed in an application based on an iOS system, and the method may be performed by a page view display device, which may be implemented by software and/or hardware and integrated in a terminal device with a display function, such as a smart phone, a tablet computer, and the like.

As shown in fig. 1, the method for displaying a page view provided in the embodiment of the present disclosure specifically includes the following steps:

s110, creating a view driving engine module and a response type view module for the current page through the controller module, and establishing a binding relationship between the view driving engine module and the response type view module.

The current page refers to a page to be displayed currently. The controller module may be pre-created and used for creating a view driving engine module and a responsive view module for the current page, and a module for establishing a binding relationship between the created view driving engine module and the responsive view module. The view driver engine module may be used to carry view independent business logic such as maintenance data, processing data, and computational view rendering data. The responsive view module is used for carrying view business related to the view, such as view rendering and displaying according to the view rendering data. The binding relationship may refer to a correspondence between the created view driving engine module and the responsive view module, so that the view driving engine module may directly drive the corresponding responsive view module to implement automatic response of the view.

Specifically, when a current page is opened, a controller module may be created first, then a view driving engine module and a responsive view module are created for the current page by the controller module, and the created view driving engine module is bound to the created responsive view module, so that when view rendering data is generated on the view driving engine module, the responsive view module may automatically respond and generate a corresponding page view. In the embodiment, the view-independent service logic in the controller of the MVC development framework is extracted into the view driving engine module, and the view-dependent service is extracted into the responsive view module, so that the role of the controller is weakened, the controller is simpler to operate, the role definition of each module in the development framework is clearer, and the functional unit test of the service is facilitated.

It should be noted that the business processing performed by the view driving engine module can be executed in the main thread to ensure the thread security of the view driving engine module and the responsive view module.

S120, acquiring business data and a data model corresponding to a view to be displayed of the current page through the view driving engine module, generating view rendering data corresponding to the view to be displayed according to the business data and the data model, and sending the view rendering data to the responsive view module based on the binding relationship.

The service data comprises intermediate data generated in the service process. Such as the corresponding data generated when the user selects the parameters of the color and size of the goods in the goods page. The data model includes attribute data for the business object. For example, when the business object is a certain commodity, the corresponding attribute data may be commodity price, commodity stock quantity, color type, size, and the like. The current page may include one or more views to be displayed. The view rendering data corresponding to the view to be displayed may refer to view data required for rendering the view to be displayed, such as a background color, a foreground color, a font color, a text font, a font size, a font style, and the like.

Specifically, in this embodiment, the service data and the data model corresponding to each view to be displayed in the current page may be acquired through the view driving engine module. Illustratively, business data and a data model corresponding to a view to be displayed can be obtained according to default configuration information in the view driving engine module; and the business data and the data model of the view to be displayed of the current page can be obtained by sending a data request to the server. Through the view driving engine module, corresponding view rendering data can be generated according to the obtained service data and the data model, and according to the binding relationship between the view driving engine module and the responsive view module, the generated view rendering data can be transmitted to the responsive view module through the controller module, and the generated view rendering data can also be directly sent to the responsive view module, so that the controller and the view in the development framework are decoupled, and the complexity of the controller is reduced.

And S130, rendering and displaying the view according to the view rendering data through the responsive view module.

Specifically, in this embodiment, the responsive view module may perform view rendering and display on the view to be displayed according to the received view rendering data, so as to greatly improve the display efficiency of the page view. In this embodiment, a plurality of views to be displayed generally exist in the current page, that is, the responsive view module often receives view rendering data corresponding to the plurality of views to be displayed, and at this time, the corresponding views to be displayed may be rendered and displayed according to each view rendering data based on a preset corresponding relationship.

Illustratively, S130 may include: reading the hierarchical structure information and the data binding protocol of the view to be displayed of the current page from a preset view description file; determining the hierarchical structure of the view to be displayed of the current page according to the hierarchical structure information, determining the corresponding relation between the view rendering data generated by the view driving engine module and the view to be displayed according to the data binding protocol, and rendering and displaying the view according to the view rendering data based on the hierarchical structure and the corresponding relation.

The preset view description file may be a hierarchy information and a data binding protocol that describe the view in the current page in advance by using a structured language. The developer can create a preset view description file according to the business requirements and the structured language specification. Illustratively, the structured Language may be, but is not limited to, JavaScript object Notation (JSON) Language or Extensible Markup Language (XML). The hierarchical structure information may refer to hierarchical relationship information between views to be displayed in a current page. The data binding protocol may be used to reflect a binding relationship between each view to be displayed in the current page and each view rendering data generated by the view driving engine module.

Specifically, the embodiment may obtain the hierarchical structure information and the data binding protocol of the current page by analyzing the preset view description file; according to the hierarchical structure information of the view to be displayed in the current page, whether the view to be displayed in the current page is a child view or a parent view can be determined, if the view is the child view, the child view is added to the corresponding parent view, and therefore the hierarchical structure corresponding to the current page can be formed. According to the data binding protocol, the corresponding relation between each view to be displayed in the current page and each view rendering data generated by the view driving engine module can be determined, so that the generated view rendering data can be accurately view rendered and displayed based on the corresponding relation and the hierarchical structure.

According to the technical scheme of the embodiment of the disclosure, services in a controller of an MVC development architecture are divided into view-independent service logic and view-related service, the view-independent service logic is borne through a view driving engine module, the view-related service is borne through a responsive view module, the responsive view module is directly driven by the view driving engine module, driving through the controller module is not needed, and the controller and the view in the development architecture can be decoupled; in addition, the controller module in the embodiment of the disclosure only needs to be responsible for creating the view driving engine module and the responsive view module and binding the two modules, thereby greatly simplifying the operation of the controller module, improving the reusability of the view and the business logic, making the responsibility definition of each module in the development framework clearer, rendering and displaying the view more quickly, and improving the display efficiency of the page view.

On the basis of the above technical solution, the establishing a binding relationship between the view driving engine module and the responsive view module in S110 may include: and registering a response function for updating the responsive view module on the view driving engine module as an output response object of the view driving engine module, so that when the view rendering data is generated on the view driving engine module, the generated view rendering data is sent to the responsive view module by calling the response function.

The response function refers to a function that enables the responsive view module to receive the view rendering data. Specifically, the present embodiment may create the input and output response objects of the view driving engine module through the data structure body Backend. The response function of the update responsive view module is taken as an output response object of the view driving engine module, so that the response function of the update responsive view module is registered on the view driving engine module, the view driving engine module can call the registered response function by taking the generated view rendering data as a function input parameter, and the generated view rendering data can be sent to the corresponding responsive view module, so that the data flow between the view driving engine module and the responsive view module is unidirectional, and the page view generated by the responsive view module is ensured to be in one-to-one correspondence with the data rendering data.

On the basis of the foregoing technical solution, the step of "obtaining the service data and the data model corresponding to the view to be displayed of the current page, and generating view rendering data corresponding to the view to be displayed according to the service data and the data model" in S120 may include: acquiring service data and a data model corresponding to a view to be displayed of a current page by calling a data acquisition service in Dependency; and calling rendering data calculation service in Dependency based on the acquired service data and the acquired data model to obtain view rendering data corresponding to the view to be displayed.

Where Dependency is a set of services on which a business depends, which may include, but is not limited to, data acquisition services and rendering data computation services.

Specifically, different from a data form of a data model in an MVC development architecture, the view driving engine module in this embodiment may not directly hold service data and a data model, but respectively obtain the service data and the data model and calculate view rendering data by calling a data obtaining service and a rendering data calculating service mode in Dependency, so that the view driving engine module may separately split the Dependency of the service, and the responsibility of the view driving engine module is clearer and more definite.

It should be noted that after the view rendering data corresponding to the view to be displayed is obtained by calling the rendering data calculation service in Dependency, the obtained view rendering data can be cached, so that the cached view rendering data can be directly used when the view rendering data corresponding to the same service data and data model needs to be generated subsequently, the rendering data does not need to be repeatedly calculated, and therefore the view rendering efficiency can be improved, the display speed is improved, the page sliding performance is optimized, and the use experience of a user is improved.

Based on the above technical solution, after S130, that is, after the page view is displayed in the display interface, the responsive view module may further capture a touch operation of the user on the page view, such as a touch behavior or a click behavior. The responsive view module may convert the captured touch operation into a specific type of view input data, for example, an operation of clicking an open button is denoted by numeral 1, and an operation of clicking an end button is denoted by numeral 2. FIG. 3 shows a schematic diagram of the data flow between a view driven engine module and a responsive view module. As shown in fig. 3, the responsive view module may send the converted view input data to the view driving engine module, the view driving engine module performs service processing according to the received view input data to generate corresponding view rendering data, and then sends the generated view rendering data to the responsive view module, and the responsive view module performs re-rendering and display according to the received view rendering data.

Exemplarily, after S130, the method may further include:

detecting touch operation acting on a displayed view through a responsive view module, generating a business command according to the detected touch operation, and sending the business command to a view driving engine module; receiving a service command through the view driving engine module, regenerating view rendering data according to the service command, service data corresponding to a displayed view and a data model when the service command is determined to be a synchronous service command, and sending the regenerated view rendering data to the responsive view module based on the binding relationship; the displayed view is re-rendered and displayed according to the re-generated view rendering data by the responsive view module.

The touch operation may be, but is not limited to, a touch behavior or a click behavior. The service command may include a specific type of view input data obtained by converting the captured touch operation, so that the view driving engine module may perform corresponding service processing according to the service command. The synchronous service command refers to a command which can immediately and directly perform corresponding service processing without performing other asynchronous operations.

In particular toIn this embodiment, the generated business command may be sent to the view driving engine module through the responsive view module. In the view driving engine module, data sets at any time of a service, such as current service data and corresponding view rendering data, can be maintained in a data structure called State. Through the view driving engine module, whether the received service command is a synchronous service command can be judged according to a preset judgment rule, for example, whether a command identifier corresponding to the service command is a synchronous command identifier is judged; if so, the received service command may be determined to be a synchronous service command. When the service command is determined to be the synchronous service command, the service data corresponding to the displayed view can be directly updated according to the service command, so that the updated service data comprises the state data corresponding to the executed service command. And regenerating new view rendering data according to the updated service data and the data model corresponding to the displayed view, namely generating a new state. This process, performed in the view-driven engine module, may be referred to as a reduce operation, using mathematical notation that may be expressed as: s_n+1＝f(S_nC); the use of pseudo code can be expressed as: func reduce (State, Command->State。

After the view rendering data is regenerated, the regenerated view rendering data can be sent to a responsive view module based on the binding relationship through the view driving engine module; through the responsive view module, the displayed view can be re-rendered and displayed according to the re-generated view rendering data, so that when the service data in the driving engine module is changed, the responsive view module can automatically respond to the changed service data and generate a corresponding new view so as to automatically update the displayed view. That is to say, the views and the service data are in a one-to-one correspondence relationship, and the service data has uniqueness at any time, so that the consistency of the service data and the views is ensured, and the thread safety of view operation is further ensured.

Example two

Fig. 4 shows a flowchart of a method for displaying a page view according to a second embodiment of the present disclosure, where this embodiment details a manner of updating display of a page view when a service command is an asynchronous service command, based on various alternatives in the foregoing embodiments. Wherein explanations of the same or corresponding terms as those of the above-described embodiments are omitted.

As shown in fig. 4, the method for displaying a page view provided in the embodiment of the present disclosure specifically includes the following steps:

s210, creating a view driving engine module and a response type view module for the current page through the controller module, and establishing a binding relationship between the view driving engine module and the response type view module.

S220, acquiring business data and a data model corresponding to a view to be displayed of the current page through the view driving engine module, generating view rendering data corresponding to the view to be displayed according to the business data and the data model, and sending the view rendering data to the response type view module based on the binding relationship.

And S230, rendering and displaying the view according to the view rendering data through the responsive view module.

S240, touch operation acting on the displayed view is detected through the responsive view module, a business command is generated according to the detected touch operation, and the business command is sent to the view driving engine module.

Specifically, after the current page is displayed on the display interface, the user may perform touch operation on the displayed view in the current page. The embodiment can detect whether to perform touch operation on the displayed view through the responsive view module based on a touch operation detection function added in advance in the displayed view; if so, the detected touch operation can be converted into view input data of a specific type, a corresponding business command can be generated according to the converted view input data, and the generated business command is sent to the view driving engine module so as to correspondingly process the touch operation through the view driving engine module.

S250, receiving the service command through the view driving engine module and executing corresponding asynchronous operation according to the service command when the service command is determined to be the asynchronous service command; updating the business data corresponding to the displayed view so that the updated business data comprises state data for executing asynchronous operation; regenerating view rendering data according to the updated service data and the data model corresponding to the displayed view; and sending the regenerated view rendering data to the responsive view module based on the binding relationship.

The asynchronous service command may refer to a command that cannot immediately and directly perform corresponding service processing and needs to perform other asynchronous operations. Asynchronous operations may include, but are not limited to: the operation of obtaining data from the server, and the time-consuming local operations of writing data, reading data and the like. The state data for performing the asynchronous operation may refer to state data corresponding to the displayed view when the displayed view is in a state of performing the asynchronous operation corresponding to the asynchronous service command.

Specifically, after receiving the service command sent by the responsive view module through the view driving engine module, the embodiment may determine whether the received service command is an asynchronous service command according to a preset determination rule, for example, determine whether a command identifier corresponding to the service command is an asynchronous command identifier; if so, the received service command may be determined to be an asynchronous service command. When the service command is determined to be an asynchronous service command, because the execution of the asynchronous service command is time-consuming, the view driving engine module can execute the asynchronous operation corresponding to the asynchronous service command first, and update the currently maintained service data, so that the updated service data comprises the state data for executing the asynchronous operation. And generating corresponding view rendering data when asynchronous operation is executed according to the updated service data and the corresponding data model, and sending the generated view rendering data to the responsive view module again based on the binding relationship.

Illustratively, performing corresponding asynchronous operations according to the business command includes: filtering out parameters corresponding to asynchronous operation corresponding to the service command from the current service data through a view driving engine module; specifically, a parameter Query required by asynchronous operation can be filtered from currently maintained service data through a view driving engine module, and then an asynchronous command capable of generating side effects is generated according to the filtered parameter Query, and the asynchronous command can trigger asynchronous operation, so that asynchronous operation corresponding to the service command can be executed.

For example, if data needs to be acquired from the server, the responsive view module may send an asynchronous service command of a data request to the view driving engine module, and in the view driving engine module, a parameter Query required by the data request may be filtered from the maintained current service data, so that an asynchronous instruction that may trigger an asynchronous data request operation may be generated according to the filtered parameter Query, so as to perform the data request operation.

And S260, re-rendering and displaying the displayed view according to the regenerated view rendering data through the response type view module.

Specifically, the displayed view can be rendered and displayed again according to the regenerated view rendering data through the responsive view module to update the displayed view in the display interface, so that the displayed view can show that the displayed view is currently in a state of executing asynchronous operations corresponding to asynchronous business commands, such as displaying icons loaded with Loading, so that a user can know the view updating state more intuitively, and the viewing experience of the user is improved.

And S270, regenerating view rendering data according to the execution result, the service data corresponding to the displayed view and the data model after the execution result of the asynchronous operation is obtained through the view driving engine module, and sending the current regenerated view rendering data to the responsive view module based on the binding relationship.

Specifically, after the asynchronous operation is executed, a result callback command capable of generating side effects can be returned after the execution result of the asynchronous operation is obtained through the view driving engine module, and the execution result of the asynchronous operation can be used as a parameter of the asynchronous service command to update the service data again through the result callback command, so that the updated service data comprises the execution result of the asynchronous operation. And generating corresponding view rendering data after the asynchronous service command is processed according to the updated service data and the updated data model, and sending the current regenerated view rendering data to the responsive view module again based on the binding relationship.

And S280, re-rendering and displaying the displayed view according to the current regenerated view rendering data through the responsive view module.

In particular, the displayed view can be re-rendered and displayed by the responsive view module according to the re-generated view rendering data to update the displayed view in the display interface, so that the displayed view can show a state after the asynchronous business command is executed, such as displaying data acquired from the server.

Fig. 5 shows a schematic diagram of the data flow when processing asynchronous traffic commands. As shown in fig. 5, in this embodiment, when it is determined that a service command is an asynchronous service command, a view driving engine module filters a parameter Query required for asynchronous operation from current service data, an asynchronous command capable of generating a side effect can be generated based on the parameter Query, and the corresponding asynchronous operation can be executed by triggering the asynchronous command; and meanwhile, generating view rendering data corresponding to the asynchronous operation according to the service data containing the state data for executing the asynchronous operation, and sending the view rendering data to the responsive view module for rendering and displaying. After the asynchronous operation is executed, a result callback command which can generate side effects can be returned, the execution result of the asynchronous operation can be used as the parameter of the asynchronous service command to update the service data again through the result callback command, secondary reduce operation is carried out, and the definition of the reduce can be further perfected by using mathematical symbols is as follows: s_n+1,C＇＝f(S_nC'); accordingly, the use of pseudo code can be expressed as: func reduce (State, Command->(State, Command. Thus, the processing logic of synchronous and asynchronous service commands can be defined at the same time, and the service data can be updated only once for the synchronous service commands; for asynchronous serviceThe result callback command can update the service data again by taking the execution result of the asynchronous operation as the parameter of the asynchronous service command, thereby generating a side effect.

The embodiment of the disclosure can respond to the service state data generated in the view driving engine module through the responsive view module, and present a corresponding view. Fig. 6 shows a schematic diagram of a view response procedure. As shown in fig. 6, when the service command is an asynchronous service command, the responsive view module may generate a corresponding intermediate view according to the view rendering data generated in the view driving engine module when the asynchronous operation is performed; and after the asynchronous operation is finished, generating a corresponding response back view according to final view rendering data which is generated in the view driving engine module and responds to the asynchronous service command. Therefore, when the service data in the view driving engine module changes, the response view module can automatically respond to the change and generate a corresponding new view, that is, the view and the service data are in one-to-one correspondence, and the service data has uniqueness at any time, so that the consistency of the view and the service data is ensured, and the thread safety of view operation is further ensured.

According to the technical scheme of the embodiment of the disclosure, when the service command is an asynchronous service command, the asynchronous operation corresponding to the asynchronous service command can be executed through the view driving engine module, and the view rendering data corresponding to the asynchronous operation can be generated according to the service data containing the state data for executing the asynchronous operation. By means of the responsive view module, the displayed view is updated according to the regenerated view rendering data, so that the displayed view can exhibit an intermediate view currently in the middle of performing asynchronous operations, so that the user can more intuitively know the view update status. And after the asynchronous operation is finished, the displayed view is updated again according to the execution result of the asynchronous operation, so that the displayed view can show the content required by the user, and the user experience is improved.

The following is an embodiment of a display apparatus of a page view provided by the embodiment of the present disclosure, the apparatus and the display method of a page view of the foregoing embodiments belong to the same inventive concept, and details that are not described in detail in the embodiment of the display apparatus of a page view may refer to the embodiment of the display method of a page view.

EXAMPLE III

Fig. 7 is a schematic structural diagram of a display device for a page view provided by a third embodiment of the present disclosure, where the third embodiment of the present disclosure is applicable to a case where a page view is displayed in an application based on an iOS system. As shown in fig. 7, the display device of the page view in the embodiment of the present disclosure specifically includes: a controller module 310, a view driver engine module 320, and a responsive view module 330.

The controller module 310 is configured to create a view driving engine module and a responsive view module for a current page, and establish a binding relationship between the view driving engine module and the responsive view module; the view driving engine module 320 is configured to obtain service data and a data model corresponding to a view to be displayed on a current page, generate view rendering data corresponding to the view to be displayed according to the service data and the data model, and send the view rendering data to the responsive view module based on the binding relationship; the service data comprises intermediate data generated in the service process, and the data model comprises attribute data of a service object; and a responsive view module 330 for rendering and displaying the view according to the view rendering data.

Optionally, the responsive view module 330 further comprises:

accordingly, the view driving engine module 320 further includes:

accordingly, responsive view module 330 is further configured to: and re-rendering and displaying the displayed view according to the regenerated view rendering data.

Optionally, the responsive view module 330 further comprises:

accordingly, the view driving engine module 320 further includes:

accordingly, responsive view module 330 is further configured to: and re-rendering and displaying the displayed view according to the current regenerated view rendering data.

Optionally, the view driving engine module 320 includes:

Optionally, the responsive view module 330 is specifically configured to:

Optionally, the controller module 310, comprises:

The display device of the page view provided by the embodiment of the disclosure can execute the display method of the page view provided by any embodiment of the disclosure, and has the corresponding functional modules and beneficial effects of executing the display method of the page view.

Example four

Fig. 8 shows a schematic diagram of a hardware structure of a terminal device according to a fourth embodiment of the present disclosure. The terminal device in the embodiments of the present disclosure may include, but is not limited to, a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a vehicle terminal (e.g., a car navigation terminal), and the like, and a stationary terminal such as a digital TV, a desktop computer, and the like. The terminal device shown in fig. 8 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.

As shown in fig. 8, the terminal device 400 may include a processing means (e.g., a central processing unit, a graphic processor, etc.) 401, which may perform various appropriate actions and processes according to a program stored in a Read-Only Memory (ROM) 402 or a program loaded from a storage means 408 into a Random Access Memory (RAM) 403. In the RAM 403, various programs and data necessary for the operation of the terminal apparatus 400 are also stored. The processing device 401, the ROM 402, and the RAM 403 are connected to each other via a bus 404. An input/output (I/O) interface 405 is also connected to bus 404.

Generally, the following devices may be connected to the I/O interface 405: input devices 406 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; an output device 407 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 408 including, for example, tape, hard disk, etc.; and a communication device 409. The communication means 409 may allow the terminal device 400 to communicate with other devices wirelessly or by wire to exchange data. While fig. 8 illustrates a terminal apparatus 400 having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.

In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method illustrated in the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network via the communication device 409, or from the storage device 408, or from the ROM 402. The computer program performs the above-described functions defined in the methods of the embodiments of the present disclosure when executed by the processing device 401.

The server provided by the embodiment of the present disclosure and the method for displaying a page view provided by the above embodiment belong to the same inventive concept, and technical details that are not described in detail in the embodiment can be referred to the above embodiment, and the embodiment has the same beneficial effects as the method for displaying a page view.

EXAMPLE five

A fifth embodiment of the present disclosure provides a computer storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the method for displaying a page view provided in any of the above embodiments.

It should be noted that the computer storage media described above in this disclosure can be computer readable signal media or computer readable storage media or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a Read-Only Memory (ROM), an Erasable Programmable Read-Only Memory (EPROM) or FLASH Memory (FLASH), an optical fiber, a portable compact disc Read-Only Memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In contrast, in the present disclosure, a computer readable signal medium may comprise a propagated data signal with computer readable program code embodied therein, either in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.

The computer storage may be contained in the terminal device; or may exist separately without being assembled into the terminal device.

The computer stores one or more programs that, when executed by the terminal device, cause the terminal device to: establishing a view driving engine module and a response type view module for the current page through a controller module, and establishing a binding relationship between the view driving engine module and the response type view module; the method comprises the steps that business data and a data model corresponding to a view to be displayed of a current page are obtained through a view driving engine module, view rendering data corresponding to the view to be displayed are generated according to the business data and the data model, and the view rendering data are sent to a response type view module based on a binding relation; the service data comprises intermediate data generated in the service process, and the data model comprises attribute data of a service object; and performing view rendering and display according to the view rendering data through the responsive view module.

Computer program code for carrying out operations for aspects of the present disclosure may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + +, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).

The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The units described in the embodiments of the present disclosure may be implemented by software or hardware. The name of a unit does not in some cases constitute a definition of the unit itself, for example, the first controller module, and may also be described as "a module that creates a view driving engine module and a responsive view module for a current page, and establishes a binding relationship between the view driving engine module and the responsive view module".

The foregoing description is only exemplary of the preferred embodiments of the disclosure and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the disclosure herein is not limited to the particular combination of features described above, but also encompasses other embodiments in which any combination of the features described above or their equivalents does not depart from the spirit of the disclosure. For example, the above features and (but not limited to) the features disclosed in this disclosure having similar functions are replaced with each other to form the technical solution.

Claims

1. A method for displaying a page view, the method comprising:

rendering and displaying the view according to the view rendering data through the responsive view module;

wherein the establishing of the binding relationship between the view driving engine module and the responsive view module comprises:

2. The method of claim 1, wherein after performing view rendering and displaying, the method further comprises:

3. The method of claim 1, wherein after performing view rendering and displaying, the method further comprises:

4. The method of claim 3, wherein performing the corresponding asynchronous operation according to the service command comprises:

5. The method of claim 3, wherein after re-rendering and displaying the displayed view in accordance with the regenerated view rendering data, the method further comprises:

6. The method of claim 3, wherein the asynchronous operation comprises: an operation of acquiring data from a server.

7. The method according to claim 1, wherein obtaining business data and a data model corresponding to a view to be displayed of a current page, and generating view rendering data corresponding to the view to be displayed according to the business data and the data model comprises:

8. The method of claim 1, wherein view rendering and displaying according to the view rendering data comprises:

9. A display device for page views, the device comprising:

a responsive view module for rendering and displaying a view according to the view rendering data;

wherein the controller module comprises: and the binding relationship establishing unit is used for registering a response function of the updated responsive view module as an output response object of the view driving engine module on the view driving engine module so as to send the generated view rendering data to the responsive view module by calling the response function when the view rendering data are generated on the view driving engine module.

10. A terminal device, characterized in that the device comprises:

one or more processors;

a memory for storing one or more programs;

when executed by the one or more processors, cause the one or more processors to implement a method of displaying a page view as recited in any of claims 1-8.

11. A computer storage medium on which a computer program is stored, which program, when being executed by a processor, carries out a method of displaying a page view according to any one of claims 1 to 8.