Intelligent construction system for marketing activities

Abstract

The invention relates to an intelligent construction system for marketing activities, and the system comprises a component selection module which displays various components in a graphical manner, and the various components are stored in a preset component library and comprise a basic component, a media component, a commodity component and a menu component; the attribute configuration module is used for further presenting component attribute configuration options after the components are selected; and the component preview module previews the actual effect of the component attribute configuration option in a graphical manner. According to the method, by providing a visual graphical interface, a rich predefined component library, automatic code generation and a simplified deployment and release process, the development efficiency and the delivery speed are remarkably improved, and the research and development cost and the technical threshold are reduced, so that the overall business innovation capability and the market response speed are improved; the usability and flexibility of the system ensure that non-technical personnel can easily create and publish marketing activities, and the user experience is optimized.

Description

Technical Field

[0001] The invention relates to the field of computer technology, and in particular to an intelligent building system for marketing activities. Background Art

[0002] Currently, the creation and management of marketing activities mainly rely on professional software developers to write a lot of code. This process not only has a high technical threshold and requires deep programming skills, but also leads to high development costs and long development cycles. The existing marketing activity development process includes multiple links such as demand analysis, design, coding, testing, and deployment. Each link requires a lot of time and manpower investment, especially in the coding stage, where developers need to manually write a lot of code to build various functions and interfaces of the activity.

[0003] Therefore, existing technologies have problems such as high development costs, long development cycles, high technical barriers, and unreasonable resource utilization in the creation and management of marketing activities. These problems limit the innovation ability and market competitiveness of enterprises in marketing activities, so there is an urgent need for a more efficient and flexible low-code activity creation system to solve these problems.

[0004] The information disclosed in this background technology section is only intended to deepen the understanding of the overall background technology of the present invention, and should not be regarded as acknowledging or suggesting in any form that the information constitutes the prior art already known to those skilled in the art. Summary of the invention

[0005] In view of the defects existing in the prior art, the purpose of the present invention is to provide an intelligent building system for marketing activities. By providing an intuitive graphical interface, a rich library of predefined components, automatic code generation and a simplified deployment and release process, the development efficiency and delivery speed are significantly improved, the R&D cost and technical threshold are reduced, thereby enhancing the overall business innovation capability and market response speed; the ease of use and flexibility of the system ensure that non-technical personnel can also easily create and publish marketing activities, thereby optimizing the user experience.

[0006] In order to achieve the above purpose, the technical solution adopted by the present invention is:

[0007] An intelligent building system for marketing activities, characterized by comprising:

[0008] The component selection module displays various components in a graphical manner. The various components are stored in a preset component library, including:

[0009] Basic components, used to configure text information and presentation methods;

[0010] Media components, used to configure images, audio and video information and presentation methods;

[0011] Product component, used to configure product information and presentation;

[0012] Menu component, used to configure menu information and presentation methods of key business nodes;

[0013] Property configuration module, after selecting a component, further presents component property configuration options;

[0014] The component preview module previews the actual effects of component property configuration options in a graphical way.

[0015] Based on the above technical solution, the component selection module includes a drag attribute parameter draggable, which is used to control whether the selected component can be dragged to adjust the marketing activity to which it belongs, and whether the node order in the activity process can be dragged to adjust.

[0016] On the basis of the above technical solution, the component selection module includes a clone attribute parameter cloneDog, which is used to control the cloning operation of the selected component.

[0017] Based on the above technical solution, when the attribute configuration module uses a graphical interface for configuration, the following method is adopted:

[0018] The GUI interface first designs various configuration items according to business requirements, using the configuration information entered by the user through the configuration item set;

[0019] Configuration items are bound to corresponding data models or form objects so that they can be captured in real time when users submit configurations;

[0020] When the user completes the configuration on the GUI interface, the configuration information is sent to the backend server by submitting the form;

[0021] After receiving the configuration information, the backend server verifies and processes it to ensure the validity and legality of the configuration information;

[0022] After the backend server processes the configuration information, it saves the configuration information to the database or configuration file by calling the API;

[0023] After the API call is completed, the backend server will receive a response indicating whether the configuration information has been successfully saved;

[0024] Based on the response received, the end server sends a success or failure response to the GUI interface.

[0025] Based on the above technical solution, it also includes a business node management module, which is used to create business nodes and assign node sequence numbers, and to set whether the business nodes have business-critical node attributes;

[0026] The selected components are assigned to the established business nodes by dragging and dropping;

[0027] The preceding business node and the succeeding business node of the current business node are determined according to the node sequence number, and the marketing activities jump among the business nodes in sequence according to the node sequence number.

[0028] On the basis of the above technical solution, the business node with business key node attributes further includes a custom event processing function for setting the response processing method and processing logic, and for setting the event object source and event object output target.

[0029] Based on the above technical solution, the component preview module renders each business node in sequence according to the node sequence number assigned by the business node management module, guided by the arrow function, and renders each business node as a div element based on the CSS class to complete the component preview.

[0030] Based on the above technical solutions, the front-end interface of the intelligent construction system uses the Vue.js framework, combined with Vite2.x as a construction tool, to provide fast module hot replacement and development server;

[0031] The backend service of the intelligent construction system uses eggjs as the server-side framework and provides RESTful API or GraphQL API to communicate with the front-end.

[0032] Based on the above technical solutions, the internal data flow of the intelligent construction system uses TypeScript for type checking to ensure data consistency and reduce runtime errors.

[0033] Based on the above technical solutions, the intelligent construction system uses Vuex or Vue 3's Composition API for state management, including:

[0034] State definition: defines the state structure of marketing activities, including initial state and intermediate state changes;

[0035] State initialization: set the marketing campaign to the initial state;

[0036] Status update: define the rules and methods for updating status, so that marketing activities are updated from the initial status to the intermediate status change, or from one intermediate status change to another intermediate status change;

[0037] State access: access and use the corresponding state as needed at the business node of the marketing activity;

[0038] State change monitoring: monitor state changes and update the user interface or execute corresponding logic based on the changes.

[0039] The intelligent construction system for marketing activities described in the present invention has the following beneficial effects:

[0040] Through the graphical interface and automatic code generation, the need for manual coding is reduced, which greatly reduces the development cost and cycle, allowing developers to focus on high-value work while speeding up the launch of activities;

[0041] It lowers the technical threshold, increases the participation of business personnel, and enables non-technical personnel to easily create activity pages, thus improving the flexibility and speed of decision-making;

[0042] It improves delivery efficiency by quickly responding to changes in demand and optimizing resource utilization, enabling the team to adapt to market changes more quickly and effectively avoid wasting resources on low-value demands. BRIEF DESCRIPTION OF THE DRAWINGS

[0043] The present invention has the following accompanying drawings:

[0044] The accompanying drawings are used to better understand the present invention and do not constitute an improper limitation of the present invention.

[0045] Figure 1 System architecture diagram of Embodiment 1 of an intelligent system for building a marketing activity according to the present invention.

[0046] Figure 2 Schematic diagram for configuration using a graphical interface.

[0047] Figure 3 System architecture diagram of Embodiment 2 of a smart system for building marketing activities described in the present invention. DETAILED DESCRIPTION

[0048] The present invention is further described in detail below in conjunction with the accompanying drawings. The detailed description is an explanation made in conjunction with the exemplary embodiments of the present invention, including various details of the embodiments of the present invention to facilitate understanding, which should be considered as merely exemplary. Therefore, it should be recognized by those skilled in the art that various changes and modifications can be made to the embodiments described herein without departing from the scope and spirit of the present invention. Similarly, for the sake of clarity and conciseness, the description of well-known functions and structures is omitted in the following description.

[0049] like Figure 1 As shown, the present invention provides an intelligent building system for marketing activities, including:

[0050] The component selection module displays various components in a graphical manner. The various components are stored in a preset component library, including:

[0051] Basic components, used to configure text information and presentation methods;

[0052] Media components, used to configure images, audio and video information and presentation methods;

[0053] Product component, used to configure product information and presentation;

[0054] Menu component, used to configure menu information and presentation methods of key business nodes;

[0055] Property configuration module, after selecting a component, further component property configuration options are presented; for example: select the media component, and then select the video component, then the following component property configuration options are presented: video address, cover image, whether to play in a loop, whether to play in silence, rounded border, component padding, and other options;

[0056] The component preview module previews the actual effects of component property configuration options in a graphical way.

[0057] The advantage of displaying in a graphical way is that users can operate through an intuitive graphical interface without writing code.

[0058] Users can preview the effects of the activity page and publish it to the corresponding platform or server with one click if they are satisfied.

[0059] Based on the above technical solution, the component selection module includes a drag attribute parameter draggable, which is used to control whether the selected component can be dragged to adjust the marketing activity to which it belongs, and whether the node order in the activity process can be dragged to adjust.

[0060] Users can drag and drop components to designated locations on the interface, set which marketing campaign the component belongs to, and the system will automatically generate the corresponding code.

[0061] Users can drag and drop components to adjust the order of nodes in marketing activities, and the system will automatically generate corresponding codes.

[0062] On the basis of the above technical solution, the component selection module includes a clone attribute parameter cloneDog, which is used to control the cloning operation of the selected component.

[0063] The cloning operation can clone attribute parameters, thereby reducing repeated operations and configurations.

[0064] Based on the above technical solution, Figure 2 As shown, when the attribute configuration module is configured using a graphical interface, the following method is used:

[0065] The GUI interface first designs various configuration items according to business requirements, and uses the configuration information entered by the user through the configuration item set; the configuration items include but are not limited to text boxes, drop-down boxes, check boxes, etc.;

[0066] Configuration items are bound to corresponding data models or form objects so that they can be captured in real time when users submit configurations;

[0067] When the user completes the configuration on the GUI interface, the configuration information is sent to the backend server by submitting the form;

[0068] After receiving the configuration information, the backend server verifies and processes it to ensure the validity and legality of the configuration information;

[0069] After the backend server processes the configuration information, it saves the configuration information to the database or configuration file by calling the API;

[0070] After the API call is completed, the backend server will receive a response indicating whether the configuration information has been successfully saved;

[0071] Based on the response received, the end server sends a success or failure response to the GUI interface.

[0072] Users can configure component properties such as size, color, information source (such as video address), etc., and these configurations will be reflected in the generated code.

[0073] Based on the user's drag and drop and configuration, the system automatically generates front-end code, reducing the workload of developers.

[0074] Based on the above technical solution, Figure 3 As shown, it also includes a business node management module, which is used to create business nodes and assign node sequence numbers, and to set whether the business nodes have business-critical node attributes;

[0075] The selected components are assigned to the established business nodes by dragging and dropping. After the preview of the selected components meets the requirements, they can be assigned to a created business node by dragging and dropping.

[0076] The preceding business node and the succeeding business node of the current business node are determined according to the node sequence number, and the marketing activities jump among the business nodes in sequence according to the node sequence number.

[0077] The business node management module maintains a node jump list, determines the node sequence of each business node according to the activity flow of the marketing activity, and records the node sequence number to index the preceding business node and the succeeding business node of the current business node.

[0078] On the basis of the above technical solution, the business node with business key node attributes further includes a custom event processing function for setting the response processing method and processing logic, and for setting the event object source and event object output target.

[0079] Based on the above technical solution, the component preview module renders each business node in sequence according to the node sequence number assigned by the business node management module, guided by the arrow function, and renders each business node as a div element based on the CSS class to complete the component preview.

[0080] The div element is a basic block-level element in HTML, used to group other elements together. It has no specific semantic meaning by itself and is usually used for layout and grouping, or as a container for CSS style application. The div element can contain almost all types of elements, such as text, images, tables, lists, other div elements, etc.

[0081] Based on the above technical solutions, the front-end interface of the intelligent construction system uses the Vue.js framework, combined with Vite2.x as a construction tool, to provide fast module hot replacement and development server.

[0082] Based on the above technical solutions, the backend service of the intelligent construction system uses eggjs as the server-side framework and provides RESTful API or GraphQL API to communicate with the front-end.

[0083] Based on the above technical solutions, the internal data flow of the intelligent construction system uses TypeScript for type checking to ensure data consistency and reduce runtime errors.

[0084] Based on the above technical solutions, the intelligent construction system uses Vuex or Vue 3's Composition API for state management, including:

[0085] State definition: Define the state structure of the marketing activity, including the initial state and intermediate state changes;

[0086] State initialization: set the marketing campaign to the initial state;

[0087] Status update: define the rules and methods for updating status, so that marketing activities are updated from the initial status to the intermediate status change, or from one intermediate status change to another intermediate status change;

[0088] State access: access and use the corresponding state as needed at the business node of the marketing activity;

[0089] State change monitoring: monitor state changes and update the user interface or execute corresponding logic based on the changes.

[0090] The contents not described in detail in this specification belong to the prior art known to professional and technical personnel in this field.

[0091] The above description is only a preferred embodiment of the present invention, and the protection scope of the present invention is not limited to the above embodiment. Any equivalent modifications or changes made by those skilled in the art based on the contents disclosed by the present invention should be included in the protection scope recorded in the claims.

Claims

1. An intelligent system for building marketing activities, characterized in that: include: The component selection module displays various components in a graphical manner. The various components are stored in a preset component library, including: Basic components, used to configure text information and presentation methods; Media components, used to configure images, audio and video information and presentation methods; Product component, used to configure product information and presentation; Menu component, used to configure menu information and presentation methods of key business nodes; Property configuration module, after selecting a component, further presents component property configuration options; The component preview module previews the actual effects of component property configuration options in a graphical way.

2. The intelligent construction system for marketing activities according to claim 1, characterized in that: The component selection module includes a drag attribute parameter draggable, which is used to control whether the selected component can be dragged to adjust the marketing activity to which it belongs, and whether the node order of the component in the activity process can be dragged to adjust.

3. The intelligent construction system for marketing activities according to claim 1, characterized in that: The component selection module includes a clone attribute parameter cloneDog, which is used to control the cloning operation of the selected component.

4. The intelligent construction system for marketing activities according to claim 1, characterized in that: When the attribute configuration module is configured using a graphical interface, the following method is used: The GUI interface first designs various configuration items according to business requirements, using the configuration information entered by the user through the configuration item set; Configuration items are bound to corresponding data models or form objects so that they can be captured in real time when users submit configurations; When the user completes the configuration on the GUI interface, the configuration information is sent to the backend server by submitting the form; After receiving the configuration information, the backend server verifies and processes it to ensure the validity and legality of the configuration information; After the backend server processes the configuration information, it saves the configuration information to the database or configuration file by calling the API; After the API call is completed, the backend server will receive a response indicating whether the configuration information has been successfully saved; Based on the response received, the end server sends a success or failure response to the GUI interface.

5. The intelligent construction system for marketing activities according to claim 1, characterized in that: It also includes a business node management module, which is used to create business nodes and assign node sequence numbers, and to set whether the business nodes have business-critical node attributes; The selected components are assigned to the established business nodes by dragging and dropping; The preceding business node and the succeeding business node of the current business node are determined according to the node sequence number, and the marketing activities jump among the business nodes in sequence according to the node sequence number.

6. The intelligent construction system for marketing activities according to claim 5, characterized in that: The business node with business-critical node attributes further includes a custom event processing function for setting a response processing method and processing logic, and for setting an event object source and an event object output target.

7. The intelligent construction system for marketing activities according to claim 1, characterized in that: The component preview module renders each business node in sequence according to the node sequence number assigned by the business node management module, guided by the arrow function, and renders each business node as a div element based on the CSS class to complete the component preview.

8. The intelligent construction system for marketing activities according to claim 1, characterized in that: The front-end interface of the intelligent construction system uses the Vue.js framework, combined with Vite2.x as a construction tool, to provide fast module hot replacement and development server; The backend service of the intelligent construction system uses eggjs as the server-side framework and provides RESTful API or GraphQLAPI to communicate with the front-end.

9. The intelligent construction system for marketing activities according to claim 1, characterized in that: The internal data flow of the intelligent construction system uses TypeScript for type checking to ensure data consistency and reduce runtime errors.

10. The intelligent construction system for marketing activities according to claim 1, characterized in that: The smart building system uses Vuex or Vue 3's Composition API for state management, including: State definition: defines the state structure of marketing activities, including initial state and intermediate state changes; State initialization: set the marketing campaign to the initial state; Status update: define the rules and methods for updating status, so that marketing activities are updated from the initial status to the intermediate status change, or from one intermediate status change to another intermediate status change; State access: access and use the corresponding state as needed at the business node of the marketing activity; State change monitoring: monitor state changes and update the user interface or execute corresponding logic based on the changes.

Images