Template library configuration method and device, equipment and medium

Abstract

The invention relates to the field of financial science and technology, and discloses a template library configuration method and device, equipment and a medium, and the method comprises the steps: obtaining a template page configuration request sent by a front end, extracting a copy judgment parameter and a page identifier parameter from the template page configuration request, judging whether the copy judgment parameter is valid, and if the copy judgment parameter is valid, determining whether the page identifier parameter is valid; if yes, generating a new page identifier parameter associated with the current template page, updating template page data to a template library according to the new page identifier parameter, obtaining a template generation instruction sent by the front end, generating a page template preview corresponding to the current template page according to the template generation instruction, and updating the template page data to the template library according to the page template preview. And extracting the template page data of the current template page, storing the template page data to a preset template list, and sending the template page data to the front end, so that the front end visualizes the page template preview, thereby solving the problem that different financial commodities have different categories, prices and other differences relative to different B ends at present. The technical problems that in the prior art, activities need to be created and customized autonomously to improve the user participation degree and the sales conversion rate, and meanwhile tedious forms need to be filled in, so that efficiency is low are solved.

Description

Technical Field

[0001] The present invention relates to the field of financial technology, and in particular to a template library configuration method, device, equipment and medium. Background Art

[0002] Product campaign templates are pre-made templates designed for marketing campaigns, aiming to improve efficiency and appeal by standardizing and simplifying the creation process of campaign pages. These templates are often used for online promotions, new product launches, holiday marketing, limited-time discounts and other activities. Here are some key elements and features included in product campaign templates: Visual design elements: Customized color schemes and fonts to match the brand image. High-quality banner images or video backgrounds to attract user attention. Unified brand identity and logo. Page layout: Flexible page layout to adapt to different content and design needs. Responsive design to ensure a good user experience on various devices and screen sizes. Product display: Prominent product images or videos to show product features and benefits. Product details and specifications to help users understand the product. Product usage scenarios or customer reviews to increase trust. Interactive components: Carousels or slideshows to show product series or event highlights. Social media sharing buttons to encourage users to share the event. Embedded forms to collect user information or feedback. Promotional information: Clear promotional information, such as discounts, coupons, giveaways, etc. Countdown timer to increase the sense of urgency and prompt users to take action. Call to Action (CTA): A prominent CTA button that guides users to make a purchase, register, or learn more information. The CTA links to a purchase page or more information page to simplify the user operation process. SEO optimization: Search engine optimization (SEO) elements to improve the page's ranking in search engines. Keyword-optimized titles and descriptions to attract target users. Legal compliance: Include necessary legal notices, privacy policies, and terms of use. Ensure that the campaign complies with relevant laws and regulations. Data analysis: Integrated tracking code to monitor user behavior and campaign effectiveness. Interfaces to data analysis tools to help analyze user engagement and conversion rates. User guidance: Clear navigation and guidance to help users understand the campaign process and how to participate. Frequently Asked Questions (FAQ) or help buttons to provide instant support. By using product campaign templates, companies can quickly launch and execute marketing campaigns while maintaining a consistent brand image. These templates can be customized based on different industries and product types to meet specific marketing goals and user needs.

[0003] In particular, financial product campaign templates are pre-designed campaign page frameworks for financial institutions or merchants, which allow these institutions to quickly launch marketing campaigns without having to design and develop campaign pages from scratch. These templates usually contain a series of predefined elements and functions designed to attract user participation and promote the marketing and sales of financial products.

[0004] At present, the existing system is mainly for M-side (institutional) operators, supporting operators to configure activities visually, and the content of the activity page is relatively simple. However, different financial products have different categories, prices, etc. for different B-sides (merchants), such as category differences (such as stocks, bonds, funds, etc.) and price differences (such as interest rates, fees, etc.). In this way, merchants need to be able to independently create and customize activities according to their own marketing strategies and target customer groups to increase user participation and sales conversion rates. At the same time, merchants are required to be able to independently manage the operation and sales process of activities, including activity release, monitoring, analysis and optimization. Because of the above requirements, merchants need to fill out cumbersome forms, which leads to inefficient technical problems. Summary of the invention

[0005] The present invention provides a template library configuration method, device, computer equipment and medium to solve the technical problem of low efficiency caused by the merchants needing to fill in cumbersome forms when the same financial products have different categories, prices and other differentiated demands for different B-ends (merchants).

[0006] In a first aspect, a template library configuration method is provided, comprising:

[0007] Obtaining a template page configuration request sent by the front end, and extracting a copy judgment parameter and a page identifier parameter from the template page configuration request;

[0008] Determine whether the copy determination parameter is valid, if valid, generate a new page identifier parameter associated with the current template page, and update the template page data to the template library according to the new page identifier parameter;

[0009] Obtaining the template generation instruction sent by the front end, generating a page template preview image corresponding to the current template page according to the template generation instruction, and extracting the template page data of the current template page;

[0010] The template page data is saved to a preset template list and sent to the front end so that the front end can visualize the page template preview image.

[0011] In a second aspect, a template library configuration device is provided, comprising:

[0012] An acquisition module, used for acquiring a template page configuration request sent by the front end, and extracting a copy judgment parameter and a page identifier parameter from the template page configuration request;

[0013] A judgment module, used for judging whether the copy judgment parameter is valid, and if so, generating a new page identifier parameter associated with the current template page, and updating the template page data to the template library according to the new page identifier parameter;

[0014] A generation module, used to obtain the template generation instruction sent by the front end, generate a page template preview corresponding to the current template page according to the template generation instruction, and extract the template page data of the current template page;

[0015] The visualization module is used to save the template page data to a preset template list and send it to the front end so that the front end can visualize the page template preview image.

[0016] In a third aspect, a computer device is provided, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the steps of the above-mentioned template library configuration method when executing the computer program.

[0017] In a fourth aspect, a computer-readable storage medium is provided, wherein the computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the steps of the above-mentioned template library configuration method are implemented.

[0018] In the scheme implemented by the above-mentioned template library configuration method, device, computer equipment and storage medium, a template page configuration request sent by the front end can be obtained, and a copy judgment parameter and a page identifier parameter can be extracted from the template page configuration request to determine whether the copy judgment parameter is valid. If it is valid, a new page identifier parameter associated with the current template page is generated, and the template page data is updated to the template library according to the new page identifier parameter, and the template generation instruction sent by the front end is obtained. A page template preview corresponding to the current template page is generated according to the template generation instruction, and the template page data of the current template page is extracted, and the template page data is saved to the preset A template list is generated and sent to the front end for the front end to visualize the page template preview image, which solves the current problem that different financial products have different categories, prices, etc. for different B-ends (merchants), such as category differences (such as stocks, bonds, funds, etc.) and price differences (such as interest rates, handling fees, etc.). Merchants need to be able to independently create and customize activities based on their own marketing strategies and target customer groups to increase user engagement and sales conversion rates. At the same time, merchants are required to be able to independently manage the operation and sales process of the activities, including activity release, monitoring, analysis and optimization. Because of the aforementioned requirements, merchants need to fill in cumbersome forms, resulting in inefficient technical problems.

[0019] At the same time, it is determined whether the copy judgment parameter is valid. If valid, a new page identifier parameter is generated. According to the generated new page identifier parameter, a corresponding new page data record is created, and the template page data is updated to the template library, so that the ready-made activity template can be quickly applied without having to drag and drop to edit the activity template each time.

[0020] Furthermore, the template generation instruction sent by the front end is obtained, and the preset graphics drawing module is used to draw the current template page to generate the corresponding page template preview image, so that users can see the templates they need in the template library, reducing the difficulty of operation and the cost of understanding. BRIEF DESCRIPTION OF THE DRAWINGS

[0021] In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the accompanying drawings required for use in the description of the embodiments of the present invention will be briefly introduced below. Obviously, the accompanying drawings in the following description are only some embodiments of the present invention. For ordinary technicians in this field, other accompanying drawings can be obtained based on these accompanying drawings without paying creative labor.

[0022] Figure 1 is a schematic diagram of an application environment of a template library configuration method in one embodiment of the present invention;

[0023] Figure 2 It is a schematic diagram of a process of a template library configuration method in one embodiment of the present invention;

[0024] Figure 3 is a structural schematic diagram of a template library configuration device in one embodiment of the present invention;

[0025] Figure 4 is a schematic diagram of a structure of a computer device in one embodiment of the present invention;

[0026] Figure 5 It is another structural schematic diagram of a computer device in one embodiment of the present invention. DETAILED DESCRIPTION

[0027] The following will be combined with the drawings in the embodiments of the present invention to clearly and completely describe the technical solutions in the embodiments of the present invention. Obviously, the described embodiments are part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of the present invention.

[0028] The template library configuration method provided by the embodiment of the present invention can be applied in Figure 1In the application environment, the client (front end) communicates with the server through the network. The server can obtain the template page configuration request sent by the front end, and extract the copy judgment parameter and the page identifier parameter from the template page configuration request; judge whether the copy judgment parameter is valid, if valid, generate a new page identifier parameter associated with the current template page, and update the template page data to the template library according to the new page identifier parameter; obtain the template generation instruction sent by the front end, generate a page template preview corresponding to the current template page according to the template generation instruction, and extract the template page data of the current template page; save the template page data to the preset template list, and send it to the front end for the front end to visualize the page template preview. In the present invention, for some common click-through rate prediction models, the context information of user decisions is not fully utilized in the recommendation or advertising system, so it cannot achieve good performance, and can simultaneously extract explicit and implicit information in the product. Among them, the client (front end) can be but not limited to various personal computers, laptops, smart phones, tablet computers and portable wearable devices. The server can be implemented with an independent server or a server cluster composed of multiple servers. The present invention is described in detail below through specific embodiments.

[0029] See also Figure 2 As shown, Figure 2 A schematic diagram of a flow chart of a template library configuration method provided in an embodiment of the present invention includes the following steps:

[0030] S10: Obtaining a template page configuration request sent by the front end, and extracting a copy judgment parameter and a page identifier parameter from the template page configuration request;

[0031] In this embodiment, obtaining the template page configuration request sent by the front end, and extracting the copy judgment parameter and the page identifier parameter from the template page configuration request specifically include:

[0032] Obtain the template page configuration request sent by the front end, and verify the user authority according to the preset authority verification method;

[0033] The copy judgment parameter and the page identifier parameter in the template page configuration request are extracted.

[0034] Obtain the template page configuration request sent by the front end, and extract the copy judgment parameter and the page identifier parameter from the template page configuration request, which also includes:

[0035] Using the page component configuration function to add a copy button in the template page configuration interface of the front end;

[0036] Bind an event listener for the copy key.

[0037] In one embodiment, a copy button is added to the front end, and the edit page is redirected. The URL carries a copy flag and pageld. This step means that a "copy" button will be added to the existing system list page, and the user can create a new page version by clicking this button. When the user clicks the "copy" button, the system will jump to the edit page, and the URL will contain an identifier isCopy to identify that the operation is a copy operation, and a pageld parameter to record the ID of the original page.

[0038] It is understandable that the specific implementation may be as follows:

[0039] a. Add the copy button:

[0040] In the page list, add a "Copy" button for each copyable page. When the user clicks this button, an event handler function will be triggered.

[0041] javascript

[0042] / / Suppose there is a list of pages, each page has a copy button

[0043] document.querySelectorAll('.copy-button').forEach(button=>{

[0044] button.addEventListener('click',function(event){

[0045] const pageId = this.getAttribute('data-page-id'); / / Get the pageId of the current page

[0046] copyPage(pageId); / / Call the function to copy the page

[0047] });

[0048] });

[0049] function copyPage(pageId){

[0050] const isCopy = true; / / indicates that this is a copy operation

[0051] / / Construct a URL with isCopy and pageId parameters to jump to the edit page

[0052] const editUrl=` / edit? pageId=${pageId}&isCopy=${isCopy}`;

[0053] window.location.href = editUrl; / / redirect to the edit page

[0054] }

[0055] b. Reading of page data:

[0056] On the edit page, based on the passed pageId and isCopy parameters, the front end needs to request the data of the original page from the back end.

[0057] javascript

[0058] / / Assume that FetchAPI is used to obtain page data

[0059] function fetchPageData(pageId){

[0060] return fetch(` / api / pages / ${pageId}`)

[0061] .then(response=>response.json())

[0062] .then(data=>{

[0063] / / Use the acquired data to fill the form of the edit page

[0064] populateEditor(data);

[0065] })

[0066] .catch(error=>console.error('Error fetching page data:',error));

[0067] }

[0068] function populateEditor(data){

[0069] / / Fill in the editor's logic, such as setting the value of the form field

[0070] / / ...

[0071] }

[0072] Therefore, the front end automatically reads the pageId of the current row by clicking the [Copy] button, and automatically opens a new page through the window.open method. The program obtains the existing template data from the server for filling. The user does not need to manually enter all form items and drag atomic components. Compared with the existing solution, it can reduce the cumbersome entry process.

[0073] Add a "Copy" button next to each page entry on the system list page. Bind an event listener to the "Copy" button, and when the user clicks it, trigger a function. The function reads the pageId of the current page and builds a new URL with parameters isCopy = true and pageId = <original page ID>. Use the window.open method to open the new page and pass the constructed URL. After receiving a request with isCopy and pageId parameters, verify user permissions. Get the data of the original page based on the pageId parameter.

[0074] The aforementioned verification of user permissions according to the preset permission verification method may be:

[0075] User authentication: First, you need to confirm that the user has been authenticated. This is usually achieved through Session, JWT or other authentication mechanisms. For example, using the Spring Security framework, you can use AuthenticationManager to verify the user's credentials, such as username and password.

[0076] Permission verification:

[0077] After the user is authenticated, it is necessary to verify whether the user has the permission to perform the replication operation. This can be achieved through a role-based access control (RBAC) model, where users are assigned to one or more roles, each with a set of permissions.

[0078] Permission verification can be implemented on the front end through routing guards. For example, in Vue.js, you can use the beforeEach hook to check the user's permissions and decide whether to allow access to specific routes based on the permissions.

[0079] On the back end, you can use Spring Security's FilterSecurityInterceptor filter to intercept requests and decide whether to release them based on the user's role and permissions.

[0080] Parameter Validation:

[0081] For the isCopy and pageId parameters, validation is required to ensure that they are valid. For example, pageId should be a valid page identifier, and isCopy should be a Boolean value.

[0082] Parameter validation can be implemented on the back end using Spring Boot's parameter validation feature, such as using the @Valid or @Validated annotations to ensure that the incoming parameters conform to the expected format and business rules.

[0083] Business logic processing:

[0084] If the user has the corresponding permissions and the parameter verification passes, the backend can continue to process the business logic of copying the page. If isCopy = true, a new pageId is generated and a copy of the page is created; if isCopy = false or does not exist, the existing page is updated with the provided pageId.

[0085] Exception handling:

[0086] During the entire verification process, if any exception occurs, such as unauthenticated user, insufficient permissions, or invalid parameters, there should be a corresponding exception handling mechanism. For example, an error response can be returned, and the status code may be 401 (unauthenticated), 403 (forbidden), or 400 (bad request).

[0087] Logging:

[0088] For all authentication and authorization operations, it is recommended to record detailed logs to facilitate troubleshooting and security audits.

[0089] S11, judging whether the replication judgment parameter is valid, if it is valid, executing step S12, if it is invalid, executing step S13;

[0090] It should be noted that an interface needs to be provided to process the request to obtain page data, and decide whether to return the original page data or create a new page copy based on the isCopy parameter.

[0091] In one embodiment, checking whether the request contains the isCopy parameter: before saving the new page, checking whether the request contains the isCopy parameter, which may be as follows:

[0092] #Assume there is a dictionary storing page data

[0093] pages = {}

[0094] @app.route(' / api / save-page',methods=['POST'])

[0095] defsave_page():

[0096] data = request.get_json()

[0097] page_id = data.get('pageId')

[0098] is_copy=data.get('isCopy',False)

[0099] new_page_data=data.get('pageData')

[0100] ifis_copy:

[0101] #Generate a new unique pageId

[0102] new_page_id=str(uuid.uuid4())

[0103] #Create a new page using a new pageId

[0104] pages[new_page_id]=new_page_data

[0105] returnjsonify({'success':True,'newPageId':new_page_id}),201

[0106] else:

[0107] #Update an existing page using the pageId from the request

[0108] ifpage_id in pages:

[0109] pages[page_id]=new_page_data#Update page data

[0110] returnjsonify({'success':True}),200

[0111] else:

[0112] returnjsonify({'success':False,'error':'Page not found'}),404S12. Generate new page identifier parameters and update template page data to the template library;

[0113] In this embodiment, a new page identifier parameter is generated, a corresponding new page data record is created according to the generated new page identifier parameter, and the template page data is updated to the template library.

[0114] It is understandable that when a user chooses to copy a page, the system needs to create a unique identifier for the new page, that is, a new pageId. This operation is usually performed on the backend because the database needs to ensure that the new pageId is unique and does not conflict with the pageId of the existing page. After the new pageId is generated, the system will use this new identifier to create the data record of the page to ensure that the new and old pages are completely independent at the database level.

[0115] It should be understood that, in one embodiment, a "Copy" button is added to each page entry in the front-end page. When the user clicks this button, the front-end captures the click event through the event listener and constructs a new URL containing the parameters isCopy=true and pageId=<original page ID>.

[0116] Use HTML5's history.pushState method to change the URL, so that you can jump to the edit page without refreshing the page, and bring the new URL parameters.

[0117] The backend provides an API interface for receiving requests with isCopy and pageId parameters sent by the frontend. This interface should be able to handle multipart / form-data type requests to facilitate uploading files.

[0118] The backend needs to verify user permissions to ensure that the user has permission to copy the page. This can be achieved through security frameworks such as Spring Security to implement permission control.

[0119] Generate a new pageId: If isCopy = true, the backend needs to generate a new unique pageId. This can be generated through the database's auto-increment field or a distributed ID generation strategy, such as using the Snowflake algorithm. After the new pageId is generated, the backend uses it to create data records for the new page.

[0120] The data interaction between the front-end and back-end is usually carried out through the HTTP protocol. The front-end sends data to the back-end through AJAX requests, and the back-end processes the request and returns the data. This process can be implemented through HTTP client libraries such as axios.

[0121] To improve the user experience, you can provide immediate feedback after the copy operation, such as using a prompt box or a message prompt on the page to inform the user that the operation is successful.

[0122] When jumping to the edit page, you can use a front-end routing library (such as Vue Router or ReactRouter) to manage page jumps to achieve the effect of a single-page application (SPA) and improve page loading efficiency and user experience.

[0123] Error handling and logging: In the process of generating pageId and creating data records, the backend should implement an error handling mechanism to deal with possible exceptions, such as network errors, data format errors, etc. At the same time, the backend should record logs of key operations to facilitate troubleshooting and auditing. The log should contain sufficient context information, such as timestamp, log level, thread information, class name, short description, and possible exception information. Ensure that uploaded image files and page data do not introduce security vulnerabilities, such as cross-site scripting attacks (XSS). Scan uploaded files for viruses to prevent the upload of malware.

[0124] S13, retrieving the corresponding current template page data in the template library according to the extracted page identifier parameter, updating the current template according to the current template page data, and saving it to the template library;

[0125] In one embodiment, it is determined whether there is a copy mark isCopy. If isCopy=true, pageld is regenerated before saving. If isCopy=false or does not exist, the pageld on the url is used for update. This step shows that before saving a new page, if a copy mark exists, the system will regenerate a new pageld (i.e., page ID) to distinguish it from the original page. If there is no copy mark, the pageld provided in the URL is used to update the page. When the user clicks the "Save" button, the front end collects the page data and isCopy status, and then sends a POST request to the back end. The back end receives the request and checks the isCopy parameter. If isCopy is true, a new unique pageId is generated and the new page is saved. If isCopy is false or does not exist, the existing page is updated using the pageId in the request. Use the uuid library to generate a new unique pageId to ensure that each page has a unique identifier.

[0126] The situation where isCopy = false or does not exist usually occurs in the following scenarios:

[0127] Originally created page: When a user first creates a new page, rather than copying an existing page, the isCopy parameter is not set and therefore defaults to false or does not exist.

[0128] Editing an existing page: If the user is editing an existing page, rather than creating a new copy of the page, the isCopy parameter will not be set.

[0129] Direct access to the edit page: If the user accessed the edit page by directly accessing the edit page's URL (perhaps through a bookmark, history, or by typing the URL directly), and not by clicking the "Copy" button, then the isCopy parameter will not be present.

[0130] API calls for non-copy operations: In some cases, the backend API may be designed to accept requests without the isCopy parameter to handle non-copy related operations.

[0131] Front-end logic errors: If there are logic errors in the front-end code, it may cause the isCopy parameter to not be set correctly when it should be.

[0132] Manual URL modification: Users or developers may have manually modified the URL, causing the isCopy parameter to be deleted or set to false.

[0133] The backend should be able to handle these situations, ensuring that the system responds correctly to the request regardless of the presence or value of the isCopy parameter. For example, if the isCopy parameter does not exist or is false, the backend can decide to load a blank page template for the user to edit, or load the data of an existing page for update.

[0134] When isCopy=false or does not exist, it usually means that the user is performing an operation other than copying the page, such as directly editing an existing page or creating a brand new page. In this case, you need to ensure that the user's intention can be correctly identified and the page data record is updated or created according to the user's permissions and operations. For example: Request interception and parameter parsing: On the back end, set up an interceptor to handle all incoming requests and parse parameters in the URL, such as isCopy and pageId. If the isCopy parameter does not exist or is false, continue to execute the update process of the existing page data.

[0135] Permission verification: Before processing the request, verify that the user has permission to update the page. This can be done by checking the user's role, permission list, or ownership of the page. If the user does not have sufficient permissions, return an error response, such as HTTP status code 403 (Forbidden).

[0136] Data update logic: If the user has permission, retrieve the corresponding page data record from the database based on the provided pageId parameter. Perform data update operations, which may include modifying page content, metadata, or other related fields. Ensure the integrity of database transactions to prevent data inconsistencies during the update process.

[0137] Real-time feedback on the front end: On the front end, polling, long polling, WebSocket, or Server-Sent Events (SSE) can be used to implement real-time data updates. For example, WebSocket is used to establish a persistent connection so that the server can push updates to the client in real time without the client having to send requests frequently.

[0138] Data versioning: To handle concurrent updates, you can implement an optimistic locking mechanism to detect update conflicts by including a version number or timestamp in the data record. If a version conflict is detected during the update process, notify the user and provide options to resolve the conflict.

[0139] Front-end page refresh strategy: Use the routing guards and lifecycle hooks of front-end frameworks (such as Vue.js or React) to manage page refreshes. For example, you can check the user's actions in the routing guard to decide whether to refresh the page or only refresh a specific part of the page.

[0140] Error handling and logging: Throughout the update process, add error handling logic to catch and respond to any exceptions that may occur. Record logs of key operations to facilitate troubleshooting and auditing.

[0141] User interface feedback: On the front end, provide users with clear operation feedback, such as prompts for success or failure. For long operations, provide loading indicators or progress bars to improve user experience.

[0142] Ultimately, it can ensure that when the user clicks the copy button, they can jump to the edit page smoothly, and the URL carries the correct copy identifier and page ID. At the same time, the backend can correctly process these parameters and create a new page data record.

[0143] S14, obtaining the template generation instruction sent by the front end, generating a page template preview corresponding to the current template page according to the template generation instruction, and extracting the template page data of the current template page;

[0144] In this embodiment, the template generation instruction sent by the front end is obtained, and the current template page is drawn using a preset graphic drawing module to generate a corresponding page template preview image; the template page data is extracted, the template page data is converted into a corresponding string, and saved to the preset template list, which can be specifically to collect the structure and data information of the page while capturing the page content, including but not limited to form fields, user-set options and other dynamic data. The collected data is serialized for easy transmission and storage.

[0145] Generate the corresponding page template preview image through canvas drawing technology, generate the page DOM node on-demand image file, and save it to the backend server on demand. Later, users can see the templates they need in the template library, reducing the difficulty of operation and understanding cost.

[0146] Specifically, JavaScript can be used to traverse the DOM tree: JavaScript can be used to traverse the DOM tree and capture the structure and data information of the page. The collected data is serialized. Receive serialized data: Receive serialized data sent by the front end through AJAX requests. Store the parsed pageData object in a database, and you can use a database system such as MongoDB or MySQL.

[0147] Finally, while capturing the page content, you can collect the page structure and data information, and serialize this information for easy transmission and storage. On the front end, collect form fields, user-set options, and other dynamic data by traversing the DOM tree, and then serialize this data into a JSON string. On the back end, receive the serialized data, parse it into objects, and store it in the database. In this way, you can effectively capture and store detailed data of the page for subsequent processing and analysis.

[0148] In order to optimize the tedious process of manual screenshots, this step proposes an automated solution. Specifically, the system will provide a separate [Generate Template] function, through which users can quickly generate template screenshots of the page. In addition, when saving a page, the system will also provide an option [Whether to Generate Template] so that users can choose whether to create a template according to their own needs.

[0149] S15. Save the template page data to a preset template list, and send it to the front end so that the front end can visualize the page template preview image.

[0150] In this embodiment, the template page data is saved to a template list, and a template list calling interface associated with the front end is created; the template display instruction sent by the front end is obtained through the template list calling interface; the template display instruction is parsed, and the page template preview image is sent to the front end for visualization according to the corresponding template identifier parameter.

[0151] Add a [Template Library] entry to the list and new pages to display all generated template screenshots. In this step, the system will add a [Template Library] entry to the list and new pages, through which you can view all generated template screenshots. Users can jump to the new page by clicking the [Apply Template] button and bring in the template ID. By querying the template data, you can echo the relevant template information to the page, such as a page module card, such as a carousel slide module, a product module, and a coupon module.

[0152] [Template Library] supports thumbnail display, and buttons support [Large Image Preview], [Delete], and [Apply Template]. In this step, we will expand the functions of [Template Library] to support thumbnail display, large image preview, delete, and apply. This will make it easier for users to manage and use the content in the template library.

[0153] The last step is to add a display function of the [Copy] button in the [Page List]. This will make it easier for users to find and use the copy function to create a new version of the page.

[0154] The template library configuration method provided in this embodiment can obtain the template page configuration request sent by the front end, and extract the copy judgment parameter and the page identifier parameter from the template page configuration request, judge whether the copy judgment parameter is valid, if valid, generate a new page identifier parameter associated with the current template page, and update the template page data to the template library according to the new page identifier parameter, obtain the template generation instruction sent by the front end, generate a page template preview corresponding to the current template page according to the template generation instruction, extract the template page data of the current template page, save the template page data to the preset template list, and send To the front end, the front end can visualize the preview image of the page template, which solves the current problem that different financial products have different categories, prices, etc. for different B-ends (merchants), such as category differences (such as stocks, bonds, funds, etc.) and price differences (such as interest rates, handling fees, etc.). Merchants need to be able to independently create and customize activities based on their own marketing strategies and target customer groups to increase user engagement and sales conversion rates. At the same time, merchants are required to be able to independently manage the operation and sales process of the activities, including activity release, monitoring, analysis and optimization. Because of the aforementioned requirements, merchants need to fill in cumbersome forms, resulting in inefficient technical problems.

[0155] At the same time, it is determined whether the copy judgment parameter is valid. If valid, a new page identifier parameter is generated. According to the generated new page identifier parameter, a corresponding new page data record is created, and the template page data is updated to the template library, so that the ready-made activity template can be quickly applied without having to drag and drop to edit the activity template each time.

[0156] Furthermore, the template generation instruction sent by the front end is obtained, and the preset graphics drawing module is used to draw the current template page to generate the corresponding page template preview image, so that users can see the templates they need in the template library, reducing the difficulty of operation and the cost of understanding.

[0157] In one embodiment, a template library configuration device is provided, and the template library configuration device corresponds one-to-one to the template library configuration method in the above embodiment. Figure 3 As shown, the template library configuration device includes an acquisition module 101, a judgment module 102, a generation module 103, and a visualization module 104. The detailed description of each functional module is as follows:

[0158] The acquisition module 101 is used to acquire the template page configuration request sent by the front end, and extract the copy judgment parameter and the page identifier parameter from the template page configuration request;

[0159] In one embodiment, the acquisition module 101 is specifically used for the following steps:

[0160] Obtain the template page configuration request sent by the front end, and verify the user authority according to the preset authority verification method;

[0161] The copy judgment parameter and the page identifier parameter in the template page configuration request are extracted.

[0162] The judgment module 102 is used to judge whether the copy judgment parameter is valid. If it is valid, a new page identifier parameter associated with the current template page is generated, and the template page data is updated to the template library according to the new page identifier parameter;

[0163] In one embodiment, the determination module 102 is specifically configured to perform the following steps:

[0164] Determine whether the copy determination parameter is valid, and if so, generate a new page identifier parameter;

[0165] According to the generated new page identifier parameter, a corresponding new page data record is created, and the template page data is updated to the template library.

[0166] Meanwhile, if it is determined that the copy judgment parameter is invalid, the corresponding current template page data in the template library is retrieved according to the extracted page identifier parameter;

[0167] The current template is updated according to the current template page data and saved to the template library.

[0168] The generation module 103 is used to obtain the template generation instruction sent by the front end, generate a page template preview corresponding to the current template page according to the template generation instruction, and extract the template page data of the current template page;

[0169] In one embodiment, the generating module 103 is specifically used for the following steps:

[0170] Obtain the template generation instruction sent by the front end, use the preset graphics drawing module to draw the current template page, and generate the corresponding page template preview image;

[0171] Extract the template page data, convert the template page data into a corresponding character string, and save it to the preset template list.

[0172] The visualization module 104 is used to save the template page data to a preset template list and send it to the front end so that the front end can visualize the page template preview image.

[0173] In one embodiment, the visualization module 104 is specifically used for the following steps:

[0174] Save the template page data to the template list, and create a template list calling interface associated with the front end;

[0175] Obtaining the template display instruction sent by the front end through the template list calling interface;

[0176] The template display instruction is parsed, and the page template preview image is sent to the front end for visualization according to the corresponding template identifier parameter.

[0177] In this embodiment, it also includes:

[0178] The copy key adding module is used to add a copy key in the template page configuration interface of the front end by using a page component configuration function, and bind an event listener to the copy key.

[0179] The template library configuration device provided in this embodiment can obtain the template page configuration request sent by the front end, and extract the copy judgment parameter and the page identifier parameter from the template page configuration request, judge whether the copy judgment parameter is valid, if valid, generate a new page identifier parameter associated with the current template page, and update the template page data to the template library according to the new page identifier parameter, obtain the template generation instruction sent by the front end, generate a page template preview corresponding to the current template page according to the template generation instruction, extract the template page data of the current template page, save the template page data to the preset template list, and send To the front end, the front end can visualize the preview image of the page template, which solves the current problem that different financial products have different categories, prices, etc. for different B-ends (merchants), such as category differences (such as stocks, bonds, funds, etc.) and price differences (such as interest rates, handling fees, etc.). Merchants need to be able to independently create and customize activities based on their own marketing strategies and target customer groups to increase user engagement and sales conversion rates. At the same time, merchants are required to be able to independently manage the operation and sales process of the activities, including activity release, monitoring, analysis and optimization. Because of the aforementioned requirements, merchants need to fill in cumbersome forms, resulting in inefficient technical problems.

[0180] At the same time, it is determined whether the copy judgment parameter is valid. If valid, a new page identifier parameter is generated. According to the generated new page identifier parameter, a corresponding new page data record is created, and the template page data is updated to the template library, so that the ready-made activity template can be quickly applied without having to drag and drop to edit the activity template each time.

[0181] Furthermore, the template generation instruction sent by the front end is obtained, and the preset graphics drawing module is used to draw the current template page to generate the corresponding page template preview image, so that users can see the templates they need in the template library, reducing the difficulty of operation and the cost of understanding.

[0182] For the specific definition of the template library configuration device, please refer to the definition of the template library configuration method above, which will not be repeated here. Each module in the above-mentioned template library configuration device can be implemented in whole or in part by software, hardware and a combination thereof. The above-mentioned modules can be embedded in or independent of the processor in the computer device in the form of hardware, or can be stored in the memory of the computer device in the form of software, so that the processor can call and execute the operations corresponding to the above modules.

[0183] In one embodiment, a computer device is provided. The computer device may be a server, and its internal structure diagram may be as follows: Figure 4 As shown. The computer device includes a processor, a memory, a network interface and a database connected via a system bus. The processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile and / or volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system, a computer program and a database. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The network interface of the computer device is used to communicate with an external client via a network connection. When the computer program is executed by the processor, it implements the functions or steps of a template library configuration method server side.

[0184] In one embodiment, a computer device is provided. The computer device may be a client, and its internal structure diagram may be as follows: Figure 5 As shown. The computer device includes a processor, a memory, a network interface, a display screen and an input device connected through a system bus. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The network interface of the computer device is used to communicate with an external server through a network connection. When the computer program is executed by the processor, it implements the functions or steps of the client side of a template library configuration method.

[0185] In one embodiment, a computer device is provided, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the following steps when executing the computer program:

[0186] Obtaining a template page configuration request sent by the front end, and extracting a copy judgment parameter and a page identifier parameter from the template page configuration request;

[0187] Determine whether the copy determination parameter is valid, if valid, generate a new page identifier parameter associated with the current template page, and update the template page data to the template library according to the new page identifier parameter;

[0188] Obtaining the template generation instruction sent by the front end, generating a page template preview image corresponding to the current template page according to the template generation instruction, and extracting the template page data of the current template page;

[0189] The template page data is saved to a preset template list and sent to the front end so that the front end can visualize the page template preview image.

[0190] The computer device provided in this embodiment can obtain the template page configuration request sent by the front end, and extract the copy judgment parameter and the page identifier parameter from the template page configuration request, judge whether the copy judgment parameter is valid, and if it is valid, generate a new page identifier parameter associated with the current template page, and update the template page data to the template library according to the new page identifier parameter, obtain the template generation instruction sent by the front end, generate a page template preview corresponding to the current template page according to the template generation instruction, and extract the template page data of the current template page, save the template page data to the preset template list, and send it to The front end provides a preview image of the page template for visualization by the front end, which solves the current problem that different financial products have different categories, prices, etc. for different B-ends (merchants), such as category differences (such as stocks, bonds, funds, etc.) and price differences (such as interest rates, handling fees, etc.). Merchants need to be able to independently create and customize activities based on their own marketing strategies and target customer groups to increase user engagement and sales conversion rates. At the same time, merchants are required to be able to independently manage the operation and sales process of the activities, including activity release, monitoring, analysis and optimization. Because of the aforementioned requirements, merchants need to fill in cumbersome forms, resulting in inefficient technical problems.

[0191] At the same time, it is determined whether the copy judgment parameter is valid. If valid, a new page identifier parameter is generated. According to the generated new page identifier parameter, a corresponding new page data record is created, and the template page data is updated to the template library, so that the ready-made activity template can be quickly applied without having to drag and drop to edit the activity template each time.

[0192] Furthermore, the template generation instruction sent by the front end is obtained, and the preset graphics drawing module is used to draw the current template page to generate the corresponding page template preview image, so that users can see the templates they need in the template library, reducing the difficulty of operation and the cost of understanding.

[0193] In one embodiment, a computer-readable storage medium is provided, on which a computer program is stored, and when the computer program is executed by a processor, the following steps are implemented:

[0194] Obtaining a template page configuration request sent by the front end, and extracting a copy judgment parameter and a page identifier parameter from the template page configuration request;

[0195] Determine whether the copy determination parameter is valid, if valid, generate a new page identifier parameter associated with the current template page, and update the template page data to the template library according to the new page identifier parameter;

[0196] Obtaining the template generation instruction sent by the front end, generating a page template preview image corresponding to the current template page according to the template generation instruction, and extracting the template page data of the current template page;

[0197] The template page data is saved to a preset template list and sent to the front end so that the front end can visualize the page template preview image.

[0198] The computer-readable storage medium provided in this embodiment can obtain a template page configuration request sent by a front end, and extract a copy judgment parameter and a page identifier parameter from the template page configuration request, determine whether the copy judgment parameter is valid, and if valid, generate a new page identifier parameter associated with the current template page, and update the template page data to the template library according to the new page identifier parameter, obtain the template generation instruction sent by the front end, generate a page template preview corresponding to the current template page according to the template generation instruction, and extract the template page data of the current template page, save the template page data to the preset template list, and send It is sent to the front end for the front end to visualize the preview of the page template, which solves the current problem that different financial products have different categories, prices, etc. for different B-ends (merchants), such as category differences (such as stocks, bonds, funds, etc.) and price differences (such as interest rates, handling fees, etc.). Merchants need to be able to independently create and customize activities based on their own marketing strategies and target customer groups to increase user participation and sales conversion rates. At the same time, merchants are required to be able to independently manage the operation and sales process of the activities, including activity release, monitoring, analysis and optimization. Because of the aforementioned requirements, merchants need to fill in cumbersome forms, resulting in inefficient technical problems.

[0199] At the same time, it is determined whether the copy judgment parameter is valid. If valid, a new page identifier parameter is generated. According to the generated new page identifier parameter, a corresponding new page data record is created, and the template page data is updated to the template library, so that the ready-made activity template can be quickly applied without having to drag and drop to edit the activity template each time.

[0200] Furthermore, the template generation instruction sent by the front end is obtained, and the preset graphics drawing module is used to draw the current template page to generate the corresponding page template preview image, so that users can see the templates they need in the template library, reducing the difficulty of operation and the cost of understanding.

[0201] It should be noted that the above functions or steps that can be implemented by the computer-readable storage medium or computer device can refer to the relevant descriptions on the server side and the client side in the aforementioned method embodiment. To avoid repetition, they will not be described one by one here.

[0202] Those skilled in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to memory, storage, database or other media used in the embodiments provided in this application can include non-volatile and / or volatile memory. Non-volatile memory can include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM) or flash memory. Volatile memory can include random access memory (RAM) or external cache memory. As an illustration and not limitation, RAM is available in many forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous link (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM).

[0203] Those skilled in the art can clearly understand that for the convenience and simplicity of description, only the division of the above-mentioned functional units and modules is used as an example. In actual applications, the above-mentioned functions can be distributed and completed by different functional units and modules as needed, that is, the internal structure of the device can be divided into different functional units or modules to complete all or part of the functions described above.

[0204] The embodiments described above are only used to illustrate the technical solutions of the present invention, rather than to limit the same. Although the present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that the technical solutions described in the aforementioned embodiments may still be modified, or some of the technical features may be replaced by equivalents. Such modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the embodiments of the present invention, and should all be included in the protection scope of the present invention.

[0205] It should be noted that if software tools or components other than those of our company appear in the embodiments of the present application, they are only used for illustrative purposes and do not represent actual use.

Claims

1. A template library configuration method, characterized in that: include: Obtaining a template page configuration request sent by the front end, and extracting a copy judgment parameter and a page identifier parameter from the template page configuration request; Determine whether the copy determination parameter is valid, if valid, generate a new page identifier parameter associated with the current template page, and update the template page data to the template library according to the new page identifier parameter; Obtaining the template generation instruction sent by the front end, generating a page template preview image corresponding to the current template page according to the template generation instruction, and extracting the template page data of the current template page; The template page data is saved to a preset template list and sent to the front end so that the front end can visualize the page template preview image.

2. The template library configuration method according to claim 1, characterized in that: The step of obtaining the template page configuration request sent by the front end and extracting the copy judgment parameter and the page identifier parameter from the template page configuration request includes: Obtain the template page configuration request sent by the front end, and verify the user authority according to the preset authority verification method; When the user authority verification is passed, the copy judgment parameter and the page identifier parameter in the template page configuration request are extracted.

3. The template library configuration method according to claim 1, characterized in that: The determining whether the copy determination parameter is valid, if valid, generating a new page identifier parameter associated with the current template page, and updating the template page data to the template library according to the new page identifier parameter, includes: Determine whether the copy determination parameter is valid, and if so, generate a new page identifier parameter associated with the current template page; According to the generated new page identifier parameter, a corresponding new template page data record is created, and the new template page data is updated to the template library.

4. The template library configuration method according to claim 3, characterized in that: The step of determining whether the copy determination parameter is valid, if valid, generating a new page identifier parameter associated with the current template page, and updating the template page data to the template library according to the new page identifier parameter, and then further comprising: If it is determined that the copy judgment parameter is invalid, then searching the corresponding current template page data in the template library according to the extracted page identifier parameter; The current template page is updated according to the current template page data and saved to the template library.

5. The template library configuration method according to claim 1, characterized in that: Obtaining the template generation instruction sent by the front end, generating a page template preview corresponding to the current template page according to the template generation instruction, and extracting the template page data of the current template page, including: Obtain the template generation instruction sent by the front end, use the preset graphics drawing module to draw the current template page, and generate the corresponding page template preview image; The template page data is extracted, converted into a corresponding character string, and saved into the preset template list.

6. The template library configuration method according to claim 1, characterized in that: Saving the template page data to a preset template list and sending it to the front end so that the front end can visualize the page template preview image, including: Save the template page data to the template list, and create a template list calling interface associated with the front end; Obtaining the template display instruction sent by the front end through the template list calling interface; The template display instruction is parsed, and the page template preview image is sent to the front end for visualization according to the corresponding template identifier parameter.

7. The template library configuration method according to claim 1, characterized in that: Obtaining the template page configuration request sent by the front end, and extracting the copy judgment parameter and the page identifier parameter from the template page configuration request, which also includes: Using the page component configuration function to add a copy button in the template page configuration interface of the front end; Bind an event listener for the copy key.

8. A template library configuration device, characterized in that: include: An acquisition module, used for acquiring a template page configuration request sent by the front end, and extracting a copy judgment parameter and a page identifier parameter from the template page configuration request; A judgment module, used for judging whether the copy judgment parameter is valid, and if so, generating a new page identifier parameter associated with the current template page, and updating the template page data to the template library according to the new page identifier parameter; A generation module, used to obtain the template generation instruction sent by the front end, generate a page template preview corresponding to the current template page according to the template generation instruction, and extract the template page data of the current template page; The visualization module is used to save the template page data to a preset template list and send it to the front end so that the front end can visualize the page template preview image.

9. A computer device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, characterized in that: When the processor executes the computer program, the steps of the template library configuration method according to any one of claims 1 to 7 are implemented.

10. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the steps of the template library configuration method according to any one of claims 1 to 7 are implemented.

Images