Data processing methods, apparatus, equipment, systems, storage media and products
By introducing a middle platform into the application service system, the problem of redundant front-end code is solved by dynamically obtaining rendering style data, thus achieving more efficient page development and customization capabilities.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2023-02-28
- Publication Date
- 2026-03-13
AI Technical Summary
Existing application service systems require frequent rewriting of front-end code when functions change, resulting in low page development efficiency, code redundancy, and a lack of customization capabilities.
By adding a middle platform to the existing front-end and back-end architecture, the front-end no longer stores fixed style code, but dynamically obtains rendering style data stored in the middle platform. The middle platform interacts with the back-end to obtain page styles and business data, and then renders and displays the page.
It reduces the need for front-end code rewriting, lowers code redundancy, and improves the customization capabilities and development efficiency of front-end pages.
Smart Images

Figure CN116339728B_ABST
Abstract
Description
Technical Field
[0001] The embodiments of the present invention relate to the field of computer technology, and in particular to data processing methods, apparatus, devices, systems, storage media and products. Background Technology
[0002] With the rapid development of service informatization and the continuous increase in business types, business needs are becoming increasingly diverse, and the application service pages that carry business functions also need to be changed frequently.
[0003] Currently, the application service system consists of a front-end and a back-end. The front-end is mainly responsible for handling data requests, page interactions, and page rendering. It needs to maintain its own fixed page styles and interact with the back-end for page data. With the existing front-end / back-end interaction method, when certain functions of the system change, even simple modifications to the page layout require rewriting the code, resulting in low page development efficiency, code redundancy in the front-end, repetitive work, and a lack of customization capabilities. Summary of the Invention
[0004] This invention provides a data processing method, apparatus, device, system, and storage medium that can optimize the data processing scheme of an application service system during the front-end page display process.
[0005] In a first aspect, embodiments of the present invention provide a data processing method applied to the front end of an application service system, wherein the application service system further includes a middle platform and a back end, and the method includes:
[0006] Extract the page style information of the target page from the received application request;
[0007] Send the page style information to the middle platform to instruct the middle platform to obtain the rendering style data stored in the middle platform in response to the page style information;
[0008] Receive the rendering style data returned by the middle platform, and perform style rendering operation on the target page according to the rendering style data;
[0009] The target page is displayed based on the result of the style rendering operation.
[0010] In a first aspect, embodiments of the present invention provide a data processing method applied to the middle platform of an application service system, wherein the application service system further includes a front-end and a back-end, and the method includes:
[0011] The front end receives page style information of the target page sent by the front end, wherein the front end extracts the page style information from the received application request;
[0012] Retrieve rendering style data stored in the middle platform for the page style information;
[0013] The rendering style data is sent to the front end to instruct the front end to perform style rendering operations on the target page according to the rendering style data, and to display the target page based on the operation results of the style rendering operations.
[0014] Thirdly, embodiments of the present invention also provide a data processing apparatus configured in the front end of an application service system, wherein the application service system further includes a middle platform and a back end, and the apparatus includes:
[0015] The page style information extraction module is used to extract the page style information of the target page from the received application request;
[0016] The page style information sending module is used to send the page style information to the middle platform to instruct the middle platform to obtain the rendering style data stored in the middle platform in response to the page style information;
[0017] The rendering module is used to receive the rendering style data returned by the middle platform, and perform style rendering operation on the target page according to the rendering style data;
[0018] The page display module is used to display the target page based on the operation result of the style rendering operation.
[0019] Fourthly, embodiments of the present invention also provide a data processing apparatus configured in the middle platform of an application service system, wherein the application service system further includes a front-end and a back-end, and the apparatus includes:
[0020] A page style information receiving module is used to receive page style information of a target page sent by the front end, wherein the front end extracts the page style information from the received application request;
[0021] The rendering style data acquisition module is used to acquire the rendering style data stored in the middle platform based on the page style information;
[0022] The rendering style data sending module is used to send the rendering style data to the front end, so as to instruct the front end to perform style rendering operation on the target page according to the rendering style data, and to display the target page based on the operation result of the style rendering operation.
[0023] Fifthly, embodiments of the present invention also provide an electronic device, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the program to implement the data processing method as described in any of the embodiments of the present invention.
[0024] Fifthly, embodiments of the present invention also provide an application service system, including a front-end, a middle platform, and a back-end;
[0025] The front end is used to extract the page style information of the target page from the received application request, send the page style information to the middle platform, receive the rendering style data returned by the middle platform, perform style rendering operation on the target page according to the rendering style data, and display the target page based on the operation result of the style rendering operation.
[0026] The middle platform is used to obtain the rendering style data stored in the middle platform for the page style information, and send the rendering style data to the front end.
[0027] In a sixth aspect, embodiments of the present invention also provide a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the data processing method as described in any of the embodiments of the present invention.
[0028] In a seventh aspect, embodiments of the present invention also provide a computer program product, including a computer program that, when executed by a processor, implements the data processing method as described in any of the embodiments of the present invention.
[0029] The data processing scheme provided in this embodiment of the invention involves the front-end of the application service system extracting page style information of the target page from the received application request and sending the page style information to the middle platform. The middle platform retrieves rendering style data stored in the middle platform based on the page style information. The front-end performs style rendering operations on the target page based on the rendering style data returned by the middle platform and displays the target page based on the results of the style rendering operations. By adopting the above technical solution, a middle platform is added to the existing front-end and back-end architecture, changing the front-end and back-end interaction mode. The front-end no longer needs to store fixed page styles but can dynamically obtain rendering style data stored in the middle platform for page rendering. This reduces the need to rewrite front-end code when page design changes, reduces front-end code redundancy, and improves the customization capabilities of the front-end page. Attached Figure Description
[0030] To more clearly illustrate the technical solutions of the embodiments of the present invention, the accompanying drawings used in the embodiments will be briefly introduced below. It should be understood that the following drawings only show some embodiments of the present invention and should not be regarded as a limitation on the scope. For those skilled in the art, other related drawings can be obtained based on these drawings without creative effort.
[0031] Figure 1 A flowchart of a data processing method provided in an embodiment of the present invention;
[0032] Figure 2 A flowchart illustrating yet another data processing method provided in an embodiment of the present invention;
[0033] Figure 3 A flowchart of another data processing method provided in an embodiment of the present invention;
[0034] Figure 4 A flowchart illustrating another data processing method provided in an embodiment of the present invention;
[0035] Figure 5 An interactive schematic diagram of a data processing scheme provided in an embodiment of the present invention;
[0036] Figure 6 This is a schematic diagram of the structure of a data processing device provided in an embodiment of the present invention;
[0037] Figure 7 This is a schematic diagram of another data processing device provided in an embodiment of the present invention;
[0038] Figure 8 This is a schematic diagram of the structure of an electronic device that implements the data processing method of the present invention. Detailed Implementation
[0039] The present invention will now be described in further detail with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the invention and not intended to limit it. Furthermore, it should be noted that, for ease of description, the accompanying drawings show only the parts relevant to the present invention, and not all of the structures.
[0040] It should be noted that similar reference numerals and letters in the following figures indicate similar items; therefore, once an item is defined in one figure, it does not need to be further defined and explained in subsequent figures. Furthermore, in the description of this invention, terms such as "first," "second," etc., are used only for distinguishing descriptions and should not be construed as indicating or implying relative importance. The acquisition, storage, use, and processing of data in the technical solution of this invention all comply with relevant national laws and regulations.
[0041] To better understand the embodiments of the present invention, the relevant technologies are introduced below. Currently, many application service systems adopt a lightweight model. Because the front-end needs to independently store fixed page style-related code, lightweight application services suffer from a fixed application model. When the functions of certain modules in the system change, page layout or simple modifications require rewriting the code again. This leads to low development efficiency of pages or components, code redundancy in the front-end system, repetitive work, and a lack of differentiated customization capabilities. Taking a specific application scenario as an example, with the rapid development of service informatization, B2B2C has gradually become the mainstream e-commerce model. The B2B2C model includes four roles: operator, supplier, channel, and customer. However, traditional supplier front-end system platforms cannot meet the requirements of service-oriented application systems. Within current small and medium-sized Internet companies, many activity interfaces need to be created to support operational business. Since the display and rendering capabilities of front-end system interfaces on different channels are not entirely the same, the display effect of the same operational business on different channel systems is also different. Therefore, separate design and development are required, resulting in low development efficiency, code redundancy in the front-end, and repetitive work.
[0042] In this embodiment of the invention, a middle platform is added to the existing front-end and back-end architecture, changing the interaction mode between the front-end and back-end. The front-end no longer needs to store fixed style code, but can dynamically obtain the rendering style data stored in the middle platform for page rendering. This reduces the need to rewrite the front-end code when the page design changes, reduces front-end code redundancy, and improves the customization capability of the front-end page.
[0043] Figure 1 This is a flowchart of a data processing method provided in an embodiment of the present invention. This embodiment is applicable to the situation where an application service system displays a page in the foreground. The method can be executed by a data processing device, which can be implemented in the form of software and / or hardware. Optionally, it can be implemented by an electronic device, which is configured as the foreground of the application service system. Specifically, it can be a mobile terminal such as a mobile phone or tablet computer, or a personal computer (PC) or server.
[0044] like Figure 1 As shown, the method includes:
[0045] Step 101: Extract the page style information of the target page from the received application request.
[0046] For example, the front-end can receive and send an application request to the application service system via a browser or application. This application request is used to request the display of a target page. After receiving the application request, the front-end can extract page style information from the application request, provided it determines whether to respond to it. Specifically, the page style information can be a page style identifier corresponding to the target page. This page style identifier can be pre-agreed with the middle platform, and its specific format is not limited, such as character encoding.
[0047] Step 102: Send the page style information to the middle platform to instruct the middle platform to obtain the rendering style data stored in the middle platform in response to the page style information.
[0048] For example, the front-end can package the extracted page style information to obtain data containing page style information (hereinafter referred to as style data) that meets the communication protocol between the front-end and the middle platform, and send the style data to the middle platform to realize the forwarding of page style information. After receiving the style data, the middle platform can parse out the page style information and obtain the corresponding rendering style data from the local machine based on the page style information.
[0049] Rendering style data can be understood as the data stored digitally after the page style design is performed for the target page, including the related code or files. Rendering style data can include one or more of the following: Cascading Style Sheets (CSS) data, JavaScript data, Hypertext Markup Language (HTML) tags used to represent data display attributes, and H5 elements. The specific types of data included can be set according to actual needs.
[0050] For example, the middle platform can be configured with the interface corresponding to the rendering style data, and the front-end can retain the call to the interface, thereby obtaining the rendering style data by calling the interface.
[0051] Step 103: Receive the rendering style data returned by the middle platform, and perform style rendering operation on the target page according to the rendering style data.
[0052] For example, the interface call operation and style rendering operation can be loaded synchronously, which can improve the smoothness of system operation. That is, during the process of obtaining rendering style data, the corresponding style rendering operation can be performed based on the already obtained partial rendering style data, thereby improving style rendering efficiency.
[0053] Step 104: Display the target page based on the operation result of the style rendering operation.
[0054] For example, the target page can be displayed based on the results of style rendering operations and page business data. Page business data can be understood as the business data that needs to be displayed on the target page. The specific data content can be determined by the business functions carried by the target page. For example, if the target page is an order function page, the page business data can include relevant data such as order number, order time, and order address. The specific method of obtaining page business data is not limited; some or all of the page business data can be obtained from the backend.
[0055] The data processing method provided in this invention involves the front-end of an application service system extracting page style information of a target page from a received application request and sending this information to a middleware platform. The middleware platform retrieves rendering style data stored in the platform based on the page style information. The front-end then performs style rendering operations on the target page based on the rendering style data returned by the middleware platform and displays the target page based on the results of the style rendering operations. By adopting the above technical solution, a middleware platform is added to the existing front-end and back-end architecture, changing the front-end and back-end interaction mode. The front-end no longer needs to store fixed style code but can dynamically obtain rendering style data stored in the middleware platform for page rendering. This reduces the need to rewrite front-end code when page design changes, reduces front-end code redundancy, and improves the customization capabilities of the front-end page.
[0056] In some embodiments, the method further includes: extracting page function information of the target page from the application request; sending the page function information to the middle platform to instruct the middle platform to obtain corresponding page business data from the middle platform and / or the backend for the page style information; receiving the page business data returned by the middle platform, and performing a page data population operation on the target page based on the page business data. The step of displaying the target page based on the operation result of the style rendering operation includes: displaying the target page based on the operation result of the style rendering operation and the operation result of the page data population operation. The advantage of this setup is that it utilizes the interaction between the middle platform and the backend to obtain page business data and return it to the frontend, reducing the interaction between the frontend and the backend and ensuring the stability of the frontend.
[0057] For example, after receiving an application request, the front-end extracts page style information and page function information in addition to the page style information. Specifically, the page function information can be the function identifier corresponding to the business function to be implemented on the target page. This function identifier can be pre-agreed with the middle platform, and its specific representation is not limited, such as character encoding. The front-end can encapsulate the extracted page function information to obtain data containing the page function information (hereinafter referred to as function data) that satisfies the communication protocol between the front-end and the middle platform, and send the function data to the middle platform to achieve the forwarding of page function information. After receiving the function data, the middle platform can parse out the page function information and determine the source of the required page business data based on the page function information, such as obtaining it from the middle platform cache or from the backend. If it needs to obtain it from the backend, it can send a corresponding data processing request to the backend to obtain the data returned by the backend, and determine the page business data based on the data returned by the backend.
[0058] Optionally, the style rendering operation and the page data population operation are asynchronous operations. The advantage of this setup is that the front-end can process the rendering of page styles and the population of page data in parallel, effectively improving the display speed of the target page.
[0059] In related technologies, some website design services exist, but these services only provide basic style templates in terms of framework, failing to achieve true customization. Essentially, they allow users to choose from a limited number of templates. Traditional website design, on the one hand, gives users too much freedom, with numerous user interface settings options, increasing the design difficulty; on the other hand, too many settings options increase design complexity, affect system concurrency, and may even lead to bloated projects and increased system maintenance difficulty.
[0060] In this embodiment of the invention, a flexible and rapid page design can be achieved by providing a general component library (preset general component library). Figure 2 This is a flowchart of another data processing method provided by an embodiment of the present invention. Based on the above optional embodiments, it is optimized by adding steps related to storing rendering style data, such as... Figure 2 As shown, the method may include:
[0061] Step 201: Receive user settings for components on the target page based on the design page, wherein the design page is used to display a preset general component library to the user, and the components on the target page are derived from the preset general component library.
[0062] For example, the preset general component library includes a large number of pre-designed page components. The components in the preset general component library can be visually displayed to users through the design page. The specific display method is not limited, such as displaying by category or providing users with a drop-down list for selection.
[0063] For example, the design page can preview the current page style of the target page, that is, it can display the components currently included in the target page. Users can quickly design the components of the target page in the design page. For example, a designer can be integrated into the design page to implement a custom layout of the target page. Optionally, the setting operation includes at least one of adding components, removing components, replacing components, and modifying components.
[0064] For example, if modifications to the target page are required, the corresponding historical page style can be loaded and displayed first. Based on the historical page style, user settings can be received, such as adding components from the preset general component library, removing components from the historical page style, replacing components in the historical page style with components from the preset general component library, and modifying the attributes (such as color) of components in the historical page style.
[0065] Step 202: Determine the current rendering style data corresponding to the target page according to the setting operation, and store the current rendering style data in the middle platform.
[0066] For example, if the user confirms the settings are complete, the relevant code or files corresponding to the current page style can be stored in the middle platform. This way, when the front end receives an application request, it can retrieve the latest rendering style data from the middle platform to update the design of the target page.
[0067] Step 203: Extract the page style information and page function information of the target page from the received application request.
[0068] It should be noted that steps 203 to 206 can also be executed before step 201. That is, normal page access is possible before the new rendering style data is stored in the middle platform. After step 202, the new rendering style data is retrieved from the middle platform for page style rendering. Furthermore, the front-end used to display the design page and the front-end used to display the target page can be the same or different. In other words, the executing entity of steps 201 to 202 can be the same or different from the executing entity of steps 203 to 206, but they can all interact with the same middle platform.
[0069] Step 204: Send page style information to the middle platform to instruct the middle platform to retrieve the rendering style data stored in the middle platform in response to the page style information; and send page function information to the middle platform to instruct the middle platform to retrieve the corresponding page business data from the middle platform and / or the backend in response to the page function information.
[0070] Step 205: Receive the rendering style data and page business data returned by the middle platform, perform style rendering operation on the target page according to the rendering style data, and perform page data filling operation on the target page according to the page business data.
[0071] Step 206: Display the target page based on the operation results of style rendering and page data population.
[0072] The data processing method provided in this invention is based on a design page for displaying a preset general component library to the user. It receives user settings for components on a target page, determines the current rendering style data corresponding to the target page based on the settings, and stores the current rendering style data in a middle platform. Utilizing a component-based approach, it provides users with a general component library and a visual page assembly system, allowing users to generate or modify pages through visual interaction. This quickly addresses ever-changing needs, enabling diverse and rapidly iterating lightweight application services to achieve flexible and varied functions, reducing the need for repetitive development and significantly improving the system's versatility and scalability.
[0073] Figure 3 The flowchart illustrates another data processing method provided in this embodiment of the invention. This disclosure applies to situations where an application service system displays a page on the front end. The method can be executed by a data processing device, which can be implemented in software and / or hardware. Optionally, it can be implemented by an electronic device, which is configured as the middleware of the application service system, specifically a server or other such device.
[0074] like Figure 3 As shown, the method includes:
[0075] Step 301: Receive page style information of the target page sent by the front end, wherein the front end extracts the page style information from the received application request.
[0076] For example, as mentioned above, after receiving the style data sent by the front end, the middle platform can parse out the page style information.
[0077] Step 302: Obtain the rendering style data stored in the middle platform for the page style information.
[0078] For example, in the middle platform, different page style identifiers can be associated with and stored with the corresponding rendering style data, and the corresponding rendering style data can be retrieved from the local machine based on the currently received page style identifier.
[0079] Step 303: Send the rendering style data to the front end to instruct the front end to perform style rendering operation on the target page according to the rendering style data, and display the target page based on the operation result of the style rendering operation.
[0080] The data processing method provided in this embodiment of the invention adds a middle platform to the existing front-end and back-end architecture, changes the front-end and back-end interaction mode, and the front-end no longer needs to store fixed style code, but can dynamically obtain the rendering style data stored in the middle platform for page rendering. This reduces the need to rewrite the front-end code when the page design changes, reduces front-end code redundancy, and improves the customization capability of the front-end page.
[0081] In some embodiments, the method further includes: receiving page function information of the target page sent by the front-end, wherein the front-end extracts the page function information from the application request; obtaining corresponding page business data from the middle platform and / or the back-end for the page function information; sending the page business data to the front-end to instruct the front-end to perform page data population operation on the target page according to the page business data, and displaying the target page based on the operation result of the style rendering operation and the operation result of the page data population operation. The advantage of this setup is that it utilizes the interaction between the middle platform and the back-end to obtain page business data and return it to the front-end, reducing the interaction between the front-end and the back-end and ensuring the stability of the front-end.
[0082] In some embodiments, the method further includes: receiving current rendering style data corresponding to the target page sent by the front-end, and storing the rendering style data, wherein the current rendering style data is determined by the front-end based on user settings for components in the target page received from the design page of the target page, the design page being used to display a preset general component library to the user, and the components in the target page originating from the preset general component library. The advantage of this setup is that by using a middleware platform to store the rendering style data obtained after the user designs the page based on the design page and the preset general component library, it is possible to conveniently implement page design iteration for application services.
[0083] Figure 4 This is a flowchart of another data processing method provided by an embodiment of the present invention. It optimizes the steps related to the middle platform acquiring page business data, as described above, by improving the above-mentioned optional embodiments. Figure 4 As shown, the method may include:
[0084] Step 401: Receive the page style information and page function information of the target page sent by the front end. The front end extracts the page style information and page function information from the received application request.
[0085] Step 402: Obtain the rendering style data stored in the middle platform for the page style information.
[0086] Step 403: Determine the static data requirements and dynamic data requirements based on the page function information.
[0087] For example, a function type analysis can be performed on the page's functional information to obtain static data requirements and dynamic data requirements. Static data requirements can be understood as which static data needs to be acquired, and dynamic data requirements as which dynamic data needs to be acquired. Static data may include, for example, tags or frames; dynamic data may include, for example, ticket prices, exchange rates, or current events.
[0088] Step 404: For static data requirements, load static data from the middle platform's cache.
[0089] For example, for static data, a batch unified loading mode can be adopted to load it into the cache of the middle platform and store it in a static persistence (which can be understood as relative persistence) manner. When the background persistent database changes, it can be pushed in real time, which can improve the retrieval speed of static data.
[0090] Step 405: For dynamic data requirements, determine multiple sub-requirements according to the data processing type, and send corresponding data processing requests to each service cluster in the background according to each sub-requirement to obtain the dynamic data returned by each service cluster. Different service clusters correspond to different data processing types.
[0091] For example, in terms of backend computation, a modular approach can be adopted. A complex data processing module can be broken down into smaller modules for processing, and different data processing modules can be assigned to different types of application servers according to the data processing type, forming different data processing clusters. The breakdown can be recursively based on the functions required by the application service system, level by level, until the smallest logically indivisible atomic component. For instance, business functions requiring large amounts of data processing, which demand large caches and high-performance computing, can be classified as one data processing type, corresponding to one service cluster; while simple data calls, which do not require such high-performance application servers, can be classified as another data processing type, corresponding to another service cluster, thus saving significant server costs. The specific methods for dividing and naming data processing types are not limited.
[0092] Optionally, for processing different types of data, asynchronous scheduling should be used as much as possible. This means sending corresponding data processing requests to different service clusters in parallel, which greatly improves computing performance and processing time. For example, asynchronous loading can be used between different functional modules that do not have a sequential relationship to reduce message backlog. For instance, the order push and order retrieval sub-functions in the order function are independent and can be executed asynchronously separately. Conversely, for different functional modules that have a sequential relationship, sequential loading can be used. In sequential execution mode, the order of message delivery can be guaranteed by enabling RabbitMQ's acknowledgment mode.
[0093] Optionally, after being broken down into the aforementioned atomic components, modules can be combined to design a general-purpose structure for the lowest-level interface, while allowing for customized wrapping at higher levels. For example, a service cluster A might be responsible for implementing multiple functions, such as function a, function b, and function c. If it is determined that the current data processing request requires the implementation of related calculations for function b, the middleware platform can send the corresponding data processing request to service cluster A. Service cluster A then calls the underlying interface corresponding to function b to implement the related calculations for function b, and finally, service cluster A returns the calculation results to the middleware platform.
[0094] Step 406: Merge the static and dynamic data to obtain the page business data.
[0095] Step 407: Send rendering style data and page business data to the front end to instruct the front end to asynchronously perform style rendering operations on the target page based on the rendering style data and page data population operations on the target page based on the page business data, and display the target page based on the operation results of the style rendering operation and the operation results of the page data population operation.
[0096] The data processing method provided in this embodiment of the invention loads static data and dynamic data for page function information in a middleware platform. Static data is loaded from the local cache to improve loading speed. Dynamic data is obtained by splitting it into different sub-requirements and sending requests to different service clusters, which can improve data processing speed. This improves the overall loading speed of page business data and further enhances the display efficiency of the target page.
[0097] Figure 5 This is an interactive schematic diagram of a data processing scheme provided in an embodiment of the present invention, such as... Figure 5As shown, after receiving an application request, the application frontend packages the data into style data and functional data, and forwards the request to the data middle platform. The data middle platform retrieves rendering style data from the cache for style data; for functional data, it performs functional type analysis to obtain dynamic and static data functions. Dynamic data functions are further divided into calculation modules and simple function modules. The calculation module sends a data processing request to the calculation function cluster in the calculation backend. The calculation function cluster implements functions 1, 2, and 3. Based on the specific request function, it calls the underlying interface of the function to retrieve the corresponding data from the database, performs the calculation, and returns the calculation result to the data middle platform. Similarly, the simple function module sends a data processing request to the simple function cluster in the calculation backend. The simple function cluster implements functions 4, 5, and 6. Based on the specific request function, it calls the underlying interface of the function to retrieve the corresponding data from the database, performs the calculation, and returns the calculation result to the data middle platform. Static functional data is loaded from the middle platform cache, and the batch processing module in the calculation backend loads the persistent data that has changed in the database into the middle platform cache through periodic execution to ensure the accuracy of the cached data. The middle platform encapsulates the dynamic data returned from the backend, the static data obtained from the local machine, and the rendering style data to obtain the rendering style data and page business data, and returns them to the frontend in parallel. The frontend asynchronously performs style rendering and page data population to ultimately display the target page.
[0098] Optionally, regarding the framework of the application service system, for high-concurrency and highly coupled calling patterns, in order to ensure the throughput of each module and interface of the system while maintaining interaction between the front-end and back-end, the middle platform can adopt a combination of multiple calling methods in terms of module implementation, such as a combination of Uniform Resource Locator (URL) routing, remote interface call encapsulation, and broadcasting. For network access control, a network layer encapsulation approach can be chosen, designing an external network layer module service (ModuleService) in each module. The middle platform can place the reflected calls to the interfaces of each module in the front-end and back-end into the ModuleService of each module. This allows for bidirectional control of the black-box mode of front-end and back-end interaction, thus controlling network access relationships and allowing component-level control of network traffic.
[0099] Figure 6 This is a schematic diagram of the structure of a data processing device provided in an embodiment of the present invention, as shown below. Figure 6 As shown, the device is configured in the foreground of the application service system and includes:
[0100] The page style information extraction module 601 is used to extract the page style information of the target page from the received application request;
[0101] The page style information sending module 602 is used to send the page style information to the middle platform to instruct the middle platform to obtain the rendering style data stored in the middle platform in response to the page style information;
[0102] The rendering module 603 is used to receive the rendering style data returned by the middle platform, and perform style rendering operation of the target page according to the rendering style data.
[0103] The page display module 604 is used to display the target page based on the operation result of the style rendering operation.
[0104] The data processing apparatus provided in this embodiment of the invention allows the front-end of an application service system to extract page style information of a target page from a received application request and send this page style information to a middleware. The middleware retrieves rendering style data stored in the middleware based on the page style information. The front-end performs style rendering operations on the target page based on the rendering style data returned by the middleware and displays the target page based on the results of the style rendering operations. By adopting the above technical solution, a middleware is added to the existing front-end and back-end architecture, changing the front-end and back-end interaction mode. The front-end no longer needs to store fixed style code but can dynamically obtain rendering style data stored in the middleware for page rendering. This reduces the need to rewrite front-end code when page design changes, reduces front-end code redundancy, and improves the customization capabilities of the front-end page.
[0105] Figure 7 This is a schematic diagram of another data processing device provided in an embodiment of the present invention, as shown below. Figure 6 As shown, the device is configured in the middle platform of the application service system and includes:
[0106] The page style information receiving module 701 is used to receive page style information of the target page sent by the front end, wherein the front end extracts the page style information from the received application request;
[0107] The rendering style data acquisition module 702 is used to acquire rendering style data stored in the middle platform for the page style information;
[0108] The rendering style data sending module 703 is used to send the rendering style data to the front end, so as to instruct the front end to perform style rendering operation on the target page according to the rendering style data, and to display the target page based on the operation result of the style rendering operation.
[0109] The data processing device provided in this embodiment of the invention adds a middle platform to the existing front-end and back-end architecture, changes the front-end and back-end interaction mode, and the front-end no longer needs to store fixed style code, but can dynamically obtain the rendering style data stored in the middle platform for page rendering. This reduces the need to rewrite the front-end code when the page design changes, reduces front-end code redundancy, and improves the customization capability of the front-end page.
[0110] The data processing apparatus provided in the embodiments of the present invention can execute the data processing method provided in the corresponding embodiments of the present invention, and has the corresponding functional modules and beneficial effects of executing the method.
[0111] Figure 8 A schematic diagram of an electronic device 10 that can be used to implement embodiments of the present invention is shown. The electronic device is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processors, cellular phones, smartphones, wearable devices (e.g., helmets, glasses, watches, etc.), and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely illustrative and are not intended to limit the implementation of the invention described and / or claimed herein.
[0112] like Figure 8 As shown, the electronic device 10 includes at least one processor 11 and a memory, such as a read-only memory (ROM) 12 or a random access memory (RAM) 13, communicatively connected to the at least one processor 11. The memory stores computer programs executable by the at least one processor. The processor 11 can perform various appropriate actions and processes based on the computer program stored in the ROM 12 or loaded from storage unit 18 into the RAM 13. The RAM 13 may also store various programs and data required for the operation of the electronic device 10. The processor 11, ROM 12, and RAM 13 are interconnected via a bus 14. An input / output (I / O) interface 15 is also connected to the bus 14.
[0113] Multiple components in electronic device 10 are connected to I / O interface 15, including: input unit 16, such as keyboard, mouse, etc.; output unit 17, such as various types of displays, speakers, etc.; storage unit 18, such as disk, optical disk, etc.; and communication unit 19, such as network card, modem, wireless transceiver, etc. Communication unit 19 allows electronic device 10 to exchange information / data with other devices through computer networks such as the Internet and / or various telecommunications networks.
[0114] Processor 11 can be a variety of general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of processor 11 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various special-purpose artificial intelligence (AI) computing chips, various processors running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. Processor 11 performs the various methods and processes described above, such as data processing methods.
[0115] In some embodiments, the data processing method may be implemented as a computer program tangibly contained in a computer-readable storage medium, such as storage unit 18. In some embodiments, part or all of the computer program may be loaded and / or mounted on electronic device 10 via ROM 12 and / or communication unit 19. When the computer program is loaded into RAM 13 and executed by processor 11, one or more steps of the data processing method described above may be performed. Alternatively, in other embodiments, processor 11 may be configured to perform the data processing method by any other suitable means (e.g., by means of firmware).
[0116] Various embodiments of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), systems-on-a-chip (SoCs), payload-programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various embodiments may include implementations in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which may be a dedicated or general-purpose programmable processor, capable of receiving data and instructions from a storage system, at least one input device, and at least one output device, and transmitting data and instructions to the storage system, the at least one input device, and the at least one output device.
[0117] Computer programs used to implement the methods of the present invention may be written in any combination of one or more programming languages. These computer programs may be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing device, such that when executed by the processor, the computer programs cause the functions / operations specified in the flowcharts and / or block diagrams to be performed. The computer programs may be executed entirely on a machine, partially on a machine, or as a standalone software package, partially on a machine and partially on a remote machine, or entirely on a remote machine or server.
[0118] In the context of this invention, a computer-readable storage medium can be a tangible medium that may contain or store a computer program for use by or in conjunction with an instruction execution system, apparatus, or device. A computer-readable storage medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination thereof. Alternatively, a computer-readable storage medium may be a machine-readable signal medium. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fibers, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.
[0119] To provide interaction with a user, the systems and techniques described herein can be implemented on an electronic device having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user; and a keyboard and pointing device (e.g., a mouse or trackball) through which the user provides input to the electronic device. Other types of devices can also be used to provide interaction with the user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including sound input, voice input, or tactile input).
[0120] The systems and technologies described herein can be implemented in computing systems that include backend components (e.g., as data servers), or computing systems that include middleware components (e.g., application servers), or computing systems that include frontend components (e.g., user computers with graphical user interfaces or web browsers through which users can interact with implementations of the systems and technologies described herein), or any combination of such backend, middleware, or frontend components. The components of the system can be interconnected via digital data communication of any form or medium (e.g., communication networks). Examples of communication networks include local area networks (LANs), wide area networks (WANs), blockchain networks, and the Internet.
[0121] A computing system can include clients and servers. Clients and servers are generally located far apart and typically interact through communication networks. The client-server relationship is created by computer programs running on the respective computers and having a client-server relationship with each other. The server can be a cloud server, also known as a cloud computing server or cloud host, which is a hosting product within the cloud computing service system to address the shortcomings of traditional physical hosts and VPS services, such as high management difficulty and weak business scalability.
[0122] This invention also provides a schematic diagram of an application service system, which includes a front-end, a middle platform, and a back-end. The front-end is used to extract page style information of a target page from a received application request, send the page style information to the middle platform, receive rendering style data returned by the middle platform, perform style rendering operation on the target page according to the rendering style data, and display the target page based on the operation result of the style rendering operation. The middle platform is used to obtain the rendering style data stored in the middle platform for the page style information, and send the rendering style data to the front-end.
[0123] This invention also provides a computer program product, including a computer program that, when executed by a processor, implements the data processing method provided in any embodiment of this invention.
[0124] In implementing the computer program product, computer program code for performing the operations of this invention can be written in one or more programming languages or a combination thereof. Programming languages include object-oriented programming languages such as Java, Smalltalk, and C++, as well as conventional procedural programming languages such as C or similar languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including a local area network (LAN) or a wide area network (WAN)—or can be connected to an external computer (e.g., via the Internet using an Internet service provider).
[0125] The data processing apparatus, device, system, storage medium, and product provided in the above embodiments can execute the data processing method provided in the corresponding embodiments of the present invention, and have the corresponding functional modules and beneficial effects of executing the method. Technical details not described in detail in the above embodiments can be found in the data processing method provided in any embodiment of the present invention.
[0126] Note that the above description is merely a preferred embodiment of the present invention and the technical principles employed. Those skilled in the art will understand that the present invention is not limited to the specific embodiments described herein, and various obvious changes, readjustments, and substitutions can be made without departing from the scope of protection of the present invention. Therefore, although the present invention has been described in detail through the above embodiments, the present invention is not limited to the above embodiments, and may include many other equivalent embodiments without departing from the concept of the present invention, the scope of which is determined by the scope of the appended claims.
Claims
1. A data processing method, characterized by, The method is applied to a foreground of an application service system, wherein the application service system further comprises a middle stage and a background, and the method comprises: extracting page style information of a target page from a received application request; sending the page style information to the middle stage to instruct the middle stage to acquire rendering style data stored in the middle stage for the page style information; receiving the rendering style data returned by the middle stage, and performing a style rendering operation of the target page according to the rendering style data; performing display of the target page based on an operation result of the style rendering operation; wherein the method further comprises: extracting page function information of the target page from the application request; sending the page function information to the middle stage to instruct the middle stage to acquire corresponding page service data from the middle stage and / or the background for the page function information; receiving the page service data returned by the middle stage, and performing a page data filling operation of the target page according to the page service data; wherein the performing display of the target page based on the operation result of the style rendering operation comprises: performing display of the target page based on the operation result of the style rendering operation and based on an operation result of the page data filling operation; wherein the acquiring corresponding page service data from the background for the page function information comprises: determining static data requirements and dynamic data requirements according to the page function information; loading static data from a cache of the middle stage for the static data requirements; determining a plurality of sub-requirements according to data processing types for the dynamic data requirements, and sending corresponding data processing requests to each service cluster in the background according to each sub-requirement to acquire dynamic data returned by the each service cluster, wherein different service clusters correspond to different data processing types; performing merging processing on the static data and the dynamic data to obtain page service data.
2. The method of claim 1, wherein, The style rendering operation and the page data filling operation are asynchronous operations.
3. The method of claim 1, wherein, further comprising: receiving a setting operation of a user for a component in the target page based on a design page, wherein the design page is used to display a preset universal component library to the user, and the component in the target page is derived from the preset universal component library; determining current rendering style data corresponding to the target page according to the setting operation, and storing the current rendering style data into the middle stage.
4. The method of claim 3, wherein, The setting operation comprises at least one of adding a component, reducing a component, replacing a component, and modifying a component.
5. A data processing method, characterized by, The method is applied to a middle stage of an application service system, wherein the application service system further comprises a foreground and a background, and the method comprises: receiving page style information of a target page sent by the foreground, wherein the foreground extracts the page style information from a received application request; acquiring rendering style data stored in the middle stage for the page style information; sending the rendering style data to the foreground to instruct the foreground to perform a style rendering operation of the target page according to the rendering style data, and perform display of the target page based on an operation result of the style rendering operation; The method further comprises: receiving the page function information of the target page sent by the foreground, wherein the foreground extracts the page function information from the application request; acquiring corresponding page service data from the middle platform and / or the background according to the page function information; sending the page service data to the foreground to instruct the foreground to perform page data filling operation of the target page according to the page service data, and perform the display of the target page based on the operation result of the style rendering operation and based on the operation result of the page data filling operation; wherein the acquiring corresponding page service data from the background according to the page function information comprises: determining static data requirement and dynamic data requirement according to the page function information; loading static data from the cache of the middle platform for the static data requirement; determining a plurality of sub-requirements according to data processing types for the dynamic data requirement, and sending corresponding data processing requests to each service cluster in the background according to each sub-requirement to acquire dynamic data returned by the each service cluster, wherein different service clusters correspond to different data processing types; performing merging processing on the static data and the dynamic data to obtain page service data.
6. The method of claim 5, wherein, Further comprising: receiving the current rendering style data corresponding to the target page sent by the foreground, and storing the rendering style data, wherein the current rendering style data is determined by the foreground according to the setting operation of the user for the components in the target page based on the design page of the target page, and the design page is used to show the user a preset universal component library, and the components in the target page are derived from the preset universal component library.
7. A data processing apparatus, characterized by The device is configured in the foreground of an application service system, wherein the application service system further comprises a middle platform and a background, and the device comprises: a page style information extraction module configured to extract page style information of a target page from a received application request; a page style information sending module configured to send the page style information to the middle platform to instruct the middle platform to acquire rendering style data stored in the middle platform according to the page style information; a rendering module configured to receive the rendering style data returned by the middle platform and perform style rendering operation of the target page according to the rendering style data; a page display module configured to perform display of the target page based on the operation result of the style rendering operation; wherein the device further comprises a module configured to extract page function information of the target page from the application request, send the page function information to the middle platform to instruct the middle platform to acquire corresponding page service data from the middle platform and / or the background according to the page function information, and receive the page service data returned by the middle platform and perform page data filling operation of the target page according to the page service data; wherein the display of the target page based on the operation result of the style rendering operation comprises: perform display of the target page based on an operation result of the page data filling operation and an operation result of the style rendering operation; wherein the corresponding page business data is acquired from the background according to the page function information, comprising: determining static data requirement and dynamic data requirement according to the page function information; loading static data from the cache of the middle platform for the static data requirement; determining a plurality of sub-requirements according to data processing types for the dynamic data requirement, and sending corresponding data processing requests to each service cluster in the background according to each sub-requirement to acquire dynamic data returned by the each service cluster, wherein different service clusters correspond to different data processing types; performing merging processing on the static data and the dynamic data to obtain page business data.
8. A data processing apparatus, characterized by, The middle platform is configured in an application service system, wherein the application service system further comprises a front end and a background, and the device comprises: a page style information receiving module, configured to receive page style information of a target page sent by a front end, wherein the front end extracts the page style information from a received application request; a rendering style data obtaining module, configured to obtain rendering style data stored in the middle platform according to the page style information; a rendering style data sending module, configured to send the rendering style data to the front end to instruct the front end to perform style rendering operation of the target page according to the rendering style data and to perform display of the target page based on an operation result of the style rendering operation; wherein the device further comprises modules configured to perform the following functions: receiving page function information of the target page sent by the front end, wherein the front end extracts the page function information from the application request; acquiring corresponding page business data from the middle platform and / or the background according to the page function information; and sending the page business data to the front end to instruct the front end to perform page data filling operation of the target page according to the page business data and to perform display of the target page based on an operation result of the style rendering operation and an operation result of the page data filling operation; wherein the corresponding page business data is acquired from the background according to the page function information, comprising: determining static data requirement and dynamic data requirement according to the page function information; loading static data from the cache of the middle platform for the static data requirement; determining a plurality of sub-requirements according to data processing types for the dynamic data requirement, and sending corresponding data processing requests to each service cluster in the background according to each sub-requirement to acquire dynamic data returned by the each service cluster, wherein different service clusters correspond to different data processing types; performing merging processing on the static data and the dynamic data to obtain page business data.
9. An electronic device, comprising: The computer program is stored in the memory and executable in the processor, and when the processor executes the computer program, the method in any one of claims 1-6 is implemented.
10. An application service system characterized by comprising: The computer program is stored in the memory and executable in the processor, and when the processor executes the computer program, the method in any one of claims 1-6 is implemented. The computer program is stored in the memory and executable in the processor, and when the processor executes the computer program, the method in any one of claims 1-6 is implemented. The front-end is configured to extract page style information of a target page from a received application request, send the page style information to the middle-end, receive rendering style data returned by the middle-end, perform a style rendering operation of the target page according to the rendering style data, and perform display of the target page based on an operation result of the style rendering operation. The front-end is also configured to extract page function information of the target page from the application request. The front-end is configured to send the page function information to the middle-end to instruct the middle-end to acquire corresponding page service data from the middle-end and / or the back-end according to the page function information, receive the page service data returned by the middle-end, perform a page data filling operation of the target page according to the page service data, and perform display of the target page based on an operation result of the style rendering operation and an operation result of the page data filling operation. The middle-end is configured to acquire the rendering style data stored in the middle-end according to the page style information, and send the rendering style data to the front-end. The middle-end is also configured to receive the page function information of the target page sent by the front-end, acquire corresponding page service data from the middle-end and / or the back-end according to the page function information, and send the page service data to the front-end to instruct the front-end to perform the page data filling operation of the target page according to the page service data, and perform display of the target page based on the operation result of the style rendering operation and the operation result of the page data filling operation. The middle-end is also configured to acquire corresponding page service data from the back-end according to the page function information, including: determining static data requirements and dynamic data requirements according to the page function information; loading static data from a cache of the middle-end according to the static data requirements; determining a plurality of sub-requirements according to data processing types according to the dynamic data requirements, and sending corresponding data processing requests to each service cluster in the back-end according to each sub-requirement to acquire dynamic data returned by the each service cluster, wherein different service clusters correspond to different data processing types; 11. A computer readable storage medium having stored thereon a computer program, characterized in that, performing merging processing on the static data and the dynamic data to obtain page service data.
12. A computer program product comprising a computer program, characterized in that, The program is executed by the processor to implement the method of any one of claims 1-6. The computer program is executed by the processor to implement the method of any one of claims 1-6.
Citation Information
Patent Citations
Page style updating method and device
CN107066273A
Method for quickly constructing front-end application by using middle station service capability
CN114115883A