详解二维码生成工厂

分类：C#作者：编程之家用户

本次主要分享的是3个免费的二维码接口的对接代码和测试得出的注意点及区别，有更好处理方式多多交流，相互促进进步；最近在学习JavsScript的扩展TypeScript，感觉语法糖很甜，大部分与C#更为类似，可能都是微软项目的原因吧，有兴趣的朋友可以多多相互交流下；

以上是个人的看法，下面来正式分享今天的文章吧：

  • Google的Api二维码生成接口
  • 2d-code的Api二维码生成接口
  • topscan的Api二维码生成接口
  • 使用面向对象+加载程序集创建对象合并以上接口封装成二维码生成工厂

下面一步一个脚印的来分享：

Google的Api二维码生成接口

首先，这里给出Google接口文档的链接qr_codes文档，热情的朋友马上就会打开此链接吧，详细看下里面的参数这就不做截图了，大致通常用到的参数是：api地址，内容参数，生成图片的高宽这3个参数，其他的几个参数都采用默认的吧，不同需要大家可以更详细的看下；其实第一次看到文档里面的参数，感觉少了一些东西，比如怎么不能传递二维码中间那个图标的图片地址和扫描二维码过后怎么跳转到我想重定向的url链接呢，带着这个疑问我进行了多次的尝试；下面给出自己尝试的结果说明：

  •  接口关键参数是:cht(固定值qr)，chl(内容参数)，chs(生成出来二维码图片尺寸，格式如：200x200，这里是xyz的x不是*)
  • api接口只会生成一个二维码的图片流，如果需要把图片保存到本地需要通过浏览器直接get访问接口或者通过程序下载这个二维码
  • 内容参数如果传递文本信息，在生成出来的二维码图片中间不会显示文本内容，只有用手机扫描二维码才能在手机上显示传递的文本信息
  • 内容参数如果传递单纯的http://格式的链接地址，那么手机扫描后会自动重定向到改http://链接地址上（这个扫描重定向可以用来做一些商品或者文章的查看）
  • google接口暂未研究出此Logo图标地址参数（希望有朋友研究出来后与我分享，谢谢）
  • 由于api地址是国外的，调用接口响应不是那么快速

其次，上面是个人的一些总结，下面我们来看下封装的请求接口方法和下载二维码图片方法：

#region 生成二维码

 /// <summary>
 /// 生成二维码
 /// </summary>
 /// <param name="content">展示内容（文本内容 或者 扫描后的跳转http://格式的地址）</param>
 /// <param name="savePath">保存二维码的磁盘路径(默认程序跟目录+QRCode)</param>
 /// <param name="logoUrl"> Logo图标地址（格式：http://),(注：google接口暂未研究出此参数）</param>
 /// <param name="apiUrl">接口地址(内置默认api地址)</param>
 /// <param name="wAndh">宽度和高度（二维码正方形的，高宽一至,默认200）</param>
 /// <returns></returns>
 public virtual string CreateQRCode(string content = null,string savePath = null,string logoUrl = null,string apiUrl = null,int? wAndh = null)
 {
 var qrName = string.Empty;
 #region 参数初始化
 ApiUrl = apiUrl ?? ApiUrl;
 Content = content ?? Content;
 SaveQRPath = savePath ?? SaveQRPath;
 LogoUrl = logoUrl ?? LogoUrl;
 WAndH = wAndh ?? WAndH;
 #endregion
 if (string.IsNullOrEmpty(ApiUrl)) { return qrName; }
 ApiUrl = string.Format("{0}?cht=qr&chl={1}&chs={2}x{2}",ApiUrl,HttpUtility.UrlEncode(Content),WAndH);
 qrName = DownImg(ApiUrl,SaveQRPath,ImageFormat.Jpeg);
 return qrName;
 }
 #endregion

下载二维码图片保存到程序根目录：

#region 下载图片
 /// <summary>
 /// 下载图片
 /// </summary>
 /// <param name="url">图片下载地址</param>
 /// <param name="savePath">保存路径默认：Img文件夹</param>
 /// <param name="format">默认：Jpeg</param>
 /// <returns>新图片名称</returns>
 public virtual string DownImg(string url,string savePath = "QRCode",ImageFormat format = null)
 {
 var qrName = string.Empty;
 try
 {
 format = format ?? ImageFormat.Jpeg;
 HttpClient http = new HttpClient();
 http.Timeout = new TimeSpan(0,1,0);
 using (var stream = http.GetStreamAsync(url).Result)
 {
 if (!Directory.Exists(SaveQRPath)) { Directory.CreateDirectory(SaveQRPath); }
 qrName = DateTime.Now.ToString("yyyyMMddHHmmssfff") + "." + format;
 var path = Path.Combine(savePath,qrName);
 using (Image img = Image.FromStream(stream))
 {
 img.Save(path,format);
 }
 }
 }
 catch (Exception ex)
 {
 qrName = string.Empty;
 }
 return qrName;
 }
#endregion

上面两个方法使用的是虚方法，因为我这里是吧google接口当做默认的二维码生成器来使用，后面要讲的另外两个接口都是重写与此；下载图片的方法都是公用的，暂不需要重写；这里需要提到的是调用api接口时有一个固定的参数cht=qr，这个参数表示采用QR方法生成二维码，因为这个api接口还有生成图标的功能，所以只想要生成二维码这里就固定，更多的生成图标功能不在本章分享中，谢谢。

2d-code的Api二维码生成接口

首先，该接口需要通过他们官网注册一个key，然后从后台获取到这个key后才能调用接口地址，当然注册后有个功能是，凡是您通过api接口生成的二维码，除了自己通过流下载，还能通过他们后台一起下载所有生成的图片，本人暂时没有去关注是否生成量大了会收费哈哈，下面列举下接口参数说明和测试得出的注意点：

  • 接口关键参数是：key(注册获取)，text(文本参数)，url(扫描后重定向地址)，logo(Logo图标地址)，size(二维码正方形，高宽)
  • 接口的文本参数只能传递文本，不能当做扫描后重定向的地址参数使用和Google等接口有点不一样
  • 扫描后重定向地址和Logo图标地址都是可访问的http://格式的地址链接
  • Logo图标地址，官方说不建议使用png格式，测试只有jpg成功（可能是测试不够多这里只单纯介绍我的结果）
  • 生成速度比较快，而且还有一个艺术字的生成接口，挺不错
  • api接口只会生成一个二维码的图片流，如果需要把图片保存到本地需要通过浏览器直接get访问接口或者通过程序下载这个二维码

其次，下面给出封装的代码，由于下载和上面介绍的代码一样是公用的这里就不做陈述：

public QR_2dCode()
 {
 ApiUrl = "http://www.2d-code.cn/2dcode/api.php";
 }
 #region 生成二维码
 /// <summary>
 /// 生成二维码
 /// </summary>
 /// <param name="content">展示内容（文本内容 或者 扫描后的跳转http://格式的地址）</param>
 /// <param name="savePath">保存二维码的磁盘路径(默认程序跟目录+QRCode)</param>
 /// <param name="logoUrl"> Logo图标地址（格式：http://)，官方不建议使用png格式，测试只有jpg成功</param>
 /// <param name="directUrl">扫描后重定向地址（http://）</param>
 /// <param name="apiUrl">接口地址(内置默认api地址)</param>
 /// <param name="wAndh">宽度和高度（二维码正方形的，高宽一至,默认200）</param>
 /// <returns></returns>
 public override string CreateQRCode(string content = null,int? wAndh = null)
 {
 var qrName = string.Empty;
 #region 参数初始化
 ApiUrl = apiUrl ?? ApiUrl;
 Content = content ?? Content;
 SaveQRPath = savePath ?? SaveQRPath;
 LogoUrl = logoUrl ?? LogoUrl;
 WAndH = wAndh ?? WAndH;
 #endregion
 if (string.IsNullOrEmpty(ApiUrl)) { return qrName; }
 ApiUrl = string.Format("{0}?key=c_d800OBbu6hDzJtXPE2Yd02IMtmpuK9VdCqHe6vrtar4&text={1}&url={2}&logo={3}&size={4}",HttpUtility.UrlEncode(Content.Contains("http") ? "" : Content),HttpUtility.UrlEncode(LogoUrl),SaveQRPath);
 return qrName;
 }
#endregion

topscan的Api二维码生成接口

首先，该接口肯定是免费的，参数描述和google的差不多，不同处在于可以传递Logo图标地址（当然可能我还没发现google的可以传递logo的参数，故此朋友们可以忽略）；下面列举下接口参数说明和测试得出的注意点：

  • 接口关键参数是：text(内容参数)，logo(Logo图标地址)，w(生成出来二维码图片尺寸，格式如：200x200，这里是xyz的x不是*)
  • api接口只会生成一个二维码的图片流，如果需要把图片保存到本地需要通过浏览器直接get访问接口或者通过程序下载这个二维码
  • 内容参数如果传递文本信息，在生成出来的二维码图片中间不会显示文本内容，只有用手机扫描二维码才能在手机上显示传递的文本信息
  • 内容参数如果传递单纯的http://格式的链接地址，那么手机扫描后会自动重定向到改http://链接地址上（这个扫描重定向可以用来做一些商品或者文章的查看）
  • Logo图标地址（格式：http://)，jpg,png测试通过
  • 测试得出有时候请求生成二维码不返回数据，有可能是我网路问题吧，正常生成二维码的速度还是挺快

其次，下面给出封装的代码，由于下载和上面介绍的代码一样是公用的这里就不做陈述：

public QR_TopScan()
 {
 ApiUrl = "http://qr.topscan.com/api.php";
 }
 #region 生成二维码
 /// <summary>
 /// 生成二维码
 /// </summary>
 /// <param name="content">展示内容（文本内容 或者 扫描后的跳转http://格式的地址）</param>
 /// <param name="savePath">保存二维码的磁盘路径(默认程序跟目录+QRCode)</param>
 /// <param name="logoUrl"> Logo图标地址（格式：http://)，jpg,png测试通过，测试得出有不能成功的，原因不知是否和地址有关</param>
 /// <param name="apiUrl">接口地址(内置默认api地址)</param>
 /// <param name="wAndh">宽度和高度（二维码正方形的，高宽一至,int? wAndh = null)
 {
 var qrName = string.Empty;
 #region 参数初始化
 ApiUrl = apiUrl ?? ApiUrl;
 Content = content ?? Content;
 SaveQRPath = savePath ?? SaveQRPath;
 LogoUrl = logoUrl ?? LogoUrl;
 WAndH = wAndh ?? WAndH;
 #endregion
 if (string.IsNullOrEmpty(ApiUrl)) { return qrName; }
 ApiUrl = string.Format("{0}?text={1}&logo={2}&w={3}",SaveQRPath);
 return qrName;
 }
#endregion

使用面向对象+加载程序集创建对象合并以上接口封装成二维码生成工厂

首先，分析上面3个接口的参数可以看出，都需要固定的参数：接口api，内容（文本或跳转http地址），Logo图片地址（google暂时除外），宽度和高度等这几个参数，这样一来咋们可以定义个统一参数类，来传递该参数信息，这里还要提下由于这几个接口都是从别人接口获取图片流，如果想要吧图片在执行程序时候直接保存在我们的程序本地，都需要下载，所以又多一个参数： 保存二维码的磁盘路径，所以才有了一下公共的属性：

#region 基础配置信息
 /// <summary>
 /// 接口地址（必填）
 /// </summary>
 protected string ApiUrl = "https://chart.googleapis.com/chart";
 /// <summary>
 /// 展示内容（文本内容）,google文本参数直接传递http地址直接重定向
 /// </summary>
 protected string Content = "http://www.cnblogs.com/wangrudong003/";
 /// <summary>
 /// 保存二维码的磁盘路径(默认程序跟目录+QRCode)
 /// </summary>
 protected string SaveQRPath = Path.Combine(AppDomain.CurrentDomain.BaseDirectory,"QRCode");
 /// <summary>
 /// Logo图片地址（http://）
 /// </summary>
 protected string LogoUrl = "http://a.hiphotos.baidu.com/baike/w%3D268%3Bg%3D0/sign=9a34e44d8bd4b31cf03c93bdbfed4042/2cf5e0fe9925bc318cb9fe965edf8db1ca1370dc.jpg";
 /// <summary>
 /// 宽度和高度（二维码正方形的，高宽一至,默认200）
 /// </summary>
 protected int WAndH = 200;
#endregion

然后，这里我不想每个接口都手动new一次来创建对象，所以用了加载程序集的模块的方式来创建所需要的对象，因此有了工厂类的入口：

/// <summary>
 /// 二维码生成工厂
 /// </summary>
 public class QRCodeReposity
 {
 public static BaseQRCode Current(QREmType qrEmType = QREmType.BaseQRCode)
 {
 var nspace = typeof(BaseQRCode);
 var fullName = nspace.FullName;
 var nowspace = fullName.Substring(0,fullName.LastIndexOf('.') + 1);
 return Assembly.GetExecutingAssembly().CreateInstance(nowspace + qrEmType.ToString(),true) as BaseQRCode;
 }
 }

这里和之前的缓存工厂文章设计差不多，可以查阅下之前的分享篇，也多多点赞，谢谢；下面在给出说有的代码如下：

/// <summary>
 /// 工厂模块定义
 /// </summary>
 public enum QREmType
 {
 /// <summary>
 /// google接口
 /// </summary>
 BaseQRCode,/// <summary>
 /// 2d-code接口
 /// </summary>
 QR_2dCode,/// <summary>
 /// topscan接口
 /// </summary>
 QR_TopScan
 }
 /// <summary>
 /// 二维码生成工厂
 /// </summary>
 public class QRCodeReposity
 {
 public static BaseQRCode Current(QREmType qrEmType = QREmType.BaseQRCode)
 {
 var nspace = typeof(BaseQRCode);
 var fullName = nspace.FullName;
 var nowspace = fullName.Substring(0,true) as BaseQRCode;
 }
 }
 /// <summary>
 /// 基类使用Google提供Api：https://developers.google.com/chart/infographics/docs/qr_codes,由于是国外地址，相对来说有点慢
 /// </summary>
 public class BaseQRCode
 {
 #region 基础配置信息
 /// <summary>
 /// 接口地址（必填）
 /// </summary>
 protected string ApiUrl = "https://chart.googleapis.com/chart";
 /// <summary>
 /// 展示内容（文本内容）,默认200）
 /// </summary>
 protected int WAndH = 200;
 #endregion
 #region 方法
 #region 生成二维码
 /// <summary>
 /// 生成二维码
 /// </summary>
 /// <param name="content">展示内容（文本内容 或者 扫描后的跳转http://格式的地址）</param>
 /// <param name="savePath">保存二维码的磁盘路径(默认程序跟目录+QRCode)</param>
 /// <param name="logoUrl"> Logo图标地址（格式：http://),ImageFormat.Jpeg);
 return qrName;
 }
 #endregion
 #region 下载图片
 /// <summary>
 /// 下载图片
 /// </summary>
 /// <param name="url">图片下载地址</param>
 /// <param name="savePath">保存路径默认：Img文件夹</param>
 /// <param name="format">默认：Jpeg</param>
 /// <returns>新图片名称</returns>
 public virtual string DownImg(string url,format);
 }
 }
 }
 catch (Exception ex)
 {
 qrName = string.Empty;
 }
 return qrName;
 }
 #endregion
 #endregion
 }
 /// <summary>
 /// 使用2d-code提供Api,需要去官网注册获取Key
 /// </summary>
 public class QR_2dCode : BaseQRCode
 {
 public QR_2dCode()
 {
 ApiUrl = "http://www.2d-code.cn/2dcode/api.php";
 }
 #region 生成二维码
 /// <summary>
 /// 生成二维码
 /// </summary>
 /// <param name="content">展示内容（文本内容 或者 扫描后的跳转http://格式的地址）</param>
 /// <param name="savePath">保存二维码的磁盘路径(默认程序跟目录+QRCode)</param>
 /// <param name="logoUrl"> Logo图标地址（格式：http://)，官方不建议使用png格式，测试只有jpg成功</param>
 /// <param name="directUrl">扫描后重定向地址（http://）</param>
 /// <param name="apiUrl">接口地址(内置默认api地址)</param>
 /// <param name="wAndh">宽度和高度（二维码正方形的，高宽一至,SaveQRPath);
 return qrName;
 }
 #endregion
 }
 /// <summary>
 /// 使用topscan提供Api
 /// </summary>
 public class QR_TopScan : BaseQRCode
 {
 public QR_TopScan()
 {
 ApiUrl = "http://qr.topscan.com/api.php";
 }
 #region 生成二维码
 /// <summary>
 /// 生成二维码
 /// </summary>
 /// <param name="content">展示内容（文本内容 或者 扫描后的跳转http://格式的地址）</param>
 /// <param name="savePath">保存二维码的磁盘路径(默认程序跟目录+QRCode)</param>
 /// <param name="logoUrl"> Logo图标地址（格式：http://)，jpg,SaveQRPath);
 return qrName;
 }
 #endregion
 }

本篇的分享内容在程序设计方面没有太多，重点是分装下这几个接口和分享下接口的差异，方面朋友们可以拿来主义和正在对接二维码生成的朋友做下交流，仅此而已；关键代码的备注都在分享代码里，有更好或者不清楚的地方欢迎留言，谢谢。

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持编程小技巧！

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

C#中的CSV文件读写
项目中经常遇到CSV文件的读写需求，其中的难点主要是CSV文件的解析。本文会介绍CsvHelper、TextFieldParser、正则表达式三种解析CSV文件的方法，顺带也会介绍一下CSV文件的写方法。 CSV文件标准 在介绍CSV文件的读写方法前，我们需要了解一下CSV文件的格式。 文件示例 一
在C#中使用Halcon开发视觉检测程序
简介 本文的初衷是希望帮助那些有其它平台视觉算法开发经验的人能快速转入Halcon平台下，通过文中的示例开发者能快速了解一个Halcon项目开发的基本步骤，让开发者能把精力完全集中到算法的开发上面。 首先，你需要安装Halcon，HALCON 18.11.0.1的安装包会放在文章末尾。安装包分开发和
C#项目管理引用的dll文件
这篇文章主要简单记录一下C#项目的dll文件管理方法，以便后期使用。 设置dll路径 参考C#开发奇技淫巧三：把dll放在不同的目录让你的程序更整洁中间的 方法一：配置App.config文件的privatePath ： &lt;runtime&gt; &lt;assemblyBinding xml
C#中的JSON序列化方法
在C#中的使用JSON序列化及反序列化时，推荐使用Json.NET——NET的流行高性能JSON框架，当然也可以使用.NET自带的 System.Text.Json（.NET5）、DataContractJsonSerializer、JavaScriptSerializer（不推荐）。
C#事件总线
事件总线是对发布-订阅模式的一种实现，是一种集中式事件处理机制，允许不同的组件之间进行彼此通信而又不需要相互依赖，达到一种解耦的目的。&#xA;EventBus维护一个事件的字典，发布者、订阅者在事件总线中获取事件实例并执行发布、订阅操作，事件实例负责维护、执行事件处理程序。
C#调百度通用翻译API翻译HALCON的示例描述
通用翻译API的HTTPS 地址为https://fanyi-api.baidu.com/api/trans/vip/translate，使用方法参考通用翻译API接入文档 。&#xA;请求方式可使用 GET 或 POST 方式（Content-Type 请指定为：application/x-www-for
C#中使用jieba.NET、WordCloudSharp制作词云图
词云”由美国西北大学新闻学副教授、新媒体专业主任里奇·戈登（Rich Gordon）于2006年最先使用，是通过形成“关键词云层”或“关键词渲染”，对文本中出现频率较高的“关键词”的视觉上的突出。词云图过滤掉大量的文本信息，使浏览者只要一眼扫过文本就可以领略文本的主旨。&#xA;网上大部分文章介绍的是使用P
C#串口开发之SerialPort类封装
微软在.NET中对串口通讯进行了封装，我们可以在.net2.0及以上版本开发时直接使用SerialPort类对串口进行读写操作。&#xA;为操作方便，本文对SerialPort类做了一些封装，暂时取名为**SerialPortClient**。
C#中的命名管道用法
简介 管道为进程间通信提供了平台, 管道分为两种类型：匿名管道、命名管道，具体内容参考.NET 中的管道操作。简单来说，匿名管道只能用于本机的父子进程或线程之间，命名管道可用于远程主机或本地的任意两个进程，本文主要介绍命名管道的用法。 匿名管道在本地计算机上提供进程间通信。 与命名管道相比，虽然匿名
C#实现一个简单的日志类
目录自定义日志类NLog版本的日志类Serilog版本的日志类 上个月换工作，新项目又要重新搭建基础框架，把日志实现部分单独记录下来方便以后参考。 自定义日志类 代码大部分使用ChatGPT生成，人工进行了测试和优化，主要特点： 线程安全，日志异步写入文件不影响业务逻辑 支持过期文件自动清理，也可自
C#实现软件开机自启动（不需要管理员权限）
[TOC] # 原理简介 本文参考[C#/WPF/WinForm/程序实现软件开机自动启动的两种常用方法](https://blog.csdn.net/weixin_42288432/article/details/120059296)，将里面中的第一种方法做了封装成**AutoStart**类，使
C#实现FTP服务端和客户端
简介 FTP是FileTransferProtocol（文件传输协议）的英文简称，而中文简称为“文传协议”。用于Internet上的控制文件的双向传输。同时，它也是一个应用程序（Application）。基于不同的操作系统有不同的FTP应用程序，而所有这些应用程序都遵守同一种协议以传输文件。 FTP
C# 常用特性(Attribute)
使用特性，可以有效地将元数据或声明性信息与代码（程序集、类型、方法、属性等）相关联。 将特性与程序实体相关联后，可以在运行时使用反射这项技术查询特性。&#xA;在 C# 中，通过用方括号 ([]) 将特性名称括起来，并置于应用该特性的实体的声明上方以指定特性。
C#条码识别的解决方案（ZBar）
# 简介 主流的识别库主要有ZXing.NET和ZBar，OpenCV 4.0后加入了QR码检测和解码功能。本文使用的是ZBar，同等条件下ZBar识别率更高，图片和部分代码参考[在C#中使用ZBar识别条形码](https://www.cnblogs.com/w2206/p/7755656.htm
C#获取Description特性的扩展类
C#中Description特性主要用于枚举和属性，方法比较简单，记录一下以便后期使用。 扩展类DescriptionExtension代码如下： using System; using System.ComponentModel; using System.Reflection; /// &lt;
C#简单配置类及数据绑定
本文实现一个简单的配置类，原理比较简单，适用于一些小型项目。主要实现以下功能：保存配置到json文件、从文件或实例加载配置类的属性值、数据绑定到界面控件。&#xA;一般情况下，项目都会提供配置的设置界面，很少手动更改配置文件，所以选择以json文件保存配置数据。
C# 串口关闭时主界面卡死原因分析
前几天用SerialPort类写一个串口的测试程序，关闭串口的时候会让界面卡死。网上大多数方法都是定义2个bool类型的标记Listening和Closing，关闭串口和接受数据前先判断一下。我的方法是DataReceived事件处理程序用this.BeginInvoke()更新界面，不等待UI线程
C#泛型的类型参数约束
约束告知编译器类型参数必须具备的功能。 在没有任何约束的情况下，类型参数可以是任何类型。 编译器只能假定 System.Object 的成员，它是任何 .NET 类型的最终基类。 如果客户端代码使用不满足约束的类型，编译器将发出错误。 通过使用 where 上下文关键字指定约束。&#xA;最常用的泛型约束为
C#中protobuf-net的编码结构及使用方法
protobuf-net是用于.NET代码的基于契约的序列化程序，它以Google设计的“protocol buffers”序列化格式写入数据，适用于大多数编写标准类型并可以使用属性的.NET语言。&#xA;protobuf-net可通过NuGet安装程序包，也可直接访问github下载源码：https:/
C#开源类库SimpleTCP
工作中经常遇到需要实现TCP客户端或服务端的时候，如果每次都自己写会很麻烦且无聊，使用SuperSocket库又太大了。这时候就可以使用SimpleTCP了，当然仅限于C#语言。&#xA;SimpleTCP是一个简单且非常有用的 .NET 库，用于处理启动和使用 TCP 套接字（客户端和服务器）的重复性任务
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot