Method for designing and generating printing operation instruction label based on Web
Through the method of designing and generating print job instruction labels based on Web, using Html5 Canvas technology and template technology, the problems of cumbersome and poor flexibility in material label design and printing operations in the existing technology are solved, and efficient, flexible and automated labels are achieved Printing process, suitable for the needs of large manufacturing and logistics companies.
Patent Information
- Application Number
- CN202411243881.X
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-09-05
- Publication Date
- 2025-02-07
- Estimated Expiration
- Not applicable · inactive patent
AI Technical Summary
The existing technology of material label design and printing in the field of industrial manufacturing and logistics has problems such as cumbersome operation, dependence on specific software, poor flexibility, poor Chinese character support, complex integration, poor cross-platform performance and scattered printing processes, making it difficult to meet the problems of large-scale manufacturing. and logistics companies' efficient and automation needs.
Using the web-based design and the method of generating print job instruction labels, using Html5 Canvas technology for drag and drop design, converting it into a template that complies with the print control instructions, generating print job instructions through template technology, and solving the problem of Chinese garbled code through picture conversion. Finally, Send the command to the printer for printing.
It improves the efficiency and flexibility of label design and printing, reduces cost requirements, realizes cross-platform applicability and full process automation, and ensures the accuracy and completeness of printing results.
Smart Images

Figure CN119398088A_ABST
Abstract
Description
Technical Field
[0001] The present invention relates to the technical field of label generation, and in particular to a method for designing and generating a print job instruction label based on Web. Background Art
[0002] In the fields of industrial manufacturing and logistics, material labels are widely used for information identification. The design and printing of material labels are mainly completed through software such as Bartender or Zebra Designer.
[0003] However, this traditional method has the following defects: 1. The operation process is complicated, and the design and printing of labels need to be carried out one by one, resulting in low efficiency. For example, when dealing with a large number of labels of different specifications, designing and printing one by one will take a lot of time, seriously affecting the production progress. 2. There is a reliance on specific software, which not only increases the cost investment, but also raises the threshold for use. For example, some small businesses may find it difficult to afford the high software licensing fees. 3. This offline design method is not flexible enough, and it is difficult to make real-time adjustments and modifications, and it cannot be previewed online. For example, when the content of the label needs to be changed temporarily on site, it cannot respond in time. 4. The support for Chinese characters is not complete, and garbled characters will appear when the printer lacks fonts or hardware support. This is particularly obvious when it comes to labels with Chinese information, which may lead to miscommunication of information. 5. When integrated with other third-party application systems, the calling process is more complicated, which increases the risk of system errors, and the printing speed is slow, which is difficult to adapt to the fast-paced needs of large manufacturing and logistics companies. For example, during peak periods, slow printing speeds may lead to reduced production and manufacturing beats or circulation delays. 6. The cross-platform performance is poor and can only be used on specific operating systems or devices. 7. The printing process is relatively scattered, which makes it difficult to meet the needs of centralized management and automated operation, and consumes more management resources. Summary of the invention
[0004] In view of the shortcomings of the prior art, the purpose of the present invention is to provide a method for designing and generating printing job instruction labels based on the Web to solve the problems raised in the above-mentioned background technology. The present invention can achieve more efficient, flexible and reliable label printing operations, greatly improve operational efficiency, bring higher convenience, and reduce cost requirements.
[0005] In order to achieve the above object, the present invention is implemented by the following technical solution: a method for designing and generating a print job instruction label based on a Web, comprising the following steps:
[0006] Step 1: In the Web environment, use Html5 Canvas technology to achieve label design and precise control through drag and drop operations to obtain label design data;
[0007] Step 2: convert the above label design data into a template that meets the requirements of the printing control instruction, so as to achieve effective connection between the label design data and the printing control instruction;
[0008] Step 3: In the printing operation stage, template technology is used to merge the printing data and the printing control instruction template to generate the printing operation instruction, so as to prepare for the subsequent printing operation;
[0009] Step 4: Convert the print job instructions into images, and then convert the images back into print job instructions to solve the problem of Chinese garbled characters that may appear in the label;
[0010] Step 5: Send the print job instruction obtained after conversion in step 4 to the printer to complete the printing operation and ensure the accuracy and completeness of the printing result.
[0011] Furthermore, it also includes the specific content of label design and printing: after the user completes the label design, the label generation system is used to analyze and process the design data, serialize the label data, and generate printing control instructions.
[0012] Furthermore, after the user sends a signal requesting a print task to the label generation system, the task data and the print instruction are automatically merged, converted into Chinese to avoid Chinese garbled characters, and the image is converted back into a print instruction again. Finally, the print task is sent to the printer via the network to execute the print task.
[0013] Furthermore, in the step 1, various label elements are added, moved and adjusted by dragging the mouse, and the label elements include text boxes, graphics, etc.
[0014] Furthermore, the label design also includes accurately setting parameters such as the position and size of the elements.
[0015] Furthermore, the label design data uses imagedata instead of the actual image data.
[0016] Furthermore, after serializing the label data, the label elements are analyzed one by one, and corresponding printing control instructions are generated according to the types and parameters of the label elements.
[0017] Beneficial effects of the present invention:
[0018] 1. The method for designing and generating print job instruction labels based on the Web greatly improves the operation efficiency and brings higher convenience by dragging and dropping labels on the Web platform. At the same time, it supports online real-time operation, which significantly enhances the flexibility of the design process. For example, when dealing with a large number of label design tasks, users do not need tedious offline operations, but can quickly complete the design through simple drag and drop actions, saving time and energy.
[0019] 2. The present invention provides an API interface for the integration of three-party systems, which can centrally perform operations such as template conversion, data processing, and printing instruction sending, thereby realizing the automation of the entire process. For example, the process that previously required the collaboration of multiple software and manual intervention can now be automatically completed in one system, effectively avoiding human errors and improving work efficiency.
[0020] 3. The present invention is based on Web technology and has better cross-platform applicability, and can be conveniently used in various environments. Whether it is Windows system, Mac system, or mobile device, label design and printing operations can be easily realized.
[0021] 4. The technology used in this invention reduces the reliance on offline software, significantly reducing costs and complexity. For example, companies do not need to purchase software licenses for each employee's computer, saving software procurement and maintenance costs. BRIEF DESCRIPTION OF THE DRAWINGS
[0022] Figure 1 A flowchart of label design and printing in the method of the present invention;
[0023] Figure 2 This is a label design interface diagram in an embodiment of the present invention;
[0024] Figure 3 This is the final printed label image in the embodiment of the present invention. DETAILED DESCRIPTION
[0025] In order to make the technical means, creative features, objectives and effects achieved by the present invention easy to understand, the present invention is further explained below in conjunction with specific implementation methods.
[0026] See also Figures 1 to 3 The present invention provides the following technical solution: a method for designing and generating a print job instruction label based on a Web, comprising the following steps:
[0027] Firstly, in the Web environment, Html5 Canvas technology is used to achieve label design and precise control through drag and drop operations to obtain label design data.
[0028] Secondly, the above label design data is converted into a template that meets the requirements of the printing control instruction, so as to achieve the effective connection between the label design data and the printing control instruction.
[0029] Next, when printing the job, the template technology is used to merge the print data and the print control instruction template to generate the print job instruction, thus preparing for the subsequent printing operation.
[0030] Then, in order to solve the problem of garbled Chinese characters that may appear in the label, the print job instructions are first converted into images, and then the images are converted back into print job instructions.
[0031] Finally, the processed print job instruction is sent to the printer to complete the printing operation, ensuring the accuracy and completeness of the printing result.
[0032] This embodiment also provides the following specific operation process for explanation:
[0033] In the browser, the user opens the label design interface and uses the mouse to drag and drop to add, move and adjust various label elements, such as text boxes, graphics, etc., and can accurately set the position, size and other parameters of the elements. Figure 2 shown.
[0034] When the user completes the label design, the system analyzes and processes the designed label data through algorithms and converts it into a template that meets the requirements of the printer control instructions.
[0035] Label design data:
[0036] {"attrs":{"name":"stage","type":"stage","media":"T","pr":6,"sd":22,"copy":1,"scaleX":0.5,"scaleY":0.5,"width":930,"height":894},"className":"Stage","chil dren":[{"attrs":{"type":"layer","x":465,"y":447},"className":"Layer","children":[{"attrs":{"name":"image","x":760,"y":56,"data":"imagedata","binaryByteCount": 2560,"graphicFieldCount":2560,"bytesPerRow":20,"stroke":"#6fa8dc","type":"image","category":"Image"},"className":"Image"},{"attrs":{"name":"text","text":"#Cus tPartNo#
[0037] #PartName#","x":120,"y":50,"fontSize":33,"type":"text","category":"Text","fill":"black"},"className":"Text"},{"attrs":{"name":"text","text":"#OrderCode1#","x":120,"y":215,"fontSize":33,"type":"text","category":"Text","fill":"black"},"cla ssName":"Text"},{"attrs":{"name":"text","text":"#PrintTime#","x":40,"y":38,"fon tSize":33,"type":"text","category":"Text","fill":"black"},"className":"Text"},{"attrs":{"name":"text","text":"#Ext2#","x":917,"y":60,"fontSize":33,"type":"tex t","category":"Text","fill":"black"},"className":"Text"},{"attrs":{"name":"text","text":"#Ext#","x":917,"y":95,"fontSize":33,"type":"text","category":"Text","fill":"black"},"className":"Text"},{"attrs":{"name":"text","text":"#OrderCode2#","x":917,"y":170,"fontSize":33,"type":"text","category":"Text","fill":"black"},"className":"Text"},{"attrs":{"name":"text","text":"#Plant#","x":660,"y":210,"fontSize":28,"type":"text","category":"Text","fill":"black"},"className":"Text"},{"attrs":{"name":"image","text":"#OrderCode#","height":90,"x":120,"y":170,"ty pe":"qrcode","stroke":"#6fa8dc","source":"","barcodeType":"code128","category":"Image"},"className":"Image"}]}]},
[0038] To avoid the content being too long, imagedata is used instead of the real image data. After the algorithm serializes the tag data, it analyzes the tag elements one by one and generates the corresponding printing control instructions according to the type and parameters of the tag elements. The final control instruction template is as follows:
[0039] ^XA~TA000~JSN^LT0^MNW^MTT^PON^PMN^LH0,0^JMA^PR6,2~SD22^JUS^LRN^CI0^XZ
[0040] ^XA
[0041] ^MMT
[0042] ^PW1181
[0043] ^LL236
[0044] ^FO760,56^GFA,2560,2560,20,:Z64:imagedata
[0045] ^FT120,50^A0N,33,33^FH\^FD#CustPartNo##PartName#^FS
[0046] ^FT120,215^A0N,33,33^FH\^FD#OrderCode1#^FS
[0047] ^FT40,38^A0N,33,33^FH\^FD#PrintTime#^FS
[0048] ^FT917,60^A0N,33,33^FH\^FD#Ext2#^FS
[0049] ^FT917,95^A0N,33,33^FH\^FD#Ext#^FS
[0050] ^FT917,170^A0N,33,33^FH\^FD#OrderCode2#^FS
[0051] ^FT660,210^A0N,28,28^FH\^FD#Plant#^FS
[0052] ^FT120,170^BQN,2,10,^FH\^FDLA,,#OrderCode#^FS
[0053] ^PQ1,0,1,Y
[0054] ^XZ
[0055] The job data is as follows:
[0056] {"Plant":"XX Automotive Seat Co., Ltd.","CustPartNo":"7100300-SY01-K217","PartName":"Three-row split seat assembly - left","OrderCode1":"326971003000073R6703147","PrintTime":"12:13:08","Ext2":"SE-3269","Ext":"SY7100300A","OrderCode2":"R6703147","OrderCode":"326971003000073R6703147"}
[0057] When a user requests a print job, the system merges the job data with the print control instruction template to generate a print job instruction. The system converts the generated print job instruction into an image, which effectively avoids the possibility of Chinese garbled characters. Finally, the system converts the job instruction image back into a print job instruction and sends it to the printer via network communication.
[0058] After receiving the instruction, the printer starts to execute the printing operation and successfully completes the label printing. Figure 3 shown.
[0059] The basic principles and main features of the present invention and the advantages of the present invention are shown and described above. For those skilled in the art, it is obvious that the present invention is not limited to the details of the above exemplary embodiments, and the present invention can be implemented in other specific forms without departing from the spirit or basic characteristics of the present invention.
[0060] In addition, it should be understood that although the present specification is described according to implementation modes, not every implementation mode contains only one independent technical solution. This description of the specification is only for the sake of clarity. Those skilled in the art should regard the specification as a whole. The technical solutions in each embodiment may also be appropriately combined to form other implementation modes that can be understood by those skilled in the art.
Claims
1. A method for designing and generating a print job instruction label based on the Web, characterized in that: The following steps are involved: Step 1: In the Web environment, use Html5 Canvas technology to achieve label design and precise control through drag and drop operations to obtain label design data; Step 2: convert the above label design data into a template that meets the requirements of the printing control instruction, so as to achieve effective connection between the label design data and the printing control instruction; Step 3: In the printing operation stage, template technology is used to merge the printing data and the printing control instruction template to generate the printing operation instruction, so as to prepare for the subsequent printing operation; Step 4: Convert the print job instructions into images, and then convert the images back into print job instructions to solve the problem of Chinese garbled characters that may appear in the label; Step 5: Send the print job instruction obtained after conversion in step 4 to the printer to complete the printing operation and ensure the accuracy and completeness of the printing result.
2. The method for designing and generating a print job instruction label based on the Web according to claim 1, characterized in that: It also includes the specific content of label design and printing: after the user completes the label design, the label generation system is used to analyze and process the design data, serialize the label data, and generate printing control instructions.
3. The method for designing and generating a print job instruction label based on a Web according to claim 2, characterized in that: After the user sends a signal requesting a print task to the label generation system, the task data and the print instruction are automatically merged, converted into Chinese to avoid Chinese garbled characters, and the image is converted back into a print instruction again. Finally, the print task is sent to the printer via the network to execute the print task.
4. The method for designing and generating a print job instruction label based on a Web according to claim 1, characterized in that: In the step 1, various label elements are added, moved and adjusted by dragging the mouse, and the label elements include text boxes, graphics, etc.
5. The method for designing and generating a print job instruction label based on a Web according to claim 4, characterized in that: The label design also includes accurately setting parameters such as the position and size of the elements.
6. The method for designing and generating a print job instruction label based on a Web according to claim 1, characterized in that: Label design data uses imagedata instead of real image data.
7. The method for designing and generating a print job instruction label based on a Web according to claim 2, characterized in that: After serializing the label data, the label elements are analyzed one by one, and the corresponding printing control instructions are generated according to the type and parameters of the label elements.