网页js通过webSocket与c#应用程序通讯实现本地打印小票功能。

最新推荐文章于 2024-03-25 00:11:36 发布
最新推荐文章于 2024-03-25 00:11:36 发布
阅读量4.2k 收藏 25
点赞数 3
分类专栏： C# JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40340362/article/details/89401723
版权
C# 同时被 2 个专栏收录
2 篇文章 0 订阅
订阅专栏
JS
2 篇文章 0 订阅
订阅专栏
效果展示：

在这里插入图片描述在这里插入图片描述
在这里插入图片描述

需求描述：
具体实现

开发环境：
一 、 .net 4.7.1
二 、 vs2019

  1. 网页js测试代码(复制即可用)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <style>
        button {
            width: 350px;
            height: 32px;
            background: #00F7DE;
            border: none;
            outline: none;
            color: #000;
            font-size: 10pt;
            font-weight: 600;
            border-radius: 3px;
            cursor: pointer;
        }

        button:hover {
            background: #00cccc;
        }
    </style>
</head>
<body style="padding: 1.3rem">
<button>发送打印</button>
</body>

<script>
    //      ip: 'ws://127.0.0.1:7081',
    let dataList = [];
    dataList.push({name: "小辣椒", number: 12});
    dataList.push({name: "西瓜", number: 10});
    dataList.push({name: "粉皮", number: 14});
    dataList.push({name: "薯片", number: 17});
    dataList.push({name: "鸡枞菌", number: 20});
    dataList.push({name: "牛肝菌", number: 38});
    dataList.push({name: "虎皮鸡蛋", number: 22});
    let printeData = {
        address: "广东佛山xx街道zz号",
        datas: dataList
    };


    var ws = new WebSocket("ws://127.0.0.1:7081");//创建一个实例

    ws.onopen = function (evt) {//用于指定连接成功后的回调函数
        console.log("Connection open ...");
    };


    ws.onclose = function (event) {//用于指定连接关闭后的回调函数
        var code = event.code;
        var reason = event.reason;
        var wasClean = event.wasClean;
    };

    ws.onmessage = function (event) {//用于指定收到服务器数据后的回调函数
        var data = event.data;
    };

    $('button').on('click', function () {
        if (ws.readyState !== 1) {
            console.log('链接未打开');
            return false;
        }
        ws.send(JSON.stringify(printeData));
    });


</script>
</html>
  1. c#本地服务端打印核心代码
namespace PrinterDemo.Utils
{



    class PrinterUtils
    {

        public delegate void myPrintEventHandler(PrinterData printerData);

        private static PrinterUtils printer;

        private double widthCm = 56;
    
        private int marginTop = 10;
        private int right = 45;
        private int lineHeight = 14;//行高

        private Font printFont; //当前的打印字体
        private SolidBrush myBrush;//刷子
        private StringFormat stringFormat;
        private PrintDocument pd;

        private PrinterData printerData;

        public static PrinterUtils getInstance()
        {
            if (printer == null)
                printer = new PrinterUtils();
            return printer;
        }

        public PrinterUtils()
        {
            initSetting();
        }


        public void setPrinterName(String name)
        {
            pd.DefaultPageSettings.PrinterSettings.PrinterName = name;
        }

        private void initSetting()
        {
            printFont = new Font("华文行楷", 9, FontStyle.Regular); //当前的打印字体

            pd = new PrintDocument();

            //  pd.PrintController = new System.Drawing.Printing.StandardPrintController();
            pd.DefaultPageSettings.Margins =
                new Margins(0, 0, marginTop, 0); //设置边距;

            pd.PrintPage += new PrintPageEventHandler(this.pd_PrintPage);

            myBrush = new SolidBrush(Color.Black);//刷子
            stringFormat = new StringFormat();
        }

     
        /// <summary>
        ///  返回 mm单位数值
        /// </summary>
        /// <param name="cm"></param>
        /// <returns></returns>
        private int getYc(double cm)
        {

            return (int)(cm / 25.4) * 100;

        }


        public void Print(PrinterData data)
        {
            this.printerData = data;
            var height = (printerData.getRows()+7) * (lineHeight)+80;
            纸张设置
            pd.DefaultPageSettings.PaperSize =
             new PaperSize("自定义纸张", getYc(widthCm), height);

            //打印预览            
            PrintPreviewDialog ppd = new PrintPreviewDialog();
            //打印事件设置            
            ppd.Document = pd;
            try
            {
                ppd.ShowDialog();
            }
            catch (Exception ex)
            {
                MessageBox.Show(ex.Message, "打印出错", MessageBoxButtons.OK, MessageBoxIcon.Error);
            }


            //try
            //{
            //    pd.Print();

            //}
            //catch (Exception ex)
            //{
            //    MessageBox.Show(ex.Message, "打印出错", MessageBoxButtons.OK, MessageBoxIcon.Error);
            //    pd.PrintController.OnEndPrint(pd, new PrintEventArgs());

            //}
        }



        public void pd_PrintPage(object sender, PrintPageEventArgs e)
        {

            Graphics g = e.Graphics; //获得绘图对象
            float yPosition = marginTop;   //绘制字符串的纵向位置e.MarginBounds.Top
            float pageWidth = e.PageBounds.Width;

            printFooter(g, pageWidth, printBody(g, pageWidth, printHead(g, pageWidth, yPosition)));
          
        }

        public float printHead(Graphics g, float pageWidth, float yPosition)
        {

            g.DrawString("小票标题", printFont, myBrush, (pageWidth - g.MeasureString("小票标题", printFont).Width) / 2, yPosition, stringFormat);
            yPosition += lineHeight;
            g.DrawString("------------------------------------------", printFont, myBrush, 0, yPosition, stringFormat);
            yPosition += lineHeight;
            g.DrawString("日期:" + DateTime.Now.ToShortDateString(), printFont, myBrush, 0, yPosition, stringFormat);
            yPosition += lineHeight;
            g.DrawString("地址:" + printerData.Address, printFont, myBrush, 0, yPosition, stringFormat);
            yPosition += lineHeight;
    
            g.DrawString("------------------------------------------", printFont, myBrush, 0, yPosition, stringFormat);
            yPosition += lineHeight;
            return yPosition;
        }

        public float printBody(Graphics g, float pageWidth, float yPosition)
        {

            g.DrawString("名称", printFont, myBrush, 0, yPosition, stringFormat);
            g.DrawString("数量", printFont, myBrush, pageWidth - right, yPosition, stringFormat);
            yPosition += lineHeight;
            for (int i = 0; i < printerData.Datas.Count; i++)
            {
                Data data = printerData.Datas[i];
                if (data.Name.Length > 10)
                {
                    var start = data.Name.Substring(0, 10);
                    var end = data.Name.Substring(10);
                    g.DrawString(start, printFont, myBrush, 0, yPosition, stringFormat);
                    yPosition += lineHeight;
                    g.DrawString(end, printFont, myBrush, 0, yPosition, stringFormat);
                    g.DrawString("*" + data.Number, printFont, myBrush, pageWidth - right, yPosition - lineHeight / 2 - 5, stringFormat);
                }
                else
                {
                    g.DrawString(data.Name, printFont, myBrush, 0, yPosition, stringFormat);
                    g.DrawString("*" + data.Number, printFont, myBrush, pageWidth - right, yPosition - lineHeight / 3, stringFormat);

                }
                yPosition += lineHeight ;

            }
            g.DrawString("------------------------------------------", printFont, myBrush, 0, yPosition, stringFormat);
            yPosition += lineHeight ;
            g.DrawString("总数量:" + printerData.getCount(), printFont, myBrush, 0, yPosition, stringFormat);
            yPosition += lineHeight;

            return yPosition;
        }

        public float printFooter(Graphics g, float pageWidth, float yPosition)
        {
            yPosition += 30;
            g.DrawString("谢谢惠顾,\\(^o^)/", printFont, myBrush, (pageWidth - g.MeasureString("谢谢惠顾,\\(^o^)/", printFont).Width) / 2,
                yPosition , stringFormat);
            return yPosition;
        }

    }
}

//
别处调用：
	private event myPrintEventHandler PrintEvent; //定义事件
	this.PrintEvent += new myPrintEventHandler(PrinterUtils.getInstance().Print);//捆绑
	
	PrintEvent(data); //调用
  1. C# Websocket服务端实现(Fleck)
namespace PrinterDemo.Utils
{
    class OpenFleckPrinter
    {
        private static OpenFleckPrinter testFleck;
        private WebSocketServer server;


        private IDictionary<string, IWebSocketConnection> dic_Sockets;

        private event myPrintEventHandler PrintEvent;

        private StreamWriter resultMessage;

        public OpenFleckPrinter()
        {
            Init();
        }

        public void WriteMsg(string msg)
        {
            resultMessage.WriteLine(msg);
        }

        public static OpenFleckPrinter GetInstance()
        {

            if (testFleck == null)
            {
                testFleck = new OpenFleckPrinter();

            }


            return testFleck;
        }

        public void Init()
        {
            dic_Sockets = new Dictionary<string, IWebSocketConnection>();//客户端url以及其对应的Socket对象字典
            server = new WebSocketServer("ws://0.0.0.0:7081");//创建服务监听所有的的地址                                       //出错后进行重启
            server.RestartAfterListenError = true;
            this.PrintEvent += new myPrintEventHandler(PrinterUtils.getInstance().Print);

            resultMessage = new StreamWriter("out.txt", true);
        }

        public void Start()
        {

            //开始监听
            server.Start(socket =>
            {
                socket.OnOpen = () =>   //连接建立事件
                {
                    //获取客户端网页的url
                    string clientUrl = socket.ConnectionInfo.ClientIpAddress + ":" + socket.ConnectionInfo.ClientPort;
                    dic_Sockets.Add(clientUrl, socket);
                    WriteMsg(DateTime.Now.ToString() + "|服务器:和客户端网页:" + clientUrl + " 建立WebSock连接！");
                };
                socket.OnClose = () =>  //连接关闭事件
                {
                    string clientUrl = socket.ConnectionInfo.ClientIpAddress + ":" + socket.ConnectionInfo.ClientPort;
                    //如果存在这个客户端,那么对这个socket进行移除
                    if (dic_Sockets.ContainsKey(clientUrl))
                    {
                        //注:Fleck中有释放
                        //关闭对象连接 
                        //if (dic_Sockets[clientUrl] != null)
                        //{
                        //dic_Sockets[clientUrl].Close();
                        //}
                        dic_Sockets.Remove(clientUrl);
                    }
                    WriteMsg(DateTime.Now.ToString() + "|服务器:和客户端网页:" + clientUrl + " 断开WebSock连接！");
                };
                socket.OnMessage = message =>  //接受客户端网页消息事件
                {
                    string clientUrl = socket.ConnectionInfo.ClientIpAddress + ":" + socket.ConnectionInfo.ClientPort;
                    PrinterData data = JsonHelper.DeserializeJsonToObject<PrinterData>(message);
                   // WriteMsg(DateTime.Now.ToString() + "|服务器:【收到】来客户端网页:" + clientUrl + " 的信息：\n" + data.ToString());

                    //MessageBox.Show(data.ToString());
                    PrintEvent(data);
                    if (dic_Sockets.ContainsKey(clientUrl))
                    {
                        //注:Fleck中有释放
                        //关闭对象连接 
                        if (dic_Sockets[clientUrl] != null)
                        {
                            dic_Sockets[clientUrl].Send("{\"code\":\"success\"}");
                        }

                    }

                };

            });
        }
    }
}
源码下载

https://download.csdn.net/download/weixin_40340362/11155337

壹零零壹
关注
  • 3
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
网页js与本地C#程序 websocket通讯实现打印小票，可最小化托盘
05-01
静态网页通过js与本地C#应用程序基于webSocket实时通讯，调用本地打印机进行post小票打印。服务窗体可最小化托盘，请参考https://blog.csdn.net/weixin_40340362/article/details/89401723
WebSocket和Socket Client连共同Sever端并实现相互通信（C#、JS、C++）
刘朋
09-15 5458
分析websocket client传过来的http header中包含“Upgrade: websocket”，只需要在socket server端，检测到客户端连上来之后，马上接收一次信息，并判断本次接收到的信息是否包含websocket就可以了。3、开启C#实现的socket server，再用websocket连接下，server端检测到有客户端连上来了，客户端也没有报错，说明websocket已连到socket server。
js与C# winform交互——BarTender打印
旭哥的博客
06-09 2778
在写这个这个winform程序之前，我还有点小疑惑，winform怎么跟web交互？可能是因为我太久没接触winform了，废话不多说直接进入主题。js与C#交互很简单，在网上搜一下一大堆，不过为了方便还是在这里说一下：//web端&lt;html&gt;&lt;head&gt; &lt;meta http-equiv="Content-Language" content="zh-cn"&g...
C#实现通过webBrowser实现打印功能（附完整源码）
最新发布
希望我的博客，能帮上你解决学习中工作中所遇到的问题
03-25 117
C#实现通过webBrowser实现打印功能（附完整源码）
C#打印小票（连续自动打印）
技术分享博客
04-12 2573
注意前端需要引用（LodopFuncs.js,JsBarcode.all.min.js,jquery.js）当然还有安装打印机驱动还有Lodop的驱动 前端代码调用打印方法部分 json.printinfo是后端传向前端的生成好的打印代码。 //执行打印小票 var orderids = ""; if (json.printinf
c# 小票打印
weixin_30279671的博客
04-18 559
c# 在进行小票打印时大致有三种方法。 1. 使用水晶报表进行打印。可以参考：https://www.cnblogs.com/aitong/p/10717786.html 2. 在 PrintDocument 对象上进行绘图，然后使用其打印方法直接打印。 using CrystalDecisions.CrystalReports.Engine; using System; using...
WEB使用WebSocket调用打印机：发票打印、套打打印解决方案
qq_35082039的博客
12-17 2363
随着实时通信技术的不断发展，我们有理由相信，WebSocket将在未来的Web打印解决方案中发挥越来越重要的作用。发送打印请求：当用户触发打印操作时，客户端通过WebSocket连接发送包含打印数据的请求给服务器。返回打印状态：打印机开始打印后，服务器可以监听打印机的状态变化，并将这些信息实时反馈给客户端。接收打印状态更新：客户端监听WebSocket连接上的消息，以获取打印状态的实时更新。处理打印请求：服务器解析接收到的请求，提取必要的打印信息，如文档内容、格式、页数等。
前端实现调用打印机和小票打印(TSPL )功能
三季雨
11-02 5498
前端 的方式 点击这个按钮，直接让打印机打印我想要的东西。
webSocket与c#应用程序通讯调用的Fleck.dll.rar
06-04
该类库使用.NET Framework 4.0框架
C#_WinForm实现WebSocket及时通讯
09-01
C#_WinForm实现WebSocket及时通讯，客户端定向推送。
网页与本地电脑exe程序通讯的示例，C#代码
01-19
web 与本地winfrom 程序的通讯示例
Java后端实现websocket与微信小程序端连接简单例子
03-29
直接附代码 前端代码： <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request....
C#小票打印POS
马儿不吃草
11-16 3009
源码地址：https://download.csdn.net/download/horseroll/10788400 打印效果图： 我把打印的参数基本都封装到一个类里面，直接调用即可，可打印文字也可打印图片 首先安装打印机驱动，然后在设备和打印机中将要用的打印机设为默认打印机，然后调用该方法即可 Pulic Void Print() { PrintService ps = n...
强大的web打印插件(HttpPrinter)
bingkula2858的博客
07-24 1179
强大的web打印插件(HttpPrinter) 本软件 您可以免费使用,如果您需要 设计报表模板 , 定制功能, 提供技术指导 ,请联系作者! 特点：1、无插件,主要一句js即可；2、拖拽即可完成设计,支持 fastreport, reportmachine, gridreport(锐浪报表) 3、强大的报表功能,管它什么报表, 交叉的,嵌套的,还是二维码,图片等等,都支持.4、打印机：只要是能用...
webSocket打印
m0_56347363的博客
09-26 543
（注：需要先在电脑上手动连接上打印机，成功后，在通过 webSocket 连接服务端，获取本地打印机列表。// 一进页面连接服务。
SpringBoot WebSocket 最简单的使用方法（实现网页动态打印后台消息）
shida's blog
05-31 2415
一、 背景介绍        最近研究 Jenkins，发现它的日志能动态输出到网页，十分不错，        本文就基于 SpringBoot 简单实现下如何把后台消息源源不断地打印到网页上        二、  实现步骤2.1    在你的 SpringBoot 项目中引入 websocket 依赖 &lt;dependency&gt; &lt;groupId&gt;org.sprin...
c#小票打印
xyzvalue的专栏
06-29 2233
在C#中使用PrintDialog可以很方便的实现程序的打印功能。 其步骤如下： 创建一个PrintDialog的实例。如下： System.Windows.Forms.PrintDialog PrintDialog1=new PrintDialog (); 创建一个PrintDocument的实例.如下： System.Drawing.Printing.PrintDo
C#调用系统打印机(XP-58小票打印)
qq_41195207的博客
10-22 1428
C#调用系统打印机(XP-58小票打印) 需要安装XP-58驱动。 // An highlighted block using System; using System.Drawing; using System.Drawing.Printing; using System.Globalization; using System.Management; using System.Windows.Forms; namespace 实验 { public class USBPrinter {
C# winform小票打印
diehe5608的博客
03-27 408
（１）自定义纸张设置 控制面板->打印机和传真->右键->服务器属性->创建新的格式 （２）自定义纸张使用 this.printDocument1.DefaultPageSettings.PaperSize = new System.Drawing.Printing.PaperSize("NewPrint", iWidth, i...
通过websocket实现即时通讯
05-17
是的，使用 WebSocket 可以实现即时通讯。WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议，在客户端和服务器之间实现实时数据传输。 以下是一个简单的示例，演示如何使用 JavaScript 和 Node.js 在客户端和服务器之间建立 WebSocket 连接： 1.在服务器端，使用 Node.js 和 WebSocket 模块创建 WebSocket 服务器： ```javascript const WebSocket = require('ws'); const wss = new WebSocket.Server({ port: 8080 }); wss.on('connection', function connection(ws) { console.log('Client connected'); ws.on('message', function incoming(message) { console.log('Received message: %s', message); ws.send('Server received message: ' + message); }); ws.on('close', function close() { console.log('Client disconnected'); }); }); ``` 2.在客户端，使用 JavaScript 和 WebSocket API 连接到 WebSocket 服务器： ```javascript const ws = new WebSocket('ws://localhost:8080'); ws.addEventListener('open', function open() { console.log('Connected to WebSocket server'); ws.send('Hello, server!'); }); ws.addEventListener('message', function incoming(event) { console.log('Received message: %s', event.data); }); ws.addEventListener('close', function close() { console.log('Disconnected from WebSocket server'); }); ``` 这个示例中，当客户端连接到 WebSocket 服务器时，它会发送一条消息并等待服务器的响应。服务器会在收到消息后发送一条响应消息。客户端会在收到响应消息后将其输出到控制台。当客户端关闭连接时，服务器会收到一个 close 事件。 通过 WebSocket，您可以实现实时通信，例如在线聊天、实时游戏等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值