CN114254241A - Electronic certificate template manufacturing system and method - Google Patents

Electronic certificate template manufacturing system and method Download PDF

Info

Publication number
CN114254241A
CN114254241A CN202111654421.2A CN202111654421A CN114254241A CN 114254241 A CN114254241 A CN 114254241A CN 202111654421 A CN202111654421 A CN 202111654421A CN 114254241 A CN114254241 A CN 114254241A
Authority
CN
China
Prior art keywords
metadata
template
definition file
electronic license
display
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202111654421.2A
Other languages
Chinese (zh)
Inventor
何震生
解亮
张苪嘉
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Founder International Beijing Co Ltd
Original Assignee
Founder International Beijing Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Founder International Beijing Co Ltd filed Critical Founder International Beijing Co Ltd
Priority to CN202111654421.2A priority Critical patent/CN114254241A/en
Publication of CN114254241A publication Critical patent/CN114254241A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/103—Formatting, i.e. changing of presentation of documents
    • G06F40/109—Font handling; Temporal or kinetic typography
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G06F40/186—Templates
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/76—Adapting program code to run in a different environment; Porting

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Artificial Intelligence (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The application relates to a system and a method for manufacturing an electronic license template; the system comprises: the metadata definition module is used for defining metadata of the electronic license according to the illumination element of the electronic license, classifying the metadata and generating a template definition file; the template display module is used for acquiring and analyzing the template definition file and correspondingly representing each metadata in the template definition file by adopting the partition elements on the display page; and the editing module is used for presenting the display style corresponding to the template definition file on the display page and correspondingly modifying the template definition file according to the graphic interaction operation on the display page. According to the scheme, the illumination elements of the electronic license are defined and classified, and metadata after definition can be used in various scenes, so that the workload of repeated development is reduced; the attribute of the metadata can be modified in a graphic interactive operation mode, so that the electronic license template is more convenient, visual and accurate to manufacture.

Description

Electronic certificate template manufacturing system and method
Technical Field
The application relates to the technical field of electronic license processing, in particular to a system and a method for manufacturing an electronic license template.
Background
The electronic certificate plays an important role in 'Internet + government affairs service', promotes information sharing among all government departments, and is important content for deepening simple government empowerment, putting and managing combination and optimizing service innovation. However, because of the wide variety of certificates in China, certificates and certificates have different sizes, and even the same certificate has different styles in various regions.
The electronic license making process generally includes making an electronic license template for a certain license, and then generating a certain electronic license of a certain person or a certain enterprise in an electronic license generating system in a mode of 'electronic license template + data'. In the process of manufacturing the electronic license template, due to the display of the electronic license template and the edition of the style of the electronic license template, operations such as dragging, zooming and rotating related interface elements, setting the font and color of characters and the like need to be carried out on a user interface.
In the related art, along with the rapid development of domestic chips and operating systems, the demand for manufacturing electronic license templates in different hardware environments and operating systems is more and more strong. The electronic license template making software related to user interface operation has high cross-platform development complexity and is difficult to meet the requirement of making the electronic license template on a new operating system and a hardware platform on line.
Disclosure of Invention
In order to overcome the problems in the related art at least to a certain extent, the application provides an electronic certificate template manufacturing system and method.
According to a first aspect of embodiments of the present application, there is provided an electronic license template manufacturing system, including:
the metadata definition module is used for defining metadata of the electronic license according to the illumination element of the electronic license, classifying the metadata and generating a template definition file;
the template display module is used for acquiring and analyzing the template definition file and correspondingly representing each metadata in the template definition file by adopting the partition elements on the display page;
and the editing module is used for presenting the display style corresponding to the template definition file on the display page and correspondingly modifying the template definition file according to the graphic interaction operation on the display page.
Further, the metadata definition module defines metadata of the electronic license according to a face element of the electronic license, and specifically includes:
analyzing the illumination elements contained in the electronic license and determining metadata corresponding to each illumination element;
the metadata definition module classifies metadata, and specifically includes:
classifying the metadata from two dimensions respectively, classifying the metadata into variable metadata and non-variable metadata according to a first dimension, and classifying the metadata into text primitives, image primitives and graphic primitives according to a second dimension;
and forming a section of description information belonging to the electronic certificate by collecting the name and the attribute value of each metadata as a template definition file.
Further, the metadata includes: base map, shading, fixed text, fixed table, non-fixed data;
the non-fixed data includes: the system comprises a lighting element with unfixed position or content on the license surface and a lighting element which needs to be filled by text or image data transmitted by the server side.
Further, the classifying the metadata into variable metadata and immutable metadata according to the first dimension specifically includes:
classifying the base map, the shading, the fixed characters and the fixed table into immutable metadata; classifying non-fixed data as variable metadata;
classifying the metadata into text primitives, image primitives and graphic primitives according to a second dimension, which specifically comprises:
classifying metadata of characters needing to be filled on the electronic license face into character primitives, wherein the character domain attributes comprise positions, domain sizes, fonts, character sizes and colors;
classifying metadata to be displayed as an image or a two-dimensional code into image primitives, wherein the image attributes comprise positions, domain sizes, image coding data and link addresses of the image;
metadata to be displayed as points, lines, boxes are classified as graphics primitives whose graphics domain attributes include position, line shape, connection point shape, color.
Further, the editing module comprises: template preview window, code display window, toolbar window;
the template preview window is used for presenting a display style corresponding to the template definition file on a display page according to the partition element analyzed by the template display module;
the code display window is used for displaying the code description content in the current template definition file;
the toolbar window is used to represent various types of properties of the metadata represented by different section elements using different form controls.
Further, the template display module is specifically configured to:
receiving a template definition file transmitted by a server, and analyzing description information in the template definition file;
converting each metadata of a certain page into a partition element in a page frame according to a related instruction in a template definition file, and converting an attribute value of the metadata into a style of the partition element;
and combining the converted separating elements and the styles thereof into the styles of the electronic license template, and sending the styles to a template preview window for displaying.
Further, the editing module is specifically configured to:
acquiring the graph interaction operation in a template preview window; the graphic interaction operation comprises dragging, zooming and rotating;
correspondingly modifying the attribute of the metadata in the template definition file according to the graphic interaction operation;
and acquiring editing operation in the code display window, and modifying the template definition file according to the editing operation.
Further, the editing module is further configured to:
when the template preview window enters a preview mode, judging the current mode;
if the current mode is a non-editing mode, setting all the partition elements in the template preview window to be in a locking state, and forbidding the interactive operation of the graph;
and if the current mode is the editing mode, unlocking all the partition elements in the template preview window, and allowing the graphical interaction operation.
Further, the editing module is further configured to:
when modifying the attribute value of the metadata, if the target coordinate in the X-axis/Y-axis direction exceeds the boundary value, automatically setting the target coordinate as the boundary value;
and in the dragging process, if the distance between the dragged separation element and the other separation element is smaller than a preset threshold value, automatically aligning the dragged separation element with the other separation element.
According to a second aspect of the embodiments of the present application, there is provided a method for manufacturing an electronic license template, including:
defining metadata of the electronic certificate according to the face element of the electronic certificate, classifying the metadata, and generating a template definition file;
acquiring and analyzing a template definition file, and correspondingly representing each metadata in the template definition file by adopting partition elements on a display page;
and presenting a display style corresponding to the template definition file on the display page, and correspondingly modifying the template definition file according to the graphic interaction operation on the display page.
The technical scheme provided by the embodiment of the application has the following beneficial effects:
according to the scheme, the illumination elements of the electronic license are defined and classified, and metadata after definition can be used in various scenes, so that the workload of repeated development is reduced; the metadata is displayed by adopting the partition elements, and the attributes of the metadata can be modified in a graphic interactive operation mode, so that the electronic certificate template is more convenient, visual and accurate to manufacture.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the application.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present application and together with the description, serve to explain the principles of the application.
Fig. 1 is a schematic structural diagram of an electronic license template manufacturing system according to an embodiment of the present invention.
Fig. 2 is a schematic structural diagram of a metadata definition module according to an embodiment of the present invention.
Fig. 3 is a flowchart illustrating an implementation of a template display module according to an embodiment of the present invention.
Fig. 4 is a flowchart illustrating an execution of an editing module according to an embodiment of the present invention.
Fig. 5 is a schematic structural diagram of an electronic license template manufacturing system according to another embodiment of the present invention.
Fig. 6 is a flowchart illustrating an execution of a field mapping module according to an embodiment of the present invention.
Detailed Description
Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present application. Rather, they are merely examples of systems and methods consistent with certain aspects of the present application, as detailed in the appended claims.
Fig. 1 is a schematic structural diagram illustrating an electronic license template fabrication system according to an exemplary embodiment. The system may include:
the metadata definition module is used for defining metadata of the electronic license according to the illumination element of the electronic license, classifying the metadata and generating a template definition file;
the template display module is used for acquiring and analyzing the template definition file and correspondingly representing each metadata in the template definition file by adopting the partition elements on the display page;
and the editing module is used for presenting the display style corresponding to the template definition file on the display page and correspondingly modifying the template definition file according to the graphic interaction operation on the display page.
According to the scheme, the illumination elements of the electronic license are defined and classified, and metadata after definition can be used in various scenes, so that the workload of repeated development is reduced; the metadata is displayed by adopting the partition elements, and the attributes of the metadata can be modified in a graphic interactive operation mode, so that the electronic certificate template is more convenient, visual and accurate to manufacture.
In order to make the objects, technical solutions and advantages of the present invention more apparent, embodiments of the present invention are described in further detail below with reference to the accompanying drawings.
In order to realize the manufacturing of the electronic license template and reduce the development workload of manufacturing the electronic license template, the embodiment of the application provides a template manufacturing system. As shown in fig. 1, the system may include an electronic license metadata definition module 101, an electronic license template display module 102, and an electronic license template editing module 103.
The electronic license metadata definition module 101 is configured to define metadata of an electronic license surface according to license surface information, and determine which of the license surface data information is variable or non-variable.
Specifically, the name or alias of the illumination element in the system is determined by manually analyzing the illumination element to be included in a certain license, the illumination elements such as a license illumination base map, a license illumination base pattern, a license illumination fixed character, a table and the like are used as the immutable metadata, and the integral illumination element can be stored in the system by using an image primitive field. The license surface is not fixed or the metadata of the text or the image is required to be transmitted from the server side by the service system and is saved in the system as variable metadata.
Classifying metadata of characters required to be filled on the electronic license surface into character primitives, wherein the character domain attributes generally comprise but are not limited to positions, domain sizes, fonts, character sizes, colors and the like; classifying metadata to be displayed as an image or a two-dimensional code into image primitives, wherein the image attributes generally comprise but are not limited to a position, a domain size, image base64 encoded data, a link address of the image and the like; metadata that needs to be displayed as points, lines, boxes, etc. are categorized as graphics primitives whose graphics domain attributes generally include, but are not limited to, position, line shape, junction shape, color, etc.
The primitive types described by the electronic license template definition file can be specified and are not limited to characters, figures, images and the like.
In order to clearly understand the above embodiments of the present application, the following detailed description is made with reference to the specific embodiments and fig. 2. In the schematic structural diagram of the template metadata definition module shown in fig. 2, the license metadata is decomposed and classified.
In the structural diagram of the electronic license template metadata definition module shown in fig. 2, a license surface double-layer stripping 201 module classifies license surface metadata in a layered manner according to the style of the license surface and information such as whether business data filling is needed. According to the information of the license surface, adopting a double-layer stripping mode to draw the license surface elements such as a license surface base map, a license surface shading, license surface fixed characters, a license surface fixed table and the like to an immutable metadata layer, and defining the immutable metadata as image primitive fields to be stored in the system; and dividing the illumination surface elements which are not fixed on the illumination surface of the license or need to be filled by text or image data transmitted by the server side into a variable metadata layer, and defining the variable metadata of the electronic license as characters or image primitives to be stored in the system.
In some embodiments, the link address of the immutable metadata base map can be described in the form of a local link or a network link, and the primitive data can also be stored in the electronic license template definition file in a form of encoding by base 64.
Further, storing an electronic license face immutable metadata layer as a base map, image metadata of a variable metadata layer, and two-dimensional symbol data as an image attribute field 202; variable text metadata is stored as a text field 203; the domain information where the electronic signature is stored as a signature domain field 204. Storing the domain information of the electronic signature generated by the electronic certificate into the system as a signature domain field; storing domain information needing to be pasted with a photo into a system as an image primitive field; storing the two-dimension code information on the license as a two-dimension code field in the system; the attributes of the license page width, height and the like can be stored in the system through the attributes of the width, height and the like defining the base map.
Specifically, the fixed base map in the electronic license is used as the immutable metadata, and the alterable metadata is not limited to metadata transmitted by a business system, two-dimensional codes, image metadata required to be pasted with photos, various numbers displayed on the license surface and the like, which are all required to be used as metadata, and metadata names or codes are required to be given to the system.
Wherein the variable literal metadata, the associated attribute values may be represented using the following 9-dimensional vector:
[x,y,width,height,rotate,fontname,fontsize,color,align]
the position x coordinate, the position y coordinate, the text area width, the text area height, the rotation angle, the font name, the size of the font size, the color and the alignment mode are respectively.
Wherein the variable image metadata, the associated attribute values can be represented using the following 5-dimensional vector:
[x,y,width,height,content]
position x-coordinate, position y-coordinate, image area width, image area height, image base64 data, or image link address, respectively.
In some embodiments, after all metadata items are defined, information such as the name or code of each metadata item, an initial default display style and the like forms a piece of description information belonging to the electronic license template, which is called an electronic license template definition file. If the license template has a plurality of pages, the description information of each page is directly connected in series in sequence.
In some embodiments, after the description information of the electronic license template is transmitted to the client display module 102, the client display module 102 parses the electronic license template definition file. The electronic certificate template defines various types of text, graphics and image metadata in the file, and in a page frame based on HTML5, forms of the text, graphics and image metadata are correspondingly represented by DIV elements.
The electronic certificate template display module is used for receiving an electronic certificate template definition file transmitted by a server side through a webpage frame, analyzing description data in the electronic certificate template definition file, converting text, graphics and image metadata primitives of a certain page into DIV elements in the webpage frame according to related instructions in the template definition file, converting related attributes of the metadata into the styles of the DIV elements, and displaying the styles of the electronic certificate template in an electronic certificate template preview window.
And the electronic license template display module receives the electronic license template definition file transmitted by the server side, and stores each primitive metadata described in a certain page of the electronic license template definition file in a primitive list in a sequence form by analyzing the format of the electronic license template definition file.
And the electronic license template display module adopts an HTML5 page framework and a CSS cascading style sheet in an electronic license template preview window and uses the style of DIV elements to represent the attribute of each primitive metadata in the primitive list of the electronic license template. And adding the graphic element data of characters, figures, images and the like described in the electronic license template definition file as DIV elements into a preview window of the current webpage frame for display.
The DIV elements may be used, but are not limited to, rendering primitives such as text, graphics, images, etc. with canvas.
In some embodiments, in order to improve the manufacturing efficiency of the electronic license template, the name or code of the metadata may be specified in the license template metadata definition module, information of width and height, alignment mode, font size, color, text alignment mode and the like of all variable metadata of the current license is preset in a unified manner, and the position information of the variable metadata is increased or decreased in the X or Y direction by a certain numerical value with the upper left corner as the origin of coordinates. In this way, all DIV elements whose variable metadata is embodied in the web page will be automatically arranged in the horizontal or vertical direction. When each variable metadata is added, the position information of the DIV elements corresponding to the web page is automatically extended longitudinally or transversely according to the alignment mode of the newly added elements.
xi＝xi-1±Δx，let x0＝a
yi＝yi-1±Δy，let y0＝b
Δx>0,Δy>0,a>0,b>0，i＝1,2,3,...,k
k is the number of variable metadata, xiWhen the variable metadata are transversely aligned, the coordinate of the ith variable metadata in the X direction, Δ X is the step length of the variable metadata which is increased or decreased in the X direction, and a is a preset left distance value; y isiFor vertical alignment, the coordinate of the ith variable metadata in the Y direction, Δ Y is the step size of the variable metadata increasing or decreasing in the Y direction, and b is a predetermined upper distance value.
When the immutable metadata is added, the size of the immutable metadata can be defaulted to be equal to the size of the license face, and information such as the upper, lower, left and right margins can also be set.
In the code display window of the electronic license template definition file, the attribute code information of the metadata represented by each DIV element on the current license page can be checked at any time. The code content of the template definition file may be described in, but not limited to, XML or JSON format.
After the style of the DIV element in the webpage page frame preview window is modified, when the window is switched from the preview window to the template definition document code display window, the code text of the template definition document is changed, and the description text of the metadata attribute value represented by the DIV element is changed.
In some embodiments, the electronic license editing module 103 includes three windows in the webpage frame: an electronic license template preview window 105, an electronic license template definition file code display window 106 and a toolbar window 107 for setting a license template metadata field value; the editing module is used for controlling the three windows. The template preview window and the code display window can be switched with each other.
In some embodiments, in the electronic license preview window 105, the display style of the DIV element will be presented in the web page frame with the CSS cascading style sheet supplemented with the related attributes of the metadata.
In the presentation style of DIV elements, the base map can be displayed at the lowest layer as required; the DIV element representing the character metadata displays the name or code of the metadata; the DIV element of the metadata representing the image class can display the name or code number of the metadata and can also display the default picture defined in the image data or the system; the DIV element representing the pixel data of the two-dimensional code image can be displayed as the name or code of the two-dimensional code image or the two-dimensional code.
In the above embodiment, the license face metadata is divided into the immutable metadata and the variable metadata, and the initial real placement position of the variable metadata field may not be considered. When the license template preview window is initialized to display the template style, the DIV element represented by the license metadata in the webpage frame is displayed as the name or code of the domain. In the editing mode of the electronic license template preview window, the real placing position and the relevant attribute of the metadata represented by the DIV element can be set only by dragging the DIV element according to the name or code information displayed by the DIV element or setting the relevant attribute value of the metadata field in a toolbar window.
In the non-editing mode of the electronic license template preview window 105, all DIV elements default to a locking state so as to prevent misoperation from changing the style of the DIV license template. When the electronic license template preview window enters a preview mode, all DIV elements are in a locked state, and the attributes such as position, angle, size, font size, character color, character alignment mode and the like are not modifiable.
In some embodiments, in the electronic license template preview window, the DIV element will automatically display the name or code number of the metadata field, and may explicitly mark the meaning of the DIV element (e.g., a DIV element represents metadata information such as name or gender). The base map displayed in the preview window can be used as a reference object for dragging the current DIV element to a certain position. All DIV elements can be quickly set and positioned only by simple dragging, and the related attributes of the metadata corresponding to the DIV elements are also changed.
In the editing mode, the electronic license template preview window can display a toolbar in a floating mode, and the toolbar window represents various attributes of metadata represented by DIV elements by using HTML form controls, such as attributes of position, width, height, angle, font size, color, alignment mode and the like by using different form controls. When a certain DIV element is selected in the preview window, the attribute values of the position, width, height, angle, font size, color, alignment mode and the like of metadata represented by the DIV element are displayed in the HTML form control of the toolbar window in real time, and if the value in the HTML form control of the toolbar window is modified, the display style of the corresponding DIV element is changed synchronously. And the DIV element styles can be modified through more convenient dragging actions.
When the DIV style of the electronic license template display window changes, namely the metadata attribute represented by the DIV element changes, the electronic license template definition file code display window is switched to, and the codes of the template definition file displayed in the window also synchronously change; if the attribute value of the metadata in the code display window of the electronic license template definition file is directly modified, when the electronic license template preview window is switched to, the DIV element style displayed in the preview window will also be changed.
When the electronic license template needs to be stored, the electronic license template can also interact with a related service system, and the electronic license template definition file is transmitted back to the server.
In some embodiments, in the electronic license template editing mode, the DIV element in the electronic license template preview window 105 is unlocked, and the style of the DIV element may be changed by dragging the DIV element in the electronic license template preview window 105, by directly modifying the metadata attribute value in the template definition file in the electronic license template definition file code display window 106, or by modifying the value in the HTML form control through the modification toolbar window 107.
If the license template file comprises a plurality of pages, all that is needed is to preview or edit the pages in sequence.
The electronic license template editing module is used for updating the position, size, angle, font size, color and other attribute values of the electronic license face element represented by the DIV element in the electronic license template preview window by adjusting the display position, style and other information of the DIV element in the webpage.
The electronic license template editing module is further used for selecting a DIV element of a webpage in the electronic license template preview window, and displaying the primitive information (such as position, size, angle, color and the like) carried by the metadata domain represented by the DIV element in the HTML form control (such as position, size, angle, color and the like) in the toolbar window in a numerical value mode.
The electronic license template editing module is also used for instantly checking the code description content of a certain page in the current electronic license template definition file in the code display window of the electronic license template definition file. And the metadata attribute value described by the page template definition file can be directly modified in the code display window.
The electronic license template editing module is also used for switching and displaying the electronic license template preview window and the electronic license template definition code display window.
The electronic license template editing module can also transmit the electronic license template definition file back to a server-side related system.
The electronic license template field corresponding template is used for binding the metadata field name of the electronic license template with the corresponding metadata field name of the database, and is convenient for acquiring the illumination data of the corresponding metadata field from the database when the electronic license template is used for synthesizing the electronic license.
In some embodiments, during the process of dragging the variable metadata DIV element in the electronic license template preview window 105 or directly modifying the metadata attribute value in the template definition file, if the coordinate value in the corresponding X direction or Y direction exceeds the boundary, the electronic license editing module 103 may automatically set the boundary value. The following is a description of the X-direction correlation equation:
Figure BDA0003445405190000121
Figure BDA0003445405190000122
wherein the content of the first and second substances,
Figure BDA0003445405190000123
the coordinates of the left frame in the X direction during dragging or modifying the attribute values for the DIV elements corresponding to the variable metadata,
Figure BDA0003445405190000124
the coordinate of the right frame in the X direction, width, of the DIV element corresponding to the variable metadata in the process of dragging or modifying the attribute valueimageThe width of the certificate base map.
Further, in the process of dragging the variable metadata DIV element in the electronic license template preview window 105, if the distance between the coordinate in the X direction or the Y direction of the dragged element border and the coordinate of the corresponding border of other processed elements in the preview window 105 is smaller than a certain threshold, the two element coordinates can be automatically aligned in the preview window 105. The following is a formula description in the X direction:
Figure BDA0003445405190000125
wherein the content of the first and second substances,
Figure BDA0003445405190000126
for the X-direction coordinates of the left or right frame of the currently dragged variable metadata DIV element,
Figure BDA0003445405190000127
left or other processed elements in the current preview window 105And the coordinate of the right frame in the X direction, e is a preset threshold value, and k is the number of variable metadata DIV elements in the current preview window 105.
Further, in the preview window 105, in the process of dragging the variable metadata DIV element, the upper, lower, left, and right edge distance values of the current metadata element are displayed in real time at the upper, lower, left, and right positions of the rectangular frame of the DIV element, and when the size of the rectangular frame of the DIV element is enlarged and reduced, the 4 edge distance data are updated and changed in real time. Taking the dragging of the right frame as an example,
marginright＝widthimage-marginleft-widthelement
marginrightright margin, width, of variable metadata DIV elementsimageMargin to verify the width of the base mapleftLeft margin, width, of variable metadata DIV elementselementIs the width of the variable metadata DIV element.
In some embodiments, when the DIV element represents an image primitive, it may be set whether the image metadata display maintains the original aspect ratio, and if the original aspect ratio is maintained, the system defaults that the image or the image of the metadata is enlarged or reduced on the basis of the unchanged aspect ratio during the dragging process. If the aspect ratio is not maintained, the image primitive aspect ratio is consistent with the DIV element box width ratio.
Figure BDA0003445405190000131
Figure BDA0003445405190000132
Figure BDA0003445405190000133
Wherein
Figure BDA0003445405190000134
The primitive image is the original width;
Figure BDA0003445405190000135
the primitive image original height is obtained;
Figure BDA0003445405190000136
is the actual displayed width of the primitive image in the preview window 105;
Figure BDA0003445405190000137
is the actual displayed height of the primitive image in the preview window 105; width (width)elementIs the width of the DIV element; heightelementIs the height of the DIV element.
Further, when the DIV element represents a graphic primitive, the description of the graphic shape is realized through an operand and an operator in the electronic license template definition file code display window 106, and (S, x, y) represents the coordinates (x, y) of the starting point of the graphic edge; (M, x, y) represents moving the current point to (x, y); (L, x, y) represents connecting the current point with (x, y) and moving the current point to (x, y); (Q, x)1,y1,x2,y2) Indicating that the current point is connected to point (x)2,y2) Second order Bezier curve of (a) will be (x)1,y1) As a control point, the current point is moved to (x)2,y2)；(B，x1,y1,x2,y2,x3,y3) Indicates that the current point is connected to (x)3,y3) Cubic Bessel curve of (a), will (x)1,y1) And (x)2,y2) As a control point, the current point is moved to (x)3,y3). C represents closing the image path and connecting the current point with the drawing figure starting point straight line.
In some embodiments, in the electronic license template preview window 105, the DIV element will automatically display the name or code number of its corresponding metadata, thus explicitly marking the meaning represented by the DIV element. By comparing the base map of the license template, the position and the size of the current DIV element needing to be dragged can be easily known. The template designer can quickly determine the display style of the DIV element by simple dragging, and the related attribute value of the metadata represented by the DIV element is also determined.
In some embodiments, the electronic license template definition file code display window 106 can display the attribute description information of each metadata of the current template in real time, and can directly modify the description information in the code display window 106. When the electronic license template preview window 105 is switched, the latest display style of the license template is displayed in real time.
Similarly, the style of a certain DIV element is changed by dragging in the electronic license template preview window 105, and the attribute description information of the certain metadata in the electronic license template definition file is updated in the electronic license template definition file code display window 106.
In some embodiments, toolbar window 107 uses, but is not limited to, HTML form controls to represent various types of attributes of the metadata, such as attributes representing position, width, height, angle, font size, color, alignment, and the like. When a certain DIV element is selected in the preview window 105, the attribute values of position, width and height, angle, font size, color, alignment mode, etc. are displayed in the HTML form control in the toolbar window 106. If the value in the HTML form control in the toolbar window 106 is modified, the display style of the DIV element will also change synchronously in the preview window 105.
Schematic structural diagram of template display module 3: in the electronic license template display module 102, the client-side web page frame obtains the electronic license template definition file transmitted from the server side through the module 301, and analyzes the relevant attributes of each metadata defined in the license template through interpreting the relevant instructions.
And a module 302 for converting the primitives such as characters, graphics and images into DIV elements in a webpage page frame preview window according to the attributes defined by the metadata analyzed by the module 301, and displaying the style of the electronic license template in the electronic license template preview window.
Specifically, in the web page frame, the display style of the DIV element is drawn by using the HTML5 element and the CSS cascading style sheet, in combination with the attributes of the metadata such as the position, width and height, border, color, font, and font size of the metadata.
Further, when the DIV element represents a text primitive, the name or alias of the metadata field is displayed on the DIV element; when the image primitive is represented, displaying a default picture of the system or the name or the alias of the metadata or the image data of the metadata on the DIV element; when representing a graphics primitive, the graphics style will be displayed directly on the DIV element.
Based on the same technical concept, the embodiment of the application also provides a processing method for editing the electronic license template, and as shown in an electronic license template editing module diagram 4, the switching and response relation among an electronic license template preview window, a toolbar window and an electronic license template file code window in the editing mode is described. The method may comprise the steps of:
step 401, when the electronic license template preview window is in the editing mode, clicking and selecting a certain DIV element in the window.
Step 402, in the toolbar window, each HTML form control for representing metadata attributes will display the attribute values of the metadata, such as position, width, height, angle, font size, color, alignment mode, and the like.
If the relevant attribute value is modified in the toolbar window, the styles of the DIV elements will be changed correspondingly in the preview window.
Step 403, when the electronic license template preview window is switched with the code display window of the electronic license template file, the system will read the attribute values of all metadata represented by the DIV in the current template page preview window to form the description data of the electronic license template file.
In step 404, the description data of the electronic license template file transmitted in step 403 is displayed in a code window in a text form.
Optionally, in the code window, the code content of the electronic license template file may be directly edited, and the attribute values of various types of metadata defined in the electronic license template may be modified.
Optionally, switching from the code window to a license template preview window, and transmitting the code content of the electronic license template file to the preview window; the preview window receives the latest code description data of the electronic license template file, analyzes the related attributes of each metadata defined in the license template through explaining related instructions, and refreshes the display style of the DIV element corresponding to the metadata if the attribute value of certain metadata is updated, so that the effect of synchronously updating the DIV element in the preview window after the content of the code window is changed is achieved.
It is easy to understand that the electronic license template can contain a plurality of pages, and the preview and modification of each page operate in the method.
The embodiment can display the electronic license template definition file transmitted by the server in real time on line, can reduce the workload of determining the position of the metadata in a free dragging mode, can check the code information of the currently edited electronic license template file in a what-you-see-is-what-you-get mode, and can directly modify the template definition file in the code display window of the electronic license template definition file, so that the electronic license template can be manufactured more conveniently, visually and accurately. And after the electronic license template is manufactured, the field name in the database storing the data of the reference and the reference metadata field in the license can be bound, so that the electronic license template is more convenient to use in the later period.
As shown in FIG. 5, in other embodiments, the system may include an electronic license metadata definition module 101, an electronic license template display module 102, an electronic license template editing module 103, and a field correspondence module 104.
The structure diagram of the field corresponding module is as follows: in the field corresponding module 104, after the setting of the position of the metadata field and the related attributes in the electronic license template is completed, the variable metadata field name in the electronic license template and the field of the corresponding metadata in the database in which the metadata are stored can be bound one to one.
When the electronic license template file is reused in other projects, if the fields corresponding to the metadata in the database are different, the original binding field name is removed from the electronic license template, and the new database field name is bound with the variable metadata item of the electronic license template.
After the position and the related attribute of the metadata domain of the electronic license template are set, the name of the variable metadata domain of the license surface is bound with the corresponding field in the database, and the information of the corresponding field in the database is written into the attribute of the corresponding domain in the template file. In different projects, for different scenes of the database fields, only the original database field name binding information needs to be removed, and new field names need to be bound.
In the above embodiment of the present application, the metadata description information generated by the metadata definition module is transmitted into the license template preview window, the metadata fields are arranged in the preview window in the order of the DIV elements in the X or Y direction through the CSS cascading style sheet, and the names or aliases or images of the metadata fields are displayed on the DIV elements. In the editing mode, all DIV elements can be placed at corresponding positions by referring to the base image content only by dragging the DIV elements in the webpage page frame. If a DIV element display style needs to be modified, the attribute value of the metadata can be modified through a toolbar window, and the DIV display style is synchronously updated in a preview window. The attribute of the metadata can be directly modified in the code window of the electronic license template file, and when the electronic license template file is switched to a preview window, the updated metadata can trigger the DIV element represented by the metadata to change the style, so that the what you see is what you get effect is achieved.
In the embodiment of the application, after the setting of the positions and the related attributes of the metadata fields of the electronic license template is completed, the names of the variable metadata fields are bound with the names of the metadata fields of the license in the database in a one-to-one correspondence manner, so that in the later process of using the license template, corresponding metadata items of the license in the database can be conveniently extracted, and the extracted metadata items and the template can be synthesized into a complete electronic license file. If the name of the database field is different from the name of the bound field of the electronic license template in other items, the database field is bound again only by using the corresponding module of the field, and the element position and other related attributes in the electronic license template do not need to be modified.
The embodiment reduces the workload of the definition of each metadata field and the definition of the metadata style of the electronic license template, and is convenient for checking the problems of position deviation and the like which possibly occur when the electronic license file is generated in the later template + data mode. Because the HTML5 technology is adopted, the system can realize cross-platform operation, and a large amount of development work of software and hardware environment adaptation is saved.
The embodiment of the application further provides a method for manufacturing the electronic license template, which comprises the following steps:
defining metadata of the electronic certificate according to the face element of the electronic certificate, classifying the metadata, and generating a template definition file;
acquiring and analyzing a template definition file, and correspondingly representing each metadata in the template definition file by adopting partition elements on a display page;
and presenting a display style corresponding to the template definition file on the display page, and correspondingly modifying the template definition file according to the graphic interaction operation on the display page.
With regard to the method in the above-described embodiment, details of the specific execution of each step have been described in detail in the embodiment related to the system, and are not set forth in detail herein. All modules in the electronic certificate template manufacturing system can be completely or partially realized through software, hardware and a combination of the software and the hardware. The modules can be embedded in a hardware form or independent from a processor in the computer device, and can also be stored in a memory in the computer device in a software form, so that the processor can call and execute operations corresponding to the modules.
It is understood that the same or similar parts in the above embodiments may be mutually referred to, and the same or similar parts in other embodiments may be referred to for the content which is not described in detail in some embodiments.
It should be noted that, in the description of the present application, the terms "first", "second", etc. are used for descriptive purposes only and are not to be construed as indicating or implying relative importance. Further, in the description of the present application, the meaning of "a plurality" means at least two unless otherwise specified.
Any process or method descriptions in flow charts or otherwise described herein may be understood as representing modules, segments, or portions of code which include one or more executable instructions for implementing specific logical functions or steps of the process, and the scope of the preferred embodiments of the present application includes other implementations in which functions may be executed out of order from that shown or discussed, including substantially concurrently or in reverse order, depending on the functionality involved, as would be understood by those reasonably skilled in the art of the present application.
It should be understood that portions of the present application may be implemented in hardware, software, firmware, or a combination thereof. In the above embodiments, the various steps or methods may be implemented in software or firmware stored in memory and executed by a suitable instruction execution system. For example, if implemented in hardware, as in another embodiment, any one or combination of the following techniques, which are known in the art, may be used: a discrete logic circuit having a logic gate circuit for implementing a logic function on a data signal, an application specific integrated circuit having an appropriate combinational logic gate circuit, a Programmable Gate Array (PGA), a Field Programmable Gate Array (FPGA), or the like.
It will be understood by those skilled in the art that all or part of the steps carried by the method for implementing the above embodiments may be implemented by hardware related to instructions of a program, which may be stored in a computer readable storage medium, and when the program is executed, the program includes one or a combination of the steps of the method embodiments.
In addition, functional units in the embodiments of the present application may be integrated into one processing module, or each unit may exist alone physically, or two or more units are integrated into one module. The integrated module can be realized in a hardware mode, and can also be realized in a software functional module mode. The integrated module, if implemented in the form of a software functional module and sold or used as a stand-alone product, may also be stored in a computer readable storage medium.
The storage medium mentioned above may be a read-only memory, a magnetic or optical disk, etc.
In the description herein, reference to the description of the term "one embodiment," "some embodiments," "an example," "a specific example," or "some examples," etc., means that a particular feature, structure, material, or characteristic described in connection with the embodiment or example is included in at least one embodiment or example of the application. In this specification, the schematic representations of the terms used above do not necessarily refer to the same embodiment or example. Furthermore, the particular features, structures, materials, or characteristics described may be combined in any suitable manner in any one or more embodiments or examples.
Although embodiments of the present application have been shown and described above, it is understood that the above embodiments are exemplary and should not be construed as limiting the present application, and that variations, modifications, substitutions and alterations may be made to the above embodiments by those of ordinary skill in the art within the scope of the present application.

Claims (10)

1. An electronic license template manufacturing system, comprising:
the metadata definition module is used for defining metadata of the electronic license according to the illumination element of the electronic license, classifying the metadata and generating a template definition file;
the template display module is used for acquiring and analyzing the template definition file and correspondingly representing each metadata in the template definition file by adopting the partition elements on the display page;
and the editing module is used for presenting the display style corresponding to the template definition file on the display page and correspondingly modifying the template definition file according to the graphic interaction operation on the display page.
2. The system according to claim 1, wherein the metadata definition module defines metadata of the electronic license according to a face element of the electronic license, and specifically includes:
analyzing the illumination elements contained in the electronic license and determining metadata corresponding to each illumination element;
the metadata definition module classifies metadata, and specifically includes:
classifying the metadata from two dimensions respectively, classifying the metadata into variable metadata and non-variable metadata according to a first dimension, and classifying the metadata into text primitives, image primitives and graphic primitives according to a second dimension;
and forming a section of description information belonging to the electronic certificate by collecting the name and the attribute value of each metadata as a template definition file.
3. The system of claim 2, wherein the metadata comprises: base map, shading, fixed text, fixed table, non-fixed data;
the non-fixed data includes: the system comprises a lighting element with unfixed position or content on the license surface and a lighting element which needs to be filled by text or image data transmitted by the server side.
4. The system of claim 3, wherein the classifying the metadata into mutable metadata and immutable metadata according to the first dimension includes:
classifying the base map, the shading, the fixed characters and the fixed table into immutable metadata; classifying non-fixed data as variable metadata;
classifying the metadata into text primitives, image primitives and graphic primitives according to a second dimension, which specifically comprises:
classifying metadata of characters needing to be filled on the electronic license face into character primitives, wherein the character domain attributes comprise positions, domain sizes, fonts, character sizes and colors;
classifying metadata to be displayed as an image or a two-dimensional code into image primitives, wherein the image attributes comprise positions, domain sizes, image coding data and link addresses of the image;
metadata to be displayed as points, lines, boxes are classified as graphics primitives whose graphics domain attributes include position, line shape, connection point shape, color.
5. The system of any of claims 1-4, wherein the editing module comprises: template preview window, code display window, toolbar window;
the template preview window is used for presenting a display style corresponding to the template definition file on a display page according to the partition element analyzed by the template display module;
the code display window is used for displaying the code description content in the current template definition file;
the toolbar window is used to represent various types of properties of the metadata represented by different section elements using different form controls.
6. The system of claim 5, wherein the template display module is specifically configured to:
receiving a template definition file transmitted by a server, and analyzing description information in the template definition file;
converting each metadata of a certain page into a partition element in a page frame according to a related instruction in a template definition file, and converting an attribute value of the metadata into a style of the partition element;
and combining the converted separating elements and the styles thereof into the styles of the electronic license template, and sending the styles to a template preview window for displaying.
7. The system of claim 5, wherein the editing module is specifically configured to:
acquiring the graph interaction operation in a template preview window; the graphic interaction operation comprises dragging, zooming and rotating;
correspondingly modifying the attribute of the metadata in the template definition file according to the graphic interaction operation;
and acquiring editing operation in the code display window, and modifying the template definition file according to the editing operation.
8. The system of claim 7, wherein the editing module is further configured to:
when the template preview window enters a preview mode, judging the current mode;
if the current mode is a non-editing mode, setting all the partition elements in the template preview window to be in a locking state, and forbidding the interactive operation of the graph;
and if the current mode is the editing mode, unlocking all the partition elements in the template preview window, and allowing the graphical interaction operation.
9. The system of claim 7, wherein the editing module is further configured to:
when modifying the attribute value of the metadata, if the target coordinate in the X-axis/Y-axis direction exceeds the boundary value, automatically setting the target coordinate as the boundary value;
and in the dragging process, if the distance between the dragged separation element and the other separation element is smaller than a preset threshold value, automatically aligning the dragged separation element with the other separation element.
10. A method for manufacturing an electronic license template is characterized by comprising the following steps:
defining metadata of the electronic certificate according to the face element of the electronic certificate, classifying the metadata, and generating a template definition file;
acquiring and analyzing a template definition file, and correspondingly representing each metadata in the template definition file by adopting partition elements on a display page;
and presenting a display style corresponding to the template definition file on the display page, and correspondingly modifying the template definition file according to the graphic interaction operation on the display page.
CN202111654421.2A 2021-12-30 2021-12-30 Electronic certificate template manufacturing system and method Pending CN114254241A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111654421.2A CN114254241A (en) 2021-12-30 2021-12-30 Electronic certificate template manufacturing system and method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111654421.2A CN114254241A (en) 2021-12-30 2021-12-30 Electronic certificate template manufacturing system and method

Publications (1)

Publication Number Publication Date
CN114254241A true CN114254241A (en) 2022-03-29

Family

ID=80798872

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111654421.2A Pending CN114254241A (en) 2021-12-30 2021-12-30 Electronic certificate template manufacturing system and method

Country Status (1)

Country Link
CN (1) CN114254241A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117093831A (en) * 2023-10-17 2023-11-21 太极计算机股份有限公司 Electronic license construction method and device

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117093831A (en) * 2023-10-17 2023-11-21 太极计算机股份有限公司 Electronic license construction method and device
CN117093831B (en) * 2023-10-17 2024-02-02 太极计算机股份有限公司 Electronic license construction method and device

Similar Documents

Publication Publication Date Title
Gao et al. Pycortex: an interactive surface visualizer for fMRI
US10210144B2 (en) Creation and display of a webpage with alternative layouts for different webpage widths
TWI394055B (en) Common charting using shapes
CN104216691B (en) A kind of method and device for creating application
US8823744B2 (en) Method for indicating annotations associated with a particular display view of a three-dimensional model independent of any display view
US10346560B2 (en) Electronic blueprint system and method
CN111475163A (en) Method, device and equipment for generating code file of view template and storage medium
US20070067179A1 (en) Framed art visualization software
US20140218356A1 (en) Method and apparatus for scaling images
WO2016054549A1 (en) Application prototyping tool
US20110210986A1 (en) Systems and methods for determining positioning and sizing of graphical elements
CN103093484A (en) Integrated batch drawing method of remote-sensing image and vector data
US11216998B2 (en) Jointly editing related objects in a digital image
CN109213316B (en) Automatic layout engine
US7791620B2 (en) Systems and methods for rendering symbols using non-linear scaling
CN114254241A (en) Electronic certificate template manufacturing system and method
US20190019333A1 (en) Vector Graphics Rendering Techniques
US9779529B2 (en) Generating multi-image content for online services using a single image
CN109213981B (en) Demonstration collaboration for various electronic devices
WO2023159595A9 (en) Method and device for constructing and configuring three-dimensional space scene model, and computer program product
CN115691772A (en) Operation visualization system and corresponding computer device and storage medium
CN115249284A (en) Visual view construction method and device
KR20180041307A (en) Template application system and method using the file format svg
CN112700555A (en) High configurable configuration 3D data visualization implementation method, electronic device and storage medium
US20170147537A1 (en) Method, apparatus and system for reproducing a document defined in a page description language

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination