生产制造追溯系统之再说条码打印


Posted in Javascript onJune 03, 2019

前言

在之前的博客中我介绍了如何实现生产现场的条码打印,我们的生活中到处都是条码,一维码、二维码随处可见,更别说一家从事生产制造加工的工厂了,而条码种类繁多、离线打印等情况就直接导致了条码管控上的难度,甚至会出现较为严重的品质事件,上一个版本中我是通过Web应用程序调用 WinForm 中的函数进行打印,WinForm中嵌套了 WebBrowser 来浏览网页,通过这几年的实际运用,这个方法基本能够满足大部分需求,但还是美中不足,由于 WebBrowser 所示用的浏览器内核比较低,导致很多样式无法兼容,尽管网络上有一些方法去改变这个问题(比如webkit,cef,修改注册表等等),但总是或多或少有一些问题。

新的方案,告别 WinForm & WebBrowser

我们本次以生产线 卡通包装 工位为例,进行描述:

通常情况下,操作员会扫描多个彩盒条码,这个扫描的数量一个到多个不等,每一个彩盒上面都有一个唯一的条形码或二维码,当彩盒扫描完成以后需要结束装箱,此时系统应该直接将对应的卡通标贴打印出来,操作员从打印机上撕下卡通标贴并贴于卡通箱,在此之前我们需要提前将卡通标贴的打印模板制作出来并上传至系统中,操作界面如下,支持同一个产品打印多张标贴:

生产制造追溯系统之再说条码打印

此时,我们需要编写一个 Api 来获取服务器上面的模板文件以及需要打印出来的数据列表,关键代码如下:

string ServerUrl = XmlHelper.GetXmlReader(path, "Config", "Server");
  string Api = XmlHelper.GetXmlReader(path, "Config", "Api");
  //通过 API 获取模板文件*******************************************************************
  string _Btw_Url = Api + "?action=get_carton_label&carton_sn=" + _carton_sn;
  HttpHelper http_btw = new HttpHelper();
  //创建Httphelper参数对象
  HttpItem item_btw = new HttpItem()
  {
  URL = _Btw_Url,//URL必需项 
  ContentType = "application/json", 
  };
  HttpResult req_result_btw = http_btw.GetHtml(item_btw);  
  string btw_str = req_result_btw.Html;
  JObject obj_btw = (JObject)JsonConvert.DeserializeObject(btw_str);
  DataTable dt = Library.JsonLib.ToDataTable(obj_btw["msg"].ToString());
  //通过 API 获取模板文件*******************************************************************
WebClient web = new WebClient();  
  string _Api_Url = Api + "?action=get_carton_print_list&carton_sn=" + _carton_sn;
  HttpHelper http_data_list = new HttpHelper();
  //创建Httphelper参数对象
  HttpItem item_data_list = new HttpItem()
  {
  URL = _Api_Url,//URL必需项 
  ContentType = "application/json", 
  };
  HttpResult req_result_data_list = http_data_list.GetHtml(item_data_list); 
  string print_str = req_result_data_list.Html; 
  JObject obj = (JObject)JsonConvert.DeserializeObject(print_str);
  string _Key = obj["msg"]["key"].ToString();
  string _Value = obj["msg"]["value"].ToString(); 
  string splitKey = "*";
  string[] keys = _Key.Split(splitKey.ToCharArray(), StringSplitOptions.None);
  string[] values = _Value.Split(splitKey.ToCharArray(), StringSplitOptions.None);
  for (int i = 0; i < dt.Rows.Count; i++)
  {
  _file_url = ServerUrl + "app/cartonlabel/" + dt.Rows[i]["LABEL_FILE"].ToString();
  _file_name = System.Guid.NewGuid().ToString() + "_" + dt.Rows[i]["LABEL_FILE"].ToString();
  web.DownloadFile(_file_url, _directory + _file_name);
  _print();
  }

Api 编写完成之后我们进行发布,发布到本地指定一个文件夹留作备用,现在我们还差一步,那就是如何通过网页在客户端本地打印?大家都知道我们的网站是部署在服务器而非客户端本地的,但是打印的条码必须出现在客户端本地的打印机,此时你可以考虑通过网络共享打印机的办法来实现,但是这种方法非常不稳定,一些安全方面的设置就足以让你内流满面,因此我们可以考虑使用CassiniDev 来实现,大致思路如下:

  • 新建一个批处理或者其它类型的程序。
  • 在项目中引用CassiniDev 文件至。
  • 在本地new一个服务实例并启动。

通过如下代码即可启动该服务:

new Server(9001, "/", System.IO.Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "Service"), System.Net.IPAddress.Parse("127.0.0.1"), "", 0, false, false);

在包装之前我们将该服务启动起来,我做了一个简单的界面,如下图所示:

生产制造追溯系统之再说条码打印

此时,我们需要用到上一步发布的 Api,将发布的 Api 文件拷贝至Service目录,这个Service目录在这个批处理程序的根目录下面,至此所有的前期工作已经做完了,现在只需要调用本地这个Api 即可。我们选择 MO-00002 这个工单进行演示:

生产制造追溯系统之再说条码打印

生产制造追溯系统之再说条码打印

生产制造追溯系统之再说条码打印

下面开始扫描条码进行包装,该产品的包装容量为每一个卡通箱需要包装 4 个彩盒。

生产制造追溯系统之再说条码打印

生产制造追溯系统之再说条码打印

系统提示打印命令发送成功的时候,我们的打印机已经自动将标贴打印出来了,如下图所示:

生产制造追溯系统之再说条码打印

结论

相对之前的 WebBrowser,目前这种方式可以更好的兼容样式表,比如H5,再就是同一套系统不用分为网页端与客户端,尽管打开的是同一个网站;维护起来也要更加方便。

以上所述是小编给大家介绍的生产制造追溯系统之再说条码打印,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery中的常用事件总结
Dec 27 Javascript
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
Jun 28 Javascript
优化Jquery,提升网页加载速度
Nov 14 Javascript
javascript实现图片上传前台页面
Aug 18 Javascript
Node.js开启Https的实践详解
Oct 25 Javascript
简单理解vue中track-by属性
Oct 26 Javascript
jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法
Dec 24 Javascript
Vue2.0实现购物车功能
Jun 05 Javascript
JS实现的加减乘除四则运算计算器示例
Aug 09 Javascript
vue-cli项目中使用Mockjs详解
May 14 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
Jul 17 Javascript
JavaScript 监听组合按键思路及代码实现
Jul 28 Javascript
VUE安装使用教程详解
Jun 03 #Javascript
教你完全理解ReentrantLock重入锁
Jun 03 #Javascript
生产制造追溯系统之在线打印功能
Jun 03 #Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
Jun 03 #Javascript
深入理解 JS 垃圾回收
Jun 03 #Javascript
如何让微信小程序页面之间的通信不再变困难
Jun 03 #Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
Jun 03 #Javascript
You might like
php生成图形验证码几种方法小结
2013/08/15 PHP
在Linux系统下一键重新安装WordPress的脚本示例
2015/06/30 PHP
PHP文件上传问题汇总(文件大小检测、大文件上传处理)
2015/12/24 PHP
PHP实现二维数组按某列进行排序的方法
2016/11/18 PHP
PHP实现的堆排序算法详解
2017/08/17 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
php实现微信企业付款到个人零钱功能
2018/10/09 PHP
js隐藏与显示回到顶部按钮及window.onscroll事件应用
2013/01/25 Javascript
js自动下载文件到本地的实现代码
2013/04/28 Javascript
浅析Javascript使用include/require
2013/11/13 Javascript
jquery实现预览提交的表单代码分享
2014/05/21 Javascript
JavaScript模拟重力状态下抛物运动的方法
2015/03/03 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
2015/03/16 Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
2016/08/15 Javascript
JS简单设置下拉选择框默认值的方法
2016/08/20 Javascript
webpack-dev-server远程访问配置方法
2018/02/22 Javascript
vue2.0父子组件间传递数据的方法
2018/08/16 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
2019/05/31 Javascript
javascript canvas封装动态时钟
2020/09/30 Javascript
Python自动化测试Eclipse+Pydev 搭建开发环境
2016/08/15 Python
简单谈谈python中的多进程
2016/11/06 Python
Python开发微信公众平台的方法详解【基于weixin-knife】
2017/07/08 Python
Python 实现一行输入多个值的方法
2018/04/21 Python
python实现二级登陆菜单及安装过程
2019/06/21 Python
关于Python中的向量相加和numpy中的向量相加效率对比
2019/08/26 Python
pytorch torch.nn.AdaptiveAvgPool2d()自适应平均池化函数详解
2020/01/03 Python
pytorch 常用函数 max ,eq说明
2020/06/28 Python
美国现代家具和家居商店:Apt2B
2016/08/29 全球购物
Boutique 1美国:阿联酋奢侈时尚零售商
2017/10/16 全球购物
意大利单身交友网站:Meetic
2020/07/12 全球购物
计算机软件专业求职信
2014/06/10 职场文书
人事主管岗位职责说明书
2014/07/30 职场文书
合伙开公司协议书范本
2014/10/28 职场文书
爱护公物主题班会
2015/08/17 职场文书
如何设计高效合理的MySQL查询语句
2021/05/26 MySQL
Python基本知识点总结
2022/04/07 Python