CN116737094A - 一种基于Vue框架的自定义标签打印方法 - Google Patents
一种基于Vue框架的自定义标签打印方法 Download PDFInfo
- Publication number
- CN116737094A CN116737094A CN202311020735.6A CN202311020735A CN116737094A CN 116737094 A CN116737094 A CN 116737094A CN 202311020735 A CN202311020735 A CN 202311020735A CN 116737094 A CN116737094 A CN 116737094A
- Authority
- CN
- China
- Prior art keywords
- data
- printing
- parameters
- vue
- printdata2
- 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.)
- Granted
Links
- 238000007639 printing Methods 0.000 title claims abstract description 153
- 238000000034 method Methods 0.000 title claims abstract description 75
- 238000009877 rendering Methods 0.000 claims abstract description 22
- 238000005457 optimization Methods 0.000 claims abstract description 21
- 238000007906 compression Methods 0.000 claims abstract description 20
- 230000006835 compression Effects 0.000 claims abstract description 20
- 238000004422 calculation algorithm Methods 0.000 claims abstract description 17
- 230000003993 interaction Effects 0.000 claims abstract description 13
- 230000008569 process Effects 0.000 claims description 28
- 238000012545 processing Methods 0.000 claims description 17
- 230000027455 binding Effects 0.000 claims description 15
- 238000009739 binding Methods 0.000 claims description 15
- 238000012544 monitoring process Methods 0.000 claims description 13
- 230000008859 change Effects 0.000 claims description 12
- 238000004590 computer program Methods 0.000 claims description 11
- 230000002452 interceptive effect Effects 0.000 claims description 9
- 230000003068 static effect Effects 0.000 claims description 9
- 230000006870 function Effects 0.000 claims description 7
- 238000007689 inspection Methods 0.000 claims description 6
- 238000012795 verification Methods 0.000 claims description 6
- 230000005540 biological transmission Effects 0.000 claims description 5
- 230000007246 mechanism Effects 0.000 claims description 5
- 238000004886 process control Methods 0.000 claims description 5
- 238000004458 analytical method Methods 0.000 claims description 4
- 238000013144 data compression Methods 0.000 claims description 3
- 230000009466 transformation Effects 0.000 claims description 3
- 230000006872 improvement Effects 0.000 abstract description 2
- 239000000047 product Substances 0.000 description 49
- 230000009471 action Effects 0.000 description 10
- 238000005516 engineering process Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 238000011161 development Methods 0.000 description 4
- 239000011159 matrix material Substances 0.000 description 4
- 238000004806 packaging method and process Methods 0.000 description 4
- 238000012549 training Methods 0.000 description 4
- 230000007812 deficiency Effects 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 230000008901 benefit Effects 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 2
- 238000013136 deep learning model Methods 0.000 description 2
- 230000007547 defect Effects 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 238000012163 sequencing technique Methods 0.000 description 2
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000000052 comparative effect Effects 0.000 description 1
- 230000006837 decompression Effects 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000002688 persistence Effects 0.000 description 1
- 238000012805 post-processing Methods 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 238000005070 sampling Methods 0.000 description 1
- 238000004088 simulation Methods 0.000 description 1
- 239000013589 supplement Substances 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Classifications
-
- 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/12—Digital output to print unit, e.g. line printer, chain printer
- G06F3/1201—Dedicated interfaces to print systems
- G06F3/1202—Dedicated interfaces to print systems specifically adapted to achieve a particular effect
- G06F3/1203—Improving or facilitating administration, e.g. print management
- G06F3/1206—Improving or facilitating administration, e.g. print management resulting in increased flexibility in input data format or job format or job type
-
- 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/12—Digital output to print unit, e.g. line printer, chain printer
- G06F3/1201—Dedicated interfaces to print systems
- G06F3/1202—Dedicated interfaces to print systems specifically adapted to achieve a particular effect
- G06F3/121—Facilitating exception or error detection and recovery, e.g. fault, media or consumables depleted
-
- 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/12—Digital output to print unit, e.g. line printer, chain printer
- G06F3/1201—Dedicated interfaces to print systems
- G06F3/1223—Dedicated interfaces to print systems specifically adapted to use a particular technique
- G06F3/1237—Print job management
- G06F3/1253—Configuration of print job parameters, e.g. using UI at the client
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Accessory Devices And Overall Control Thereof (AREA)
Abstract
本发明公开了一种基于Vue框架的自定义标签打印方法，涉及打印技术领域，包括：自定义新标签，前端获取标签参数，请求printData1数据；使用Vue指令集成压缩算法、智能检查和流程优化；用户交互触发onChange事件，重新请求printData2数据，智能对比printData1数据和printData2数据，并动态渲染新内容，插入新的slot组件；提交打印，后端智能校验参数；前端校验数据，连续流程执行打印；优化打印精度，并输出。本发明在保证打印质量前提下，通过指令集成各优化模块，实现智能协同和流程优化，相比现有技术具有快速、准确、智能、扩展性强等技术创新和进步，能有效解决Vue项目中的定制打印需求，具有很强的实用性。
Description
技术领域
本发明涉及打印技术领域，特别是一种基于Vue框架的自定义标签打印方法。
背景技术
在网页打印技术发展过程中，随着互联网应用的复杂化，传统打印方式面临样式混乱、内容不完整、交互体验差等多方面问题。为解决这一技术矛盾，研究人员曾进行了printing-oriented web components的探索研究，在调研分析现有打印组件的基础上，研究人员提出了基于自定义标签的printing-oriented web components方案，该方案实现了打印参数化配置、定制性强、内容动态化、样式优化等技术创新，经过理论探讨，相关核心算法得到设计，并开发出样例进行验
样例表明，相比传统打印方式，自定义标签打印实现了打印样式的精确控制，内容的动态配置，打印质量得到提升。与其他方案相比，该技术具有参数化程度高、封装性好、复用性强的优势。当前，Vue已成为主流的Web前端开发框架之一，被广泛应用于Web应用的开发。同时，标签打印也逐渐成为Web应用的重要功能之一。
但是目前虽然Vue提供组件化开发模式，但仍存在标签打印需要更高的定制性；通用的打印插件无法满足标签打印的灵活需求；打印样式和内容与组件代码高度耦合，不利于维护；以及打印流程不智能，无法针对不同内容优化打印效果等问题。
发明内容
本部分的目的在于概述本发明的实施方案的一些方面以及简要介绍一些较佳实施方案。在本部分以及本申请的说明书摘要和发明名称中可能会做些简化或省略以避免使本部分、说明书摘要和发明名称的目的模糊，而这种简化或省略不能用于限制本发明的范围。
鉴于上述和/或现有的Vue框架下的自定义标签打印中存在的问题，提出了本发明。
因此，本发明所要解决的问题在于如何提供一种满足标签打印的灵活需求；打印样式和内容与组件代码高度耦合，且打印流程智能，可以针对不同内容优化打印效果的方法。
为解决上述技术问题，本发明提供如下技术方案：
第一方面，本发明提供了一种基于Vue框架的自定义标签打印方法，其包括，自定义新标签，前端获取标签参数，请求printData1数据；使用Vue指令集成压缩算法、智能检查和流程优化；用户交互触发onChange事件，重新请求printData2数据，智能对比printData1数据和printData2数据，并动态渲染新内容，插入新的slot组件；提交打印，后端智能校验参数；前端校验数据，连续流程执行打印；优化打印精度，并输出。
作为本发明所述基于Vue框架的自定义标签打印方法的一种优选方案，其中：所述自定义标签组件的过程包括，明确定义组件的名称，并设置组件的功能边界；在组件的属性配置中设置两个参数，接收外部传来的内容数据和坐标数据；在组件内部的数据配置中定义需要的状态信息；在初始化时处理内部状态，启动交互监听定义更新组件的方法，包含位置变换和内容更新；监听属性数据变化时，触发更新组件方法；所述内容数据和数据坐标的接收过程包括，在组件的属性配置中定义内容参数，接收外部的数据，父组件通过绑定传递数据；定义位置参数接收坐标数组数据，父组件通过绑定方式传递；在组件初始化时，采用Canvas生成一个默认的坐标；当位置需要变化时，触发一个自定义的位置变化事件；父组件监听位置变化事件，更新位置坐标数据；组件内部监听位置参数变化，获取最新的坐标数据；利用三维引擎渲染组件内部视图，坐标数据驱动三维场景变化；探索内容与位置关系的学习模型，实现内容自适应定位；通过属性、事件、监听机制实现坐标数据传递和更新。
作为本发明所述基于Vue框架的自定义标签打印方法的一种优选方案，其中：所述使用Vue指令集成压缩算法、智能检查和流程优化的具体过程包括，开发compress优化指令，输入参数为打印数据，输出为压缩后数据；开发smartCheck指令，输入参数为两份打印数据，输出检查结果；开发processControl指令，接收打印任务，自动调用压缩、检查流程；注册compress优化指令、smartCheck指令和processControl指令到Vue全局指令，打印模块导入注册的指令，插入到打印流程中；根据指令输入参数，触发执行优化流程。
作为本发明所述基于Vue框架的自定义标签打印方法的一种优选方案，其中：所述智能对比printData1数据和printData2数据的具体过程包括，对比程序判断printData1数据和printData2数据的数据格式是否一致，比对产品名称和ID静态信息，若不一致会报错；判断动态参数是否存在冲突，若不一致则警告；对比双方参数，分类保存不重复的参数；当出现数据不一致时，优先级为printData2数据>printData1数据，重复数据以printData2数据为准。
作为本发明所述基于Vue框架的自定义标签打印方法的一种优选方案，其中：所述智能对比printData1数据和printData2数据的具体过程还包括，当检测到数据格式不一致时，弹出错误提示框，提示数据格式不匹配，接口返回格式错误状态码，中断后续打印流程，前端捕捉错误代码，显示友好的错误页面，提示用户重新设置打印标签参数，确保格式一致；当检测到产品静态信息不一致时，在控制台抛出错误，提示产品信息不匹配；提示检查tagging信息，确保两次数据为同一产品，中断打印流程；当检测到动态参数冲突时，在控制台显示warning警告，优先使用printData2数据的参数值，继续打印流程，使用经校验处理后的数据，在打印预览中标注参数冲突，提示用户核对。
作为本发明所述基于Vue框架的自定义标签打印方法的一种优选方案，其中：所述printData1数据和printData2数据出现的错误分级如下：printData1数据和printData2数据出现的错误分级如下：轻微错误：数据格式存在非致命性缺陷；解决行为：构建深度学习模型Seq2Seq PrintNet，使用LSTM网络结构，训练样本为100万组格式化打印数据；当出现数据格式的提示后：输入存在格式错误的打印数据，输出格式规范的数据；普通错误：图片资源缺失，打印受阻；解决行为：建立产品图像数据集，包含5万张产品图片以上，预训练ResNet模型学习产品图像特征；当出现图片资源缺失的提示时，输入产品标题，生成256x256分辨率的高质量产品图片；严重错误：产品信息参数丢失，无法打印；解决行为：建立知识图谱，记录产品属性、分类和关联信息，输入不匹配产品参数时，根据知识图谱进行关联推理和相似度计算；当出现产品信息参数丢失的提示时，根据知识图谱返回排序最优匹配结果；致命错误：数据交互参数缺失，打印无法完成；解决行为：构建用户－产品交互矩阵，矩阵记录用户交互频次，为新用户生成个性化参数；灾难错误：标签语法错误，打印流程崩溃；解决行为：采用区块链架构，本地存储打印交互全链路数据，当网络中断时，验证历史链上数据，恢复运行打印任务，确保数据不被篡改。
作为本发明所述基于Vue框架的自定义标签打印方法的一种优选方案，其中：所述动态渲染新内容，插入新的slot组件的具体过程包括，获取对比后的数据results，包含printData1数据和printData2数据的参数；根据优先级，将results动态绑定到模板template中；对交互组件slot更新并绑定新的产品数据；调用render函数，使用最新数据重新渲染打印内容。
第二方面，本发明实施例为进一步解决现有的Vue框架下的自定义标签打印中存在的问题，提供了一种智慧城市安全监测预警系统，其包括：标签解析模块，用于解析自定义打印标签，获取打印配置参数，生成打印任务；数据处理模块，用于处理初始和交互打印数据，实现数据压缩、校验和格式化；内容渲染模块，用于获取初始和更新后的数据，动态渲染交互式打印内容；打印模块，用于实现压缩、检查、流程优化等算法，对打印任务进行智能化调度和控制。
第三方面，本发明实施例提供了一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其中：所述处理器执行所述计算机程序时实现上述基于Vue框架的自定义标签打印方法的任一步骤。
第四方面，本发明实施例提供了一种计算机可读存储介质，其上存储有计算机程序，其中：所述计算机程序被处理器执行时实现上述基于Vue框架的自定义标签打印方法的任一步骤。
本发明有益效果为，本发明在保证打印质量前提下，通过指令集成各优化模块，实现智能协同和流程优化，相比现有技术具有快速、准确、智能、扩展性强等技术创新和进步；自定义标签提高了打印配置的灵活性和服务能力；本发明能有效解决Vue项目中的定制打印需求，具有很强的实用性。
附图说明
为了更清楚地说明本发明实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。其中：
图1为实施例1中基于Vue框架的自定义标签打印方法的流程图；
图2为实施例1中使用Vue指令集成压缩算法、智能检查和流程优化的流程图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合说明书附图对本发明的具体实施方式做详细的说明。
在下面的描述中阐述了很多具体细节以便于充分理解本发明，但是本发明还可以采用其他不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本发明内涵的情况下做类似推广，因此本发明不受下面公开的具体实施例的限制。
其次，此处所称的“一个实施例”或“实施例”是指可包含于本发明至少一个实现方式中的特定特征、结构或特性。在本说明书中不同地方出现的“在一个实施例中”并非均指同一个实施例，也不是单独的或选择性的与其他实施例互相排斥的实施例。
实施例1
参照图1和图2，为本发明第一个实施例，该实施例提供了一种基于Vue框架的自定义标签打印方法，包括以下步骤：
S1：自定义新标签，前端获取标签参数，请求printData1数据。
优选的，自定义新标签为<print-smart>，支持参数传递和事件；其中，响应参数包括打印数据printData1、模板template和交互组件slot等。
进一步的，自定义标签组件的过程包括，明确定义组件的名称，并设置组件的功能边界；在组件的属性配置中设置两个参数，接收外部传来的内容数据和坐标数据；在组件内部的数据配置中定义需要的状态信息；在初始化时处理内部状态，启动交互监听定义更新组件的方法，包含位置变换和内容更新；监听属性数据变化时，触发更新组件方法。
更进一步的，内容数据和数据坐标的接收过程包括，在组件的属性配置中定义内容参数，接收外部的数据，父组件通过绑定传递数据；定义位置参数接收坐标数组数据，父组件通过绑定方式传递；在组件初始化时，采用Canvas生成一个默认的坐标；当位置需要变化时，触发一个自定义的位置变化事件；父组件监听位置变化事件，更新位置坐标数据；组件内部监听位置参数变化，获取最新的坐标数据；利用三维引擎渲染组件内部视图，坐标数据驱动三维场景变化；探索内容与位置关系的学习模型，实现内容自适应定位；通过属性、事件和监听机制实现坐标数据传递和更新。
S2：使用Vue指令集成压缩算法、智能检查和流程优化。
进一步的，具体过程包括，开发compress优化指令，封装高效压缩算法如LZW，指令输入参数为打印数据，输出为压缩后数据；开发smartCheck指令，封装打印数据自动检查机制，输入参数为两份打印数据，输出检查结果，用于检查逻辑包括格式校验、内容比对、冲突检测等；开发processControl指令，封装打印任务调度和控制模块，接收打印任务，自动调用压缩、检查流程，优化任务间依赖关系，确保连续执行，减少等待，输出反馈执行状态，如执行进度；注册这三个指令到Vue全局指令；打印模块导入注册的指令，插入到打印流程中；根据指令输入参数，触发执行优化流程。
S3：用户交互触发onChange事件，重新请求printData2数据，智能对比printData1数据和printData2数据，并动态渲染新内容，插入新的slot组件。
优选的，智能对比printData1数据和printData2数据的具体过程包括，对比程序首先判断数据格式完整一致，即printData1数据中的产品基础信息（如产品名称、简介、参考价格产品图片以及规格参数等）与printData2数据中的用户选择的产品型号的详细数据如（完整规格、定制选项、价格等动态数据）；比对产品名称、ID等静态信息，若不一致会报错；判断动态参数是否存在冲突，如价格不一致则警告；对比双方参数，分类保存不重复的参数。
更进一步的，当出现数据不一致时，优先级为printData2数据>printData1数据，重复数据以printData2数据为准，最终生成无冲突、包含全部参数的合并打印数据。
其中，当检测到数据格式不一致时，弹出错误提示框，提示数据格式不匹配；接口返回格式错误状态码，中断后续打印流程；前端捕捉错误代码，显示友好的错误页面；提示用户重新设置打印标签参数，确保格式一致。
当检测到产品静态信息不一致时，在控制台抛出错误，提示产品信息不匹配；提示检查tagging信息，确保两次数据为同一产品；中断打印流程，避免错误打印。
当检测到动态参数冲突时，在控制台显示warning警告；优先使用printData2数据的参数值；继续打印流程，使用经校验处理后的数据；在打印预览中标注参数冲突，提示用户核对。
更进一步的，出现的错误分为以下几种：printData1数据和printData2数据出现的错误分级如下：轻微错误：数据格式存在非致命性缺陷；解决行为：构建深度学习模型Seq2Seq PrintNet，使用LSTM网络结构，训练样本为100万组格式化打印数据；当出现数据格式的提示后：输入存在格式错误的打印数据，输出格式规范的数据；自动规范化打印数据格式，减少手工处理成本，提高打印作业效率。
普通错误：图片资源缺失，打印受阻；解决行为：建立产品图像数据集，包含5万张产品图片以上，预训练ResNet模型学习产品图像特征；当出现图片资源缺失的提示时，输入产品标题，生成256x256分辨率的高质量产品图片；自动生成补充产品图片，避免打印作业中断，提高打印连续性。
严重错误：产品信息参数丢失，无法打印；解决行为：建立知识图谱，记录产品属性、分类和关联信息，输入不匹配产品参数时，根据知识图谱进行关联推理和相似度计算；当出现产品信息参数丢失的提示时，根据知识图谱返回排序最优匹配结果；智能推荐备选产品，缩短产品匹配时间，避免重复配置，提升用户体验。
致命错误：数据交互参数缺失，打印无法完成；解决行为：构建用户－产品交互矩阵，矩阵记录用户交互频次，为新用户生成个性化参数；根据用户习惯智能预测参数，减少用户重新配置时间，保证打印流程顺畅性。
灾难错误：标签语法错误，打印流程崩溃；解决行为：采用区块链架构，本地存储打印交互全链路数据，当网络中断时，验证历史链上数据，恢复运行打印任务，确保数据不被篡改，网络中断时可以利用本地区块链数据恢复任务，防止数据丢失，保证打印任务的持续性。
需要说明的是，本发明利用了人工智能、大数据、区块链等新技术，使打印系统更智能、更自动、更健壮，在保证打印质量的同时，显著提升了打印效率和用户体验。
优选的，动态渲染新内容，插入新的slot组件的具体过程包括，获取对比后的数据results，包含printData1数据和printData2数据的参数；根据优先级，将results动态绑定到模板template中；对交互组件slot，更新绑定新的产品数据；调用render函数，使用最新数据重新渲染整个打印内容。
优选的，根据优先级，将results动态绑定到模板template中的具体过程包括，定义打印数据的优先级规则：printData2数据>printData1；在对比函数中，将两份数据按照优先级合并为results；对于重复参数，以printData2数据为准，删除printData1中的相同参数；对于独有参数，将printData1数据和printData2数据的新增参数都保留下来；在模板template中，定义双向数据绑定，如响应式机制会监听results的变化，动态渲染最新数据；根据printData2数据>printData1的顺序，结果会优先显示printData2数据的参数值；当printData2数据没有对应参数时，会使用printData1的参数作为fallback；最终实现优先级与模板绑定相结合，动态渲染优先级更高的数据。
S4：提交打印，后端智能校验参数。
优选的，后端应用压缩算法处理printData2数据，优化传输，具体过程包括，收到打印请求后，提取printData2数据的数据体；调用压缩函数，使用LZW等算法压缩printData2数据；压缩率可达50%，减少传输数据量；对图像数据可用离散余弦变换等算法压缩；返回经过压缩处理的printData2数据。
S5：前端校验数据，连续流程执行打印。
优选的，具体过程包括接收到压缩后的数据，先进行解压还原；对数据进行完整性校验，避免解压错误；校验通过后，直接传入渲染函数，避免重复处理；使用Promise连续执行渲染、PDF生成等任务；优化资源加载顺序，防止等待资源的情况。
S6：优化打印精度，并输出。
需要说明的是，优化打印精度，主要表现在加载打印模板，分析页面元素类型，如文字、图片、表格等。
具体的，对文字元素，选择合适的文字渲染引擎，采用抗锯齿技术；对图像元素，使用最优编码方式，控制采样质量，平滑边缘；对表格元素，优化布局算法，防止分页出现问题；针对特殊形状元素，使用矢量图形描述，保证打印质量；设定颜色模式为CMYK，进行颜色管理，保证颜色精确还原；校准打印机，设定最佳打印质量参数，如分辨率、墨水量等；应用半色调调整、去噪等算法，提高质量；优化打印任务拆分，充分利用页面空白区域；处理去除打印抖动、碎边等问题，输出精确的打印结果。
本实例还提供了一种基于Vue框架的自定义标签打印系统，包括标签解析模块，用于解析自定义打印标签，获取打印配置参数，生成打印任务；数据处理模块，用于处理初始和交互打印数据，实现数据压缩、校验和格式化；内容渲染模块，用于获取初始和更新后的数据，动态渲染交互式打印内容；打印模块，用于实现压缩、检查、流程优化等算法，对打印任务进行智能化调度和控制。
本实施例还提供一种计算机设备，适用于基于Vue框架的自定义标签打印方法的情况，包括：存储器和处理器；存储器用于存储计算机可执行指令，处理器用于执行计算机可执行指令，实现如上述实施例提出的基于Vue框架的自定义标签打印方法。
该计算机设备可以是终端，该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过WIFI、运营商网络、NFC（近场通信）或其他技术实现。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
本实施例还提供一种存储介质，其上存储有计算机程序，该程序被处理器执行时实现如上述实施例提出的实现基于Vue框架的自定义标签打印方法；存储介质可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器（StaticRandom Access Memory， 简称SRAM），电可擦除可编程只读存储器（ElectricallyErasable Programmable Read－Only Memory， 简称EEPROM），可擦除可编程只读存储器（Erasable Programmable Read Only Memory， 简称EPROM），可编程只读存储器（Programmable Red－Only Memory， 简称PROM），只读存储器（Read－Only Memory， 简称ROM），磁存储器，快闪存储器，磁盘或光盘。
实施例2
参照表1，为本发明第二个实施例，在第一个实施例的基础之上，为了验证其有益效果，提供了本发明的对比过程和仿真实验数据及图表。
对比过程首先会对printData1数据和printData2数据进行对比，过程包括，printData1数据：产品ID:P123，产品名称：圆珠笔，产品图片：pen.jpg，参考价格：¥5；printData2数据：产品ID:P123，产品名称：圆珠笔，型号：红色圆珠笔，价格：¥3。
检查两个数据的格式完整性、对比产品ID一致、对比产品名称一致、价格数据不一致，在控制台显示Warning。
因此，保留printData1数据的产品图片，和printData2数据的型号及价格信息。
处理后数据：产品ID:P123，产品名称：圆珠笔，产品图片：pen.jpg，型号：红色圆珠笔，价格：¥3。
如下表1所示，为本发明的一部分实验打印数据的示例表格：
表1
该表1展示了初始打印数据printData1数据和交互后打印数据printData2数据可能包含的数据字段、说明和示例值；printData1数据提供产品的基础信息，printData2数据提供定制型号的详细信息；由上表可以看出：标题、描述、图片字段内容相同，保留printData2数据的数据，printData2数据有新增的type和price字段，添加到合并后的数据中，经过对比和合并，生成包含两个数据全部信息的新数据；智能对比和动态渲染会处理这两份数据，生成最终的打印内容；可以看出，新数据中重复信息以printData2数据为准，新增信息补充其不足。
表1直观展示了对比判断和数据处理的过程，该表1包含了打印所需的典型数据，也可以根据实际需求调整和扩展字段。
应说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或者等同替换，而不脱离本发明技术方案的精神和范围，其均应涵盖在本发明的权利要求范围当中。
Claims (10)
1.一种基于Vue框架的自定义标签打印方法，其特征在于：包括：
自定义标签组件，前端接收内容数据和坐标数据，请求printData1数据；
使用Vue指令集成压缩算法、智能检查和流程优化；
用户交互触发onChange事件，重新请求printData2数据，智能对比printData1数据和printData2数据，并动态渲染新内容，插入新的slot组件；
提交打印，后端智能校验参数；
前端校验数据，连续流程执行打印；
优化打印精度，并输出。
2.如权利要求1所述的基于Vue框架的自定义标签打印方法，其特征在于：所述自定义标签组件的过程包括，
明确定义组件的名称，并设置组件的功能边界；在组件的属性配置中设置两个参数，接收外部传来的内容数据和坐标数据；
在组件内部的数据配置中定义需要的状态信息；在初始化时处理内部状态，启动交互监听定义更新组件的方法，包含位置变换和内容更新；监听属性数据变化时，触发更新组件方法；
所述内容数据和数据坐标的接收过程包括，
在组件的属性配置中定义内容参数，接收外部的数据，父组件通过绑定传递数据；定义位置参数接收坐标数组数据，父组件通过绑定方式传递；
在组件初始化时，采用Canvas生成一个默认的坐标；当位置需要变化时，触发一个自定义的位置变化事件；父组件监听位置变化事件，更新位置坐标数据；组件内部监听位置参数变化，获取最新的坐标数据；
利用三维引擎渲染组件内部视图，坐标数据驱动三维场景变化；探索内容与位置关系的学习模型，实现内容自适应定位；通过属性、事件和监听机制实现坐标数据传递和更新。
3.如权利要求2所述的基于Vue框架的自定义标签打印方法，其特征在于：所述使用Vue指令集成压缩算法、智能检查和流程优化的具体过程包括，
开发compress优化指令，输入参数为打印数据，输出为压缩后数据；
开发smartCheck指令，输入参数为两份打印数据，输出检查结果；
开发processControl指令，接收打印任务，自动调用压缩、检查流程；
注册compress优化指令、smartCheck指令和processControl指令到Vue全局指令，打印模块导入注册的指令，插入到打印流程中；
根据指令输入参数，触发执行优化流程。
4.如权利要求3所述的基于Vue框架的自定义标签打印方法，其特征在于：所述智能对比printData1数据和printData2数据的具体过程包括，
对比程序判断printData1数据和printData2数据的数据格式是否一致，比对产品名称和ID静态信息，若不一致会报错；
判断动态参数是否存在冲突，若不一致则警告；
对比双方参数，分类保存不重复的参数；
当出现数据不一致时，优先级为printData2数据 > printData1数据，重复数据以printData2数据为准。
5.如权利要求4所述的基于Vue框架的自定义标签打印方法，其特征在于：所述智能对比printData1数据和printData2数据的具体过程还包括，
当检测到数据格式不一致时，弹出错误提示框，提示数据格式不匹配，接口返回格式错误状态码，中断后续打印流程，前端捕捉错误代码，显示友好的错误页面，提示用户重新设置打印标签参数，确保格式一致；
当检测到产品静态信息不一致时，在控制台抛出错误，提示产品信息不匹配；提示检查tagging信息，确保两次数据为同一产品，中断打印流程；
当检测到动态参数冲突时，在控制台显示warning警告，优先使用printData2数据的参数值，继续打印流程，使用经校验处理后的数据，在打印预览中标注参数冲突，提示用户核对。
6.如权利要求5所述的基于Vue框架的自定义标签打印方法，其特征在于：所述printData1数据和printData2数据出现的错误分级包括轻微错误、普通错误、严重错误、致命错误和灾难错误。
7.如权利要求6所述的基于Vue框架的自定义标签打印方法，其特征在于：所述动态渲染新内容，插入新的slot组件的具体过程包括，
获取对比后的数据results，包含printData1数据和printData2数据的参数；
根据优先级，将results动态绑定到模板template中；
对交互组件slot更新并绑定新的产品数据；
调用render函数，使用最新数据重新渲染打印内容。
8.一种基于Vue框架的自定义标签打印系统，基于权利要求1~7任一所述的基于Vue框架的自定义标签打印方法，其特征在于：包括，
标签解析模块，用于解析自定义打印标签，获取打印配置参数，生成打印任务；
数据处理模块，用于处理初始和交互打印数据，实现数据压缩、校验和格式化；
内容渲染模块，用于获取初始和更新后的数据，动态渲染交互式打印内容；
打印模块，用于实现压缩、检查、流程优化等算法，对打印任务进行智能化调度和控制。
9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于：所述处理器执行所述计算机程序时实现权利要求1~7任一所述的基于Vue框架的自定义标签打印方法的步骤。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于：所述计算机程序被处理器执行时实现权利要求1~7任一所述的基于Vue框架的自定义标签打印方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311020735.6A CN116737094B (zh) | 2023-08-15 | 2023-08-15 | 一种基于Vue框架的自定义标签打印方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311020735.6A CN116737094B (zh) | 2023-08-15 | 2023-08-15 | 一种基于Vue框架的自定义标签打印方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN116737094A true CN116737094A (zh) | 2023-09-12 |
| CN116737094B CN116737094B (zh) | 2023-10-27 |
Family
ID=87908334
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311020735.6A Active CN116737094B (zh) | 2023-08-15 | 2023-08-15 | 一种基于Vue框架的自定义标签打印方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116737094B (zh) |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20010043345A1 (en) * | 1994-05-18 | 2001-11-22 | Xerox Corporation | Object optimized printing system and method |
| US20140168697A1 (en) * | 2012-12-18 | 2014-06-19 | Canon Kabushiki Kaisha | Print data processing apparatus |
| CN112230870A (zh) * | 2020-12-08 | 2021-01-15 | 中博信息技术研究院有限公司 | 一种基于行打印样式打印表格数据的方法及装置 |
| US20210385339A1 (en) * | 2020-06-09 | 2021-12-09 | Canon Kabushiki Kaisha | Information processing apparatus, method, and medium |
| CN114035773A (zh) * | 2022-01-10 | 2022-02-11 | 大汉软件股份有限公司 | 一种基于配置的低代码开发表单方法、系统及装置 |
| CN114296660A (zh) * | 2021-12-24 | 2022-04-08 | 徐工汉云技术股份有限公司 | 一种基于Vue框架的标签打印方法 |
| CN115214243A (zh) * | 2022-09-19 | 2022-10-21 | 东方合智数据科技(广东)有限责任公司 | 一种标签自动打印方法、系统、终端及存储介质 |
-
2023
- 2023-08-15 CN CN202311020735.6A patent/CN116737094B/zh active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20010043345A1 (en) * | 1994-05-18 | 2001-11-22 | Xerox Corporation | Object optimized printing system and method |
| US20140168697A1 (en) * | 2012-12-18 | 2014-06-19 | Canon Kabushiki Kaisha | Print data processing apparatus |
| US20210385339A1 (en) * | 2020-06-09 | 2021-12-09 | Canon Kabushiki Kaisha | Information processing apparatus, method, and medium |
| CN112230870A (zh) * | 2020-12-08 | 2021-01-15 | 中博信息技术研究院有限公司 | 一种基于行打印样式打印表格数据的方法及装置 |
| CN114296660A (zh) * | 2021-12-24 | 2022-04-08 | 徐工汉云技术股份有限公司 | 一种基于Vue框架的标签打印方法 |
| CN114035773A (zh) * | 2022-01-10 | 2022-02-11 | 大汉软件股份有限公司 | 一种基于配置的低代码开发表单方法、系统及装置 |
| CN115214243A (zh) * | 2022-09-19 | 2022-10-21 | 东方合智数据科技(广东)有限责任公司 | 一种标签自动打印方法、系统、终端及存储介质 |
Non-Patent Citations (2)
| Title |
|---|
| 李成仁: "基于Vue.js的单页面WebGIS可视化框架研究与实现", 《地理空间信息》, no. 05 * |
| 程序员大澈: "vue3问题:如何实现打印功能", Retrieved from the Internet <URL:http://zhuanlan.zhihu.com/p/624028095> * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN116737094B (zh) | 2023-10-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP6944548B2 (ja) | 自動コード生成 | |
| US11481540B2 (en) | Discrepancy resolution processor and methods for implementing the same | |
| Villán | Mastering OpenCV 4 with Python: a practical guide covering topics from image processing, augmented reality to deep learning with OpenCV 4 and Python 3.7 | |
| CN106687945B (zh) | 远程字体管理 | |
| US7965402B2 (en) | Printing system and printing processing method | |
| US9082207B2 (en) | System and method for automatic layout of printed material on a three-dimensional structure | |
| US11675967B2 (en) | Automated front-end code generating method and system for a website | |
| US20130080879A1 (en) | Methods and apparatus providing document elements formatting | |
| WO2006051958A1 (ja) | 情報配信システム | |
| CN113391808A (zh) | 页面的配置方法、装置及电子设备 | |
| CN112364496B (zh) | 基于html5和vue技术的航电仿真面板生成系统 | |
| CN114820881A (zh) | 图片的生成方法、智能终端及其计算机可读存储介质 | |
| CN114661286A (zh) | 一种大屏可视化代码生成方法、系统及存储介质 | |
| CN116737094B (zh) | 一种基于Vue框架的自定义标签打印方法 | |
| RU2398276C2 (ru) | Альтернативы анализа в контекстных деревьях | |
| US20240005640A1 (en) | Synthetic document generation pipeline for training artificial intelligence models | |
| CN112799658B (zh) | 模型训练方法、模型训练平台、电子设备和存储介质 | |
| CN113835704B (zh) | 一种布局文件生成方法、装置、设备以及存储介质 | |
| CN114691712A (zh) | 一种生成票据的方法、装置以及存储介质 | |
| CN113867718A (zh) | 图片生成方法、装置、计算机设备及可读存储介质 | |
| US11687708B2 (en) | Generator for synthesizing templates | |
| CN111898761B (zh) | 服务模型生成方法、图像处理方法、装置和电子设备 | |
| KR102501631B1 (ko) | 손글씨 폰트 생성 서비스를 제공하는 방법 및 시스템 | |
| CN116610385A (zh) | 应用生成方法、装置、计算机设备、存储介质和程序产品 | |
| CN117270847A (zh) | 前端页面的生成方法及装置、设备、存储介质 |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |