B/S WEB端条码打印系统 斑马条码打印解决方案

简介：

B/S应用系统的打印一直以来都是一个难题，以前常规的思路是通过在浏览器中安装ActiveX插件以获得直接驱动打印机的能力。
随着浏览器的发展，越来越多的浏览器厂商禁止安装ActiveX，以避免因ActiveX组件导致的各种安全问题。
本打印系统是web客户端打印，不需要在浏览器安装任何插件，使用socket通信，跨网段，云打印（不限外网，不只是局域网打印哦，外网也可以），打印过程不会有弹窗，基于asp.net mvc，层次结构清楚，可在源码基础上进行扩展。
可同时打印多张标签，完美解决中文打印问题（有些打印机没有中文字库），方便快捷修改打印字体和大小（中文宋体 ，楷体，黑体，日文，韩文）。
本系统适用于工业商业活动中，web端的条码的生成及打印。

关键词：

斑马，条码打印，zpl中文打印，客户端打印，bs打印，web打印，asp.net，mvc，C#

提纲：

1.打印效果
2.项目结构
3.关键代码
4.总结

1.打印效果

直接上图：

条码效果.jpg
条码效果.jpg

2.项目结构

标准的MVC结构
有条码打印和zpl命令打印示例

image.png

3.关键代码

客户端socket通信.png

<script type="text/javascript">
    var ws = null;
    var commands = "";
    $(function () {
        if ("WebSocket" in window) {
            ws = new WebSocket("ws://localhost:45000");//打印服务的端口,打印前请开启打印服务
            //open web socket
            ws.onopen = function () {
                // Web Socket is connected, send data using send()
            };
            ws.onmessage = function (evt) {
                var received_msg = evt.data;
                switch (true) {
                    case received_msg.indexOf("已连接") > 0:
                        var aa = received_msg;
                        break;
                    case received_msg.indexOf("已关闭") > 0:
                        var bb = received_msg;
                        break;
                    case received_msg.indexOf("已打印") > 0:
                        var cc = received_msg;
                        //SavePrintData();dosomething
                        break;
                    default:
                        alert("打印服务未开启或打印机通讯中断", -1);
                        break;
                }
            };
            ws.onclose = function () {
                alert("打印服务已关闭，请开启打印服务并重新打开该页面", -1);
                ws.close();
                ws = null;
                return;
            };
        }
        else {
            //不支持WebSocket
            alert("浏览器不支持WebSocket通讯", -1);
            return;
        }
    })
    $("#printZPL").click(function () {
        commands = $("#commands").val();
        if (commands.length != 0) {
            commands = "print_" + commands;
            if (ws != null) {
                //获取到最终的打印命令，通过socket传给window服务（专门的打印服务，提供源码，可修改，可自定义）
                ws.send(commands);
            }
            else {
                alert("未连接打印服务")
                return;
            }
        }
        else {
            alert("未输入打印命令")
            return;
        }
    })
</script>

客户端Windows服务监听socket通信.png

主要代码：

 protected override void OnStart(string[] args)
        {
            try
            {
                printerName = DefaultPrinter();
                //Fleck .net socket框架
                var server = new WebSocketServer("ws://0.0.0.0:45000");//监听本地 45000端口
                server.Start(socket =>
                {
                    socket.OnOpen = () =>
                    {
                        socket.Send("socket通讯已连接");
                    };
                    socket.OnClose = () =>
                    {
                        socket.Send("socket通讯已关闭");
                        socket.Close();
                    };
                    socket.OnMessage = message =>
                    {
                        if (message.Contains("print_"))//打印命令前加了前缀
                        {
                            string zpl = message.Replace("print_", "");
                            Log("ZPL", zpl);//在D盘会生成打印日志
                            Print(zpl);//打印方法（该系统使用的是usb打印通讯，如果是网口打印机，操作会更简单）
                            socket.Send("命令已打印");//打印完成，给客户端发信息
                        }
                    };
                });
            }
            catch (Exception ex)
            {
                Log("开始异常", ex.Message);
            }
        }

        private static PrintDocument fPrintDocument = new PrintDocument();
        //获取本机zpl打印机名称
        public static String DefaultPrinter()
        {
            string name = "";          
            foreach (string installedPrinter in System.Drawing.Printing.PrinterSettings.InstalledPrinters)
            {
                if (installedPrinter.Contains("ZPL"))
                {
                    name = installedPrinter;
                    break;
                }
            }
            return name;           
        }
        private void Print(string zpl)
        {
            try
            {
                RawPrinterHelper zpHelper = new RawPrinterHelper();
                var result = zpHelper.SendStringToPrinter(printerName, zpl);
            }
            catch (Exception ex)
            {
                Log("打印错误异常信息", ex.Message);
            }
        }

客户端安装打印服务：

客户端安装windows打印服务.png

当zpl命令传送到打印机时，查看打印机正在做什么，此时可以看到打印机里有打印命令，这时斑马打印机应该已经打印出了标签。

zpl命令已经传送到打印机.png

4.总结

项目源码及开发请联系qq：1596917093
项目源码：（解压密码为 上面的QQ号）
https://download.csdn.net/download/maxwell315/11143646

源码结构非常简单，可嵌入到客户的系统中，该项目可以胜任简单的条码生成及打印，复杂功能可以在此基础上扩展。本项目也算是提供了一套完整解决思路。
由于个人水平有限，难免会出现纰漏，欢迎指正