一个Blazor+WinForm+MAUI+PDA实现的条码比对系统

条码比对系统是由单机版桌面软件和Android版的PDA扫码软件组成，桌面软件采用Blazor与WinForm进行混合开发，PDA扫码软件采用MAUI进行开发，这个项目都是基于.NET技术进行构建，这也是将近期学习Blazor和MAUI这两门技术应用到实践当中。

1. 项目背景

• 朋友公司外仓发货时把客户标签贴错了，导致客户扫码入库异常，被客户投诉，为此损失百万订单
• 为防止后续再次出现上述问题，因此开发一套条码比对系统来预防此类问题出现

2. 项目需求

• 客户下单后，将通知外仓备货，打印客户条码标签贴到纸箱上
• 外仓现场距离办公室远，无网络
• 根据客户订单明细和装箱配置自动生成总箱数（要考虑尾箱）
• 每箱出货码及数量必须与客户码及数量一致
• 总箱数和每箱条码比对一致，才能打印出货单，由司机签字装货

3. 技术方案

根据上述需求，系统分为PC单机版软件 + PDA扫码软件 + 数据传输接口三部分组成

• PC单机版软件：采用Blazor+WinForm进行混合开发
• PDA扫码软件：采用MAUI开发原生Android应用
• 数据传输接口：采用WebApi进行数据交互（用于PDA扫码完成后拿到办公室上载扫码数据）

4. 功能设计

1）PC单机版软件

• 主界面
  
  

• 装箱配置：配置料号与每箱数量关系，用于比对时自动根据出货清单的数量计算出货箱数。
  
  

• 条码比对：点击【新增】按钮进入比对页面添加一条比对记录，可对记录进行编辑、删除和打印交货单；交货完成可点击【归档】按钮将记录归入历史记录中。
  
  
  
  点击【新增】按钮进入比对操作页面，在“扫码清单“下拉选择由扫描枪上载的扫码记录；点击【导入出货清单】将出货清单Excel导入系统；点击【比对】按钮将导入的出货清单与选择的扫码记录进行比对，比对结果显示在“单货比对结果”中，明细结果全部一致且总箱数一致，比对结果才一致；比对结果一致方可打印交货单放行。
  
  

• 扫码记录：用于查询由扫码枪PDA软件上载的扫码记录，点击名称连接查看该批扫码明细记录。
  
  

• 历史记录：用于查询历史比对记录，点击【取消归档】可取消归档该记录。
  
  

2）PDA扫码软件

• 扫码主页

打开条码比对PDA软件默认显示扫码主页，在文本框输入备注信息，再点击【开始扫码】按钮进入扫码比对页面，对逐个装箱条码进行扫码比对，全部扫码比对完成后点击【上载数据】按钮，将该批比对数据上载到电脑端比对管理系统与出货清单进行比对。



点击【开始扫码】后，显示扫码比对页面，按下PDA扫描枪按键，自动匹配条码信息至出货码，客户码、数量码，自动比对出货码与客户码是否一致，一致显示OK，否则显示FAIL；点击【确认继续】按钮继续扫描下一个装箱，如果条码不允许重复，可勾选“禁止提交重复条码选项”，全部扫完点击【全部完成】按钮返回扫码主页。

• 扫码记录

点击底部【记录】Tab菜单进入扫码记录页面，该功能主要是用于查询历史扫描的记录信息。

• 软件设置

点击底部【设置】Tab菜单进入软件设置页面，该功能主要是配置电脑端服务器主机地址，用于上载扫码记录，点击【测试连接】按钮测试与服务器链路是否通畅。

5. 遇到的问题

最初扫码时光标需要定位到一个文本框才能扫码，每次扫码需要点击文本框，用户体验很差，最终是通过PDA的广播功能解决这个问题，关键代码如下：

//定义扫码广播接收者
[BroadcastReceiver(Enabled = true, Exported = true)]
[IntentFilter(new[] { MainActivity.IntentAction })]
class ScanBroadcastReceiver : BroadcastReceiver
{
    public override void OnReceive(Context context, Intent intent)
    {
        var value = intent.GetStringExtra("value");//扫码接收到的条码字符
        AppSetting.OnScan?.Invoke(value);          //调用扫码处理委托
    }
}

//在Android入口注册和卸载扫码广播接收者
[Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]
public class MainActivity : MauiAppCompatActivity
{
    internal const string IntentAction = "android.intent.action.SCANRESULT";
    private ScanBroadcastReceiver scanReceiver;

    protected override void OnCreate(Bundle savedInstanceState)
    {
        base.OnCreate(savedInstanceState);
        scanReceiver = new ScanBroadcastReceiver();//创建接收者
    }

    protected override void OnResume()
    {
        base.OnResume();
        //注册接收者
        RegisterReceiver(scanReceiver, new Android.Content.IntentFilter(IntentAction));
    }

    protected override void OnPause()
    {
        UnregisterReceiver(scanReceiver);//卸载接收者
        base.OnPause();
    }
}

//在扫码页面使用广播接收者
public partial class ScanPage : ContentPage
{
    private ScanItem scan = new();

    public ScanPage()
    {
        InitializeComponent();
        BindingContext = scan;
        AppSetting.OnScan = OnCodeChanged;//进入页面设置扫码处理委托
    }

    private void OnCodeChanged(string text)
    {
        //text即是PDA扫码接收到的条码字符串，在此处理条码数据
    }
}