Page updating method and device, electronic equipment and computer readable medium

Abstract

Embodiments of the present disclosure disclose a page updating method and device, an electronic device and a computer readable medium. A specific implementation of the method comprises: in response to detecting a selection operation acting on an order submission control, obtaining order parameter information; sending the order parameter information to a server; in response to receiving dynamic page model data sent by the server, rendering each page element according to the dynamic page model data; caching dynamic element request data sets to a request data set cache; in response to detecting a selection operation acting on any page interactive element, updating dynamic element request data corresponding to the any page interactive element; determining whether an event type corresponding to the any page interactive element generates an event action; and in response to determining that the event action is not generated, updating an order information page according to the updated dynamic element request data set. The implementation can shorten the time consumed for updating the order information page and improve user experience.

Description

TECHNICAL FIELD

[0001] Embodiments of the present disclosure relate to the field of computer technology, and in particular, to a page updating method and device, an electronic device and a computer readable medium. BACKGROUND

[0002] With the development of Internet technology and the popularity of smart terminals, more and more users can obtain goods through network platforms, which brings great convenience to users. At present, when updating an order information page, the commonly used method is: first, the client initiates a request to the backend according to user operations, then the backend issues data corresponding to the request to the client, and then the client updates the page according to the received data and the agreed input parameter format.

[0003] However, the inventors have found that when the order information page is updated in the above manner, the following technical problems often exist:

[0004] First, the client needs to update the page according to the specific parameters returned by the backend. When the business scenario or the interface of the backend changes, the input parameter format is updated, and the application of the display page needs to be updated and upgraded synchronously, resulting in a long time spent in updating the order information page and poor user experience.

[0005] Second, when the user operates on the order information page, due to the large number of page elements and the limited page size, some page interaction elements are small in size, resulting in a large number of operation errors when the user operates on the small page interaction elements, and poor user experience.

[0006] The above information disclosed in the background section of this document is only intended to enhance the understanding of the background of the present inventive concept and thus can include information that does not form the prior art known to those of ordinary skill in the art in the country. SUMMARY

[0007] The summary section of the present disclosure is intended to introduce the concepts in a simplified form, which will be described in detail in the specific embodiments section. The summary section of the present disclosure is not intended to identify key or essential features of the claimed technical solutions or to limit the scope of the claimed technical solutions.

[0008] Some embodiments of the present disclosure propose a page updating method, device, electronic device and computer readable medium to solve one or more of the technical problems mentioned in the background section.

[0009] In a first aspect, some embodiments of the present disclosure provide a page updating method, which comprises: in response to detecting a selection operation on an order submission control in an item selection page, obtaining order parameter information; sending the order parameter information to a server, so that the server generates dynamic page model data according to the order parameter information, wherein the dynamic page model data comprises a dynamic element request data set; in response to receiving the dynamic page model data sent by the server, rendering each page element of an order information page according to the dynamic page model data; caching the dynamic element request data set to a request data set cache; in response to detecting a selection operation on any page interactive element in the order information page, updating dynamic element request data corresponding to the any page interactive element included in the cached dynamic element request data set to obtain updated dynamic element request data set, wherein the cached dynamic element request data set is the dynamic element request data set corresponding to the order information page in the request data set cache; determining whether an event type corresponding to the any page interactive element generates an event action; and in response to determining that the event type corresponding to the any page interactive element does not generate the event action, updating the order information page according to the updated dynamic element request data set.

[0010] In a second aspect, some embodiments of the present disclosure provide a page updating apparatus, which comprises: an obtaining unit configured to, in response to detecting a selection operation on an order submission control in an item selection page, obtain order parameter information; a sending unit configured to send the order parameter information to a server, so that the server generates dynamic page model data according to the order parameter information, wherein the dynamic page model data comprises a dynamic element request data set; a rendering unit configured to, in response to receiving the dynamic page model data sent by the server, render each page element of an order information page according to the dynamic page model data; a caching unit configured to cache the dynamic element request data set to a request data set cache; a first updating unit configured to, in response to detecting a selection operation on any page interactive element in the order information page, update dynamic element request data corresponding to the any page interactive element included in the cached dynamic element request data set to obtain updated dynamic element request data set, wherein the cached dynamic element request data set is the dynamic element request data set corresponding to the order information page in the request data set cache; a determining unit configured to determine whether an event type corresponding to the any page interactive element generates an event action; and a second updating unit configured to, in response to determining that the event type corresponding to the any page interactive element does not generate the event action, update the order information page according to the updated dynamic element request data set.

[0011] In a third aspect, some embodiments of the present disclosure provide an electronic device, comprising: one or more processors; a storage device having stored thereon one or more programs, which, when executed by the one or more processors, cause the one or more processors to implement the method described in any implementation manner of the first aspect.

[0012] In a fourth aspect, some embodiments of the present disclosure provide a computer-readable medium having stored thereon a computer program, wherein the computer program, when executed by a processor, implements the method described in any implementation manner of the first aspect.

[0013] The above various embodiments of the present disclosure have the following beneficial effects: by the page updating method of some embodiments of the present disclosure, the time consumed for updating the order information page can be shortened, and the user experience can be improved. Specifically, the reason why the time consumed for updating the order information page is relatively long and the user experience is relatively poor is that the client needs to update the page according to the specific parameters returned by the backend. When the business scenario or the interface of the backend is changed, the input parameter format is updated, and the application of the display page needs to be updated and upgraded synchronously, resulting in that the time consumed for updating the order information page is relatively long, and the user experience is relatively poor. Based on this, the page updating method of some embodiments of the present disclosure first, in response to detecting a selection operation on an order submission control in an item selection page, obtains order parameter information. Thus, the information about the item that the user needs to obtain through the network platform can be obtained, so as to be used to generate dynamic page model data. Then, the order parameter information is sent to the server, so that the server generates dynamic page model data according to the order parameter information. The dynamic page model data includes a dynamic element request data set. Thus, the dynamic page model data can be generated by the backend and sent to the client, so that the client can not need to pay attention to the specific parameters related to the business. Then, in response to receiving the dynamic page model data sent by the server, each page element of the order information page is rendered according to the dynamic page model data. Thus, the client can generate the order information page without paying attention to the specific parameters related to the business, so that when the business scenario or the interface of the backend is changed, the application of the display page does not need to be updated and upgraded synchronously, and the time for generating the order information page is shortened. Then, the dynamic element request data set is cached in the request data set cache. Thus, the dynamic element request data set can be cached in the local of the client, so as to be used to update the order information page. Next, in response to detecting a selection operation on any page interactive element in the order information page, the dynamic element request data corresponding to the any page interactive element included in the cached dynamic element request data set is updated to obtain an updated dynamic element request data set, wherein the cached dynamic element request data set is the dynamic element request data set corresponding to the order information page in the request data set cache. Thus, when the user needs to change the order information, the dynamic element request data corresponding to the user's selection operation can be updated, so as to be used to update the order information page. Then, it is determined whether the event type corresponding to the any page interactive element produces an event action. Thus, it can be determined whether the operation of the user needs to refresh the entire page. Finally, in response to determining that the event type corresponding to the any page interactive element does not produce the event action, the order information page is updated according to the updated dynamic element request data set. Thus, when the operation of the user does not need to refresh the entire page, the client can directly update the order information page, so as to shorten the time for updating the order information page.Also because when updating the order information page, the backend generates dynamic page model data and returns the data to the client, the client does not need to pay attention to specific parameters returned by the backend, and thus when the business scenario or the interface of the backend is changed, the application of the display page does not need to be updated and upgraded synchronously, thereby shortening the time for updating the order information page and improving the user experience. BRIEF DESCRIPTION OF DRAWINGS

[0014] The above and other features, advantages and aspects of embodiments of the present disclosure will become more apparent by describing in detail some embodiments thereof with reference to the attached drawings in which:

[0015] Figure 1 is a flowchart of some embodiments of the page updating method according to the present disclosure;

[0016] Figure 2 is a structural schematic diagram of some embodiments of the page updating apparatus according to the present disclosure;

[0017] Figure 3 is a structural schematic diagram of an electronic device suitable for implementing some embodiments of the present disclosure. DETAILED DESCRIPTION

[0018] Embodiments of the present disclosure will be described in detail with reference to the drawings. Although some embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms, and should not be interpreted as being limited to the embodiments set forth herein. On the contrary, these embodiments are provided so as to more thoroughly and completely understand the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes, and are not intended to limit the scope of protection of the present disclosure.

[0019] In addition, it should be further noted that only parts related to the present application are shown in the drawings for ease of description. The embodiments in the present disclosure and the features in the embodiments can be combined with each other without conflict.

[0020] It should be noted that the concepts of "first", "second", etc. mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not intended to limit the order or interdependence of the functions performed by these devices, modules or units.

[0021] It should be noted that the adjectives "one", "multiple" mentioned in the present disclosure are illustrative and not limiting, and those skilled in the art should understand that unless otherwise explicitly stated in the context, it should be understood as "one or more".

[0022] The names of messages or information exchanged between the plurality of devices in the embodiments of the present disclosure are only for illustrative purposes, and are not intended to limit the scope of the messages or information.

[0023] The present disclosure will be described in detail below with reference to the accompanying drawings and in conjunction with embodiments.

[0024] Figure 1 A flow 100 of some embodiments of the page updating method according to the present disclosure is shown. The page updating method comprises the following steps:

[0025] In step 101, in response to detecting a selection operation acting on an order submission control in an item selection page, order parameter information is obtained.

[0026] In some embodiments, a subject (e.g., a computing device) of performing the page updating method can acquire order parameter information in response to detecting a selection operation on an order submission control in an item selection page. The item selection page can be a page for a user to select items. The order submission control can be a control for submitting an order of items selected by the user. The selection operation can be at least one of, but not limited to, clicking, swiping, and hovering. The order parameter information can represent an order of the user. The order can represent at least one item selected by the user. The order parameter information can include, but is not limited to, at least one of, an item identifier set, an item site (e.g., store) identifier set, an item quantity set, and an item delivery mode. The at least one item corresponds to the item identifier set, the item site (e.g., store) identifier set, and the item quantity set. The items included in the at least one item can one-to-one correspond to the item identifiers included in the item identifier set. The items included in the at least one item can one-to-one correspond to the item quantities included in the item quantity set. Each item included in the at least one item corresponds to an item site identifier. The item identifiers in the item identifier set can uniquely identify the corresponding items selected by the user. The item site (e.g., store) identifiers included in the item site (e.g., store) identifier set can uniquely identify the sites (e.g., stores) of the corresponding items selected by the user. The item quantities included in the item quantity set can be the quantities of the corresponding items selected by the user. The item delivery mode can be the delivery mode of the corresponding items selected by the user. The delivery mode can be one of, but not limited to, delivery to home, cash on delivery, and self-pickup. In practice, the subject can acquire the order parameter information from a cache via wired or wireless connection in response to detecting the selection operation on the order submission control in the item selection page. It should be noted that the wireless connection can include, but is not limited to, 3G / 4G connection, WiFi connection, Bluetooth connection, WiMAX connection, Zigbee connection, UWB (ultra wideband) connection, and other now known or future developed wireless connection.

[0027] In step 102, the order parameter information is sent to the server, so that the server generates dynamic page model data according to the order parameter information.

[0028] In some embodiments, the execution subject can send the order parameter information to a server, so that the server generates dynamic page model data according to the order parameter information. The dynamic page model data can be data used to generate an order information page. The order information page can be a page used to display order information. The order information can represent an order for at least one item. The order information can include, but is not limited to, at least one of the following: a set of item identifiers, delivery information, a set of item value information, total order value information, a set of item value deduction information, and total value deduction information. The delivery information can represent a delivery method for the at least one item. The delivery information can include, but is not limited to, at least one of the following: a delivery method and delivery value information (e.g., shipping cost). Each item value information included in the set of item value information can be value information (e.g., price) of a corresponding item. The total order value information can be value information (e.g., price) of the at least one item. Each item value deduction information included in the set of item value deduction information can be value deduction information (e.g., coupon) of a corresponding item. The total value deduction information can be a sum of the respective value deduction information (e.g., coupon) of the at least one item. The dynamic page model data can include, but is not limited to, a set of dynamic element request data. Each dynamic element request data included in the set of dynamic element request data corresponds to a page element in the order information page that is used for interaction. The page element can be, but is not limited to, one of the following: a text box, a drop-down box, and a switch. Each dynamic element request data included in the set of dynamic element request data can be a requested attribute value of the corresponding page element. In practice, the server can generate the dynamic page model data according to the order parameter information in various ways.

[0029] In some optional implementations of some embodiments, the server can generate the dynamic page model data according to the order parameter information by the following steps:

[0030] In a first step, in response to receiving the order parameter information, an order value information set is generated based on the order parameter information. Each order value information in the order value information set corresponds to an order value type. The order value information in the order value information set can be value information (e.g., price) corresponding to the order value type. The order value type can be, but is not limited to, one of the following: delivery method, value deduction information (e.g., coupon), value transfer information (e.g., points), and item identifier. Each order value type corresponds to a page element. In practice, first, the execution subject can obtain preset process configuration information corresponding to the order parameter information from a database. The preset process configuration information can be pre-set process configuration information. The process configuration information can include, but is not limited to, a preset dynamic page model and an order value information interface set. The preset dynamic page model can be a pre-set dynamic page model. The dynamic page model can be a preset data for generating an order information page. The preset dynamic page model can include, but is not limited to, a preset dynamic element event data set, a preset dynamic element request data set, and a preset static element data set. The preset dynamic element event data set can be a pre-set dynamic element event data set. The dynamic element event data set can be a dynamic element event data corresponding to each page element. The dynamic element event data in the dynamic element event data set can represent an event corresponding to the page element. The preset dynamic element request data set can be a pre-set dynamic element request data set. The dynamic element request data set can be a dynamic element request data corresponding to each page element. The dynamic element request data in the dynamic element request data set can represent a request corresponding to the page element. The preset static element data in the preset static element data set can be pre-set information of the page element corresponding to the order value type. The preset static element data can include a page element identifier and page element event information. The page element identifier can uniquely identify the page element. For example, the page element identifier can be "value transfer information". The page element event information can represent the attributes of the corresponding page element. The page element event information can include a page element type, a page element initial value, a page element request value, and a page element event action. The page element type can be, but is not limited to, one of the following: text box, drop-down box, and switch. The page element initial value can be a pre-set initial value of the page element. The page element request value can be a pre-set request value of the page element. The page element event action can be a pre-set event action corresponding to the page element. The event action can be, but is not limited to, one of the following: refreshing the page and submitting the order. Each order value information interface in the order value information interface set corresponds to an order value type.The order value information interface in the order value information interface set can be an interface taking the order parameter information as input and outputting order value information of a corresponding order value type.

[0031] Then, the execution subject can invoke each order value information interface included in the order value information interface set to generate a set of order value information.

[0032] As an example, the order parameter information is: "xx coat, xx women's clothing item site, 2, self-pickup; xx shoes, xx shoes item site, 2, self-pickup;" "xx" can be any character, the initial value of the switch control corresponding to the conversion value information included in the process configuration information obtained by the server is "off", the initial value of the drop-down box control corresponding to the delivery mode is "cash on delivery", and the initial value of the text box control corresponding to the value reduction information is "none". Each order value information interface included in the order value information interface set can be an item order value information interface and a delivery order value information interface. The item order value information interface can be an interface taking the order parameter information as input and outputting order value information corresponding to an item identifier. The delivery order value information interface can be an interface taking the order parameter information as input and outputting order value information corresponding to the delivery mode. The execution subject can invoke the item order value information interface to generate at least one order value information corresponding to at least one item identifier as "xx coat, xx women's clothing item site, 2, 300; xx shoes, xx shoes item site, 2, 500". Then, the delivery order value information interface is invoked to generate order value information corresponding to the delivery mode as "10". Finally, each order value information generated is determined as "xx coat, xx women's clothing item site, 2, 300; xx shoes, xx shoes item site, 2, 500; 10".

[0033] Second, according to the set of order value information, a set of dynamic element event data, a set of dynamic element request data, and a set of static element data corresponding to each order value type are generated. In practice, first, for each order value information included in the set of order value information, the execution subject can perform the following sub-steps:

[0034] A first sub-step is to fill the order value information into a target preset title information template to obtain target static element title information. The target preset title information template can be a preset title information template corresponding to a target order value type. The target order value type can be an order value type corresponding to the item value information. The preset title information template can be a template preset for generating static element title information. The static element title information can represent the title of the corresponding page element. For example, when the order value type is a delivery method, the preset title information template can be “transportation value information (shipping fee) __”. The underlined part can be used to fill in the item value information corresponding to the delivery method.

[0035] A second sub-step is to add the target static element title information to preset static element data corresponding to the target item value type included in a preset static element data set to obtain static element data.

[0036] Then, each of the obtained static element data is determined as a static element data set.

[0037] After that, a preset dynamic element event data set is determined as a dynamic element event data set.

[0038] Finally, a preset dynamic element request data set is determined as a dynamic element request data set.

[0039] A third step is to generate dynamic page model data according to the dynamic element event data set, the dynamic element request data set, and the static element data set. In practice, the execution subject can combine the dynamic element event data set, the dynamic element request data set, and the static element data set into dynamic page model data. The combination method can be character concatenation.

[0040] Step 103 is to render each page element of the order information page according to the dynamic page model data in response to receiving the dynamic page model data sent by the server.

[0041] In some embodiments, the execution subject can render each page element of the order information page according to the dynamic page model data in response to receiving the dynamic page model data sent by the server. In practice, the execution subject can render each page element of the order information page according to the dynamic page model data through preset page element configuration information. The preset page element configuration information can be configuration information of the page element preset in advance. For example, the preset page element configuration information can include but is not limited to an HTML file, a CSS file, and a JavaScript file.

[0042] Step 104, cache the dynamic element request data set to the request data set cache.

[0043] In some embodiments, the execution subject can cache the dynamic element request data set to the request data set cache. Wherein, the request data set cache can be a cache for caching dynamic element request data sets.

[0044] Step 105, in response to detecting a selection operation acting on any page interactive element in the order information page, update the dynamic element request data of the corresponding any page interactive element included in the cached dynamic element request data set to obtain an updated dynamic element request data set.

[0045] In some embodiments, the execution subject can update the dynamic element request data of the corresponding any page interactive element included in the cached dynamic element request data set in response to detecting a selection operation acting on any page interactive element in the order information page to obtain an updated dynamic element request data set. Wherein, the cached dynamic element request data set is the dynamic element request data set corresponding to the order information page in the request data set cache. In practice, the execution subject can update the dynamic element request data of the corresponding any page interactive element included in the cached dynamic element request data set in various ways in response to detecting a selection operation acting on any page interactive element in the order information page to obtain an updated dynamic element request data set.

[0046] In some optional implementations of some embodiments, the execution subject can update the dynamic element request data of the corresponding any page interactive element included in the cached dynamic element request data set to obtain an updated dynamic element request data set by the following steps:

[0047] First, determine the dynamic element request data of the corresponding any page interactive element included in the dynamic element request data set as target dynamic element request data.

[0048] Second, determine whether the dynamic element request data set contains dynamic element request data associated with the target dynamic element request data. Wherein, the association with the target dynamic element request data can correspond to the page interactive element associated with the any page interactive element. The association with the any page interactive element can mean that the page interactive element and the any page interactive element cannot be selected by the user at the same time. For example, when the any page interactive element can be a control of the first execution value operation mode (e.g., the first payment method), the page interactive element associated with the any page interactive element can be a control of the second execution value operation mode (e.g., the second payment method).

[0049] In a third step, in response to determining that the dynamic element request data set contains the dynamic element request data associated with the target dynamic element request data, the dynamic element request data associated with the target dynamic element request data is determined as the associated dynamic element request data.

[0050] In a fourth step, a chain key included in the target dynamic element request data is updated, and a chain key included in the associated dynamic element request data is deleted, to obtain an updated dynamic element request data set. In practice, the execution subject can replace a current value corresponding to any page interactive element with a key value corresponding to the chain key included in the target dynamic element request data, and delete the chain key included in the associated dynamic element request data, to obtain the updated dynamic element request data set. The current value of the any page interactive element can be a value obtained from a preset data dictionary. The preset data dictionary can be a preset data dictionary including a preset chain key and a corresponding preset key value. The preset chain key can be a preset chain key. The preset key value can be a preset value corresponding to the chain key.

[0051] Optionally, the execution subject can also replace a current value corresponding to any page interactive element with a key value corresponding to the chain key included in the target dynamic element request data, to obtain an updated dynamic element request data set, in response to determining that the dynamic element request data set does not contain the dynamic element request data associated with the target dynamic element request data.

[0052] As an example, the any page interactive element is a page element corresponding to value transfer information, and the key value of the chain key included in the target dynamic element request data is "off". When the user opens the any page interactive element, the current value "on" corresponding to the any page interactive element is replaced with the key value "off" corresponding to the chain key included in the target dynamic element request data, to obtain an updated dynamic element request data set.

[0053] In step 106, it is determined whether an event type corresponding to any page interactive element generates an event action.

[0054] In some embodiments, the execution subject can determine whether an event type corresponding to the any page interactive element generates an event action. The event type can represent the type of page element. The event type can be one of, but not limited to, the following: text box, drop-down box, selector. The event action can be an action triggered after the user operates the interactive element. For example, the event action can be refreshing the page.

[0055] In step 107, in response to determining that the event type corresponding to the arbitrary page interactive element does not generate the event action, the order information page is updated according to the updated dynamic element request data set.

[0056] In some embodiments, the execution subject can update the order information page according to the updated dynamic element request data set in response to determining that the event type corresponding to the arbitrary page interactive element does not generate the event action. In practice, the execution subject can render the arbitrary page interactive element according to the updated dynamic element request data corresponding to the arbitrary page interactive element included in the updated dynamic element request data set to obtain an updated order information page.

[0057] Optionally, the execution subject can further perform the following steps:

[0058] In the first step, in response to determining that the event type corresponding to the arbitrary page interactive element generates the event action, the updated dynamic element request data set is sent to the server, so that the server generates updated dynamic page model data according to the updated dynamic element request data set. The preset update request information can be information representing a request to update the dynamic page model data. For example, the preset update request information can be "update dynamic page model data". The updated dynamic page model data can be updated dynamic page model data. In practice, the server can generate updated dynamic page model data according to the updated dynamic element request data set in various ways.

[0059] Optionally, the server can generate updated dynamic page model data according to the updated dynamic element request data set through the following sub-steps:

[0060] In the first sub-step, in response to receiving the updated dynamic element request data set, the updated order value information set is generated according to the updated dynamic element request data set. Each updated order value information included in the updated order value information set corresponds to an order value type. In practice, the execution subject can determine whether to generate order value information corresponding to the arbitrary page interactive element according to the updated dynamic element request data corresponding to the arbitrary page interactive element included in the updated dynamic element request data set. In response to determining to generate order value information corresponding to the arbitrary page interactive element, the interface corresponding to the arbitrary page interactive element is called to generate order value information corresponding to the arbitrary page interactive element. The generated order value information corresponding to the arbitrary page interactive element is replaced with target order value information. The target order value information can be target order value information corresponding to the arbitrary page interactive element included in the target order value information set.

[0061] As an example, the order value type corresponding to any of the above page interaction elements is value transfer information, the selection operation is opening any of the above page interaction elements, the event action generated is refreshing the page, the order value information set is "xx coat, xx women's clothing item site, 2, 300; xx shoes, xx shoes item site, 2, 500; 10", and the execution subject can call the value transfer information (for example, points) interface, and the order value information corresponding to the value transfer information generated is "2000". Then, the updated order value information set is "xx coat, xx women's clothing item site, 2, 300; xx shoes, xx shoes item site, 2, 500; 10; 2000".

[0062] Second sub-step, according to the above updated order value information set, generating target dynamic element event data set, target dynamic element request data set and target static element data set corresponding to each order value type. First, for each updated order value information included in the above updated order value information set, the execution subject can perform the following steps:

[0063] Step one, fill the above updated order value information into the above target preset title information template to obtain updated static element title information.

[0064] Step two, add the above updated static element title information to the preset static element data corresponding to the target item value type included in the preset static element data set to obtain target static element data.

[0065] Then, combine the obtained each target static element data to obtain the target static element data set.

[0066] After that, update the key value of the chain key corresponding to the above any page interaction element included in the above dynamic element event data set to the current value corresponding to the above any page interaction element to obtain the target dynamic element event data set.

[0067] Finally, determine the above updated dynamic element request data set as the target dynamic element request data set.

[0068] Third sub-step, according to the above target dynamic element event data set, the above target dynamic element request data set and the above target static element data set, generating updated dynamic page model data. In practice, the execution subject can combine the above target dynamic element event data set, the above target dynamic element request data set and the above target static element data set to obtain the updated dynamic page model data.

[0069] In the second step, in response to receiving the updated dynamic page model data sent by the server, each page element of the order information page is rendered according to the updated dynamic page model data. In practice, the execution subject can render each page element of the order information page according to the updated dynamic page model data through the preset page element configuration information in response to receiving the updated dynamic page model data sent by the server.

[0070] Optionally, the execution subject can further perform the following steps:

[0071] In the first step, a user eye image is collected by a collection device. The collection device can be a device for collecting a user eye image. For example, the collection device can be a front camera arranged on a terminal. The user eye image can be an image of the user's eye.

[0072] In the second step, eye position detection processing is performed on the user eye image to obtain user eye position information. In practice, first, the execution subject can input the user eye image into a preset eye position information generation model to obtain user eye position information. The preset eye position information generation model can be a neural network preset to take a user eye image as input and output user eye position information. The neural network can be a YOLOv5 network structure. The user eye position information can include a set of eye coordinate groups. Each eye coordinate group in the set of eye coordinate groups corresponds to an eye of the user. An eye coordinate group can include an eye coordinate corresponding to the upper left corner of an eye rectangle frame of an eye and an eye coordinate corresponding to the lower right corner of the eye rectangle frame. The eye rectangle frame can be a frame of a circumscribed rectangle of the eye. The eye coordinate can be a coordinate in a target coordinate system. The target coordinate system can be a plane coordinate system with the lower left corner of the user eye image as the origin and the plane of the user eye image as the x-y plane.

[0073] In the third step, an eye image group is generated according to the user eye position information. In practice, for each eye coordinate group in the set of eye coordinate groups included in the user eye position information, the execution subject can determine an image of a rectangle frame formed by the eye coordinate group as an eye image. Then, each eye image determined is determined as an eye image group.

[0074] In the third step, the user gaze point position information is generated according to the eye image group and the gaze point information generation model. The user gaze point position information can be the coordinates of the user's gaze point in the user terminal screen coordinate system. The user terminal screen coordinate system can be a plane coordinate system with the upper left corner of the user terminal screen as the origin and the user terminal screen as the x-y plane. The gaze point information generation model is a classification model that takes the eye image group as input and outputs the user gaze point position information. The gaze point information generation model includes an input layer, a first classification model, a second classification model, a third classification model, and an output layer. The input layer can be used to extract features from each eye image in the eye image group. The first classification model, the second classification model, and the third classification model can be different types of classification models for generating user gaze point positions. The output layer can output the user gaze point position information according to the user gaze point positions generated by the first classification model, the second classification model, and the third classification model. The output layer can first input the two user gaze point positions into the Euclidean distance formula to obtain a target distance value. Second, in response to determining that the obtained target distance value satisfies a preset distance condition, the two user gaze point positions corresponding to any one target distance value are determined as a target gaze point position group. The preset distance condition can be that any one of the obtained target distance values is less than or equal to a preset error value. The preset error value can be a pre-set error value. Then, the mean of each x-coordinate corresponding to the x-axis included in the target gaze point position group is determined as a target x value, and the mean of each y-coordinate corresponding to the y-axis included in the target gaze point position group is determined as a target y value. After that, the target x value and the target y value are determined as the user gaze point position information. Next, in response to determining that the obtained target distance value does not satisfy the preset distance condition, the mean of each x-coordinate corresponding to the x-axis included in each gaze point position group is determined as a target x value, and the mean of each y-coordinate corresponding to the y-axis included in each gaze point position group is determined as a target y value. Finally, the target x value and the target y value are determined as the user gaze point position information. The input layer is connected to the first classification model, the second classification model, and the third classification model. The first classification model, the second classification model, and the third classification model are connected to the output layer.

[0075] Optionally, the gaze point information generation model can be trained by the following steps:

[0076] First, a sample set is obtained. The samples in the sample set can include a sample eye image group and corresponding sample user gaze landing point position information.

[0077] Second, the following training steps are performed based on the sample set:

[0078] In a first training step, at least one sample in the sample set is input into an input layer of an initial gaze landing point information generation model, respectively, to obtain a feature vector group corresponding to each sample in the at least one sample.

[0079] In a second training step, the feature vector group corresponding to each sample in the at least one sample is input into a first classification model, a second classification model, and a third classification model of the initial gaze landing point information generation model, respectively, to obtain a first user gaze landing point position, a second user gaze landing point position, and a third user gaze landing point position corresponding to each sample in the at least one sample.

[0080] In a third training step, the first user gaze landing point position, the second user gaze landing point position, and the third user gaze landing point position corresponding to each sample in the at least one sample are input into an output layer of the initial gaze landing point information generation model, to obtain user gaze landing point position information corresponding to each sample in the at least one sample.

[0081] In a fourth training step, the user gaze landing point position information corresponding to each sample in the at least one sample is compared with sample user gaze landing point position information corresponding to the sample. Here, the comparison can be to determine whether the difference between the user gaze landing point position information and the sample user gaze landing point position information is within a target range. The target range is not limited.

[0082] In a fifth training step, it is determined whether the initial gaze landing point information generation model reaches a preset optimization target according to the comparison result. The optimization target can be that the difference between the user gaze landing point position information and the sample user gaze landing point position information is within the target range.

[0083] In a sixth training step, in response to determining that the initial gaze landing point information generation model reaches the optimization target, the initial gaze landing point information generation model is taken as a trained gaze landing point information generation model.

[0084] Optionally, the step of training the gaze landing point information generation model can further include:

[0085] In a seventh training step, in response to determining that the initial line-of-sight landing point information generation model does not achieve the optimization target, adjusting the network parameters of the initial line-of-sight landing point information generation model, and using the unused sample to constitute a sample set, using the adjusted initial line-of-sight landing point information generation model as the initial line-of-sight landing point information generation model, and executing the above training steps again. As an example, the network parameters of the initial line-of-sight landing point information generation model can be adjusted using a back propagation algorithm (BP algorithm) and a gradient descent method (such as a stochastic mini-batch gradient descent algorithm).

[0086] In a fourth step, the target operation page element is determined according to the user line-of-sight landing point position information. In practice, the execution subject can determine the page element corresponding to the user line-of-sight landing point position information in the order information page as the target operation page element.

[0087] In a fifth step, the target operation page element is enlarged and displayed in the order information page. In practice, the execution subject can enlarge the target operation page element by a preset multiple at the same scale and display the enlarged target operation page element in the order information page. The preset multiple can be a preset multiple. For example, the preset multiple can be 1.5 times.

[0088] The technical solutions and related contents thereof serve as one of the inventive points of the embodiments of the present disclosure, and solve the second technical problem mentioned in the background art, i.e., when a user operates on the order information page, due to a large number of page elements and limited page size, the size of some page interactive elements is small, which causes a large number of operation errors when the user operates on the page interactive elements with small sizes, and results in poor user experience. The factors that cause a large number of operation errors when the user operates on the page interactive elements with small sizes and result in poor user experience are usually as follows: when a user operates on the order information page, due to a large number of page elements and limited page size, the size of some page interactive elements is small, which causes a large number of operation errors when the user operates on the page interactive elements with small sizes, and results in poor user experience. If the above factors are solved, the effect of reducing the number of operation errors and improving user experience can be achieved. To achieve this effect, the page updating method of some embodiments of the present disclosure first controls the associated acquisition device to acquire a user eye image. In this way, the user eye image can be obtained, which can be used to determine the position at which the user gazes at the screen. Second, the user eye image is subjected to eye position detection processing to obtain user eye position information. According to the user eye position information, an eye image group is generated. According to the eye image group and a gaze drop point information generation model, user gaze drop point position information is generated. The gaze drop point information generation model is a classification model that takes the eye image group as input and outputs the user gaze drop point position information, and includes an input layer, a first classification model, a second classification model, a third classification model, and an output layer. In this way, the position at which the user gazes at the screen can be accurately determined through the gaze drop point information generation model including three classification models, which can be used to determine the page element on which the user gazes. Finally, according to the user gaze drop point position information, a target operation page element is determined. The target operation page element is subjected to magnification processing, and the magnified target operation page element is displayed on the order information page. In this way, the page element on which the user gazes can be magnified, so that when the user operates on the page element on which the user gazes, the number of operation errors can be reduced. Also, when the user needs to operate on a page interactive element with a small size, the page interactive element on which the user needs to operate can be accurately positioned through the gaze drop point information generation model, and the page interactive element on which the user needs to operate is magnified, so that the size of the page interactive element on which the user needs to operate is increased, thereby reducing the number of operation errors and improving user experience.

[0089] The above various embodiments of the present disclosure have the following beneficial effects: by the page updating method of some embodiments of the present disclosure, the time consumed for updating the order information page can be shortened, and the user experience can be improved. Specifically, the reason why the time consumed for updating the order information page is relatively long and the user experience is relatively poor is that the client needs to update the page according to the specific parameters returned by the backend. When the business scenario or the interface of the backend is changed, the input parameter format is updated, and the application of the display page needs to be updated and upgraded synchronously, resulting in that the time consumed for updating the order information page is relatively long, and the user experience is relatively poor. Based on this, the page updating method of some embodiments of the present disclosure first, in response to detecting a selection operation on an order submission control in an item selection page, obtains order parameter information. Thus, the information about the item that the user needs to obtain through the network platform can be obtained, so as to be used to generate dynamic page model data. Then, the order parameter information is sent to the server, so that the server generates dynamic page model data according to the order parameter information. The dynamic page model data includes a dynamic element request data set. Thus, the dynamic page model data can be generated by the backend and sent to the client, so that the client can not need to pay attention to the specific parameters related to the business. Then, in response to receiving the dynamic page model data sent by the server, each page element of the order information page is rendered according to the dynamic page model data. Thus, the client can generate the order information page without paying attention to the specific parameters related to the business, so that when the business scenario or the interface of the backend is changed, the application of the display page does not need to be updated and upgraded synchronously, and the time for generating the order information page is shortened. Then, the dynamic element request data set is cached in the request data set cache. Thus, the dynamic element request data set can be cached in the local of the client, so as to be used to update the order information page. Next, in response to detecting a selection operation on any page interactive element in the order information page, the dynamic element request data corresponding to the any page interactive element included in the cached dynamic element request data set is updated to obtain an updated dynamic element request data set, wherein the cached dynamic element request data set is the dynamic element request data set corresponding to the order information page in the request data set cache. Thus, when the user needs to change the order information, the dynamic element request data corresponding to the user's selection operation can be updated, so as to be used to update the order information page. Then, it is determined whether the event type corresponding to the any page interactive element produces an event action. Thus, it can be determined whether the operation of the user needs to refresh the entire page. Finally, in response to determining that the event type corresponding to the any page interactive element does not produce the event action, the order information page is updated according to the updated dynamic element request data set. Thus, when the operation of the user does not need to refresh the entire page, the client can directly update the order information page, so as to shorten the time for updating the order information page.Also because when updating the order information page, the backend generates dynamic page model data and returns it to the client, the client does not need to pay attention to the specific parameters returned by the backend, and thus when the business scenario or the interface of the backend changes, the application of the display page does not need to be updated and upgraded synchronously, thereby shortening the time for updating the order information page and improving the user experience.

[0090] Further reference Figure 2 , as an implementation of the method shown in the above figures, the present disclosure provides some embodiments of a page updating device, which device embodiments correspond to those method embodiments, and the device can be specifically applied to various electronic devices. Figure 1

[0091] As shown in Figure 2 , the page updating device 200 of some embodiments includes an acquisition unit 201, a sending unit 202, a rendering unit 203, a cache unit 204, a first updating unit 205, a determination unit 206, and a second updating unit 207. The acquisition unit 201 is configured to acquire order parameter information in response to detecting a selection operation acting on an order submission control in an item selection page; the sending unit 202 is configured to send the order parameter information to a server, so that the server generates dynamic page model data according to the order parameter information, wherein the dynamic page model data includes a dynamic element request data set; the rendering unit 203 is configured to render each page element of an order information page according to the dynamic page model data in response to receiving the dynamic page model data sent by the server; the cache unit 204 is configured to cache the dynamic element request data set to a request data set cache; the first updating unit 205 is configured to update the dynamic element request data corresponding to any page interactive element in the order information page included in the cached dynamic element request data set to obtain an updated dynamic element request data set, wherein the cached dynamic element request data set is the dynamic element request data set corresponding to the order information page in the request data set cache; the determination unit 206 is configured to determine whether an event type corresponding to the any page interactive element produces an event action; and the second updating unit 207 is configured to update the order information page according to the updated dynamic element request data set in response to determining that the event type corresponding to the any page interactive element does not produce the event action.

[0092] It can be understood that the units recorded in the page updating device 200 correspond to each step in the method described with reference to Figure 1 . Therefore, the operations, features, and beneficial effects described above for the method also apply to the device 200 and the units contained therein, and will not be described again here. ​

[0093] Reference will now be made to Figure 3 which shows a structural diagram of an electronic device 300 suitable for use in implementing some embodiments of the present disclosure. The electronic device in some embodiments of the present disclosure can 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 PC), a PMP (Portable Multimedia Player), a car terminal (e.g., a car navigation terminal), and the like, as well as a stationary terminal such as a digital TV, a desktop computer, and the like. Figure 3 The illustrated electronic device is merely an example and should not impose any limitation on the function and range of use of embodiments of the present disclosure.

[0094] As Figure 3 shown, the electronic device 300 can include a processing means (e.g., a central processor, a graphic processor, etc.) 301 that can perform various appropriate actions and processes according to programs stored in a read-only memory (ROM) 302 or loaded into a random access memory (RAM) 303 from a storage means 308. In the RAM 303, various programs and data required for the operation of the electronic device 300 are also stored. The processing means 301, the ROM 302, and the RAM 303 are connected to each other through a bus 304. An input / output (I / O) interface 305 is also connected to the bus 304.

[0095] In general, the following means can be connected to the I / O interface 305: an input means 306 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, and the like; an output means 307 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, and the like; a storage means 308 including, for example, a magnetic tape, a hard disk, and the like; and a communication means 309. The communication means 309 can allow the electronic device 300 to communicate wirelessly or wiredly with other devices to exchange data. Although Figure 3 The electronic device 300 is shown with various means, but it is understood that not all of the illustrated means are required to be implemented or present. More or fewer means can alternatively be implemented or present. Figure 3 Each block shown in the middle can represent one means or, as desired, multiple means.

[0096] In particular, the processes described above with reference to the flowcharts can be implemented as a computer software program according to some embodiments of the present disclosure. For example, some embodiments of the present disclosure include a computer program product comprising a computer program carried on a computer readable medium, the computer program comprising program code for performing the methods illustrated by the flowcharts. In some such embodiments, the computer program can be downloaded and installed from a network via the communication device 309, or installed from the storage device 308, or installed from the ROM 302. When the computer program is executed by the processing device 301, the above-mentioned functions defined in the methods of some embodiments of the present disclosure are performed.

[0097] It should be noted that the computer readable medium recorded with the program code according to some embodiments of the present disclosure can be a computer readable signal medium or a computer readable storage medium, or any combination of the two. The computer readable storage medium may, for example, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or apparatus, or any combination of the above. More specific examples of the computer readable storage medium can 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), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In some embodiments of the present disclosure, the computer readable storage medium can be any tangible medium that contains or stores a program that can be used by or in connection with an instruction execution system, apparatus or device. In some embodiments of the present disclosure, the computer readable signal medium can include a data signal carried in a baseband or as a part of a carrier wave, which carries computer readable program code. Such a propagated data signal can take many forms, including but not limited to, an electromagnetic signal, an optical signal, or any suitable combination of the above. The computer readable signal medium can also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate or transport program for use by or in connection with an instruction execution system, apparatus or device. The program code contained on the computer readable medium can be transmitted by any suitable medium, including but not limited to, wire, cable, RF (radio frequency), or the like, or any suitable combination of the above.

[0098] In some embodiments, the client, server, can communicate using any known or later developed network protocols such as the Hyper Text Transfer Protocol (HTTP) and can be interconnected to any form or medium of digital data communication (e.g., communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the Internet, and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any current or later developed networks.

[0099] The computer readable medium described above can be included in the electronic device described above; or can exist separately from the electronic device and be not assembled into the electronic device. The computer readable medium described above carries one or more programs, when the one or more programs are executed by the electronic device, cause the electronic device to: in response to detecting a selection operation on an order submission control in an item selection page, acquire order parameter information; send the order parameter information to a server, so that the server generates dynamic page model data according to the order parameter information, wherein the dynamic page model data includes dynamic element request data set; in response to receiving the dynamic page model data sent by the server, render each page element of an order information page according to the dynamic page model data; cache the dynamic element request data set to a request data set cache; in response to detecting a selection operation on any page interactive element in the order information page, update the dynamic element request data corresponding to the any page interactive element included in the cached dynamic element request data set to obtain an updated dynamic element request data set, wherein the cached dynamic element request data set is the dynamic element request data set corresponding to the order information page in the request data set cache; determine whether an event type corresponding to the any page interactive element generates an event action; in response to determining that the event type corresponding to the any page interactive element does not generate the event action, update the order information page according to the updated dynamic element request data set.

[0100] Computer program code for carrying out operations of some embodiments of the present disclosure can be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C++ or the like, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code can 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 latter scenario, the remote computer can 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 can be made to an external computer (for example, through the Internet using an Internet Service Provider).

[0101] The computer program instructions can also be loaded onto a computer or other programmable information processing apparatus to cause a series of operations to be performed on the computer or other programmable information processing apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable information processing apparatus implement the functions / acts specified in the flowchart and / or block diagram block or blocks.

[0102] The units described in some embodiments of the present disclosure can be implemented by software, or can be implemented by hardware. The described units can also be arranged in a processor, for example, can be described as: a processor includes an acquisition unit, a sending unit, a receiving unit, a generation unit and a control unit. Among them, the name of these units does not constitute a limitation to the units themselves in some cases, for example, the acquisition unit can also be described as: "a unit for acquiring order parameter information in response to detecting a selection operation on an order submission control in the item selection page".

[0103] The functionality described herein above can be performed, at least in part, by one or more hardware logic components. For example, and without limitation, illustrative types of hardware logic components that can be used include Field-programmable Gate Arrays (FPGAs), Program- specific Integrated Circuits (ASICs), Program- specific Standard Products (ASSPs), System-on-a-chip systems (SOCs), Complex Programmable Logic Devices (CPLDs), etc.

[0104] The above description is merely exemplary of the disclosure and the application made use of the principles of the technology. It is to be understood that the application scope of the embodiments of the disclosure is not limited to the specific combinations of technical features described above, and should also cover other technical solutions formed by any combination of the above technical features or equivalent features thereof without departing from the inventive concept. For example, the technical solutions formed by replacing the above features with technical features having similar functions disclosed in the embodiments of the disclosure (but not limited to) with each other.

Claims

1. A page updating method, comprising: in response to detecting a selection operation on an order submission control in an item selection page, obtaining order parameter information; sending the order parameter information to a server, so that the server generates dynamic page model data according to the order parameter information, wherein the dynamic page model data includes a dynamic element request data set; in response to receiving the dynamic page model data sent by the server, rendering each page element of an order information page according to the dynamic page model data; caching the dynamic element request data set to a request data set cache; in response to detecting a selection operation on any page interactive element in the order information page, updating dynamic element request data corresponding to the any page interactive element included in the cached dynamic element request data set to obtain an updated dynamic element request data set, wherein the cached dynamic element request data set is the dynamic element request data set corresponding to the order information page in the request data set cache; determining whether an event type corresponding to the any page interactive element generates an event action; in response to determining that the event type corresponding to the any page interactive element does not generate the event action, updating the order information page according to the updated dynamic element request data set.

2. The method of claim 1, wherein, The dynamic page model data is generated by the server through the following steps: in response to receiving the order parameter information, generating an order value information set according to the order parameter information, wherein each order value information included in the order value information set corresponds to an order value type; generating a dynamic element event data set, a dynamic element request data set, and a static element data set corresponding to each order value type according to the order value information set; generating dynamic page model data according to the dynamic element event data set, the dynamic element request data set, and the static element data set.

3. The method of claim 1, wherein, The method further comprises: determining the target dynamic element request data corresponding to the any page interactive element included in the dynamic element request data set as target dynamic element request data; determining whether the dynamic element request data set contains dynamic element request data associated with the target dynamic element request data; in response to determining that the dynamic element request data set contains dynamic element request data associated with the target dynamic element request data, determining the dynamic element request data associated with the target dynamic element request data as associated dynamic element request data; updating the chain key included in the target dynamic element request data, and deleting the chain key included in the associated dynamic element request data to obtain an updated dynamic element request data set.

4. The method of claim 3, wherein, The method further comprises: In response to determining that the dynamic element request data set does not contain dynamic element request data associated with the target dynamic element request data, replacing a current value corresponding to the arbitrary page interactive element with a key value corresponding to a chained key included in the target dynamic element request data to obtain an updated dynamic element request data set.

5. The method of claim 1, wherein, The method further includes: In response to determining that the event type corresponding to the arbitrary page interactive element generates the event action, sending the updated dynamic element request data set to the server, so that the server generates updated dynamic page model data according to the updated dynamic element request data set; In response to receiving the updated dynamic page model data sent by the server, rendering each page element of the order information page according to the updated dynamic page model data.

6. The method of claim 5, wherein, The updated dynamic page model data is generated by the server through the following steps: In response to receiving the updated dynamic element request data set, generating an updated order value information set according to the updated dynamic element request data set, wherein each updated order value information included in the updated order value information set corresponds to an order value type; According to the updated order value information set, generating a target dynamic element event data set, a target dynamic element request data set and a target static element data set corresponding to each order value type; According to the target dynamic element event data set, the target dynamic element request data set and the target static element data set, generating updated dynamic page model data.

7. A page updating apparatus, comprising: An acquisition unit configured to acquire order parameter information in response to detecting a selection operation acting on an order submission control in an order selection page; A sending unit configured to send the order parameter information to a server, so that the server generates dynamic page model data according to the order parameter information, wherein the dynamic page model data includes a dynamic element request data set; A rendering unit configured to render each page element of an order information page according to the dynamic page model data in response to receiving the dynamic page model data sent by the server; A caching unit configured to cache the dynamic element request data set to a request data set cache; A first updating unit configured to update dynamic element request data corresponding to an arbitrary page interactive element included in a cached dynamic element request data set to obtain an updated dynamic element request data set in response to detecting a selection operation acting on the arbitrary page interactive element in the order information page, wherein the cached dynamic element request data set is a dynamic element request data set corresponding to the order information page in the request data set cache; A determination unit configured to determine whether an event type corresponding to the arbitrary page interactive element generates an event action; A second updating unit configured to update the order information page according to the updated dynamic element request data set in response to determining that the event type corresponding to the arbitrary page interactive element does not generate the event action.

8. An electronic device, comprising: One or more processors; a storage device having stored thereon one or more programs, when the one or more programs are executed by the one or more processors, cause the one or more processors to carry out the method of any one of claims 1-6.

9. A computer readable medium having stored thereon a computer program, wherein, the computer program which when executed by the processor carries out the method of any one of claims 1-6.

Images