CN113448543A - Page processing method, device, equipment and system - Google Patents
Page processing method, device, equipment and system Download PDFInfo
- Publication number
- CN113448543A CN113448543A CN202110076121.4A CN202110076121A CN113448543A CN 113448543 A CN113448543 A CN 113448543A CN 202110076121 A CN202110076121 A CN 202110076121A CN 113448543 A CN113448543 A CN 113448543A
- Authority
- CN
- China
- Prior art keywords
- activity
- module
- code
- court
- new data
- 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.)
- Granted
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 18
- 230000000694 effects Effects 0.000 claims abstract description 171
- 238000012545 processing Methods 0.000 claims abstract description 31
- 238000010276 construction Methods 0.000 claims abstract description 24
- 238000000034 method Methods 0.000 claims description 36
- 230000000875 corresponding effect Effects 0.000 claims description 29
- 230000006870 function Effects 0.000 claims description 14
- 238000009877 rendering Methods 0.000 claims description 3
- 238000011161 development Methods 0.000 abstract description 16
- 238000010586 diagram Methods 0.000 description 15
- 238000012827 research and development Methods 0.000 description 12
- 230000008569 process Effects 0.000 description 5
- 238000004590 computer program Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 238000013507 mapping Methods 0.000 description 4
- 238000012986 modification Methods 0.000 description 4
- 230000004048 modification Effects 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000002085 persistent effect Effects 0.000 description 4
- 238000013461 design Methods 0.000 description 2
- 238000012360 testing method Methods 0.000 description 2
- 238000007792 addition Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000001276 controlling effect Effects 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 239000002355 dual-layer Substances 0.000 description 1
- 238000011990 functional testing Methods 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/10—Requirements analysis; Specification techniques
-
- 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/33—Intelligent editors
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Abstract
The application relates to a page processing method, a page processing device, page processing equipment and a page processing system. The page processing method comprises the following steps: judging whether the current business module meets the construction requirement of the activity field; calling a self-defined module when judging that the current business module does not meet the construction requirement of the activity field; and creating content in the custom module, acquiring the created content as new data of the activity field, and sending the new data to the server. According to the scheme, the page processing efficiency can be improved, the development cost is reduced, and the processing flexibility is improved.
Description
Technical Field
The present application relates to the field of mobile internet technologies, and in particular, to a page processing method, apparatus, device, and system.
Background
Currently, to coordinate marketing campaigns, a corresponding H5 page is typically created for use. For example, when an operator conducts a marketing campaign, each time the campaign is conducted, a corresponding H5 page needs to be developed. Generally, after an operation department plans activities, the needs are delivered to products and designers to make prototype diagrams and design diagrams, research and development personnel write page codes according to the prototype diagrams and the design diagrams, after the page codes are written, functional tests are performed by testing personnel, and finally, H5 pages are deployed on a server through a code publishing system for users to check and use.
In the related technology, the page development process of the marketing activity is long, the number of participators is large, and the time is long; many marketing activities are the same or similar in form, but different in content, but need to develop and test pages for many times, wasting time; after the marketing campaign comes online, if the content needs to be adjusted, research and development personnel are required to modify codes and perform online operation, and the flexible and variable marketing work requirements cannot be met.
Therefore, the page creating method in the related art has low processing efficiency, high development cost and poor flexibility.
Disclosure of Invention
In order to overcome the problems in the related art, the application provides a page processing method, device, equipment and system, and the page processing method, device, equipment and system can improve the page processing efficiency, reduce the development cost and improve the processing flexibility.
A first aspect of the present application provides a page processing method, including:
judging whether the current business module meets the construction requirement of the activity field;
calling a self-defined module when judging that the current business module does not meet the construction requirement of the activity field;
and creating content in the custom module, acquiring the created content as new data of the activity field, and sending the new data to the server.
In one embodiment, the acquiring and sending the created content as active scene new data to the server includes:
acquiring the created content as new data configured for the activity court and determining a corresponding activity court ID;
and sending the new data configured by the activity court and the corresponding activity court ID to a server for storage.
In one embodiment, the creating content in the customization module includes:
and inputting a code, an external code address or a character instruction in the custom module.
In one embodiment, the inputting a code, inputting an external code address or inputting a text instruction in the custom module includes:
inputting a code in a code edit box in the custom module; or the like, or, alternatively,
inputting an external code address for reference in an address edit box in the custom module; or the like, or, alternatively,
and inputting a text instruction in an instruction edit box in the custom module.
In one embodiment, the entering code in a code edit box in the custom module comprises:
inputting HTML codes in a first code edit box in the custom module; or the like, or, alternatively,
inputting a JavaScript code in a second code edit box in the custom module; or the like, or, alternatively,
inputting a non-HTML or JavaScript type code into a third code edit box in the custom module, wherein the non-HTML or JavaScript type code is converted into an HTML code or a JavaScript code after being input.
In one embodiment, the method further comprises:
when the user-defined module is loaded on a page, acquiring the new data of the activity scene from the user-defined module;
creating a first label, and inserting HTML codes in the new data of the activity scene into the first label to render and display the HTML codes;
and creating a second label, and injecting JavaScript codes in the new data of the active site into the second label to enable the second label to run.
In an embodiment, before the determining whether the current service module meets the requirement for building an active special court, the method further includes:
acquiring an activity spot ID selected by a user, and acquiring activity spot configuration data corresponding to the activity spot ID from the server;
creating an editing interface in a page according to the acquired activity field configuration data;
and selecting a business module on the editing interface to build an activity field.
In one embodiment, the configuration data of the active court is JSON configuration data, and the server stores the configuration data of the active court and the corresponding mapped active court ID of the active court through a database.
In one embodiment, the method further comprises:
receiving activity field configuration data spliced to HTML returned by the server according to the activity field access request;
and rendering the style and the function of the page according to the activity field configuration data loading component.
A second aspect of the present application provides a page processing apparatus, including:
the judging unit is used for judging whether the current business module meets the construction requirement of the activity special field;
the calling unit is used for calling the self-defined module when the judging unit judges that the current service module does not meet the construction requirement of the activity field;
and the processing unit is used for creating content in the custom module, acquiring the created content as new data of the activity scene and sending the new data to the server.
In one embodiment, the processing unit comprises:
a content creation subunit, configured to create content in the customization module;
the acquiring and sending subunit is used for acquiring the content created by the content creating subunit as new data configured by the activity court and determining a corresponding activity court ID; and sending the new data configured by the activity court and the corresponding activity court ID to a server for storage.
In one embodiment, the content creation subunit enters code in a code edit box in the custom module; or the like, or, alternatively,
inputting an external code address for reference in an address edit box in the custom module; or the like, or, alternatively,
and inputting a text instruction in an instruction edit box in the custom module.
A third aspect of the present application provides a page processing system, including:
the browser end is used for judging whether the current service module meets the construction requirement of the active special field; calling a self-defined module when judging that the current business module does not meet the construction requirement of the activity field; creating content in the custom module, acquiring the created content as new data of an activity scene and sending the new data to a server;
and the server is used for receiving and storing the new data of the activity field sent by the browser end.
In one embodiment, the server stores the activity court configuration data of the activity court and the corresponding mapped activity court ID through a database, and the activity court configuration data is JSON configuration data.
A fourth aspect of the present application provides an electronic device, comprising:
a processor; and
a memory having executable code stored thereon, which when executed by the processor, causes the processor to perform the method as described above.
A fifth aspect of the application provides a non-transitory machine-readable storage medium having stored thereon executable code which, when executed by a processor of an electronic device, causes the processor to perform a method as described above.
The technical scheme provided by the application can comprise the following beneficial effects:
according to the method provided by the embodiment of the application, the user-defined module can be called when the current business module is judged not to meet the construction requirement of the activity field; and then creating content in the custom module, acquiring the created content as new data of the activity field, and sending the new data to the server. Therefore, when the existing business module cannot meet the requirements of the activity field, research and development personnel can temporarily create contents in the activity field through the custom module, for example, temporary code development is carried out, so that the research and development personnel can develop new functions in the activity field at any time, different requirements brought by activities at each time are met, the activity field building efficiency is also improved, the development cost is reduced, and the activity field has strong flexibility and customizability.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the application.
Drawings
The foregoing and other objects, features and advantages of the application will be apparent from the following more particular descriptions of exemplary embodiments of the application, as illustrated in the accompanying drawings wherein like reference numbers generally represent like parts throughout the exemplary embodiments of the application.
Fig. 1 is a schematic flowchart of a page processing method according to an embodiment of the present application;
FIG. 2 is a schematic flowchart illustrating another page processing method according to an embodiment of the present application;
FIG. 3 is a flowchart illustrating another page processing method according to an embodiment of the present application;
fig. 4 is a schematic view of an editing interface of a browser in a page processing method according to an embodiment of the present application;
FIG. 5 is a schematic diagram illustrating a page processing method according to an embodiment of the present application in which code is written by a custom HTML module;
fig. 6 is a schematic structural diagram of a page processing apparatus according to an embodiment of the present application;
FIG. 7 is a schematic structural diagram of another page processing system according to an embodiment of the present application;
fig. 8 is a schematic structural diagram of an electronic device shown in an embodiment of the present application.
Detailed Description
Preferred embodiments of the present application will be described in more detail below with reference to the accompanying drawings. While the preferred embodiments of the present application are shown in the drawings, it should be understood that the present application may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.
The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the application. As used in this application and the appended claims, the singular forms "a", "an", and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It should also be understood that the term "and/or" as used herein refers to and encompasses any and all possible combinations of one or more of the associated listed items.
It should be understood that although the terms "first," "second," "third," etc. may be used herein to describe various information, these information should not be limited to these terms. These terms are only used to distinguish one type of information from another. For example, first information may also be referred to as second information, and similarly, second information may also be referred to as first information, without departing from the scope of the present application. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of that feature. In the description of the present application, "a plurality" means two or more unless specifically limited otherwise.
At present, the page development process of the marketing activities of the related technology is long, the number of participators is large, the time consumption is long, and the modification is not flexible, so the processing efficiency is low, and the development cost is high. In view of the foregoing problems, embodiments of the present application provide a page processing method, which can improve processing efficiency, reduce development cost, and improve processing flexibility. The technical solutions of the embodiments of the present application are described in detail below with reference to the accompanying drawings.
Fig. 1 is a schematic flowchart of a page processing method according to an embodiment of the present application.
Referring to fig. 1, the method includes:
in step S101, it is determined whether the current service module meets the requirement for building an active scene.
In step S102, when it is determined that the current service module does not satisfy the requirement for building the active special site, the custom module is called.
The custom module may be a custom HTML (Hyper Text Markup Language) module.
In step S103, content is created in the customization module, and the created content is acquired as new data of the activity court and sent to the server.
In this embodiment, content may be created in the custom module, the created content is acquired as new data configured for the activity court, and a corresponding activity court ID is determined; and sending the new data configured by the activity court and the corresponding activity court ID to a server for storage. Wherein creating the content in the customization module may include: and inputting a code, an external code address or a text instruction in the custom module. For example, code is entered in a code edit box in the custom module; or, inputting an external code address for reference in an address edit box in the custom module; or, inputting a text instruction in an instruction edit box in the custom module. The HTML code can be input in a first code edit box in a custom module; or, inputting a JavaScript code in a second code edit box in the custom module; or inputting a non-HTML or JavaScript type code into a third code edit box in the custom module, wherein the non-HTML or JavaScript type code is converted into an HTML code or a JavaScript code after being input. JavaScript is an interpreted programming language, which is the main scripting language for developing Web pages, and can implement complex functions on Web pages, such as controlling image animation and multimedia.
The server may create a table in the database to store the data for the event. For example, the event court configuration data of all event venues is stored, and a mapping relationship between the event court ID and the event court configuration data is established. The active arena configuration data is stored in JSON format, which may also be referred to as JSON configuration data. And the server receives and stores the new activity field configuration data and the corresponding activity field ID sent by the browser. JSON is a lightweight data exchange format with a compact and clear hierarchy that can be used to transmit and store structured data.
According to the embodiment, the method provided by the embodiment of the application can call the custom module when the current business module is judged not to meet the construction requirement of the activity field; and then creating content in the custom module, acquiring the created content as new data of the activity field, and sending the new data to the server. Therefore, when the existing business module cannot meet the requirements of the activity field, research and development personnel can temporarily create contents in the activity field through the custom module, for example, temporary code development is carried out, so that the research and development personnel can develop new functions in the activity field at any time, different requirements brought by activities at each time are met, the activity field building efficiency is also improved, the development cost is reduced, and the activity field has strong flexibility and customizability.
Fig. 2 is a schematic flowchart of another page processing method according to an embodiment of the present application.
Referring to fig. 2, the method includes:
in step S201, an activity field is generated at the browser according to the service module.
In this embodiment, it is detected at the browser end that the user creates the activity court, the ID of the activity court selected by the user is obtained, the activity court configuration data corresponding to the ID of the activity court is pulled from the database of the server according to the mapping relationship between the ID of the activity court and the activity court configuration data, and an editing interface is created in a browser page, for example, a H5(Hyper Text Markup Language 5, version 5.0) page. The editing interface can be divided into three columns, namely, a left column, a middle column and a right column, but is not limited thereto, all available module lists including common service modules are displayed on the left side, an active scene effect editing and previewing area is arranged in the middle, and an existing module list in an active scene is displayed on the right side, which can be seen in fig. 4. An array named componentList is created in JSON, and each element in the componentList array corresponds to configuration data of one service module.
H5 is an abbreviation of HTML5, and is a latest revision of HTML (Hyper Text Markup Language), and its main purpose is to provide functions to users through browsers. CSS (Cascading Style Sheets), which can be used to describe the presentation of HTML documents. CSS describes the problem of how elements on a screen, paper, audio, etc. other media should be rendered.
In step S202, it is determined whether the existing service module meets the construction requirements of the activity court, and if so, step S204 is executed; if not, step S203 is executed.
In this embodiment, the form of the current activity may be the same as or similar to that of the previous activity, the current activity field may be constructed using the service module of the previous activity field, and if the existing service module can meet the construction requirement of the current activity field, step S204 is executed; however, the existing service module does not necessarily satisfy all requirements of the current active site, and therefore, if the existing service module cannot satisfy the establishment of the active site, step S203 is executed.
In step S203, add a service module using a custom module; step S204 is performed.
In this embodiment, a module, such as a custom HTML module, may be customized in the browser as the new business module type. In which, content can be created in a custom module, such as an HTML module, and the created content is acquired as new data of the activity scene. Taking the HTML module as an example, two attributes, namely an HTML attribute and a JS attribute, can be created in the configuration data of the HTML module and are respectively used for storing HTML codes and JavaScript codes. The method and the device can input codes, external code addresses or character instructions in the custom module. For example, code is entered in a code edit box in the custom module; or, inputting an external code address for reference in an address edit box in the custom module; or, inputting a text instruction in an instruction edit box in the custom module. The HTML code can be input in a first code edit box in a custom module; or, inputting a JavaScript code in a second code edit box in the custom module; or inputting a non-HTML or JavaScript type code into a third code edit box in the custom module, wherein the non-HTML or JavaScript type code is converted into an HTML code or a JavaScript code after being input. It can be seen that in addition to providing an edit box that can input HTML or JavaScript type code, embodiments of the present application can also provide a code edit box that can input other types of code, i.e., a code edit box that can input non-HTML or JavaScript type code. Other types of code that are entered may be compiled into HTML or JavaScript type code before being saved to the database. Moreover, the customized address edit box of the embodiment of the application can also refer to external codes, namely, programmers do not need to write manually; for example, an address edit box of an external code address is set in the custom edit box, and the external code address is input in the address edit box, so that the external code can be obtained through the external code address.
According to the embodiment of the application, various different contents can be input by setting different edit boxes in the custom module. When the code is written in the code editing frame, the code is stored in JSON configuration data of the current module, namely active field configuration data.
When a web page of a browser is opened and loaded to an added service module, namely an HTML module, the added HTML module reads out stored codes from active scene configuration data, creates a first tag, for example, a < div > tag, inserts the HTML codes to render and display the HTML codes, creates a second tag, for example, a < script > tag, and injects JavaScript codes to run the HTML codes.
In step S204, the activity field is saved and issued by the server for the user to access; step S205 is performed.
In this embodiment, the browser sends the active site ID and the JSON configuration data edited by the user to the server, and the server finds the JSON configuration data recorded in the database corresponding to the site according to the received active site ID, and covers the JSON configuration data with the received new JSON configuration data, that is, completes the storage of the active site.
The server may provide the user with a spot access function based on the HTTP protocol. And the server reads JSON configuration data corresponding to the active field ID in the database according to the active field ID contained in the field link, splices the JSON configuration data into HTML and returns the HTML to the browser. The browser traverses the componentList array in the configuration data, loads the components in order according to each element therein, and renders the style and function of the entire page, e.g., H5 page.
The operator can click the copy link button, copy the access link of the activity scene, and release the link to the user in the activity scene in the modes of short messages, APP resource positions and the like. The user can open the access link to access the event court through the channel.
In step S205, the activity field continues to be used until the end of the activity.
It can be seen from this embodiment that, with the scheme of the embodiment of the present application, when the existing business module cannot meet the requirements of the activity field, research and development personnel can perform temporary code development in the activity field through the custom module, so that the research and development personnel can develop new functions in the activity field at any time, solve different requirements provided by activities at each time, also improve the efficiency of building the activity field, reduce the development cost, and make the activity field have strong flexibility and customizability.
Fig. 3 is a flowchart illustrating another page processing method according to an embodiment of the present application. Fig. 3 depicts an embodiment of the present application in more detail with respect to fig. 1 and 2.
Referring to fig. 3, the method includes:
in step S301, a database of the event court is created in advance in the server.
In this embodiment, a database of the activity court is created in advance in the server, and a table may be created in the database to store data of the activity court. For example, the event court configuration data of all event venues is stored, and a mapping relationship between the event court ID and the event court configuration data is established. The active arena configuration data is stored in JSON format, which may also be referred to as JSON configuration data.
Every time when detecting that a user operates at a browser end to establish an activity field, a server establishes a record in a database, wherein the record comprises an activity field ID and activity field configuration data, and each activity field corresponds to a record in a JSON format and is used for storing all configuration items of the activity field.
In step S302, an activity field is generated at the browser according to the service module.
In this embodiment, it is detected at the browser end that the user creates the activity site, the ID of the activity site selected by the user is acquired, the activity site configuration data corresponding to the ID of the activity site is pulled from the database of the server according to the mapping relationship between the ID of the activity site and the activity site configuration data, and an editing interface is created in a browser page, for example, an H5 page. The editing interface can be divided into three columns, namely, a left column, a middle column and a right column, but is not limited thereto, all available module lists including common service modules are displayed on the left side, an active scene effect editing and previewing area is arranged in the middle, and an existing module list in an active scene is displayed on the right side, which can be seen in fig. 4. An array named componentList is created in JSON, and each element in the componentList array corresponds to configuration data of a service module.
When an activity field is generated on an editing interface, dragging an existing module in a module list on the left side of the editing interface to a middle area according to detected user operation, namely adding a module configuration in a componentList; detecting that a user clicks an editing button of any module in the right module list, opening a configuration menu of the module, and modifying the configuration of the module; after the modification is detected, and a submit button of the configuration menu is clicked, the edited configuration is written into a componentList array of the current module; detecting the click on the delete button of any module, the system will delete the data of the current module from the componentList array.
In step S303, it is determined whether the existing service module meets the construction requirement of the activity court, and if so, step S305 is executed; if not, go to step S304.
In this embodiment, the construction of the activity court is completed by dragging, modifying, and deleting the existing service module in step S302. If the event court built by using the existing service module can meet the requirements of the event court, step S305 is performed, and if the event court built by using the existing service module cannot meet the requirements of the event court, step S304 is performed.
In step S304, a service module is added by using a custom module; step S305 is performed.
In this embodiment, a module, such as a custom HTML module, may be customized in the browser as the new business module type. In which, content can be created in a custom module, such as an HTML module, and the created content is acquired as new data of the activity scene. Taking the HTML module as an example, two attributes, namely an HTML attribute and a JS attribute, can be created in the configuration data of the HTML module and are respectively used for storing HTML codes and JavaScript codes. The method and the device can input codes, external code addresses or character instructions in the custom module. For example, code is entered in a code edit box in the custom module; or, inputting an external code address for reference in an address edit box in the custom module; or, inputting a text instruction in an instruction edit box in the custom module. The HTML code can be input in a first code edit box in a custom module; or, inputting a JavaScript code in a second code edit box in the custom module; or inputting a non-HTML or JavaScript type code into a third code edit box in the custom module, wherein the non-HTML or JavaScript type code is converted into an HTML code or a JavaScript code after being input.
According to the embodiment of the application, various different contents can be input by setting different edit boxes in the custom module. When the code is written in the code editing frame, the code is stored in JSON configuration data of the current module, namely active field configuration data.
In this embodiment, when the existing service module cannot meet the requirements of the activity field, a research and development staff may perform temporary code development in the activity field through the customized HTML module. A module adding button is added to the editing interface, and a developer can click the module adding button to add a custom HTML module, write codes in an editor of a module configuration menu, and click a submit button to add a new service module, as shown in fig. 5.
When a web page of a browser is opened and loaded to an added service module, namely an HTML module, the added service module reads out stored codes from activity scene configuration data, creates a first tag, for example, a < div > tag, inserts the HTML codes to render and display the HTML codes, creates a second tag, for example, a < script > tag, and injects JavaScript codes to run the HTML codes.
In step S305, the activity court is saved and issued by the server for the user to access; step S306 is performed.
In this embodiment, the browser sends the event court ID and the event court configuration data (JSON configuration data) edited by the user to the server, and the server searches the database record corresponding to the event court according to the received event court ID, and overwrites the original event court configuration data with the received new event court configuration data, thereby completing the storage of the event court.
The server may provide the user with active site access functionality based on the HTTP protocol. And the server reads the activity field configuration data corresponding to the activity field ID in the database according to the activity field ID contained in the field link, splices the activity field configuration data into HTML and returns the HTML to the browser. The browser traverses the componentList array in the active site configuration data, loads the components in order according to each element therein, and renders the style and functionality of the entire page, e.g., the H5 page.
The operator can click the copy link button, copy the access link of the activity scene, and release the link to the user in the activity scene in the modes of short messages, APP resource positions and the like. The user can open the access link to access the event court through the channel.
In step S306, it is determined whether an adjustment of the activity court is required, and if so, the process returns to step S302; if not, step S307 is performed.
After the establishment of the activity field is completed, the operator can adjust the configuration of the activity field at any time according to the activity condition, including the addition, deletion and modification of the business module.
When the activity court needs to be adjusted, the browser transmits the ID of the activity court to be modified to the server through the URL parameter, the server receives the ID of the activity court to be modified, reads the configuration data (JSON configuration data) of the activity court corresponding to the ID of the activity court from the database, and returns the configuration data to the browser. And after the browser receives the JSON configuration data, sequentially loading each component according to a componentList array in the JSON configuration data in an editing interface, and creating the editing interface in a page of the browser, such as an H5 page. The editing process is the same as the editing process after the live court is created in step S302, and the live court is adjusted by using the editing interface.
In step S307, the activity field continues to be used until the activity ends.
In summary, the solution provided in the embodiment of the present application, based on the existing activity court page, can implement that, on the basis of reusing the existing page service module, a user-defined module, such as an HTML module, is used to enable a research and development staff to develop new functions in the activity court at any time, so as to solve different requirements provided by activities at each time, ensure the efficiency of building the activity court, and enable the activity court to have strong flexibility and customizability.
The method provided by the present application is described in detail above, and accordingly, the present application embodiment provides a page processing apparatus, a device and a system.
Fig. 6 is a schematic structural diagram of a page processing apparatus according to an embodiment of the present application.
Referring to fig. 6, a page processing apparatus 60 according to an embodiment of the present application includes: a judging unit 61, a calling unit 62 and a processing unit 63.
The judging unit 61 is used for judging whether the current service module meets the construction requirement of the activity field;
the calling unit 62 is configured to call the custom module when the judging unit 61 judges that the current service module does not meet the requirement for building the activity field;
and the processing unit 63 is configured to create content in the custom module, acquire the created content as new data of the activity scene, and send the new data to the server.
In one embodiment, the processing unit 63 comprises: a content creation sub-unit 631, an acquisition and transmission sub-unit 632.
A content creation subunit 631 configured to create a content in the custom module;
an acquiring and sending subunit 632, configured to acquire the content created by the content creating subunit 631 as new data configured for the activity court and determine a corresponding activity court ID; and sending the new data configured by the activity court and the corresponding activity court ID to a server for storage.
Wherein the content creating sub-unit 631 inputs a code in a code edit box in the custom module; or, inputting an external code address for reference in an address edit box in the custom module; or, inputting a text instruction in an instruction edit box in the custom module. For example, the content creation subunit 631 enters a code in a code edit box in the custom module; or, inputting an external code address for reference in an address edit box in the custom module; or, inputting a text instruction in an instruction edit box in the custom module. The HTML code can be input in a first code edit box in a custom module; or, inputting a JavaScript code in a second code edit box in the custom module; or inputting a non-HTML or JavaScript type code into a third code edit box in the custom module, wherein the non-HTML or JavaScript type code is converted into an HTML code or a JavaScript code after being input.
In one embodiment, the apparatus further comprises a loading unit 64.
The loading unit 64 is configured to obtain new configuration data of the activity court from the custom module when the custom module is loaded on the page;
creating a first tag, such as a < div > tag, and inserting HTML code in the new event court configuration data into the first tag, such as the < div > tag, for rendering and presentation;
a second tag, e.g., a < script > tag, is created and JavaScript code in the new active farm configuration data is injected into the second tag, e.g., the < script > tag, to be run.
By applying the page processing device provided by the embodiment of the application, when the existing business module cannot meet the requirement of the activity field, research and development personnel can temporarily create content in the activity field through the custom module, for example, temporary code development is carried out, so that the research and development personnel can develop new functions in the activity field at any time, different requirements of activities at every time are met, the efficiency of constructing the activity field is also improved, the development cost is reduced, and the activity field has strong flexibility and customizability.
Fig. 7 is a schematic structural diagram of another page processing system according to an embodiment of the present application.
Referring to fig. 7, a page processing system 70 shown in the embodiment of the present application includes: a browser end 71, and a server 72.
The browser end 71 is used for judging whether the current service module meets the construction requirement of the active special field; calling a self-defined module when judging that the current business module does not meet the construction requirement of the activity field; creating content in a custom module, acquiring the created content as new data of an activity scene and sending the new data to a server;
and the server 72 is used for receiving and storing the new data of the activity field sent by the browser end 71.
In one embodiment, the server 72 stores the event court configuration data of the event court and the corresponding mapped event court ID via a database, the event court configuration data being JSON configuration data.
With regard to the apparatus in the above-described embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated here.
Fig. 8 is a schematic structural diagram of an electronic device shown in an embodiment of the present application. The electronic device may be, for example, a server or a mobile terminal device or the like.
Referring to fig. 8, an electronic device 800 includes a memory 810 and a processor 820.
The Processor 820 may be a Central Processing Unit (CPU), other general purpose Processor, a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field Programmable Gate Array (FPGA) or other Programmable logic device, discrete Gate or transistor logic, discrete hardware components, etc. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like.
The memory 810 may include various types of storage units, such as system memory, Read Only Memory (ROM), and permanent storage. Wherein the ROM may store static data or instructions that are needed by the processor 1020 or other modules of the computer. The persistent storage device may be a read-write storage device. The persistent storage may be a non-volatile storage device that does not lose stored instructions and data even after the computer is powered off. In some embodiments, the persistent storage device employs a mass storage device (e.g., magnetic or optical disk, flash memory) as the persistent storage device. In other embodiments, the permanent storage may be a removable storage device (e.g., floppy disk, optical drive). The system memory may be a read-write memory device or a volatile read-write memory device, such as a dynamic random access memory. The system memory may store instructions and data that some or all of the processors require at runtime. In addition, the memory 810 may include any combination of computer-readable storage media, including various types of semiconductor memory chips (DRAM, SRAM, SDRAM, flash memory, programmable read-only memory), magnetic and/or optical disks, may also be employed. In some embodiments, memory 810 may include a removable storage device that is readable and/or writable, such as a Compact Disc (CD), a read-only digital versatile disc (e.g., DVD-ROM, dual layer DVD-ROM), a read-only Blu-ray disc, an ultra-density optical disc, a flash memory card (e.g., SD card, min SD card, Micro-SD card, etc.), a magnetic floppy disc, or the like. Computer-readable storage media do not contain carrier waves or transitory electronic signals transmitted by wireless or wired means.
The memory 810 has stored thereon executable code that, when processed by the processor 820, may cause the processor 820 to perform some or all of the methods described above.
The aspects of the present application have been described in detail hereinabove with reference to the accompanying drawings. In the above embodiments, the descriptions of the respective embodiments have respective emphasis, and for parts that are not described in detail in a certain embodiment, reference may be made to related descriptions of other embodiments. Those skilled in the art should also appreciate that the acts and modules referred to in the specification are not necessarily required in the present application. In addition, it can be understood that the steps in the method of the embodiment of the present application may be sequentially adjusted, combined, and deleted according to actual needs, and the modules in the device of the embodiment of the present application may be combined, divided, and deleted according to actual needs.
Furthermore, the method according to the present application may also be implemented as a computer program or computer program product comprising computer program code instructions for performing some or all of the steps of the above-described method of the present application.
Alternatively, the present application may also be embodied as a non-transitory machine-readable storage medium (or computer-readable storage medium, or machine-readable storage medium) having stored thereon executable code (or a computer program, or computer instruction code) which, when executed by a processor of an electronic device (or electronic device, server, etc.), causes the processor to perform part or all of the various steps of the above-described method according to the present application.
Those of skill would further appreciate that the various illustrative logical blocks, modules, circuits, and algorithm steps described in connection with the applications disclosed herein may be implemented as electronic hardware, computer software, or combinations of both.
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems and methods according to various embodiments of the present application. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
Having described embodiments of the present application, the foregoing description is intended to be exemplary, not exhaustive, and not limited to the disclosed embodiments. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described embodiments. The terminology used herein is chosen in order to best explain the principles of the embodiments, the practical application, or improvements made to the technology in the marketplace, or to enable others of ordinary skill in the art to understand the embodiments disclosed herein.
Claims (15)
1. A page processing method is characterized by comprising the following steps:
judging whether the current business module meets the construction requirement of the activity field;
calling a self-defined module when judging that the current business module does not meet the construction requirement of the activity field;
and creating content in the custom module, acquiring the created content as new data of the activity field, and sending the new data to the server.
2. The method of claim 1, wherein the retrieving the created content as active site new data and sending to a server comprises:
acquiring the created content as new data configured for the activity court and determining a corresponding activity court ID;
and sending the new data configured by the activity court and the corresponding activity court ID to a server for storage.
3. The method of claim 1, wherein creating content in the customization block comprises:
and inputting a code, an external code address or a character instruction in the custom module.
4. The method of claim 3, wherein the entering a code, entering an external code address, or entering a text instruction in the custom module comprises:
inputting a code in a code edit box in the custom module; or the like, or, alternatively,
inputting an external code address for reference in an address edit box in the custom module; or the like, or, alternatively,
and inputting a text instruction in an instruction edit box in the custom module.
5. The method of claim 4, wherein entering code in a code edit box in the custom module comprises:
inputting HTML codes in a first code edit box in the custom module; or the like, or, alternatively,
inputting a JavaScript code in a second code edit box in the custom module; or the like, or, alternatively,
inputting a non-HTML or JavaScript type code into a third code edit box in the custom module, wherein the non-HTML or JavaScript type code is converted into an HTML code or a JavaScript code after being input.
6. The method of claim 1, further comprising:
when the user-defined module is loaded on a page, acquiring the new data of the activity scene from the user-defined module;
creating a first label, and inserting HTML codes in the new data of the activity scene into the first label to render and display the HTML codes;
and creating a second label, and injecting JavaScript codes in the new data of the active site into the second label to enable the second label to run.
7. The method according to any one of claims 1 to 6, wherein before determining whether the current service module meets the requirement of construction of the activity court, the method further comprises:
acquiring an activity spot ID selected by a user, and acquiring activity spot configuration data corresponding to the activity spot ID from the server;
creating an editing interface in a page according to the acquired activity field configuration data;
and selecting a business module on the editing interface to build an activity field.
8. The method of claim 7, wherein:
the configuration data of the activity court is JSON configuration data, and the server stores the configuration data of the activity court and the corresponding mapped ID of the activity court through a database.
9. The method according to any one of claims 1 to 6, further comprising:
receiving activity field configuration data spliced to HTML returned by the server according to the activity field access request;
and rendering the style and the function of the page according to the activity field configuration data loading component.
10. A page processing apparatus, comprising:
the judging unit is used for judging whether the current business module meets the construction requirement of the activity special field;
the calling unit is used for calling the self-defined module when the judging unit judges that the current service module does not meet the construction requirement of the activity field;
and the processing unit is used for creating content in the custom module, acquiring the created content as new data of the activity scene and sending the new data to the server.
11. The apparatus of claim 10, wherein the processing unit comprises:
a content creation subunit, configured to create content in the customization module;
the acquiring and sending subunit is used for acquiring the content created by the content creating subunit as new data configured by the activity court and determining a corresponding activity court ID; and sending the new data configured by the activity court and the corresponding activity court ID to a server for storage.
12. The apparatus of claim 11, wherein:
the content creating subunit inputs a code in a code edit box in the custom module; or the like, or, alternatively,
inputting an external code address for reference in an address edit box in the custom module; or the like, or, alternatively,
and inputting a text instruction in an instruction edit box in the custom module.
13. A page processing system, comprising:
the browser end is used for judging whether the current service module meets the construction requirement of the active special field; calling a self-defined module when judging that the current business module does not meet the construction requirement of the activity field; creating content in the custom module, acquiring the created content as new data of an activity scene and sending the new data to a server;
and the server is used for receiving and storing the new data of the activity field sent by the browser end.
14. The system of claim 13, wherein:
the server stores the activity court configuration data of the activity court and the corresponding mapped activity court ID through a database, wherein the activity court configuration data is JSON configuration data.
15. An electronic device, comprising:
a processor; and
a memory having executable code stored thereon, which when executed by the processor, causes the processor to perform the method of any one of claims 1 to 9.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110076121.4A CN113448543B (en) | 2021-01-20 | 2021-01-20 | Page processing method, device, equipment and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110076121.4A CN113448543B (en) | 2021-01-20 | 2021-01-20 | Page processing method, device, equipment and system |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113448543A true CN113448543A (en) | 2021-09-28 |
| CN113448543B CN113448543B (en) | 2024-02-02 |
Family
ID=77808856
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110076121.4A Active CN113448543B (en) | 2021-01-20 | 2021-01-20 | Page processing method, device, equipment and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113448543B (en) |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104636139A (en) * | 2015-01-26 | 2015-05-20 | 北京邮电大学 | Visualized cross-platform mobile application development and generation system |
| WO2015176435A1 (en) * | 2014-05-21 | 2015-11-26 | 广州市动景计算机科技有限公司 | Method and terminal for javascript-based page customization |
| CN105468766A (en) * | 2015-12-04 | 2016-04-06 | 上海斐讯数据通信技术有限公司 | Webpage creation method and system thereof |
| CN106910107A (en) * | 2017-01-23 | 2017-06-30 | 武汉奇米网络科技有限公司 | One kind promotion page configuration method and system |
| CN107479861A (en) * | 2016-06-07 | 2017-12-15 | 阿里巴巴集团控股有限公司 | Page processing method and its system |
| CN109725902A (en) * | 2018-12-24 | 2019-05-07 | 广东智合创享营销策划有限公司 | A kind of H5 page animation method and system of complex interaction logic |
| CN110865807A (en) * | 2018-08-27 | 2020-03-06 | 北京京东金融科技控股有限公司 | Active page creation system, method, device and storage medium |
| CN111580808A (en) * | 2020-04-27 | 2020-08-25 | 平安医疗健康管理股份有限公司 | Page generation method and device, computer equipment and storage medium |
| CN111857700A (en) * | 2020-07-22 | 2020-10-30 | 南京欣网互联网络科技有限公司 | Template marketing activity publishing method and system |
| CN111949256A (en) * | 2020-08-12 | 2020-11-17 | 广州华多网络科技有限公司 | Webpage real-time preview editing method, device, equipment and storage medium |
-
2021
- 2021-01-20 CN CN202110076121.4A patent/CN113448543B/en active Active
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2015176435A1 (en) * | 2014-05-21 | 2015-11-26 | 广州市动景计算机科技有限公司 | Method and terminal for javascript-based page customization |
| CN104636139A (en) * | 2015-01-26 | 2015-05-20 | 北京邮电大学 | Visualized cross-platform mobile application development and generation system |
| CN105468766A (en) * | 2015-12-04 | 2016-04-06 | 上海斐讯数据通信技术有限公司 | Webpage creation method and system thereof |
| CN107479861A (en) * | 2016-06-07 | 2017-12-15 | 阿里巴巴集团控股有限公司 | Page processing method and its system |
| CN106910107A (en) * | 2017-01-23 | 2017-06-30 | 武汉奇米网络科技有限公司 | One kind promotion page configuration method and system |
| CN110865807A (en) * | 2018-08-27 | 2020-03-06 | 北京京东金融科技控股有限公司 | Active page creation system, method, device and storage medium |
| CN109725902A (en) * | 2018-12-24 | 2019-05-07 | 广东智合创享营销策划有限公司 | A kind of H5 page animation method and system of complex interaction logic |
| CN111580808A (en) * | 2020-04-27 | 2020-08-25 | 平安医疗健康管理股份有限公司 | Page generation method and device, computer equipment and storage medium |
| CN111857700A (en) * | 2020-07-22 | 2020-10-30 | 南京欣网互联网络科技有限公司 | Template marketing activity publishing method and system |
| CN111949256A (en) * | 2020-08-12 | 2020-11-17 | 广州华多网络科技有限公司 | Webpage real-time preview editing method, device, equipment and storage medium |
Non-Patent Citations (4)
| Title |
|---|
| #JAVASCRIPT: "An introduction to dynamic list rendering in Vue.js", pages 1 - 26, Retrieved from the Internet <URL:《https://www.freecodecamp.org/news/an-introduction-to-dynamic-list-rendering-in-vue-js-a70eea3e321/》> * |
| CHRISTOPHER BROOKS等: "A Component Architecture for the Internet of Things", PROCEEDINGS OF THE IEEE, pages 1 - 16 * |
| 李鑫: "移动端H5页面快速开发系统的设计与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》, pages 139 - 164 * |
| 石头人汉考克: "活动可视化搭建（拖拽生成页面）", pages 1 - 11, Retrieved from the Internet <URL:《https://juejin.cn/post/6844904083120193543》> * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113448543B (en) | 2024-02-02 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11714666B2 (en) | Extensible template pipeline for web applications | |
| CN109508191B (en) | Code generation method and system | |
| US8370750B2 (en) | Technology for generating service program | |
| TWI450107B (en) | Method and computer readable storage media for web data usage platform | |
| US9501458B2 (en) | Executing a populated code template to generate a browser-executable software program to present a web page as a mobile application | |
| US10572581B2 (en) | System and method for web content presentation management | |
| CN102567516B (en) | Script loading method and device | |
| KR20170141224A (en) | Developer Exchange System | |
| US20090254611A1 (en) | System and Method for Platform and Language-Independent Development and Delivery of Page-Based Content | |
| JP2015534145A (en) | User interface control framework for stamping out controls using declarative templates | |
| CN105474206A (en) | Virtual synchronization with on-demand data delivery | |
| US20080120596A1 (en) | Cross domain presence of web user interface and logic | |
| CN105160018A (en) | Method, device and system for image copy/paste | |
| Konshin | Next. js Quick Start Guide: Server-side rendering done right | |
| CN110058854B (en) | Method, terminal device and computer-readable medium for generating application | |
| Taivalsaari | Mashware: The future of web applications | |
| CN114756228A (en) | Page processing method, device, equipment and storage medium | |
| CN113448543B (en) | Page processing method, device, equipment and system | |
| Amatya | Cross-platform mobile development: An alternative to native mobile development | |
| US11843679B2 (en) | Automated dependency management based on page components | |
| CN113656041A (en) | Data processing method, device, equipment and storage medium | |
| Nyrhinen et al. | Lively mashups for mobile devices | |
| KR20140108458A (en) | Device and method for producing web widget | |
| KR102228241B1 (en) | Method and system for virtual input on the web | |
| CN115981650A (en) | Website building method and device, electronic equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |