CN113448543B - Page processing method, device, equipment and system - Google Patents
Page processing method, device, equipment and system Download PDFInfo
- Publication number
- CN113448543B CN113448543B CN202110076121.4A CN202110076121A CN113448543B CN 113448543 B CN113448543 B CN 113448543B CN 202110076121 A CN202110076121 A CN 202110076121A CN 113448543 B CN113448543 B CN 113448543B
- Authority
- CN
- China
- Prior art keywords
- activity specific
- specific field
- module
- activity
- configuration 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.)
- Active
Links
- 238000003672 processing method Methods 0.000 title abstract description 15
- 230000000694 effects Effects 0.000 claims abstract description 199
- 238000012545 processing Methods 0.000 claims abstract description 30
- 238000010276 construction Methods 0.000 claims abstract description 20
- 230000000875 corresponding effect Effects 0.000 claims description 38
- 238000000034 method Methods 0.000 claims description 30
- 230000006870 function Effects 0.000 claims description 17
- 238000009877 rendering Methods 0.000 claims description 4
- 238000011161 development Methods 0.000 abstract description 16
- 238000010586 diagram Methods 0.000 description 11
- 230000002085 persistent effect Effects 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 5
- 238000012986 modification Methods 0.000 description 5
- 230000004048 modification Effects 0.000 description 5
- 230000005540 biological transmission Effects 0.000 description 4
- 238000004590 computer program Methods 0.000 description 4
- 238000013507 mapping Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 238000013461 design Methods 0.000 description 2
- 238000012827 research and development Methods 0.000 description 2
- 238000012360 testing method Methods 0.000 description 2
- 238000007792 addition Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000001276 controlling effect Effects 0.000 description 1
- 238000013497 data interchange Methods 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
- 230000001105 regulatory effect Effects 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
- 238000012546 transfer Methods 0.000 description 1
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
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Security & Cryptography (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The application relates to a page processing method, device, equipment and system. The page processing method comprises the following steps: judging whether the current service module meets the construction requirement of an activity specific field; when judging that the current service module does not meet the construction requirement of the special field of the activity, calling a custom module; and creating content in the custom module, acquiring the created content as new data of the special event 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 disclosure relates to the field of mobile internet technologies, and in particular, to a method, an apparatus, a device, and a system for processing a page.
Background
Currently, in order to cooperate with marketing campaigns, corresponding H5 pages are generally created for use. For example, when an operator performs a marketing campaign, each time the campaign is performed, the operator needs to develop a corresponding H5 page. After the operation department plans the activity, the requirement is delivered to the product and the designer to make the prototype graph and the design graph, the research and development personnel writes the page codes according to the prototype graph and the design graph, the tester performs the function test after the page codes are written, and finally the H5 page is deployed on the server through the code release system for the user to check and use.
In the related technology, the page development flow of the marketing campaign is long, the participants are more, and the time is long; many marketing activities are the same or similar in form, but different in content, but require multiple development and testing of pages, wasting time; after the marketing campaign is online, if the content needs to be adjusted, the code modification and online operation are also required by the research and development personnel, so that the flexible and changeable marketing work requirements cannot be met.
Therefore, the page creation method of the related technology has low processing efficiency, higher 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, which can improve the page processing efficiency, reduce the development cost and improve the processing flexibility.
The first aspect of the present application provides a page processing method, including:
judging whether the current service module meets the construction requirement of an activity specific field;
when judging that the current service module does not meet the requirement of building an activity specific field, calling a custom module;
and creating content in the custom module, acquiring the created content as new data of the special event and sending the new data to the server.
In one embodiment, the acquiring the created content as new data of the activity specific field and sending the new data to the server includes:
acquiring the created content as new data of the activity specific field configuration and determining a corresponding activity specific field ID;
and sending the new data of the special event configuration and the corresponding special event ID to a server for storage.
In one embodiment, the creating the content in the custom module includes:
and inputting codes, external code addresses or text instructions 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 codes in a code editing box in the custom module; or alternatively, the first and second heat exchangers may be,
inputting an external code address for reference in an address editing box in the custom module; or alternatively, the first and second heat exchangers may be,
and inputting a text instruction in an instruction editing box in the custom module.
In one embodiment, the inputting the code in the code editing box in the custom module includes:
inputting HTML codes in a first code editing box in the custom module; or alternatively, the first and second heat exchangers may be,
Inputting JavaScript codes in a second code editing box in the custom module; or alternatively, the first and second heat exchangers may be,
and inputting codes of a non-HTML or JavaScript type in a third code editing box in the custom module, wherein the codes of the non-HTML or JavaScript type are converted into HTML codes or JavaScript codes after being input.
In one embodiment, the method further comprises:
when the self-defining module is loaded on a page, acquiring new data of the special event from the self-defining module;
creating a first tag, and inserting HTML codes in the new data of the special event into the first tag to render and display the first tag;
creating a second tag, and injecting JavaScript codes in the new data of the special event into the second tag to enable the second tag to run.
In an embodiment, before determining whether the current service module meets the requirement of building the activity specific farm, the method further includes:
acquiring an activity specific field ID selected by a user, and acquiring activity specific field configuration data corresponding to the activity specific field ID from the server;
creating an editing interface in a page according to the acquired activity specific field configuration data;
and selecting a service module at the editing interface to build an activity specific field.
In one embodiment, the activity specific configuration data is JSON configuration data, and the server stores the activity specific configuration data of the activity specific and the corresponding mapped activity specific ID via a database.
In one embodiment, the method further comprises:
receiving the active special field configuration data spliced to the HTML returned by the server according to the active special field access request;
and rendering the style and the function of the page according to the activity specific 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 service module meets the construction requirement of the special event field;
the calling unit is used for calling the custom module when the judging unit judges that the current service module does not meet the construction requirement of the special field of the activity;
the processing unit is used for creating content in the custom module, acquiring the created content as new data of the activity specific field and sending the new data to the server.
In one embodiment, the processing unit includes:
a content creation subunit, configured to create content in the customization module;
the acquisition and transmission subunit is used for acquiring the content created by the content creation subunit as new data of the activity specific field configuration and determining the corresponding activity specific field ID; and sending the new data of the special event configuration and the corresponding special event ID to a server for storage.
In one embodiment, the content creation subunit enters a code in a code edit box in the custom module; or alternatively, the first and second heat exchangers may be,
inputting an external code address for reference in an address editing box in the custom module; or alternatively, the first and second heat exchangers may be,
and inputting a text instruction in an instruction editing 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 requirement of building an activity specific field; when judging that the current service module does not meet the construction requirement of the special field of the activity, calling a custom module; creating content in the custom module, acquiring the created content as new data of the special event and sending the new data to a server;
and the server is used for receiving and storing the new data of the special event field sent by the browser side.
In one embodiment, the server stores, via a database, activity specific configuration data of an activity specific, the activity specific configuration data being JSON configuration data, and a corresponding mapped activity specific ID.
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 present 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 the method as described above.
The technical scheme that this application provided can include following beneficial effect:
the method provided by the embodiment of the application can call the custom module when judging that the current service module does not meet the construction requirement of the special field of the activity; and then creating content in the self-defining module, acquiring the created content as new data of the special event and sending the new data to the server. Thus, when the existing service module cannot meet the requirement of the special activity field, a researcher can temporarily create content in the special activity field through the custom module, for example, temporary code development is performed, so that the researcher can develop new functions in the special activity field at any time, different requirements of each activity are met, the special activity field construction efficiency is improved, the development cost is reduced, and the special 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 flow chart of a page processing method according to an embodiment of the present disclosure;
FIG. 2 is a flow chart illustrating another page processing method according to an embodiment of the present application;
FIG. 3 is a flow chart 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 the page processing method according to the embodiment of the present application;
FIG. 5 is a schematic diagram of writing code through a custom HTML module in a page processing method according to an embodiment of the present application;
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 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 according to 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 in the present application is for the purpose of describing particular embodiments only and is not intended to be limiting of the present 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 or 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 by these terms. These terms are only used to distinguish one type of information from another. For example, a first message may also be referred to as a second message, and similarly, a second message may also be referred to as a first message, without departing from the scope of the present application. Thus, a feature defining "a first" or "a second" may explicitly or implicitly include one or more such feature. In the description of the present application, the meaning of "a plurality" is two or more, unless explicitly defined otherwise.
The page development flow of the marketing activities of the prior related technology is long, more participants take time, and the modification is inflexible, so the processing efficiency is low and the development cost is higher. In view of the above problems, embodiments of the present application provide a page processing method, which can improve processing efficiency, reduce development cost, and improve processing flexibility. The following describes the technical scheme of the embodiments of the present application in detail with reference to the accompanying drawings.
Fig. 1 is a schematic flow chart 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 activity specific field building requirement.
In step S102, when it is determined that the current service module does not meet the requirement of building the activity specific field, the custom module is invoked.
The custom module may be a custom HTML (Hyper Text Markup Language ) module.
In step S103, content is created in the custom module, and the created content is acquired as activity specific new data and sent to the server.
In this embodiment, content may be created in the custom module, and the created content is obtained as new data of the activity specific configuration and the corresponding activity specific ID is determined; and sending the new data of the special event configuration and the corresponding special event ID to a server for storage. Wherein, the creating the content in the custom module may include: the code is input, the external code address is input or the text instruction is input in the custom module. For example, inputting a code in a code editing box in a custom module; or, inputting an external code address for reference in an address editing box in the custom module; or, inputting a text instruction in an instruction editing box in the custom module. The HTML code can be input into a first code editing box in the custom module; or, inputting JavaScript codes in a second code editing box in the custom module; or, inputting codes of a non-HTML or JavaScript type in a third code editing box in the custom module, wherein the codes of the non-HTML or JavaScript type are converted into HTML codes or JavaScript codes after being input. JavaScript is an interpreted programming language, the main scripting language for developing Web pages, which can implement complex functions on Web pages, such as controlling image animation and multimedia.
The server may create a table in the database storing data for the specific field of activity. For example, the activity specific field configuration data of all the activity specific fields are stored, and a mapping relationship between the activity specific field IDs and the activity specific field configuration data is established. The activity specific configuration data is stored in JSON format, which may also be referred to as JSON configuration data. And after receiving the new activity specific field configuration data and the corresponding activity specific field ID sent by the browser end, the server stores the new activity specific field configuration data and the corresponding activity specific field ID. JSON is a lightweight data interchange format with a compact and clear hierarchy that can be used to transfer and store structured data.
From the embodiment, the method provided by the embodiment of the application can call the custom module when judging that the current service module does not meet the construction requirement of the special field of the activity; and then creating content in the custom module, acquiring the created content as new data of the special event and sending the new data to the server. Thus, when the existing service module cannot meet the requirement of the special activity field, a researcher can temporarily create content in the special activity field through the custom module, for example, temporary code development is performed, so that the researcher can develop new functions in the special activity field at any time, different requirements of each activity are met, the special activity field construction efficiency is improved, the development cost is reduced, and the special activity field has strong flexibility and customizability.
Fig. 2 is a flow chart illustrating another page processing method according to an embodiment of the present application.
Referring to fig. 2, the method includes:
in step S201, an activity specific field is generated at the browser end according to the service module.
In this embodiment, the browser detects that the user creates an activity specific field, obtains the activity specific field ID selected by the user, pulls the activity specific field configuration data corresponding to the activity specific field ID from the database of the server according to the mapping relationship between the activity specific field ID and the activity specific field configuration data, and creates an editing interface in a browser page, for example, an H5 (Hyper Text Markup Language, hypertext markup language version 5.0) page. The editing interface may be divided into three columns, but not limited to, left, middle and right, and the left side displays all available module lists, including commonly used business modules, the middle is an activity specific effect editing and previewing area, and the right side displays the existing module list in the activity specific field, which can be seen in fig. 4. An array named componentList (element list) is created in JSON, each element in the componentList array corresponding to configuration data of a business module.
Where H5 is an abbreviation of HTML5, which is the latest revision of HTML (Hyper Text Markup Language ), its main purpose is to provide functionality to users through a browser. CSS (Cascading Style Sheets, cascading style sheet) may be used to describe the presentation of an HTML document. CSS describes the problem of how elements on other media, such as screen, paper, audio, etc., should be rendered.
In step S202, it is determined whether the existing service module meets the requirement of building the special field for activity, and if so, step S204 is executed; if not, step S203 is performed.
In this embodiment, the current activity may be the same or similar to the previous activity, and the current activity specific field may be built by using the service module of the previous activity specific field, and if the current service module can satisfy the building of the current activity specific field, step S204 is executed; however, the existing service modules do not necessarily meet all the requirements of the current activity specific field, so if the existing service modules cannot meet the construction of the activity specific field, step S203 is executed.
In step S203, a service module is added by using a custom module; step S204 is performed.
In this embodiment, a module, such as a custom HTML module, may be custom defined in the browser as the new business module type. Wherein content can be created in a custom module, such as an HTML module, and the created content is obtained as activity specific new data. Taking an HTML module as an example, two attributes, namely an HTML attribute and a JS attribute, may be created in configuration data of the HTML module, and used to store HTML code and JavaScript code, respectively. The embodiment of the application can input codes, external code addresses or text instructions in the custom module. For example, inputting a code in a code editing box in a custom module; or, inputting an external code address for reference in an address editing box in the custom module; or, inputting a text instruction in an instruction editing box in the custom module. The HTML code can be input into a first code editing box in the custom module; or, inputting JavaScript codes in a second code editing box in the custom module; or, inputting codes of a non-HTML or JavaScript type in a third code editing box in the custom module, wherein the codes of the non-HTML or JavaScript type are converted into HTML codes or JavaScript codes after being input. It may be found that, in addition to providing an edit box in which HTML or JavaScript type codes can be input, the embodiments of the present application may also provide a code edit box in which other types of codes are input, i.e., a code edit box in which non-HTML or JavaScript type codes are input. Other types of code entered may be compiled into HTML or JavaScript type code before saving to the database. In addition, the self-defined address editing box of the embodiment of the application can also refer to external codes, namely, manual writing by a programmer is not needed; for example, an address editing frame of an external code address is set in the custom editing bullet frame, and the external code address is input into the address editing frame, 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 writing codes in the code editing box, the codes are stored in JSON configuration data of the current module, namely, activity specific configuration data.
Wherein when a web page of the browser is opened and loaded to an added business module, i.e., an HTML module, the added HTML module reads the stored code from the active site configuration data, creates a first tag, e.g., creates a < div > tag, inserts the HTML code to render and expose it, creates a second tag, e.g., creates a < script > tag, and injects JavaScript code to cause it to run.
In step S204, the activity specific field is saved and released by the server for the user to access; step S205 is performed.
In this embodiment, the browser sends the activity specific ID and the JSON configuration data edited by the user to the server, and the server searches the JSON configuration data recorded in the database of the corresponding specific according to the received activity specific ID, and uses the received new JSON configuration data to cover the JSON configuration data, thereby completing the storage of the activity specific.
The server may provide the user with a specific access function based on the HTTP protocol. And the server reads JSON configuration data corresponding to the active specific field ID in the database according to the active specific field ID contained in the specific field link, splices the JSON configuration data into the HTML and returns the JSON configuration data to the browser. The browser traverses the componentList array in the special field configuration data, loads the components according to each element in the componentList array in sequence, and renders the style and the function of the whole page such as an H5 page.
The operator can click a copy link button to copy the access link of the activity specific field, and the link is used for throwing the activity specific field to the user in a mode of short messages, APP resource bits and the like. The user can open an access link through the channel to access the activity specific.
In step S205, the use of the activity specific field is continued until the end of the activity.
According to the embodiment, when the existing service module cannot meet the requirement of the special activity field, a researcher can develop temporary codes in the special activity field through the custom module, so that the researcher can develop new functions in the special activity field at any time, different requirements of each activity are met, the special activity field construction efficiency is improved, the development cost is reduced, and the special activity field has strong flexibility and customizability.
Fig. 3 is a flow chart illustrating another page processing method according to an embodiment of the present application. Fig. 3 illustrates 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 activity specific field is created in advance in the server.
In this embodiment, a database of activity specific fields is created in advance in the server, and a table may be created in the database to store the data of the activity specific fields. For example, the activity specific field configuration data of all the activity specific fields are stored, and a mapping relationship between the activity specific field IDs and the activity specific field configuration data is established. The activity specific configuration data is stored in JSON format, which may also be referred to as JSON configuration data.
When detecting that a user operates at a browser end to create an activity specific field, the server newly creates a record in a database, wherein the record comprises an activity specific field ID and activity specific field configuration data, and each activity specific field corresponds to a record in a JSON format and is used for storing all configuration items of the activity specific field.
In step S302, an activity specific field is generated at the browser end according to the service module.
In this embodiment, the browser detects that the user creates the activity specific field, obtains the activity specific field ID selected by the user, pulls the activity specific field configuration data corresponding to the activity specific field ID from the database of the server according to the mapping relationship between the activity specific field ID and the activity specific field configuration data, and creates the editing interface in the browser page, for example, the H5 page. The editing interface may be divided into three columns, but not limited to, left, middle and right, and the left side displays all available module lists, including commonly used business modules, the middle is an activity specific effect editing and previewing area, and the right side displays the existing module list in the activity specific field, which can be seen in fig. 4. An array named componentList is created in JSON, each element in the componentList array corresponding to configuration data of a business module.
When the editing interface generates an activity special field, according to the detected user operation, dragging the existing module in the module list on the left side of the editing interface to a middle area, and adding a module configuration in the componentList; detecting that a user clicks an edit button of any module in the right module list, and opening a configuration menu of the module to modify the configuration of the module; after finishing the modification, clicking a submit button of the configuration menu, and writing the edited configuration into a componentList array of the current module; upon detecting clicking 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 requirement of building the special field for activity, and if so, step S305 is executed; if not, step S304 is performed.
In this embodiment, the construction of the activity specific field is completed by dragging, modifying and deleting the existing service module in step S302. If the activity specific field built by using the existing service module can meet the requirement of the activity specific field, step S305 is executed, and if the activity specific field built by using the existing service module cannot meet the requirement of the activity specific field, step S304 is executed.
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 custom defined in the browser as the new business module type. Wherein content can be created in a custom module, such as an HTML module, and the created content is obtained as activity specific new data. Taking an HTML module as an example, two attributes, namely an HTML attribute and a JS attribute, may be created in configuration data of the HTML module, and used to store HTML code and JavaScript code, respectively. The embodiment of the application can input codes, external code addresses or text instructions in the custom module. For example, inputting a code in a code editing box in a custom module; or, inputting an external code address for reference in an address editing box in the custom module; or, inputting a text instruction in an instruction editing box in the custom module. The HTML code can be input into a first code editing box in the custom module; or, inputting JavaScript codes in a second code editing box in the custom module; or, inputting codes of a non-HTML or JavaScript type in a third code editing box in the custom module, wherein the codes of the non-HTML or JavaScript type are converted into HTML codes or JavaScript codes 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 writing codes in the code editing box, the codes are stored in JSON configuration data of the current module, namely, activity specific configuration data.
In this embodiment, when the existing service module cannot meet the requirement of the activity specific field, the developer can perform temporary code development in the activity specific field through the custom HTML module. A module adding button is added on the editing interface, a researcher can click the module adding button, so that a custom HTML module is added, codes are written in an editor of a module configuration menu, and a new service module can be added by clicking a submit button, which can be seen in FIG. 5.
Wherein when a web page of the browser is opened and loaded to an added service module, i.e., an HTML module, the added service module reads the stored code from the active site configuration data, creates a first tag, e.g., creates a < div > tag, inserts the HTML code to render and expose it, creates a second tag, e.g., a < script > tag, and injects JavaScript code to cause it to run.
In step S305, the activity specific field is saved and released by the server for the user to access; step S306 is performed.
In this embodiment, the browser sends the activity specific ID and the activity specific configuration data (JSON configuration data) edited by the user to the server, and the server searches the database record corresponding to the activity specific according to the received activity specific ID, and uses the received new activity specific configuration data to cover the original activity specific configuration data, thereby completing the storage of the activity specific.
The server may provide the user with activity specific access functionality based on the HTTP protocol. And the server reads the activity specific field configuration data corresponding to the activity specific field ID in the database according to the activity specific field ID contained in the specific field link, splices the activity specific field configuration data into the HTML, and returns the HTML to the browser. The browser traverses the componentList array in the active site configuration data, loads the components in sequence according to each element in the componentList array, and renders the style and the function of the whole page, such as an H5 page.
The operator can click a copy link button to copy the access link of the activity specific field, and the link is used for throwing the activity specific field to the user in a mode of short messages, APP resource bits and the like. The user can open an access link through the channel to access the activity specific.
In step S306, it is determined whether adjustment of the specific field is required, and if so, step S302 is returned to; if not, step S307 is performed.
After the special field is built, operators can adjust the configuration of the special field at any time according to the activity condition, including the addition, deletion and modification of the business modules.
When the special event needs to be regulated, the browser transmits the special event ID to be modified to the server through the URL parameter, the server receives the special event ID to be modified, reads special event configuration data (JSON configuration data) corresponding to the special event ID from the database, and returns the special event configuration data to the browser. After receiving the JSON configuration data, the browser loads each component in sequence on the editing interface according to the componentList array in the JSON configuration data, and creates the editing interface in the page of the browser, such as an H5 page. The editing flow is the same as the editing flow after the activity specific field is created in step S302, and the activity specific field is adjusted by editing the interface.
In step S307, the use of the activity specific field is continued until the end of the activity.
In summary, the solution provided in the embodiments of the present application, based on the existing activity specific page, can enable the developer to develop new functions in the activity specific at any time by using the custom module, such as the HTML module, on the basis of multiplexing the existing page service module, so as to solve the different requirements of each activity, also ensure the efficiency of constructing the activity specific, and make the activity specific have very strong flexibility and customizable.
The method provided by the application is described in detail above, and accordingly, the embodiments of the application provide a device, a device and a system for processing a page.
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.
A judging unit 61, configured to judge whether the current service module meets an activity specific field building requirement;
a calling unit 62, configured to call the custom module when the judging unit 61 judges that the current service module does not meet the requirement of building the activity specific field;
the processing unit 63 is configured to create content in the customization module, acquire the created content as new data of the activity specific farm, and send the new data to the server.
In one embodiment, processing unit 63 includes: content creation subunit 631, acquisition and transmission subunit 632.
A content creation sub-unit 631 for creating content in the custom module;
an acquisition and transmission subunit 632 for acquiring the content created by the content creation subunit 631 as new data of the activity specific configuration and determining the corresponding activity specific ID; and sending the new data of the special event configuration and the corresponding special event ID to a server for storage.
Wherein the content creation subunit 631 inputs codes in a code edit box in the custom module; or, inputting an external code address for reference in an address editing box in the custom module; or, inputting a text instruction in an instruction editing box in the custom module. For example, the content creation subunit 631 inputs codes in a code edit box in the custom module; or, inputting an external code address for reference in an address editing box in the custom module; or, inputting a text instruction in an instruction editing box in the custom module. The HTML code can be input into a first code editing box in the custom module; or, inputting JavaScript codes in a second code editing box in the custom module; or, inputting codes of a non-HTML or JavaScript type in a third code editing box in the custom module, wherein the codes of the non-HTML or JavaScript type are converted into HTML codes or JavaScript codes after being input.
In one embodiment, the apparatus further comprises a loading unit 64.
The loading unit 64 is configured to obtain new activity specific configuration data from the custom module when the page loads the custom module;
creating a first tag, such as a < div > tag, inserting HTML code in the new active site configuration data into the first tag, such as a < div > tag, to render and expose it;
A second tag, e.g., a < script > tag, is created and JavaScript code in the new activity site configuration data is injected into the second tag, e.g., the < script > tag, to run.
By applying the page processing device provided by the embodiment of the application, when the existing service module cannot meet the requirement of the special activity field, a researcher can temporarily create content in the special activity field through the custom module, for example, temporary code development is performed, so that the researcher can develop new functions in the special activity field at any time, different requirements of each activity are met, the special activity field construction efficiency is improved, the development cost is reduced, and the special activity field has strong flexibility and customizability.
FIG. 7 is a schematic diagram of another page processing system according to an embodiment of the present application.
Referring to fig. 7, a page processing system 70 is shown in an embodiment of the present application comprising: a browser end 71 and a server 72.
A browser end 71, configured to determine whether a current service module meets an activity specific field building requirement; when judging that the current service module does not meet the construction requirement of the special field of the activity, calling a custom module; creating content in a custom module, acquiring the created content as new data of an activity specific field and sending the new data to a server;
And the server 72 is used for receiving and storing the new data of the activity specific field sent by the browser end 71.
In one embodiment, the server 72 stores, via a database, activity specific configuration data for an activity specific, the activity specific configuration data being JSON configuration data, and a corresponding mapped activity specific ID.
The specific manner in which the respective modules perform the operations in the apparatus of the above embodiments has been described in detail in the embodiments related to the method, and will not be described in detail herein.
Fig. 8 is a schematic structural diagram of an electronic device according to an embodiment of the present application. The electronic device may be, for example, a server or a mobile terminal device, etc.
Referring to fig. 8, an electronic device 800 includes a memory 810 and a processor 820.
Processor 820 may be a central processing unit (Central Processing Unit, CPU), but may also be other general purpose processors, digital signal processors (Digital Signal Processor, DSP), application specific integrated circuits (Application Specific Integrated Circuit, ASIC), field programmable gate arrays (Field-Programmable Gate Array, FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, or the like. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like.
Memory 810 may include various types of storage units, such as system memory, read Only Memory (ROM), and persistent storage. Where the ROM may store static data or instructions that are required by the processor 1020 or other modules of the computer. The persistent storage may be a readable and writable storage. The persistent storage may be a non-volatile memory device that does not lose stored instructions and data even after the computer is powered down. 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 persistent storage may be a removable storage device (e.g., diskette, optical drive). The system memory may be a read-write memory device or a volatile read-write memory device, such as dynamic random access memory. The system memory may store instructions and data that are required by some or all of the processors at runtime. Furthermore, 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 disks, and/or optical disks may also be employed. In some implementations, memory 810 may include a readable and/or writable removable storage device 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 super-density optical disc, a flash memory card (e.g., SD card, min SD card, micro-SD card, etc.), a magnetic floppy disk, and the like. The computer readable storage medium does not contain a carrier wave or an instantaneous electronic signal transmitted by wireless or wired transmission.
The memory 810 has stored thereon executable code that, when processed by the processor 820, can 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 foregoing embodiments, the descriptions of the embodiments are focused on, and for those portions of one embodiment that are not described in detail, reference may be made to the related descriptions of other embodiments. Those skilled in the art will 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 pruned according to actual needs, and the modules in the apparatus of the embodiment of the present application may be combined, divided and pruned 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 part 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) that, when executed by a processor of an electronic device (or electronic device, server, etc.), causes the processor to perform some or all of the steps of the above-described methods 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 application herein may be implemented as electronic hardware, computer software, or combinations of both.
The flowcharts 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.
The embodiments of the present application have been described above, the foregoing description is exemplary, not exhaustive, and not limited to the embodiments disclosed. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the various embodiments described. The terminology used herein was chosen in order to best explain the principles of the embodiments, the practical application, or the improvement of technology in the marketplace, or to enable others of ordinary skill in the art to understand the embodiments disclosed herein.
Claims (12)
1. A method of processing a page, comprising:
judging whether the current service module meets the construction requirement of an activity specific field;
when judging that the current service module does not meet the requirement of building an activity specific field, calling a custom module;
creating content in the custom module, acquiring the created content as new data of activity specific field configuration, determining corresponding activity specific field ID, and creating an element list array for the new data of the activity specific field configuration, wherein each element in the element list array corresponds to configuration data of a service module;
The new data of the special event configuration and the corresponding special event ID are sent to a server for storage;
the method further comprises the steps of:
receiving the corresponding activity specific field configuration data which are searched by the server according to the received activity specific field ID;
traversing the element list array in the special active field configuration data, loading the components according to each element in the element list array in sequence, and rendering the style and the function of the page.
2. The method of claim 1, wherein creating content in the custom module comprises:
and inputting codes, external code addresses or text instructions in the custom module.
3. The method of claim 2, wherein the inputting a code, inputting an external code address, or inputting a text instruction in the custom module comprises:
inputting codes in a code editing box in the custom module; or alternatively, the first and second heat exchangers may be,
inputting an external code address for reference in an address editing box in the custom module; or alternatively, the first and second heat exchangers may be,
and inputting a text instruction in an instruction editing box in the custom module.
4. A method according to claim 3, wherein said entering code in a code edit box in said custom module comprises:
Inputting HTML codes in a first code editing box in the custom module; or alternatively, the first and second heat exchangers may be,
inputting JavaScript codes in a second code editing box in the custom module; or alternatively, the first and second heat exchangers may be,
and inputting codes of a non-HTML or JavaScript type in a third code editing box in the custom module, wherein the codes of the non-HTML or JavaScript type are converted into HTML codes or JavaScript codes after being input.
5. The method according to claim 1, wherein the method further comprises:
when the self-defining module is loaded on a page, acquiring new data of the special event from the self-defining module;
creating a first tag, and inserting HTML codes in the new data of the special event into the first tag to render and display the first tag;
creating a second tag, and injecting JavaScript codes in the new data of the special event into the second tag to enable the second tag to run.
6. The method according to any one of claims 1 to 5, wherein before determining whether the current service module meets the activity specific construction requirement, further comprises:
acquiring an activity specific field ID selected by a user, and acquiring activity specific field configuration data corresponding to the activity specific field ID from the server;
Creating an editing interface in a page according to the acquired activity specific field configuration data;
and selecting a service module at the editing interface to build an activity specific field.
7. The method according to claim 6, wherein:
the activity specific field configuration data is JSON configuration data, and the server stores the activity specific field configuration data of the activity specific field and the corresponding mapped activity specific field ID through a database.
8. A page processing apparatus, comprising:
the judging unit is used for judging whether the current service module meets the construction requirement of the special event field;
the calling unit is used for calling the custom module when the judging unit judges that the current service module does not meet the construction requirement of the special field of the activity;
the processing unit is used for creating content in the custom module, acquiring the created content as new data of the activity specific field configuration, determining a corresponding activity specific field ID, and creating an element list array for the new data of the activity specific field configuration, wherein each element in the element list array corresponds to the configuration data of one service module; the new data of the special event configuration and the corresponding special event ID are sent to a server for storage;
The apparatus further comprises: a loading unit;
the loading unit is used for receiving the corresponding activity specific field configuration data which are searched by the server according to the received activity specific field ID; traversing the element list array in the special active field configuration data, loading the components according to each element in the element list array in sequence, and rendering the style and the function of the page.
9. The apparatus according to claim 8, wherein:
the content creation subunit inputs codes in a code editing box in the custom module; or alternatively, the first and second heat exchangers may be,
inputting an external code address for reference in an address editing box in the custom module; or alternatively, the first and second heat exchangers may be,
and inputting a text instruction in an instruction editing box in the custom module.
10. A page processing system, comprising:
the browser end is used for judging whether the current service module meets the requirement of building an activity specific field; when judging that the current service module does not meet the construction requirement of the special field of the activity, calling a custom module; creating content in the custom module, acquiring the created content as new data of activity specific field configuration, determining corresponding activity specific field ID, and creating an element list array for the new data of the activity specific field configuration, wherein each element in the element list array corresponds to configuration data of a service module; the new data of the special event configuration and the corresponding special event ID are sent to a server for storage;
The server is used for receiving the new data of the activity specific field configuration sent by the browser end and storing the corresponding activity specific field ID;
the browser end is also used for receiving the corresponding activity specific field configuration data which are searched by the server according to the received activity specific field ID; traversing the element list array in the special active field configuration data, loading the components according to each element in the element list array in sequence, and rendering the style and the function of the page.
11. The system according to claim 10, wherein:
the server stores activity specific field configuration data of the activity specific field and the corresponding mapped activity specific field ID through the server, wherein the activity specific field configuration data is JSON configuration data.
12. 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 of claims 1 to 7.
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 CN113448543A (en) | 2021-09-28 |
| CN113448543B true 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 (2)
| Title |
|---|
| A Component Architecture for the Internet of Things;Christopher Brooks等;Proceedings of the IEEE;1-16 * |
| 移动端H5页面快速开发系统的设计与实现;李鑫;《中国优秀硕士学位论文全文数据库 信息科技辑》;I139-164 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113448543A (en) | 2021-09-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109508191B (en) | Code generation method and system | |
| US9619441B2 (en) | Editing a fragmented document | |
| US20160350435A1 (en) | System and method for data-driven web page navigation control | |
| CN102567516B (en) | Script loading method and device | |
| US8074167B2 (en) | Cross domain presence of web user interface and logic | |
| US20100131869A1 (en) | Technology for generating service program | |
| CN103853548A (en) | Method and system for deep links in application contexts | |
| CN102016833A (en) | Techniques to modify a document using a latent transfer surface | |
| JP2015534145A (en) | User interface control framework for stamping out controls using declarative templates | |
| CN106933887B (en) | Data visualization method and device | |
| CN105160018A (en) | Method, device and system for image copy/paste | |
| CN113448543B (en) | Page processing method, device, equipment and system | |
| US11843679B2 (en) | Automated dependency management based on page components | |
| KR20150099318A (en) | A recording media recognized by computer for providing an application developing environment program | |
| CN115981650A (en) | Website building method and device, electronic equipment and storage medium | |
| Pant | Learning Firefox OS Application Development | |
| CN116301788A (en) | Webpage configuration method, webpage configuration device and readable storage medium | |
| Tretola | Developing iOS Applications with Flex 4.5: Building iOS Applications with ActionScript | |
| CN114911460A (en) | Method and system for rendering Web form in mobile terminal | |
| CN115390837A (en) | Method and equipment for building background function | |
| JP2005215939A (en) | Content creation system, program and method | |
| KR20150099265A (en) | A recording media specialized for an application developing environment program recording recognized by computer | |
| KR20150099344A (en) | A recording media recognized by computer for providing an application developing environment program | |
| KR20150099347A (en) | A recording media recognized by computer for providing an application developing environment program | |
| KR20150099264A (en) | A recording media recognized by computer for providing an application developing environment program |
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 | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20240429 Address after: 100102 room 1201, 12 / F, building 8, yard 34, Chuangyuan Road, Chaoyang District, Beijing Patentee after: Beijing new oxygen world wide Technology Consulting Co.,Ltd. Country or region after: China Address before: 100102 room 901, 9 / F, room 1001, 10 / F, building 8, yard 34, Chuangyuan Road, Chaoyang District, Beijing Patentee before: Beijing New Oxygen Technology Co.,Ltd. Country or region before: China |