CN117573117A - Page updating method and device, electronic equipment and computer readable storage medium - Google Patents

Page updating method and device, electronic equipment and computer readable storage medium Download PDF

Info

Publication number
CN117573117A
CN117573117A CN202311525043.7A CN202311525043A CN117573117A CN 117573117 A CN117573117 A CN 117573117A CN 202311525043 A CN202311525043 A CN 202311525043A CN 117573117 A CN117573117 A CN 117573117A
Authority
CN
China
Prior art keywords
page
target
json file
control
client
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202311525043.7A
Other languages
Chinese (zh)
Inventor
李阳
苗小雨
王丽
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai Mingsheng Pinzhi Artificial Intelligence Technology Co ltd
Shengdoushi Shanghai Science and Technology Development Co Ltd
Original Assignee
Shanghai Mingsheng Pinzhi Artificial Intelligence Technology Co ltd
Shengdoushi Shanghai Technology Development Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shanghai Mingsheng Pinzhi Artificial Intelligence Technology Co ltd, Shengdoushi Shanghai Technology Development Co Ltd filed Critical Shanghai Mingsheng Pinzhi Artificial Intelligence Technology Co ltd
Priority to CN202311525043.7A priority Critical patent/CN117573117A/en
Publication of CN117573117A publication Critical patent/CN117573117A/en
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/60—Software deployment
    • G06F8/65—Updates
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
    • Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
    • Y02P90/02—Total factory control, e.g. smart factories, flexible manufacturing systems [FMS] or integrated manufacturing systems [IMS]

Abstract

The application provides a page updating method, a page updating device, electronic equipment and a computer readable storage medium. Wherein the method comprises the following steps: responding to target editing operation of a user on a visual editing interface, and generating a target JSON file; the visual editing interface comprises a first identifier, wherein the first identifier is used for uniquely identifying a first page of the client; uploading the target JSON file to a server so that the client updates the content of the first page based on the target JSON file if the server synchronizes the target JSON file to the client. The method is beneficial to reducing development cost, reducing development period and improving page updating efficiency.

Description

Page updating method and device, electronic equipment and computer readable storage medium
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to a method and apparatus for updating a page, an electronic device, and a computer readable storage medium.
Background
When updating a display page in a client (such as an APP or applet), it is often necessary for a business person to determine the update content, and then a developer performs page development according to the update content to regenerate the JSON file of the client display page. The mode needs developer to re-develop the display page, which easily results in high development cost and long development period, thereby influencing the page updating efficiency.
Disclosure of Invention
In view of the foregoing, an object of the present application is to provide a method, an apparatus, an electronic device, and a computer readable storage medium for page update, so as to reduce development cost, reduce development period, and improve page update efficiency.
In a first aspect, an embodiment of the present application provides a method for updating a page, where the method is applied to a management device, and the method includes:
responding to target editing operation of a user on a visual editing interface, and generating a target JSON file; the visual editing interface comprises a first identifier, wherein the first identifier is used for uniquely identifying a first page of the client;
uploading the target JSON file to a server so that the client updates the content of the first page based on the target JSON file if the server synchronizes the target JSON file to the client.
With reference to the first aspect, the embodiment of the present application provides a first possible implementation manner of the first aspect, wherein the visual editing interface includes a component editing area, the component editing area includes a first control, the first control includes a second identifier, and the second identifier is used for uniquely identifying that the first control is associated with a first display element of the first page;
The generating a target JSON file in response to a target editing operation of a user on a visual editing interface comprises:
and responding to the user to modify the content of the first control, generating the target JSON file, wherein the target JSON file comprises updated first JSON data corresponding to the first display element of the first page, so that the client updates the first display element of the first page based on the updated first JSON data.
With reference to the first possible implementation manner of the first aspect, the embodiment of the present application provides a second possible implementation manner of the first aspect, where the generating, in response to a modification operation performed by a user on content of the first control, the target JSON file includes:
responding to the modification operation of the user on the content of the first control, and generating updated first JSON data corresponding to a first display element of a first page;
and assigning updated first JSON data corresponding to the first display element of the first page to the original JSON file by calling a first function to generate a target JSON file.
With reference to the first possible implementation manner of the first aspect, the embodiment of the present application provides a third possible implementation manner of the first aspect, wherein the visual editing interface further includes a JSON data display area, where the JSON data display area is used to display first JSON data corresponding to a first display element of the first page associated with the first control;
Correspondingly, under the condition that the target JSON file is generated, the JSON data display area displays updated first JSON data corresponding to a first display element of the first page in the target JSON file.
With reference to the third possible implementation manner of the first aspect, the embodiment of the present application provides a fourth possible implementation manner of the first aspect, wherein the component editing area includes a second control, and the second control includes a third identifier, where the third identifier is used to uniquely identify that the second control is associated with a second display element of the first page;
the generating a target JSON file in response to a target editing operation of a user on a visual editing interface comprises:
and responding to the modification operation of a user on the second JSON data corresponding to the second display element of the first page in the JSON data display area, and generating a target JSON file, wherein the target JSON file comprises updated second JSON data corresponding to the second display element of the first page, so that the client updates the second display element of the first page based on the updated second JSON data.
With reference to the first aspect, the embodiment of the present application provides a fifth possible implementation manner of the first aspect, where the visual editing interface further includes a date editing control, where the date editing control is configured to generate the target JSON file including an effective date, so that after the JSON file including the effective date is uploaded to the server, the server synchronizes the target JSON file to the client if time meets the effective date.
With reference to the first possible implementation manner of the first aspect, the embodiment of the present application provides a sixth possible implementation manner of the first aspect, wherein the first display element of the first page includes at least one of: pictures, text, rich text, hyperlinks, numbers, boolean, video.
In a second aspect, an embodiment of the present application further provides a page update method, where the method is applied to a page update system, and the page update system includes: the method comprises the following steps of:
the management equipment responds to target editing operation of a user on a visual editing interface to generate a target JSON file; the visual editing interface comprises a first identifier, wherein the first identifier is used for uniquely identifying a first page of the client;
the management device uploads the target JSON file to a server, and the server synchronizes the target JSON file to the client based on the target JSON file;
and the client updates the content of the first page based on the target JSON file.
With reference to the second aspect, embodiments of the present application provide a first possible implementation manner of the second aspect, wherein the visual editing interface further includes a date editing control;
The method further comprises the steps of:
the management device responds to the editing operation of a user in the date editing control to generate the target JSON file containing the effective date;
the management device sends the target JSON file containing the effective date to the server;
the server synchronizes the target JSON file to the client based on the validation date if the time satisfies the validation date.
In a third aspect, an embodiment of the present application further provides a page updating apparatus, where the apparatus is applied to a management device, and the apparatus includes:
the generation module is used for responding to the target editing operation of the user on the visual editing interface and generating a target JSON file; the visual editing interface comprises a first identifier, wherein the first identifier is used for uniquely identifying a first page of the client;
and the uploading module is used for uploading the target JSON file to a server, so that the client updates the content of the first page based on the target JSON file under the condition that the server synchronizes the target JSON file to the client.
With reference to the third aspect, embodiments of the present application provide a first possible implementation manner of the third aspect, where the visual editing interface includes a component editing area, where the component editing area includes a first control, and the first control includes a second identifier, where the second identifier is used to uniquely identify that the first control is associated with a first display element of the first page;
The generation module is used for responding to target editing operation of a user on the visual editing interface, and is specifically used for:
and responding to the user to modify the content of the first control, generating the target JSON file, wherein the target JSON file comprises updated first JSON data corresponding to the first display element of the first page, so that the client updates the first display element of the first page based on the updated first JSON data.
With reference to the first possible implementation manner of the third aspect, the embodiment of the present application provides a second possible implementation manner of the third aspect, where the generating module is configured to, when responding to a modification operation performed by a user on a content of the first control, generate the target JSON file, specifically:
responding to the modification operation of the user on the content of the first control, and generating updated first JSON data corresponding to a first display element of a first page;
and assigning updated first JSON data corresponding to the first display element of the first page to the original JSON file by calling a first function to generate a target JSON file.
With reference to the first possible implementation manner of the third aspect, the embodiment of the present application provides a third possible implementation manner of the third aspect, wherein the visual editing interface further includes a JSON data display area, where the JSON data display area is used to display first JSON data corresponding to a first display element of the first page associated with the first control;
Correspondingly, under the condition that the target JSON file is generated, the JSON data display area displays updated first JSON data corresponding to a first display element of the first page in the target JSON file.
With reference to the third possible implementation manner of the third aspect, the embodiment of the present application provides a fourth possible implementation manner of the third aspect, where the component editing area includes a second control, and the second control includes a third identifier, where the third identifier is used to uniquely identify that the second control is associated with a second display element of the first page;
the generation module is used for responding to target editing operation of a user on the visual editing interface, and is specifically used for:
and responding to the modification operation of a user on the second JSON data corresponding to the second display element of the first page in the JSON data display area, and generating a target JSON file, wherein the target JSON file comprises updated second JSON data corresponding to the second display element of the first page, so that the client updates the second display element of the first page based on the updated second JSON data.
With reference to the third aspect, the embodiment of the present application provides a fifth possible implementation manner of the third aspect, where the visual editing interface further includes a date editing control, where the date editing control is configured to generate the target JSON file including an effective date, so that after the JSON file including the effective date is uploaded to the server, the server synchronizes the target JSON file to the client if time meets the effective date.
With reference to the first possible implementation manner of the third aspect, the embodiment of the present application provides a sixth possible implementation manner of the third aspect, wherein the first display element of the first page includes at least one of: pictures, text, rich text, hyperlinks, numbers, boolean, video.
In a fourth aspect, an embodiment of the present application further provides a page update system, where the page update system includes: management equipment, a server and a client;
the management device is used for responding to target editing operation of a user on the visual editing interface and generating a target JSON file; the visual editing interface comprises a first identifier, wherein the first identifier is used for uniquely identifying a first page of the client;
The management device is used for uploading the target JSON file to a server, and the server synchronizes the target JSON file to the client based on the target JSON file;
and the client is used for updating the content of the first page based on the target JSON file.
With reference to the fourth aspect, embodiments of the present application provide a first possible implementation manner of the fourth aspect, wherein the visual editing interface further includes a date editing control;
the management device is further used for responding to the editing operation of a user in the date editing control to generate the target JSON file containing the effective date;
the management device is further configured to send the target JSON file containing the effective date to the server;
the server is further configured to synchronize the target JSON file to the client if the time satisfies the validation date based on the validation date.
In a fifth aspect, embodiments of the present application further provide an electronic device, including: a processor, a memory and a bus, the memory storing machine-readable instructions executable by the processor, the processor and the memory in communication via the bus when the electronic device is running, the machine-readable instructions when executed by the processor performing the steps of any one of the possible implementations of the first aspect.
In a sixth aspect, the present embodiments also provide a computer readable storage medium having stored thereon a computer program which, when executed by a processor, performs the steps of any one of the possible implementations of the first aspect.
The embodiment of the application provides a page updating method, a page updating device, electronic equipment and a computer readable storage medium, wherein the method is applied to management equipment and comprises the following steps: responding to target editing operation of a user on a visual editing interface, and generating a target JSON file; the visual editing interface comprises a first identifier, wherein the first identifier is used for uniquely identifying a first page of the client; and uploading the target JSON file to the server so that the client updates the content of the first page based on the target JSON file under the condition that the server synchronizes the target JSON file to the client. In the embodiment, a user can edit in the visual editing interface so as to automatically generate the target JSON file, and the client uses the target JSON file to update the content of the first page.
In order to make the above objects, features and advantages of the present application more comprehensible, preferred embodiments accompanied with figures are described in detail below.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are needed in the embodiments will be briefly described below, it being understood that the following drawings only illustrate some embodiments of the present application and therefore should not be considered limiting the scope, and that other related drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 shows a flowchart of a page update method according to an embodiment of the present application;
FIG. 2 is a schematic diagram illustrating a page update system according to an embodiment of the present disclosure;
FIG. 3 shows a schematic diagram of a first page provided by an embodiment of the present application;
FIG. 4 is a schematic diagram of an updated first page according to an embodiment of the present application;
FIG. 5 is a schematic diagram of a first page updated again according to an embodiment of the present application;
FIG. 6 illustrates a schematic diagram of a visual editing interface provided by an embodiment of the present application;
Fig. 7 shows a schematic structural diagram of another server, a client, and a management device according to an embodiment of the present application;
FIG. 8 illustrates a schematic diagram of a component editing area provided by an embodiment of the present application;
fig. 9 shows a schematic diagram of adding a control W1 under the component W according to the embodiment of the present application;
FIG. 10 shows a schematic diagram of a control W1' provided by an embodiment of the present application;
fig. 11 is a schematic structural diagram of a page updating apparatus according to an embodiment of the present application;
fig. 12 shows a schematic structural diagram of an electronic device according to an embodiment of the present application.
Detailed Description
For the purposes of making the objects, technical solutions and advantages of the embodiments of the present application more clear, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is apparent that the described embodiments are only some embodiments of the present application, but not all embodiments. The components of the embodiments of the present application, which are generally described and illustrated in the figures herein, may be arranged and designed in a wide variety of different configurations. Thus, the following detailed description of the embodiments of the present application, as provided in the accompanying drawings, is not intended to limit the scope of the application, as claimed, but is merely representative of selected embodiments of the application. All other embodiments, which can be made by those skilled in the art based on the embodiments of the present application without making any inventive effort, are intended to be within the scope of the present application.
Considering that when updating the display page of the client, a developer needs to carry out page development again to generate the JSON file of the display page, the development cost is high, the development period is long, and therefore the page updating efficiency is affected. Based on this, the embodiments of the present application provide a method, an apparatus, an electronic device, and a computer readable storage medium for page update, so as to reduce development cost, reduce development period, and improve page update efficiency, which are described in the following embodiments.
Embodiment one:
for the sake of understanding the present embodiment, a detailed description is first provided of a page update method disclosed in the embodiments of the present application. The method is applied to management equipment, fig. 1 shows a flow chart of a page updating method provided by an embodiment of the application, and as shown in fig. 1, the method comprises the following steps:
s101: responding to target editing operation of a user on a visual editing interface, and generating a target JSON file; the visual editing interface comprises a first identifier, wherein the first identifier is used for uniquely identifying a first page of the client.
In this embodiment, when a user (e.g., a business person) wants to update the content in the first page displayed by the client, the user may display a visual editing interface in the graphical user display interface of the management device according to the first identifier for uniquely identifying the first page of the client, and the user may directly perform the target editing operation in the visual editing interface corresponding to the first page, thereby generating the target JSON file.
For example, when a user wants to modify an element a in a first page, the user may perform a target editing operation on a control a corresponding to the element a in the page to be edited in a visual editing interface, and automatically update JSON data corresponding to the control a in an original JSON file corresponding to the first page according to the target editing operation, so as to generate an updated target JSON file of the first page.
S102: and uploading the target JSON file to the server so that the client updates the content of the first page based on the target JSON file under the condition that the server synchronizes the target JSON file to the client.
In a specific embodiment, fig. 2 shows a schematic structural diagram of a page update system provided in an embodiment of the present application, where, as shown in fig. 2, the page update system includes: a management device 3, a server 2, a client 1. The client 1 includes at least one client, and the server 2 is connected to the client 1 and the management device 3 through a network, taking the client 1 as one client for example. In this embodiment, the management device 3 generates a target JSON file in response to a target editing operation of a user at the visual editing interface, the management device 3 uploads the target JSON file to the server 2, the server 2 synchronizes the target JSON file to each client 1, and each client 1 updates the content of its own first page based on the target JSON file, respectively. It will be understood that when the client 1 is a plurality of clients, the management apparatus 3 uploads the target JSON file to the server 2, and the server 2 synchronizes the target JSON file to the plurality of clients, each of which updates the content of the own first page based on the target JSON file, respectively.
In one possible implementation, the first display element of the first page includes at least one of: pictures, text, rich text, hyperlinks, numbers, boolean, video. For example, the first display element may be text, a picture, a hyperlink, boolean, rich text, a combination of a picture and text, or a combination of a picture and a number. In practical applications, the specific content of the first display element of the first page is not specifically limited in this application.
For ease of understanding, fig. 3 shows a schematic diagram of a first page provided in an embodiment of the present application, where, as shown in fig. 3, a first display element in the first page may be a picture "rectangle picture B", a text "red package", a text "check-in gift", a text "first day", a text "second day", a combination of the text "first day" and the text "second day", or a combination of the text "first day" and the picture "hexagon".
Taking the first display element as a text "check-in gift" as an example for explanation, if a business person wants to modify the text "check-in gift" in the first page shown in fig. 3 into the text "continuous sign 4 days to share surprise", the business person (i.e. the user) can perform the target editing operation in the visual editing interface of the management device 3, and generate the target JSON file in the management device 3. The management device 3 may upload the target JSON file to the server 2 based on the generated target JSON file, and in the case where the server 2 synchronizes the target JSON file to the client 1, the client 1 updates the content of the first page based on the target JSON file, that is, the updated content of the first page displayed in fig. 4, as shown in fig. 4, the updated first display element displayed in the updated first page is the text "continuous sign 4 days to share surprise".
For example, if the business person further wants to modify the picture "rectangle picture B" in the first page shown in fig. 4 into the picture "rectangle picture C" on the basis of the first page shown in fig. 4, the business person (i.e. the user) may perform the target editing operation again in the visual editing interface of the management device 3, and generate the target JSON file in the management device 3. Uploading the target JSON file to the server 2, and in the case that the server 2 synchronizes the target JSON file to the client 1, the client 1 updates the content of the first page based on the target JSON file, that is, the updated content of the first page displayed in fig. 5, and as shown in fig. 5, the updated first display element displayed in the updated first page at this time is a picture "rectangular picture C".
In one possible implementation, the visual editing interface includes a component editing area including a first control including a second identifier for uniquely identifying the first control as being associated with a first display element of the first page.
Specifically, fig. 6 shows a schematic diagram of a visual editing interface provided by an embodiment of the present application, where, as shown in fig. 6, the visual editing interface 4 includes a component editing area 5, where the component editing area 5 includes a plurality of first controls, each first control includes a second identifier corresponding to each first control, and the second identifier is used to uniquely identify that the first control is associated with a first display element of a first page;
Illustratively, the component editing area 5 includes a first control, which may be control 51, as shown in fig. 6, and the second identifier included in control 51 may be d1. The first control may also be control 52 and the second identifier contained by control 52 may be d2. The first control may also be control 53, and the second identifier contained by control 53 may be d3.
When executing step S101 to generate a target JSON file in response to a target editing operation of a user on a visual editing interface, the method specifically may be executed according to the following steps:
and responding to the user to modify the content of the first control, and generating a target JSON file, wherein the target JSON file comprises updated first JSON data corresponding to the first display element of the first page, so that the client side updates the first display element of the first page based on the updated first JSON data.
In this embodiment, as shown in fig. 6, the visual editing interface 4 further includes a first identifier input control 8, where the component editing area 5 is located on the left side of the visual editing interface 4, and the component editing area 5 includes a plurality of first controls, where each first control has a one-to-one association relationship with each first display element displayed in the first page.
The management device 3 stores an original JSON file corresponding to the first page, specifically, the first page includes at least one first display element, and the original JSON file includes first JSON data corresponding to each first display element.
When a user wants to modify a first display element of a first page, the first control associated with the first display element in the component editing area 5 can be modified to serve the purpose of modifying the first display element of the first page.
For example, when the user wants to modify the text "check-in to-good gift" in the first page to the text "even sign for 4 days to share surprise", as shown in fig. 3, the user may input the first identifier of the first page into the first identifier input control 8 in the visual editing interface 4, so that the component editing area 5 displays the first control corresponding to each of the first display elements in the first page, as shown in fig. 6.
At this time, the user may find a first control associated with the text "check-in gift" from the component editing area 5 according to the displayed second identifier, for example, the first control is the control 51, then, in the component editing area 5, the user determines, according to the displayed second identifier d1 for uniquely identifying the control 51 and the text "check-in gift" on the first page, the control 51 associated with the text "check-in gift" and, at the same time, modifies the content of the control 51 associated with the text "check-in gift" into the text "continuous-sign 4-day surprise", which means that the management device 3 automatically updates the first JSON data corresponding to the text "check-in gift" in the original JSON file according to the modification operation, so as to obtain updated first JSON data. After obtaining the updated first JSON data, the management device 3 generates a target JSON file according to the updated first JSON data and the first JSON data in the original JSON file corresponding to each of the other first display elements except the text "check-in good gift".
After uploading the target JSON file to the server 2, the server 2 synchronizes the target JSON file to the client 1, the client 1 may update the text "check-in gift" in the first page based on the updated first JSON data in the target JSON file to update the text "check-in gift" to the text "continuous 4 days of surprise. At this time, the user of the client 1 sees the content in the first page in the client 1 as shown in fig. 4. The update of the text 'check-in good gift' in the first page is realized through the above process.
In one possible implementation, as shown in fig. 6, the visual editing interface 4 further includes a JSON data display area 6, where the JSON data display area 6 is configured to display first JSON data corresponding to a first display element of a first page associated with a first control; correspondingly, under the condition that the target JSON file is generated, the JSON data display area displays updated first JSON data corresponding to a first display element of a first page in the target JSON file.
In this embodiment, before updating, an original JSON file corresponding to the first page is displayed in the JSON data display area 6, where each first JSON data included in the original JSON file is bound to each first display element in the first page one by one, that is, the original JSON file includes each first JSON data corresponding to each first display element in the first page. Because there is a one-to-one association relationship between each first display element in the first page and each first control in the component editing area 5 through the second identifier, it can also be understood that each first JSON data in the original JSON file is associated with a corresponding first control in the component editing area 5 through the second identifier, that is, the second identifier is used for uniquely identifying the first control, the first display element of the first page, and the association relationship of the first JSON data.
Then, the JSON data display area 6 displays the first JSON data corresponding to each first control, that is, the JSON data display area 6 displays the first JSON data corresponding to each first display element in the first page. In the JSON data display area 6, each first JSON data in the original JSON file may be specifically displayed in the form of a JSON tree.
For example, when the user wants to modify the text "check-in gift" in the first page to the text "check-in gift for 4 days and share surprise", as shown in fig. 3, the user may find the first control associated with the text "check-in gift" from the component editing area 5, for example, the first control is the control 51, and then, in the component editing area 5, modify the content of the control 51 associated with the text "check-in gift", specifically, modify the content of the control 51 from "check-in gift" to "check-in gift for 4 days and share surprise", as shown in fig. 6.
While the user modifies the control 51 associated with the text "check-in gift", in the JSON data display area 6, according to the modification, the first JSON data corresponding to the control 51 associated with the text "check-in gift" in the original JSON file is automatically updated (that is, the first JSON data corresponding to the text "check-in gift" in the original JSON file is updated), so as to obtain updated first JSON data, and then, according to the updated first JSON data, the target JSON file is generated.
In one possible implementation manner, when the executing step responds to the user to modify the content of the first control, the target JSON file is generated, and the method specifically can be executed according to the following steps:
responding to the modification operation of the user on the content of the first control, and generating updated first JSON data corresponding to the first display element of the first page;
and assigning updated first JSON data corresponding to the first display element of the first page to the original JSON file by calling a first function to generate a target JSON file.
In this embodiment, after the user performs the modification operation on the content of the first control, the management device 3 may assign the updated first JSON data to the first JSON data determined in the original JSON file by calling a first function (for example, getData () function), so as to update the first JSON data in the original JSON file.
In other embodiments, the management device 3 traverses the original JSON file of the first page by calling a removeemployee object function, and eliminates the data with the value in the original JSON file being null in a layer-by-layer recursion manner. Therefore, after the user modifies the content of the first control, the target JSON file of the updated first JSON data corresponding to the first display element containing the first page displayed in the JSON data display area 6 is more standard and tidy. In other embodiments, after the user modifies the content of the first control, in order to display the modified content of the first control, that is, display the modified content of the first control in the content modification interface of the first control, the management device 3 may update the global JSON data in the original JSON file displayed in the JSON data display area 6 through an updateData () function, generate the target JSON file, and simultaneously re-render the content interface in the first control corresponding to the user modification operation displayed in the display component editing area 5. Causing the component editing area 5 to display the updated content.
In a possible implementation manner, the user may not only modify the content of the first control in the component editing area 5 so as to generate the target JSON file, but also directly modify JSON data in the original JSON file in the JSON data display area 6, specifically, the component editing area 5 includes a second control, where the second control includes a third identifier, and the third identifier is used to uniquely identify that the second control is associated with the second display element of the first page;
when executing step S101 to generate a target JSON file in response to a target editing operation of a user on the visual editing interface, the method specifically may further be executed according to the following steps:
and responding to the modification operation of the user on the second JSON data corresponding to the second display element of the first page in the JSON data display area, generating a target JSON file, wherein the target JSON file comprises updated second JSON data corresponding to the second display element of the first page, so that the client side updates the second display element of the first page based on the updated second JSON data.
In this embodiment, when the user wants to update the second display element in the first page of the client 1, the user may find, in the JSON data display area, second JSON data corresponding to the second display element according to a third identifier for uniquely identifying the second control associated with the second display element of the first page, and then directly modify the second JSON data, so as to generate an updated target JSON file. The client 1 updates the second display element of the first page based on the modified second JSON data contained in the target JSON file.
It is not easy to understand that the second display element of the first page has an association relationship with the second control in the component editing area through the third identifier, so that it can also be understood that the second JSON data in the original JSON file is associated with the second control through the third identifier, that is, the third identifier is used for uniquely identifying the association relationship of the second control, the second display element of the first page and the second JSON data.
The second display element of the first page includes at least one of: pictures, text, rich text, hyperlinks, numbers, boolean, video. For example, the second display element may be text, a picture, a hyperlink, boolean, rich text, a combination of picture and text, or a combination of picture and number. In practical applications, the specific content of the second display element of the first page is not specifically limited.
For ease of understanding, a specific example will be described below, and as shown in fig. 3, the second display element in the first page may be a picture "rectangle picture B", a text "red package", a text "check-in gift", a text "first day", a text "second day", a combination of the text "first day" and the text "second day", or a combination of the text "first day" and the picture "hexagon".
Illustratively, the original JSON file of the first page contains second JSON data corresponding to each second display element in the first page. Taking the second display element as a text "check-in gift" as an example to describe, if a business person wants to modify the text "check-in gift" in the first page shown in fig. 3 into the text "share surprise for 4 days, the business person (i.e. the user) can find second JSON data corresponding to the text" check-in gift "in the JSON data display area 6 according to the third identifier for uniquely identifying the second display element and the second control, and the business person (i.e. the user) can directly modify the second JSON data in the JSON data display area 6, for example, modify the content in the second JSON data from" check-in gift "to" share surprise for 4 days, thereby generating an updated target on file. The management device 3 uploads the target JSON file to the server 2, and the server 2 synchronizes the target JSON file to the respective clients 1, and each client 1 updates the content of its own first page based on the target JSON file, respectively. Specifically, the client 1 updates the second display element of the first page based on the modified second JSON data contained in the target JSON file.
In a possible embodiment, as shown in fig. 6, the visual editing interface 4 further includes a date editing control 7, where the date editing control 7 is configured to generate a target JSON file containing an effective date, so that after the JSON file containing the effective date is uploaded to the server 2, the server 2 synchronizes the target JSON file to the client 1 if the time satisfies the effective date.
In this embodiment, the target JSON file contains the date of validation. In a specific embodiment, fig. 7 shows a schematic structural diagram of another server, a client, and a management device provided in this embodiment of the present application, and as shown in fig. 7, the client 1 includes at least one client, and the client 1 is taken as an example for describing, and the server 2 is connected to the client 1, the management device 3, and the monitoring server 9 respectively through a network. In this embodiment, the management device 3 uploads the target JSON file containing the validation date to the server 2, and the monitoring server 9 monitors in real time whether the validation date is reached, and when the validation date is reached, the server 2 synchronizes the target JSON file to the client 1. In some embodiments, the monitoring server 9 and the server 2 may belong to a server group, or may be two separate independent servers, and the composition form of the monitoring server 9 and the server 2 is not specifically limited according to practical applications.
The construction of the component editing area 5 in the visual editing area 4 of fig. 6 is described in detail below.
In a possible implementation manner, fig. 8 shows a schematic diagram of a component editing area provided by the embodiment of the present application, and as shown in fig. 8, an add button 54, a delete button 55, a copy button 56 and an edit button 57 are provided in the component editing area 5, and a user may edit each control (including a first control and a second control) in the component editing area 5 by clicking the add button 54, the delete button 55, the copy button 56 and the edit button 57 in the component editing area 5.
Illustratively, as shown in fig. 8, the component editing area 5 further includes a component W therein. Wherein a plurality of controls may be included in the component.
For the adding operation, if the user wants to add a control W1 under the component W, at this time, in the component W in the component editing area 5, in response to the clicking operation of the user on the add button 54, a control W1 is added under the component W, and fig. 9 shows a schematic diagram of adding a control W1 under the component W provided in the embodiment of the present application, and as shown in fig. 9, a control W1 is added under the component W in the above manner.
For the deletion operation, if the user wants to delete the control W1 in the component W on the basis of fig. 9, at this time, the component W serves as a parent of the control W1, and for the control W1, the user clicks the delete button 55 to delete the control W1 in the component W. As shown in fig. 8, after the control W1 is deleted in the component W, there is no control W1 in the component W.
For the copy operation, if the user wants to copy the control W1 in the component W so as to create a control W1 'identical to the control W1 in the component W on the basis of fig. 9, at this time, in the control W1, in response to the clicking operation of the copy button 56 by the user, a control W1' identical to the control W1 is created in the component W. Fig. 10 shows a schematic diagram of a control W1' provided in an embodiment of the present application, as shown in fig. 10, in a component W, a control W1 and a control W1' are included simultaneously, and the control W1' are two identical controls.
For the editing operation, if the content of the control W1 in the component W is "check-in", if the user wants to edit the content of the control W1 in the component W, for example, if the user wants to modify the content of the control W1 to "red package", then in the control W1, the content of the control W1 is modified from "check-in" to "red package" in response to the clicking operation of the editing button 57 by the user to modify the content of the control W1, on the basis of fig. 9.
Embodiment two:
based on the same technical concept, the embodiment of the application also provides a page updating method, which is applied to a page updating system, wherein the page updating system comprises: the connection relationship among the management device 3, the server 2, and the client 1, the management device 3, the server 2, and the client 1 is as shown in fig. 2, and the method includes steps S201-S203:
s201: the management equipment responds to target editing operation of a user on a visual editing interface to generate a target JSON file; the visual editing interface comprises a first identifier, wherein the first identifier is used for uniquely identifying a first page of the client;
s202: the management device uploads the target JSON file to the server, and the server synchronizes the target JSON file to the client based on the target JSON file;
s203: the client updates the content of the first page based on the target JSON file.
In one possible implementation, the visual editing interface further includes a date editing control; the method further comprises the steps of:
the management equipment responds to the editing operation of a user in a date editing control to generate a target JSON file containing an effective date;
the management device sends a target JSON file containing the effective date to the server;
The server synchronizes the target JSON file to the client based on the validation date, with the time satisfying the validation date.
Embodiment III:
based on the same technical concept, the embodiment of the present application further provides a page updating apparatus, where the apparatus is applied to a management device, fig. 11 shows a schematic structural diagram of the page updating apparatus provided in the embodiment of the present application, and as shown in fig. 11, the apparatus includes:
the generating module 1101 is configured to generate a target JSON file in response to a target editing operation performed by a user on the visual editing interface; the visual editing interface comprises a first identifier, wherein the first identifier is used for uniquely identifying a first page of the client;
an uploading module 1103 is configured to upload the target JSON file to a server, so that, in a case where the server synchronizes the target JSON file to the client, the client updates the content of the first page based on the target JSON file.
Optionally, the visual editing interface includes a component editing area, the component editing area includes a first control, the first control includes a second identifier, and the second identifier is used for uniquely identifying that the first control is associated with a first display element of the first page;
The generating module 1101 is specifically configured to, when configured to generate a target JSON file in response to a target editing operation performed by a user on the visual editing interface:
and responding to the user to modify the content of the first control, generating the target JSON file, wherein the target JSON file comprises updated first JSON data corresponding to the first display element of the first page, so that the client updates the first display element of the first page based on the updated first JSON data.
Optionally, the generating module is configured to, when being configured to generate the target JSON file in response to a modification operation performed by a user on the content of the first control, specifically:
responding to the modification operation of the user on the content of the first control, and generating updated first JSON data corresponding to a first display element of a first page;
and assigning updated first JSON data corresponding to the first display element of the first page to the original JSON file by calling a first function to generate a target JSON file.
Optionally, the visual editing interface further includes a JSON data display area, where the JSON data display area is configured to display first JSON data corresponding to a first display element of the first page associated with the first control;
Correspondingly, under the condition that the target JSON file is generated, the JSON data display area displays updated first JSON data corresponding to a first display element of the first page in the target JSON file.
Optionally, the component editing area includes a second control, the second control including a third identifier, the third identifier being used to uniquely identify that the second control is associated with a second display element of the first page;
the generating module 1101 is specifically configured to, when configured to generate a target JSON file in response to a target editing operation performed by a user on the visual editing interface:
and responding to the modification operation of a user on the second JSON data corresponding to the second display element of the first page in the JSON data display area, and generating a target JSON file, wherein the target JSON file comprises updated second JSON data corresponding to the second display element of the first page, so that the client updates the second display element of the first page based on the updated second JSON data.
Optionally, the visual editing interface further includes a date editing control, where the date editing control is configured to generate the target JSON file including an effective date, so that after the JSON file including the effective date is uploaded to the server, the server synchronizes the target JSON file to the client when the time satisfies the effective date.
Optionally, the first display element of the first page includes at least one of: pictures, text, rich text, hyperlinks, numbers, boolean, video.
Embodiment four:
based on the same technical concept, the embodiment of the application also provides a page updating system, which comprises: management equipment, a server and a client;
the management device is used for responding to target editing operation of a user on the visual editing interface and generating a target JSON file; the visual editing interface comprises a first identifier, wherein the first identifier is used for uniquely identifying a first page of the client;
the management device is used for uploading the target JSON file to a server, and the server synchronizes the target JSON file to the client based on the target JSON file;
and the client is used for updating the content of the first page based on the target JSON file.
Optionally, the visual editing interface further includes a date editing control;
the management device is further used for responding to the editing operation of a user in the date editing control to generate the target JSON file containing the effective date;
The management device is further configured to send the target JSON file containing the effective date to the server;
the server is further configured to synchronize the target JSON file to the client if the time satisfies the validation date based on the validation date.
Fifth embodiment:
based on the same technical concept, the embodiment of the present application further provides an electronic device, fig. 12 shows a schematic structural diagram of the electronic device provided in the embodiment of the present application, and as shown in fig. 12, the electronic device 1200 includes: a processor 1201, a memory 1202 and a bus 1203, the memory storing machine readable instructions executable by the processor, the processor 1201 and the memory 1202 communicating over the bus 1203 when the electronic device is running, the processor 1201 executing the machine readable instructions to perform the method steps described in the first embodiment.
Example six:
based on the same technical idea, a sixth embodiment of the present application further provides a computer-readable storage medium, on which a computer program is stored, which when being executed by a processor, performs the method steps described in the first embodiment.
It will be clearly understood by those skilled in the art that, for convenience and brevity of description, specific working procedures of the above-described method, apparatus, system, electronic device and computer readable storage medium may refer to corresponding procedures in the first embodiment of the above-described method, which are not described herein again.
In the several embodiments provided in this application, it should be understood that the disclosed systems, devices, and methods may be implemented in other manners. The above-described apparatus embodiments are merely illustrative, for example, the division of the units is merely a logical function division, and there may be other manners of division in actual implementation, and for example, multiple units or components may be combined or integrated into another system, or some features may be omitted, or not performed. Alternatively, the coupling or direct coupling or communication connection shown or discussed with each other may be through some communication interface, device or unit indirect coupling or communication connection, which may be in electrical, mechanical or other form.
The units described as separate units may or may not be physically separate, and units shown as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
In addition, each functional unit in each embodiment of the present application may be integrated in one processing unit, or each unit may exist alone physically, or two or more units may be integrated in one unit.
The functions, if implemented in the form of software functional units and sold or used as a stand-alone product, may be stored in a non-volatile computer readable storage medium executable by a processor. Based on such understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art or in a part of the technical solution, in the form of a software product stored in a storage medium, including several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the methods described in the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (Random Access Memory, RAM), a magnetic disk, or an optical disk, or other various media capable of storing program codes.
Finally, it should be noted that: the foregoing examples are merely specific embodiments of the present application, and are not intended to limit the scope of the present application, but the present application is not limited thereto, and those skilled in the art will appreciate that while the foregoing examples are described in detail, the present application is not limited thereto. Any person skilled in the art may modify or easily conceive of the technical solution described in the foregoing embodiments, or make equivalent substitutions for some of the technical features within the technical scope of the disclosure of the present application; such modifications, changes or substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the present application, and are intended to be included in the scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.

Claims (10)

1. A method of page updating, the method being applied to a management device, the method comprising:
responding to target editing operation of a user on a visual editing interface, and generating a target JSON file; the visual editing interface comprises a first identifier, wherein the first identifier is used for uniquely identifying a first page of the client;
uploading the target JSON file to a server so that the client updates the content of the first page based on the target JSON file if the server synchronizes the target JSON file to the client.
2. The method of claim 1, wherein the visual editing interface comprises a component editing area comprising a first control comprising a second identification for uniquely identifying the first control as being associated with a first display element of the first page;
the generating a target JSON file in response to a target editing operation of a user on a visual editing interface comprises:
and responding to the user to modify the content of the first control, generating the target JSON file, wherein the target JSON file comprises updated first JSON data corresponding to the first display element of the first page, so that the client updates the first display element of the first page based on the updated first JSON data.
3. The method of claim 2, wherein generating the target JSON file in response to a user modifying the content of the first control comprises:
responding to the modification operation of the user on the content of the first control, and generating updated first JSON data corresponding to a first display element of a first page;
and assigning updated first JSON data corresponding to the first display element of the first page to the original JSON file by calling a first function to generate a target JSON file.
4. The method of claim 2, wherein the visual editing interface further comprises a JSON data display area for displaying first JSON data corresponding to a first display element of the first page associated with the first control;
correspondingly, under the condition that the target JSON file is generated, the JSON data display area displays updated first JSON data corresponding to a first display element of the first page in the target JSON file.
5. The method of claim 4, wherein the component editing area comprises a second control comprising a third identification for uniquely identifying the second control as being associated with a second display element of the first page;
The generating a target JSON file in response to a target editing operation of a user on a visual editing interface comprises:
and responding to the modification operation of a user on the second JSON data corresponding to the second display element of the first page in the JSON data display area, and generating a target JSON file, wherein the target JSON file comprises updated second JSON data corresponding to the second display element of the first page, so that the client updates the second display element of the first page based on the updated second JSON data.
6. The method of claim 1, wherein the visual editing interface further comprises a date editing control for generating the target JSON file containing an effective date such that after uploading the JSON file containing the effective date to the server, the server synchronizes the target JSON file to the client if time satisfies the effective date.
7. A method for updating a page, the method being applied to a page updating system, the page updating system comprising: the method comprises the following steps of:
The management equipment responds to target editing operation of a user on a visual editing interface to generate a target JSON file; the visual editing interface comprises a first identifier, wherein the first identifier is used for uniquely identifying a first page of the client;
the management device uploads the target JSON file to a server, and the server synchronizes the target JSON file to the client based on the target JSON file;
and the client updates the content of the first page based on the target JSON file.
8. A page updating apparatus, the apparatus being applied to a management device, the apparatus comprising:
the generation module is used for responding to the target editing operation of the user on the visual editing interface and generating a target JSON file; the visual editing interface comprises a first identifier, wherein the first identifier is used for uniquely identifying a first page of the client;
and the uploading module is used for uploading the target JSON file to a server, so that the client updates the content of the first page based on the target JSON file under the condition that the server synchronizes the target JSON file to the client.
9. An electronic device, comprising: a processor, a memory and a bus, said memory storing machine-readable instructions executable by said processor, said processor and said memory communicating over the bus when the electronic device is running, said machine-readable instructions when executed by said processor performing the steps of the method according to any one of claims 1 to 6.
10. A computer-readable storage medium, characterized in that it has stored thereon a computer program which, when executed by a processor, performs the steps of the method according to any of claims 1 to 6.
CN202311525043.7A 2023-11-15 2023-11-15 Page updating method and device, electronic equipment and computer readable storage medium Pending CN117573117A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202311525043.7A CN117573117A (en) 2023-11-15 2023-11-15 Page updating method and device, electronic equipment and computer readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202311525043.7A CN117573117A (en) 2023-11-15 2023-11-15 Page updating method and device, electronic equipment and computer readable storage medium

Publications (1)

Publication Number Publication Date
CN117573117A true CN117573117A (en) 2024-02-20

Family

ID=89863721

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202311525043.7A Pending CN117573117A (en) 2023-11-15 2023-11-15 Page updating method and device, electronic equipment and computer readable storage medium

Country Status (1)

Country Link
CN (1) CN117573117A (en)

Similar Documents

Publication Publication Date Title
CN112233217B (en) Rendering method and device of virtual scene
CN110597595A (en) Method for providing multi-language information, method for configuring multi-language information, device, equipment and medium
CN108390933B (en) Message distribution method, device, server and storage medium
CN113204598B (en) Data synchronization method, system and storage medium
US20150039698A1 (en) Blind sharing of content on social networking services
CN109671147B (en) Texture map generation method and device based on three-dimensional model
CN112579622B (en) Method, device and equipment for processing service data
CN104991778B (en) Filter method based on tree structure and device
US20200233574A1 (en) Systems and methods for sharing content
CN103677913A (en) Business processing method and device based on business process management (BPM)
CN112199007A (en) Menu display method and device, electronic equipment and storage medium
CN109960773A (en) Page animation method, apparatus, equipment and storage medium based on HTML5
CN111897623A (en) Cluster management method, device, equipment and storage medium
CN109726546A (en) A kind of right management method and device
CN103428259A (en) Terminal management system, management server, and method
CN108197210A (en) User based on friend relation interacts reading method and computing device
CN107241312A (en) A kind of right management method and device
CN110599242B (en) Method, device and storage medium for making and issuing marketing picture
CN117573117A (en) Page updating method and device, electronic equipment and computer readable storage medium
CN116050786A (en) Business process construction method and device, electronic equipment and storage medium
CN114553859A (en) BMC configuration management method and device, electronic equipment and storage medium
CN112468385A (en) Virtual grouping configuration method and device, storage medium and electronic device
CN113971191A (en) Data import method and device and computer readable storage medium
CN112579082A (en) Interactive state data establishing method and device, storage medium and electronic equipment
CN108427706A (en) A kind of information issuing method and device

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination