Electronic certificate editing method and device

Abstract

The invention discloses an electronic certificate editing method and device. The method comprises the steps that an editing instruction is received on an operation interface; the editing instruction is responded, an editing interface is displayed, the editing interface comprises a backboard area and an editing area, the backboard area is used for being filled with certificate elements, the certificate elements comprise standard content and personalized content, editing icons and element template labels are displayed in the editing area, and the element template labels are used for being associated with the corresponding personalized content; and receiving an operation instruction aiming at the editing icon and the element template label in the editing interface, and adding a certificate element in the backboard area. Through the front-end operation interface provided by the application, a producer can call a graphical visual operation interface, the high difficulty and high cost of an electronic certificate in related technologies are solved, the requirements of template-based self-defined edition of the certificate and automatic association of personalized information are met, and through embedding of an element template tag, the user experience is improved. And finally, dynamic generation and personalized customization of the certificate content are realized.

Description

Technical Field

[0001] The present application relates to the field of communication technology, and in particular to an electronic certificate editing method and device. Background Art

[0002] With the development of informatization, electronic certificates are being used more and more widely, especially in the field of education, where certificates are an important proof that students have completed their studies or obtained qualifications.

[0003] At present, the production of electronic certificates often requires professional design software and operators. Professional operators use design software to edit and produce electronic certificates, making the production process of electronic certificates complicated, inefficient and costly. Summary of the invention

[0004] The purpose of this application is to provide an electronic certificate editing method and device to achieve online visual editing of certificates.

[0005] To achieve the above objectives, this application provides the following solutions:

[0006] In a first aspect, the present application provides a method for editing an electronic certificate, the method comprising:

[0007] Receiving editing instructions on the operation interface;

[0008] In response to the editing instruction, an editing interface is displayed, the editing interface includes a back panel area and an editing area, the back panel area is used to fill in certificate elements, the certificate elements include standard content and personalized content, the editing area displays an editing icon and an element template tag, the element template tag is used to associate the corresponding personalized content, and the editing icon is used to add a certificate element to the back panel area and edit the added certificate element;

[0009] The editing interface receives operation instructions for the editing icon and the element template tag, and adds standard content and the element template tag in the back panel area.

[0010] Optionally, the electronic certificate editing method provided in the embodiment of the present application further includes:

[0011] Receiving a confirmation instruction in the operation interface;

[0012] In response to the determination instruction, the standard content and element template tag added in the back panel area are sent to the background server, so that after the background server receives the standard content and element template tag, it replaces the characters in the element template tag with the associated personalized content.

[0013] Optionally, in the electronic certificate editing method provided by an embodiment of the present application, the personalized content includes text content, pictures and QR codes, and the element template tags include text element template tags, picture element template tags and QR code element template tags.

[0014] Optionally, in the electronic certificate editing method provided in the embodiment of the present application, the editing interface receives an operation instruction for the editing icon and the element template tag, and adding the standard content and the element template tag in the back panel area includes:

[0015] Receive background image adding instructions in the editing area;

[0016] In response to the background image adding instruction, a background image is displayed in the back panel area.

[0017] Optionally, in the electronic certificate editing method provided in the embodiment of the present application, the editing interface receives an operation instruction for the editing icon and the element template tag, and adding the standard content and the element template tag in the back panel area includes:

[0018] receiving a text adding instruction for a text adding icon in the editing area, the text adding instruction including a title adding instruction and a text adding instruction;

[0019] In response to the text adding instruction, displaying a text input box in the back panel area;

[0020] The text content input is received in the text input box.

[0021] Optionally, in the electronic certificate editing method provided in the embodiment of the present application, the text content includes standard text and personalized text. When the text content is personalized text, the text content received and inputted in the text input box includes:

[0022] receiving a text element template tag adding instruction for a text element template tag in the editing area;

[0023] In response to the text element template tag adding instruction, display the text element template tag in the text input box;

[0024] When the text content is standard text, the text content received and inputted in the text input box includes:

[0025] Receive input standard text content to display the received standard text content in the text input box.

[0026] Optionally, in the electronic certificate editing method provided in the embodiment of the present application, the editing interface receives an operation instruction for the editing icon and the element template tag, and adding the standard content and the element template tag in the back panel area includes:

[0027] Receiving, in the editing area, an instruction for adding a picture element template tag or a QR code element template tag;

[0028] In response to the adding instruction, a picture element template tag or a QR code element template tag is displayed in the back panel area.

[0029] Optionally, in the electronic certificate editing method provided in the embodiment of the present application, the editing interface receives an operation instruction for the editing icon and the element template tag, and adding the standard content and the element template tag in the back panel area includes:

[0030] Receive adjustment instructions in the editing area;

[0031] In response to the adjustment instruction, the display style of the certificate elements in the back panel area is adjusted.

[0032] Optionally, in the electronic certificate editing method provided in an embodiment of the present application, the operation interface displays an electronic certificate list, the editing instruction is an operation instruction for the electronic certificate to be edited, and the displaying of the editing interface in response to the editing instruction includes:

[0033] In response to the editing instruction, a data request message is sent to the backend server, wherein the data request message is used to request the backend server for the current certificate element of the certificate template to be edited;

[0034] Receiving a current certificate element of the certificate to be edited;

[0035] The current certificate element is parsed, and according to the parsing result, the editing interface is displayed.

[0036] In a second aspect, the present application provides a processing device, which includes: a memory, a processor, and a computer program stored in the memory and executable on the processor, and the processor executes the computer program to implement the electronic certificate editing method as described in the first aspect.

[0037] According to the specific embodiments provided in this application, the following technical effects are disclosed:

[0038] The embodiment of the present application provides an electronic certificate editing method and device. Through the front-end operation interface provided, when the production personnel produce the electronic certificate, they first input the editing instructions to the operation interface to call the production page to display the editing interface including the back panel area and the editing area, and then fill the certificate elements including the standard content and the personalized content in the back panel area by operating the editing icons and parameter labels in the editing area, and use the element label template to quickly and conveniently realize the filling of the personalized content in the electronic certificate, so that the background server can replace the element template label with the associated actual personalized content, and finally realize the online visual editing of the electronic certificate. That is, the front-end operation interface provided by the present application enables the production personnel to call the graphical visual operation interface, solves the high difficulty and high cost of electronic certificates in related technologies, realizes the needs of custom editing certificates based on templates and automatically associating personalized information, and finally realizes the dynamic generation and personalized customization of certificate content through the embedding of element template labels. BRIEF DESCRIPTION OF THE DRAWINGS

[0039] Figure 1 This is a schematic diagram of the system structure of this application;

[0040] Figure 2 A flowchart of a method for editing an electronic certificate according to some embodiments of the present application;

[0041] Figure 3 A schematic diagram of a flow chart of an electronic certificate editing method according to some other embodiments of the present application;

[0042] Figure 4 A schematic diagram of an electronic certificate editing interface in some embodiments of the present application;

[0043] Figure 5 A schematic diagram of an electronic certificate editing interface in some embodiments of the present application;

[0044] Figure 6 A schematic diagram of an electronic certificate editing interface in some embodiments of the present application;

[0045] Figure 7 A schematic diagram of an electronic certificate editing interface in some embodiments of the present application;

[0046] Figure 8 A schematic diagram of an electronic certificate editing interface in some embodiments of the present application;

[0047] Fig. 9 A schematic diagram of an electronic certificate editing interface in some embodiments of the present application;

[0048] Fig.10 A schematic diagram of an electronic certificate editing interface in some embodiments of the present application;

[0049] Fig.11A schematic diagram of an electronic certificate editing interface in some embodiments of the present application;

[0050] Fig.12 A schematic diagram of an electronic certificate editing interface in some embodiments of the present application;

[0051] Fig.13 A schematic diagram of an electronic certificate editing interface in some embodiments of the present application;

[0052] Fig.14 A schematic diagram of an electronic certificate editing interface in some embodiments of the present application;

[0053] Fig.15 A schematic diagram of the structure of a processing device provided for some embodiments of the present application. DETAILED DESCRIPTION

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

[0055] In order to make the above-mentioned objects, features and advantages of the present application more obvious and easy to understand, the present application is further described in detail below with reference to the accompanying drawings and specific implementation methods.

[0056] It is understandable that in some electronic certificate production scenarios, such as in the education industry, after completing the prescribed stage of education, a corresponding electronic certificate needs to be produced for each student who has completed the education.

[0057] In this application, in order to improve the efficiency of electronic certificate production and reduce costs and complexity, a certificate online visual editing solution based on a cloud platform and data synchronization is provided to provide a more user-friendly, efficient collaboration, real-time synchronization, and secure and reliable certificate editing and distribution service. That is, through the cloud platform, users can access the editing tools anytime and anywhere to personalize the design and editing of certificates, while supporting data updates to ensure timely storage of the editing process. In addition, this solution also provides strong security measures to ensure the security of certificates and the integrity of data.

[0058] Figure 1 The system structure diagram of the online certificate editing system provided by this application is shown as follows. The system can be built based on the BS architecture. Figure 1 As shown, this may include:

[0059] Backend server and frontend.

[0060] Among them, the background server can be a cloud platform server, which is the infrastructure of this application, and can specifically include a data storage module, an element template label management module, a data update module and a data security module.

[0061] The data storage module is used to provide a variety of preset certificate templates and support users to upload and store custom templates through a distributed file system. It can also store defined element template tags, that is, store the actual data associated with and bound to the element template tags.

[0062] In practice, data storage can be achieved by deploying a highly available data storage solution: a distributed database, to securely store user-edited certificate data, including text, images, design elements, etc., to ensure data persistence and consistency.

[0063] The data update module can be used to update data through the HTTP interface, that is, the electronic certificates edited by different users can be saved and updated so that subsequent users can access and edit them again.

[0064] The data security module is used to integrate a multi-level security framework through user authentication (OAuth 2.0), permission management (RBAC) and data encryption (TLS / SSL), providing user authentication, permission management and data encryption, so that the role-based access control system (RBAC) can manage user permissions and ultimately ensure data security.

[0065] The front end provides an interactive interface for users to interact with the backend server, and may be a web page that can be run on the processing device or an application that can be installed on the processing device.

[0066] It allows users to select templates, edit certificate content, and view edited data updated by other producers.

[0067] Key features include:

[0068] Template selection: By developing a user-friendly interface, users can select a suitable template from the template library provided by the cloud platform, or upload a custom template, and use AJAX technology to achieve seamless refresh of template preview.

[0069] Visual editing: Provides a rich client editor that allows users to easily edit certificate content by dragging, dropping, clicking, and other operations.

[0070] User authentication: Provides a user-oriented authentication login interface so that users can log in through registration, ensuring the division of permissions for different users and the implementation of various functions.

[0071] In order to better understand the electronic certificate editing method provided by the present application, the following is a detailed description with reference to the accompanying drawings.

[0072] Figure 2 and Figure 3 A flowchart of a method for editing an electronic certificate provided in some embodiments of the present application, which method may be executed by a front end and may specifically include the following steps:

[0073] S110, receiving an editing instruction on the operation interface.

[0074] S120, in response to the editing instruction, an editing interface is displayed, the editing interface includes a back panel area and an editing area, the back panel area is used to fill in the certificate elements, the certificate elements include standard content and personalized content, the editing area displays an editing icon and an element template tag, the element template tag is used to associate the personalized content stored in the background server, the editing icon is used to add certificate elements to the back panel area, and edit the added certificate elements.

[0075] S130: receiving an operation instruction for the editing icon and the element template tag in the editing interface, and adding standard content and the element template tag in the back panel area.

[0076] Specifically, in the embodiment of the present application, in order to realize the visual online editing of the electronic certificate, an operating software, such as a front-end webpage corresponding to the back-end server, is run on the processing device. When the operator performs the online visual editing of the electronic certificate, the corresponding production software can be first started, so that the operation interface of the electronic certificate production is displayed on the display screen of the processing device.

[0077] For example, the production staff can first use the login page to complete the permission verification and login through the account. After the login is successful, they can enter the electronic certificate production interface.

[0078] That is, you can enter an editing command in the operation interface to call the editing interface for electronic certificate production, so that after the front end receives the editing command, it responds to the editing command and displays the back panel area and the editing area on the operation interface.

[0079] For example, Figure 5 As shown, an edit icon is displayed in the operation interface, and the user can enter an edit instruction by clicking the edit icon to call the edit interface.

[0080] like Figures 6 to 11 As shown, the editing interface may display a back panel area and an editing area. The back panel area may be used to fill in specific certificate content of the electronic certificate, that is, to fill in certificate elements. The editing area may display element template labels and editing icons.

[0081] The certificate elements in the electronic certificate may specifically include text content, images, and QR codes, etc. The text content may include the name (i.e., the person to whom the certificate is issued), specific matters, and dates, etc. The specific matters represent the real content represented by the electronic certificate, such as the education completed by the person to whom the certificate is issued, or the professional title achieved, or certain examinations passed, etc.

[0082] Correspondingly, the certificate elements can be divided into standard content and personalized content. The standard content means that it is unified content for each grantee, such as specific matters.

[0083] The personalized content may have different contents for different certificate holders, such as name, portrait, date, etc. The personalized content may include text content, pictures, and identification codes, such as QR codes or bar codes, etc.

[0084] In this application, personalized content is added through configured element template tags.

[0085] Correspondingly, the element template tag includes a text element template tag, a picture element template tag and a QR code element template tag.

[0086] That is, in this application, the element template tag is used as a template for the personal data in the certificate element, indicating that the actual data needs to be replaced and filled in to associate with the corresponding personal data.

[0087] Among them, element template tags, i.e. parameter tags, are predefined placeholders, such as [Student Name], [QR Code], etc., which can be inserted into any position of the template in the visual editor. During the certificate generation process, these tags can be replaced with relevant data provided by the user.

[0088] That is, the actual data associated with each element template tag is pre-stored and bound in the background server, so that the production personnel can prepare the electronic certificate as a certificate template and upload it to the background server. The background server can receive the produced electronic certificate template and replace the element template tag therein, and finally generate an electronic certificate that can be actually used.

[0089] Finally, the production staff can input corresponding content into the back panel area by operating the element template labels and editing icons, that is, receive operation instructions for parameter labels and editing icons in the editing interface, so that the front end responds to the operation instructions and displays the corresponding certificate elements on the back panel area.

[0090] That is, during operation, you can directly drag the parameter label to the corresponding position of the electronic backplane area to complete the certificate production.

[0091] In some embodiments of the present application, after completing the above operations, the prepared electronic certificate may be saved and uploaded to the backend server to be updated to the backend server in real time, that is, the method further includes:

[0092] S150, receiving a confirmation instruction in the operation interface.

[0093] S160, in response to the determination instruction, the standard content and element template tag in the back panel area are sent to the background server, so that after the background server receives the standard content and element template tag, it replaces the element tag in the element template with the associated personalized content.

[0094] Specifically, in some embodiments of the present application, Fig.13 As shown, after completing the filling of all certificate elements in the backplane area, that is, after completing the addition of all element contents of the electronic certificate, you can click Save in the operation interface so that after the front end receives the operation instruction, it can respond to the operation instruction and package all certificate elements on the current backplane and send them to the background server.

[0095] Furthermore, after receiving the data packet, the background server can parse the data packet to obtain the identifiers corresponding to all element template tags included in the certificate element, and then replace the pre-stored personalized content into the element template tag according to the association between the pre-stored QR code and the actual data, and store it so that it can be previewed or printed by the user.

[0096] For example, the element template tag can be a name and date, etc. After the background server receives the certificate content uploaded by the front end, it can replace the characters in the parameter tag with the actual name and date stored in advance according to the identifier of the parameter tag in the certificate content, and save it so that the operator can access it through the front-end operation interface, such as downloading, previewing, and finally putting it into use.

[0097] like Fig.12 The following is a preview of the edited electronic certificate.

[0098] It can be understood that the electronic certificate editing method provided by the embodiment of the present application, through the front end provided, enables the production personnel to first call the production page for the start of the new icon in the input of the front-end operation interface to display the back panel area and the editing area, and then fill the content of the electronic certificate in the back panel area by operating the editing icon and parameter label in the editing area, and finally upload the production result to the backend server, and then replace the actual data corresponding to the parameter label in the backend server, and finally realize the online visual editing of the electronic certificate. That is, the front-end operation interface provided by the present application enables the production personnel to call the graphical visual operation interface, solves the high difficulty and high cost of electronic certificates in related technologies, realizes the needs of custom editing certificates based on templates and automatically associating student information, and through the embedding of parameter labels, it can realize the dynamic generation and personalized customization of certificate content.

[0099] That is, this application provides a variety of templates to choose from to meet the certificate design needs of different occasions and needs. The main features of templates and customization include:

[0100] Diversified templates: A template library that stores and categorizes a variety of predefined certificate templates is provided so that a variety of templates can be selected to meet the needs of different users. The developed template rendering engine is used to dynamically render the template selected by the user into an editable interface. The engine supports multiple file formats, such as HTML, JSON, etc., and can process static and dynamic content in the template.

[0101] Customization tools: Allow users to adjust the color, font, layout and other elements of the template through the graphical user interface (GUI) tool, and use CSS style sheets and JavaScript frameworks to provide real-time preview and feedback to achieve the customization of the user interface. By integrating a design element library containing various graphics, icons, borders and other design elements, users can drag and drop them into the template to enhance the visual appeal of the certificate.

[0102] Personalized element integration: By developing a secure user upload interface, users are allowed to upload their own personalized elements such as pictures and logos, and embed them into the certificate template. The present invention also implements a dynamic content integration system through API calls and scripted operations to support users to integrate personalized text, pictures, QR codes and other elements into the template, and ensure dynamic generation and update of content.

[0103] Optionally, in some embodiments of the present application, Fig.14 As shown, the various electronic certificates that have been edited in the backend server can also be accessed on the front end and printed or edited again.

[0104] Preview confirmation: Before the final certificate is generated, the system provides a preview function to allow users to check whether the replaced content is correct. After the user confirms that it is correct, the system will generate the final certificate file.

[0105] Optionally, in some embodiments of the present application, the element template tag may include a text element template tag, an image element template tag, a QR code element template tag, and the like.

[0106] Specifically, the element template tag management module provided in the background server in this application can provide various operations of the element template tag:

[0107] Insertion management: that is, through the developed tag manager, users are allowed to select tags from the tag library and place them in the appropriate position of the template, and DOM operations are used to realize dynamic insertion and style adjustment of tags.

[0108] Insert Label: Users can select the required label type from the label library and place it at the appropriate location in the template.

[0109] Edit style: You can adjust the label boundary range, and adjust the label font color, size, style, etc.

[0110] Delete Move: Users can delete labels that are no longer needed, or drag labels to another location in the template.

[0111] Data binding: The data binding engine can be used to bind the parameter tags in the template to the data model in the backend database during the certificate generation process.

[0112] Replacement verification: Through the developed verification framework, format verification and content verification are performed during the data replacement process to ensure that the replaced content meets the expected format and accuracy.

[0113] Replace action: This validation framework will replace the parameter tags in the template with actual content based on the user-provided data or the auto-filled data.

[0114] Format verification: The framework will check whether the replaced content conforms to the expected format and make adjustments. For example, if the text is too long, it will automatically wrap the text; if the image size does not match, it will automatically scale to match.

[0115] Content verification: For key information, such as [Student Name] and [Course Name], the framework will perform content verification to ensure the accuracy and legality of the information.

[0116] In practice, the element template parameter tag is a placeholder in the certificate template, which will be replaced by the real data in the teaching platform when the certificate is generated. In this solution, the template parser is used to identify and classify the parameter tags.

[0117] As shown in the figure, the text template is used to replace the dynamic text generated by the system, which may include [student name], [course name], [class name], [grades], etc.

[0118] Image element template tag, which can be used to replace with images, such as [student photo], [school logo], etc.

[0119] QR code template labels, such as QR code labels or barcode labels, can be used to generate and replace QR codes, which usually contain verification information of the certificate or link to an online version of the certificate.

[0120] Correspondingly, in some embodiments of the present application, based on the various types of element template tags set in the above embodiments, in some embodiments of the present application, operation instructions for element template tags are received, and specifically, operation instructions input by dragging and dropping can be received, or operation instructions input can be accepted by double-clicking.

[0121] For example, Figure 8 As shown, during the user operation, the back panel area and the editing area are displayed in the operation interface, and when each element template is displayed in the editing area, the user can select and drag the required element template label, such as the name template label, to input an operation instruction to the operation interface, so that the front end responds to the drag operation, that is, the input operation instruction, to move the selected element template label to the corresponding position of the back panel area, and finally realize the insertion of the element template label.

[0122] Alternatively, you can also directly double-click the text input box in the back panel area to call the element template label drop-down menu, and then select the element template label to be filled in the menu.

[0123] It can be understood that in some embodiments of the present application, after the front end is started on the processing device, the operation interface after the start-up is displayed on the processing device.

[0124] like Figure 5 As shown, multiple work tags can be displayed on the operation interface, such as data dashboard, workbench, adding announcements, certificate template management and certificate printing.

[0125] When you need to perform online visual editing of the electronic certificate, you can select the Certificate Template Management tab to edit the electronic certificate to create a certificate template.

[0126] In practice, if Figure 5 As shown, the certificate template list area of ​​the certificate template management label interface displays an established template list, such as an established certificate name list.

[0127] In some embodiments of the present application, the user can select the name of the certificate to be edited, so that the details interface of the selected certificate template is displayed in the operation interface. The details interface displays an edit box, and the edit box displays an edit icon and a preview icon.

[0128] That is, in S110, receiving an editing instruction may specifically be receiving an editing instruction for an editing icon in the editing box, that is, S110 may specifically include: receiving an editing instruction for an editing icon in the editing box.

[0129] Before receiving the editing instruction, the method further includes:

[0130] S01, receiving a selection instruction for a certificate template to be edited in a certificate list area.

[0131] S02, in response to the selection instruction, displaying an edit box, wherein an edit icon is displayed in the edit box.

[0132] Specifically, if Figure 5 As shown, after the user determines the certificate template to be edited, the user can click to select the certificate template to be edited to display the details interface of the certificate. The details interface displays an edit box, and the edit box can display an edit icon and a preview icon.

[0133] Correspondingly, the user can click the edit icon and input an edit command to enter the edit interface of the electronic certificate to be edited, that is, to display the back panel area and the edit area.

[0134] It can be understood that in the embodiment of the present application, the electronic certificate template management operation interface provided by the front-end interface is used to display the list of established certificate templates, so that the user can flexibly select the certificate template to be edited to enter the editing interface to realize visual online editing of the certificate.

[0135] In some other embodiments, a creation icon may also be displayed in the certificate template list area to create a new certificate template.

[0136] That is, in some embodiments of the present application, the method may further include:

[0137] S01, receiving a creation instruction for a new icon.

[0138] S02, in response to the creation instruction, displaying a naming box for the newly created certificate.

[0139] S03, receiving naming characters in the naming box.

[0140] Specifically, if Figure 4As shown, the user can click the New icon to display the name box of the new certificate in the operation interface. Then, the name of the new certificate can be entered in the name box, and finally click Save to complete the creation of the new electronic certificate template, and the new electronic certificate name can be displayed in the certificate list.

[0141] Optionally, in some embodiments of the present application, receiving an operation instruction for the editing icon and the element template tag in the editing interface, and adding a certificate element in the back panel area may specifically include the following steps:

[0142] S131, receiving a background image adding instruction in the editing area.

[0143] S132, responding to the background image adding instruction, displaying the background image in the back panel area.

[0144] Specifically, Figure 6 As shown, in some embodiments of the present application, the front-end operation interface provides background settings for the electronic certificate, that is, after clicking the edit icon to enter the editing interface, an editing area for adding a background image can be displayed, so that the user can add a background image in the editing area.

[0145] Correspondingly, in some embodiments of the present application, receiving an operation instruction for the editing icon and the element template tag in the editing interface, and adding a certificate element in the backplane area may specifically include the following steps:

[0146] S133, receiving a text adding instruction for a text adding icon in the editing area, the text adding instruction including a title adding instruction and a text adding instruction.

[0147] S134, in response to the text adding instruction, a text input box is displayed in the back panel area.

[0148] S135, receiving text content input in the text input box.

[0149] Specifically, Figure 7 As shown, text adding icons may be displayed in the editing area, such as a title adding icon and a text adding icon. The title adding icon may also include a main title adding icon and a subtitle adding icon.

[0150] Accordingly, the user can operate the text adding icon to display a text input box in the back panel area, and then enter the text content of the electronic certificate in the text input box.

[0151] Similarly, text content can also be divided into standard text and personalized text.

[0152] In some embodiments, when the text content is personalized text, receiving the text content input in the text input box includes:

[0153] Receiving a text element template tag adding instruction for a text element template tag in the editing area;

[0154] In response to the text element template tag adding instruction, the text element template tag is displayed in the text input box;

[0155] Alternatively, in some other embodiments, when the text content is standard text, the text content received and inputted in the text input box includes:

[0156] Receive input standard text content to display the received standard text content in the text input box.

[0157] Specifically, the user can first operate the title add icon to display a title input box in the back panel area, and then enter the title of the electronic certificate in the title input box, such as a standard text such as a graduation certificate.

[0158] Furthermore, the user can operate the text adding icon to display the text input box in the back panel area, and then directly enter the standard text in the input box.

[0159] And add personalized text through the text element template tag.

[0160] For example, in the graduation certificate production scenario, you can enter specific certificate project matters, such as training participated in or studies completed, and you can also enter standard text content such as "qualified, allowed to graduate" and so on.

[0161] Correspondingly, personalized text in the text content can be added through the element template tag, that is, receiving the selection instruction for the text element template tag in the element template tag area, such as inputting the instruction by clicking or dragging, and then responding to the selection instruction, displaying the text content corresponding to the selected text element tag template in the corresponding position of the text input box in the back panel area.

[0162] like Figure 8 As shown, during the text editing process of the electronic certificate, you can click or drag element template labels such as student name, class start date, training name, etc. to quickly and uniformly add personalized text data.

[0163] Optionally, in some embodiments of the present application, receiving an operation instruction for the editing icon and the element template tag in the editing interface, and adding a certificate element in the backplane area may specifically include the following steps:

[0164] S001, receiving an operation instruction for an element template tag corresponding to a QR code in an element template tag area.

[0165] S002, responding to an operation instruction for the element template tag corresponding to the QR code, and displaying the element template tag corresponding to the QR code in the back panel area.

[0166] Specifically, Fig.10 As shown, a QR code element template tag can be added in the backplane area by dragging an element template tag corresponding to the QR code in the element template area, such as a QR code template tag or a barcode template tag.

[0167] In addition, in some embodiments of the present application, images may be added to the electronic certificate by means of element template tags.

[0168] That is, S130 may specifically include:

[0169] S136: Receive an operation instruction for the element template tag corresponding to the image in the element template tag area.

[0170] S137, responding to the operation instruction for the element template tag corresponding to the image, displaying the element template tag corresponding to the image in the back panel area.

[0171] Specifically, Fig.10 As shown, you can drag the element template tag corresponding to the image in the element template area, such as adding a QR code element template tag in the back panel area.

[0172] Alternatively, if Fig.11 As shown, in some embodiments of the present application, after completing the above-mentioned editing operation, the prepared electronic certificate can be previewed, that is, in this method, a preview operation instruction for a preview icon can be received in the editing interface, so that in response to the operation instruction, the editing result is displayed on the operation interface, such as Fig.12 shown.

[0173] Optionally, in some embodiments of the present application, receiving an operation instruction for the editing icon and the element template tag in the editing interface, and adding a certificate element in the back panel area may specifically include the following steps:

[0174] S138, receiving an adjustment instruction in the editing area.

[0175] S139, in response to the adjustment instruction, adjusting the display style of the certificate elements in the back panel area.

[0176] Specifically, Figures 7 to 9As shown, in some embodiments of the present application, in order to realize personalized electronic certificate template production, adjustment icons can be provided in the editing area, such as adjusting the size, color and style of elements such as inserted text and pictures, so that users can change the display style of each element in the back panel area by operating the adjustment icon, thereby realizing flexible and diverse electronic certificate template production.

[0177] like Fig. 9 As shown, you can change the size, color, style, etc. of the certificate elements through the adjustment icons on the right side of the editing interface.

[0178] Further, if Fig.13 As shown, after completing the editing operation of the electronic certificate, you can click the save icon to save the electronic certificate.

[0179] It can be understood that the electronic certificates produced by the above embodiments can respond to the save operation and be uploaded to the backend server as an electronic certificate template for use by other users or for further editing, thereby achieving real-time update of data.

[0180] It can be understood that the online visual editing solution for certificates based on cloud platform and data synchronization provided by the present invention realizes an efficient, secure and personalized certificate editing and distribution process by integrating the cloud platform server, user front end, parameter label system, data synchronization module and security module.

[0181] That is, through the front end of the provided front end, when the production personnel produce an electronic certificate, they first input editing instructions to the front end operation interface to call the production page to display the editing interface including the back panel area and the editing area, and then operate the editing icons and parameter labels in the editing area to fill the certificate elements including standard content and personalized content in the back panel area, and use the element label template to quickly and conveniently realize the filling of personalized content in the electronic certificate, so that the background server can replace the element template label with the associated actual personalized content, and finally realize the online visual editing of the electronic certificate. That is, this application, through the front end operation interface provided, enables the production personnel to call the graphical visual operation interface, solves the high difficulty and high cost of electronic certificates in related technologies, realizes the needs of custom editing certificates based on templates and automatically associating personalized information, and finally realizes the dynamic generation and personalized customization of certificate content through the embedding of element template labels.

[0182] The specific effects are described as follows:

[0183] Enhanced accessibility and convenience: The user front end provides an intuitive interface that allows users to access and edit certificates through the cloud platform server anytime and anywhere, achieving high accessibility and convenience.

[0184] Real-time data synchronization and collaboration: The data synchronization module ensures that the editing operations of the user's front-end can be synchronized to the cloud platform server in real time, and updated to the front-end of all collaborative users at the same time, realizing real-time collaborative editing by multiple people and improving the team's collaboration efficiency.

[0185] Personalization and dynamic content generation: The parameter tag system allows users to dynamically insert and edit parameter tags in the user front end. These tags are replaced by actual data during the data binding process on the cloud platform server, realizing the personalization and dynamic generation of certificate content.

[0186] Data security and integrity: The security module implements user authentication, permission management and data encryption on the cloud platform server, ensuring the security and integrity of data during transmission and storage.

[0187] Customization and template diversity: The cloud platform server provides a variety of template options and customization tools. Users can adjust templates according to brand and design requirements, realizing the personalization and diversification of certificate design.

[0188] Automated format and content verification: After editing on the user front end, the cloud platform server automatically checks the format and content during the data binding and replacement verification process, ensuring the accuracy and compliance of the certificate.

[0189] Preview and confirmation process: The user front end provides a preview function, allowing users to check the replaced content before the final certificate is generated, ensuring the user's visual and content confirmation of the final product.

[0190] Through the above effects, this application builds a complete online visual editing solution for certificates, in which the background server is the core, responsible for storing and managing all data and templates, while handling data synchronization and security assurance. The user front end serves as an interface for user interaction, providing template selection, visual editing, and real-time collaboration functions. The parameter label system serves as a bridge connecting the user front end and the cloud platform server, allowing users to insert labels on the front end, which are replaced by actual data on the server to achieve personalized customization. The data synchronization module ensures that all users' operations can be updated to maintain data consistency. The security module ensures data security throughout the entire process. Finally, users can preview and confirm the certificate through the front end to generate the final version of the certificate.

[0191] On the other hand, the present application also provides an electronic certificate editing device, the device comprising:

[0192] A first receiving module, used for receiving an editing instruction on an operation interface;

[0193] A first display module, for responding to the editing instruction, displaying an editing interface, wherein the editing interface includes a back panel area and an editing area, wherein the back panel area is used to fill in certificate elements, wherein the certificate elements include standard content and personalized content, wherein an editing icon and an element template tag are displayed in the editing area, wherein the element template tag is used to associate personalized content stored in a backend server, and wherein the editing icon is used to add certificate elements to the back panel area and edit the added certificate elements;

[0194] An adding module is used to receive operation instructions for the editing icon and the element template label in the editing interface, and add standard content and element template labels in the back panel area.

[0195] Optionally, the electronic certificate editing device provided in this application example further includes:

[0196] A second receiving module, used to receive a confirmation instruction in the operation interface;

[0197] The first sending module is used to respond to the determination instruction and send the standard content and element template tags added in the backplane area to the background server, so that after the background server receives the standard content and element template tags, it replaces the element tags in the element template with the associated personalized content.

[0198] Optionally, in the electronic certificate editing device provided by this application example, the personalized content includes text content, pictures and QR codes, and the element template tags include text element template tags, picture element template tags and QR code element template tags.

[0199] Optionally, in the electronic certificate editing device provided in this application example, the adding module is specifically used to include:

[0200] Receive background image adding instructions in the editing area;

[0201] In response to the background image adding instruction, a background image is displayed in the back panel area.

[0202] Optionally, in the electronic certificate editing device provided in this application example, the adding module is specifically used for:

[0203] receiving a text adding instruction for a text adding icon in the editing area, the text adding instruction including a title adding instruction and a text adding instruction;

[0204] In response to the text adding instruction, displaying a text input box in the back panel area;

[0205] The text content input is received in the text input box.

[0206] Optionally, in the electronic certificate editing device provided in this application example, the text content includes standard text and personalized text, and the adding module is specifically used for:

[0207] Receiving a text element template tag adding instruction for a text element template tag in the editing area;

[0208] In response to the text element template tag adding instruction, the text element template tag is displayed in the back panel area.

[0209] Optionally, in the electronic certificate editing device provided in this application example, the adding module is specifically used for:

[0210] Receiving, in the editing area, an instruction for adding a picture element template tag or a QR code element template tag;

[0211] In response to the adding instruction, a picture element template tag or a QR code element template tag is displayed in the back panel area.

[0212] Optionally, in the electronic certificate editing device provided in this application example, the adding module is specifically used for:

[0213] Receive adjustment instructions in the editing area;

[0214] In response to the adjustment instruction, the display style of the certificate elements in the back panel area is adjusted.

[0215] Optionally, in the electronic certificate editing device provided in this application example, the operation interface displays an electronic certificate list, the editing instruction is an operation instruction for the electronic certificate to be edited, and the display module is specifically used to:

[0216] In response to the editing instruction, a data request message is sent to the backend server, wherein the data request message is used to request the backend server for the current certificate element of the certificate template to be edited;

[0217] Receiving a current certificate element of the certificate to be edited;

[0218] The current certificate element is parsed, and according to the parsing result, the editing interface is displayed.

[0219] In an exemplary embodiment, a processing device is provided. The processing device may be a server or a terminal. The internal structure diagram thereof may be as follows: Fig.15As shown. The processing device includes a processor, a memory, an input / output interface (Input / Output, referred to as I / O) and a communication interface. The processor, the memory and the input / output interface are connected through a system bus, and the communication interface is connected to the system bus through the input / output interface. The processor of the processing device is used to provide computing and control capabilities. The memory of the processing device includes a non-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 database of the processing device is used to store video tag processing data. The input / output interface of the processing device is used to exchange information between the processor and an external device. The communication interface of the processing device is used to communicate with an external terminal through a network connection. When the computer program is executed by the processor, the electronic certificate editing method is implemented.

[0220] Those skilled in the art will understand that Fig.15 The structure shown in the figure is only a block diagram of a part of the structure related to the scheme of the present application, and does not constitute a limitation on the processing device to which the scheme of the present application is applied. The specific processing device may include more or fewer components than shown in the figure, or combine certain components, or have a different arrangement of components.

[0221] In an exemplary embodiment, a processing device is further provided, including a memory and a processor, wherein a computer program is stored in the memory, and the processor implements the steps in the above-mentioned method embodiments when executing the computer program.

[0222] In an exemplary embodiment, a computer-readable storage medium is provided, storing a computer program, and when the computer program is executed by a processor, the steps in the above method embodiments are implemented.

[0223] In an exemplary embodiment, a computer program product is provided, including a computer program, and when the computer program is executed by a processor, the steps in the above method embodiments are implemented.

[0224] 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 the memory, database or other medium used in the embodiments provided in the present application can include at least one of non-volatile and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetoresistive random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. By way of illustration and not limitation, RAM may be in various forms, such as static random access memory (SRAM) or dynamic random access memory (DRAM).

[0225] The database involved in each embodiment provided in this application may include at least one of a relational database and a non-relational database. The non-relational database may include a distributed database based on blockchain, etc., but is not limited thereto. The processor involved in each embodiment provided in this application may be a general-purpose processor, a central processing unit, a graphics processor, a digital signal processor, a programmable logic device, a data processing logic device based on quantum computing, etc., but is not limited thereto.

[0226] The technical features of the above embodiments may be combined arbitrarily. To make the description concise, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.

[0227] This article uses specific examples to illustrate the principles and implementation methods of this application. The description of the above embodiments is only used to help understand the method and core ideas of this application; at the same time, for those skilled in the art, according to the ideas of this application, there will be changes in the specific implementation methods and application scope. In summary, the content of this specification should not be understood as limiting this application.

Claims

1. A method for editing an electronic certificate, characterized in that: The method comprises: Receiving editing instructions on the operation interface; In response to the editing instruction, an editing interface is displayed, the editing interface includes a back panel area and an editing area, the back panel area is used to fill in the certificate elements, the certificate elements include standard content and personalized content, the editing area displays an editing icon and an element template tag, the element template tag is used to associate the personalized content stored in the backend server, and the editing icon is used to add the certificate element to the back panel area and edit the added certificate element; The editing interface receives operation instructions for the editing icon and the element template tag, and adds standard content and the element template tag in the back panel area.

2. The electronic certificate editing method according to claim 1, characterized in that: The method further comprises: Receiving a confirmation instruction in the operation interface; In response to the determination instruction, the standard content and element template tag added in the back panel area are sent to the background server, so that after the background server receives the standard content and element template tag, it replaces the characters in the element template tag with the associated personalized content.

3. The electronic certificate editing method according to claim 2, characterized in that: The personalized content includes text content, pictures and QR codes, and the element template tags include text element template tags, picture element template tags and QR code element template tags.

4. The electronic certificate editing method according to claim 3, characterized in that: The editing interface receives an operation instruction for the editing icon and the element template tag, and adding the standard content and the element template tag in the back panel area includes: Receive background image adding instructions in the editing area; In response to the background image adding instruction, a background image is displayed in the back panel area.

5. The electronic certificate editing method according to claim 3, characterized in that: The editing interface receives an operation instruction for the editing icon and the element template tag, and adding the standard content and the element template tag in the back panel area includes: receiving a text adding instruction for a text adding icon in the editing area; In response to the text adding instruction, displaying a text input box in the back panel area; The text content input is received in the text input box.

6. The electronic certificate editing method according to claim 5, characterized in that: The text content includes standard text and personalized text. When the text content is personalized text, the text content received and inputted in the text input box includes: receiving a text element template tag adding instruction for a text element template tag in the editing area; In response to the text element template tag adding instruction, display the text element template tag in the text input box; When the text content is standard text, the text content received and inputted in the text input box includes: Receive input standard text content to display the received standard text content in the text input box.

7. The electronic certificate editing method according to claim 3, characterized in that: The editing interface receives an operation instruction for the editing icon and the element template tag, and adding the standard content and the element template tag in the back panel area includes: Receiving, in the editing area, an instruction for adding a picture element template tag or a QR code element template tag; In response to the adding instruction, a picture element template tag or a QR code element template tag is displayed in the back panel area.

8. The electronic certificate editing method according to claim 3, characterized in that: The editing interface receives an operation instruction for the editing icon and the element template tag, and adding the standard content and the element template tag in the back panel area includes: Receive adjustment instructions in the editing area; In response to the adjustment instruction, the display style of the certificate elements in the back panel area is adjusted.

9. The electronic certificate editing method according to claim 3, characterized in that: The operation interface displays a list of electronic certificates, the editing instruction is an operation instruction for the electronic certificate to be edited, and the displaying of the editing interface in response to the editing instruction includes: In response to the editing instruction, a data request message is sent to the backend server, wherein the data request message is used to request the backend server for the current certificate element of the certificate template to be edited; Receiving a current certificate element of the certificate to be edited; The current certificate element is parsed, and according to the parsing result, the editing interface is displayed.

10. A processing device, characterized in that: The processing device comprises: a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the computer program to implement the electronic certificate editing method according to any one of claims 1 to 9.

Images