汉王手写签批控件如何在谷歌、火狐、Edge等浏览器使用
背景
近日，有网友咨询汉王手写签批控件是否可以通过allWebPlugin中间件技术加载到谷歌、火狐、Edge等浏览器？为此，笔者详细了解了一下汉王手写签批控件，它是一个标准的ActiveX控件，曾经主要在IE浏览器使用，由于微软禁用IE浏览器，导致汉王手写签批控件无法使用。因此，网友希望能在谷歌、火狐、Edge等浏览器上使用这个控件。
allWebPlugin中间件是一款为用户提供安全、可靠、便捷的浏览器插件服务的中间件产品，致力于将浏览器插件重新应用到所有浏览器。它不仅可以实现ActiveX控件在现代浏览器上使用，而且集成也非常方便。
准备工作
1、下载allWebPlugin中间件产品，具体如下：
链接：百度网盘 请输入提取码
提取码：z3q0
如下图所示，下载allWebPlugin_x86_v2.0.0.20_alpha_演示包_20240908.zip安装包。
2、下载汉王手写签批控件，笔者百度网盘放了一份汉王手写签批控件demo实例。具体如下：
链接：百度网盘 请输入提取码
提取码：z3q0
如下图所示，下载ESP370ocx正式版-20150515.zip安装包。
下载以上内容，并安装。
汉王手写签批控件demo展示
下面将展示汉王手写签批控件demo html源代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>汉王手写签批测试页面</title><style type="text/css">.style1{font-size: xx-large;font-family: 宋体, Arial, Helvetica, sans-serif;color: #FF3399;}.style2{font-size: 16px;font-family: 宋体, Arial, Helvetica, sans-serif;color: #FF3399;}.style3{font-size: 12px;font-family: 宋体, Arial, Helvetica, sans-serif;color: #000000;}.style4{font-size: 12px;font-family: 宋体, Arial, Helvetica, sans-serif;color: #FF0000;}</style><script language="javascript" type="text/javascript">penwidth = 3;var obj;window.onload = function(){ obj = document.getElementById("HWPenSign"); obj.HWSetBkColor(0xE0F8E0); obj.HWSetCtlFrame(2, 0x000000);}function Button1_onclick() {res = obj.HWInitialize();
}function Button2_onclick() {var stream;stream = obj.HWFinalize();
}function Button3_onclick() {obj.HWClearPenSign();
}function Button6_onclick() {obj.HWSetPenColor(0x000000);
}function Button7_onclick() {obj.HWSetPenColor(0xFF0000);
}function Button8_onclick() {obj.HWSetPenColor(0x00FF00);
}function Button9_onclick() {obj.HWSetPenColor(0x0000FF);
}function Button10_onclick() {penwidth++;if(penwidth >5)penwidth = 5;obj.HWSetPenWidth(penwidth);
}function Button11_onclick() {penwidth--;if(penwidth < 1)penwidth = 1;obj.HWSetPenWidth(penwidth);
}function Button12_onclick() {obj.HWSetPenMode(1);
}function Button13_onclick() {obj.HWSetPenMode(0);
}function Button14_onclick() {var stream;stream = obj.HWGetBase64Stream(2);alert(stream);
}function Button15_onclick() {obj.HWSetFilePath("e:\\sign.jpg"); obj.HWSaveFile();
}function signComplete() {Button14_onclick();
}function signRestart() {;
}</script></head>
<body><p align="center"><b><span class="style1">汉王手写签批控件Demo</span><br class="style1" /></p><p style="margin-left: 40px"><b><span class="style2">Demo使用说明</span>:</p><p style="margin-left: 40px"><span class="style3"> (1) "初始化设备" ：打开设备，汉王手写板进入签字模式。 因为对设备是独占式的访问，所以在重新进行"初始化设备"动作之前，必须确保已经"关闭设备"。对应接口函数为HWInitialize()。<br /><br />(2) "关闭设备"：关闭设备，汉王手写板进入待机模式。对应接口函数为HWFinalize()。</span></p><p style="margin-left: 40px"><span class="style3">(3) "重新签名": 清空手写控件界面及汉王手写板上的笔迹。对应接口函数为HWClearPenSign()。<br /><br />(4) "笔宽加粗"/"笔宽减细"：调整画笔的粗细，支持5级设置，默认为3级。对应接口函数为HWSetPenWidth()。<br /><br />(5) "画笔颜色"：设置画笔的颜色。默认为黑色。对应接口函数为HWSetPenColor()。<br><br>(6)"压力笔"/"钢笔"："压力笔"模式下，笔迹会随着压感发生粗细变化。"钢笔"模式下，笔迹粗细不变。对应接口函数为HWSetPenMode()。</span></p><p style="margin-left: 40px"><span class="style3">(7)"保存图像": 将图像保存至指定路径，对应接口函数为HWSaveFile()。调用此函数之前，请先调用HWSetFilePath()设置保存路径。支持图像格式为:bmp /jpg /png /gif。<br><br>(8)"Base64Stream": 支持将图像转化为Base64数据流，以便于网络间的传输。</span></p><p style="margin-left: 40px"><span class="style3">各接口函数的参数和返回值详情，请查阅“汉王手写签批控件接口文档.doc”。</span></p><p style="margin-left: 40px"><br class="style1" /> <b></p><table width="90%" border="0" align="center" cellpadding="3" cellspacing="0"> <tr class="style7"><td width="30%" vAlign="center" height="217" align="right"><P>签字区域： </P></td> <td align="left"><object id="HWPenSign"name="HWPenSign"classid="clsid:E8F5278C-0C72-4561-8F7E-CCBC3E48C2E3"width="600"height="300"></object></td></tr> </table><p>
</p> <p>
</p><p style="margin-left: 500px">签名控制： <input id = "button1" type ="button" value="初始化设备" onclick ="return Button1_onclick()" /> <input id = "button2" type ="button" value="关闭设备" onclick ="return Button2_onclick()" /> <input id="Button3" type="button" value="重新签名" onclick="return Button3_onclick()" /><br><br> 画笔控制：<input id="Button6" type="button" value="黑色" onclick="return Button6_onclick()" /> <input id="Button7" type="button" value="红色" onclick="return Button7_onclick()" /> <input id="Button8" type="button" value="绿色" onclick="return Button8_onclick()" /> <input id="Button9" type="button" value="蓝色" onclick="return Button9_onclick()" /><br><br> <input id="Button10" type="button" value="笔宽加粗" onclick="return Button10_onclick()" /> <input id="Button11" type="button" value="笔宽减细" onclick="return Button11_onclick()" /> <br><br> <input id="Button12" type="button" value="压力笔" onclick="return Button12_onclick()" /> <input id="Button13" type="button" value="钢笔" onclick="return Button13_onclick()" /><br><br>签名图像: <input id="Button14" type="button" value="Base64Stream" onclick="return Button14_onclick()" /> <input id="Button15" type="button" value="保存图像" onclick="return Button15_onclick()" /> <br><br> </p>
</body>
</html>allWebPlugin中间件集成步骤
第一步：导入js相关文件
导入jquery.min.js，allWebPlugin.Common.js，allWebPlugin.UI.js文件。
<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/allWebPlugin.Common.js"></script><script type="text/javascript" src="js/allWebPlugin.UI.js"></script> 第二步：替换<object>页面元素代码
将网页中<object>元素替换成<canvas>元素。如下图所示：
<td align="left">
<!--object id="HWPenSign"name="HWPenSign"classid="clsid:E8F5278C-0C72-4561-8F7E-CCBC3E48C2E3"width="600"height="300"></object-->
<canvas id="pluginUI" width="600" height="300">
<p class="error">Sorry, It looks as though your browser does not support the canvas tag.</p>
</canvas>
</td>第三步：拷贝控件创建方法
拷贝控件创建方法CreateContainer及CreatePlugin，将其放到网页onload事件里面，方便页面加载时，创建控件对象。其中createProxyPlugin方法创建控件对象，需要传入控件的classid或者ProgID。
function CreateContainer(){var canvas = document.getElementById('pluginUI');var license = "9y4LEm/V6Su9+CP9ION3CqBZzsnSyJW2BIOmkgGdrKd6LsGVXCWlcRBxGfVF1XOPzC9WxlN0wrsQJJzy/Sb5YUhnxibuGY6cwTXP6MALEUEQFzXbytCCYZ8yuWbKwaSdWw5/nsk02HtT/EqxC9jsQEwXfCiLGpeyww5MszBO4EV6/Whk4dpno9z1IP+gYlZ5emPuZWPcA0xfdPfMd8CdZ7O2Y1kH4iqJRcUDZpZLQZzRaaxD4GC6rmYjAT+0hOxf741S1EV6EjTzdZdllR2Gc3/ho/O+lqeG77Lq/sI7eGuRrB92QT4P/dmWmDpM0Qg9AAAA8AEAAQMCpzvCVYrodJHnQlzcchghAVhG8HkPd/M3WbD7ikYNYSMNpadQHw22md/os+H8in1qcUBIUHlshxFEKT84jEPIP39iTN7E4IqEACvPF8duWkErP8vRvrSSxA67jQEesJV2RkXphVUw20qAYDXse5UBsLuIlpsfae59Q3VuDFyGZ9K7Rj3fGG7lMrQxhNPj0IkDKfsa/4S2vDl43A4JLdGE8PyHMOxOGWIBwAzTQvOIA2gT2bC8bUP2HnHz//04r8CZ848wnMgZ8ifdtBGgPIIvhvhNvdHNW3d7GDWIFz7migklvNukCsVNhNjck73Co8JMQppp5n4RY5Ck0DdBVe1iogABAYICCgGCMEGy6w+KRf1qX5NoDdyEKnrHfuE5hco4f/fwKsNo3Dwo1sUFB9hbxusOUSAAyYDfvQWc4CdxoSf7kM4ojInlHHvTw0ppKCFV7H17iDOXdJFKZmkjeFCeubn3VezepCvW1+Z9s84M2uILZgIGw7eIQ/je0Bz+qEWyiqWbA4QYiTHzUwQtZyntNcqYpS0PxXXmV9I21wh48DIV/9DTeZW5OZwRcHivVXFaqW2uxngqGdbw1xyJ9AMhrGdt9S2R2rd1jzNq7ddiKN09TCt806vlF1zGAxb5zq6WjwPxeG7aoE33cTRnEg5WvNM4puhmYOWYi61D8j8lzXheUCJGpsw39CoAAAEOAAAAAUFXUEY="; var installPackageUrl = "http://127.0.0.1:6651/install/allwebPlugin_x86_v2.0.1.16_20240806.exe";var installPackageVersion = "2.0.0.16"; hostCnt = new PluginHostCnt();if(hostCnt.IsInstall() == false){//未安装，需要手动安装if(confirm("allWebPlugin中间件未安装或未启动,是否立即安装？")){window.open(installPackageUrl, '_blank');}}else{//已安装，检测是否需要版本更新if(hostCnt.IsNewVersion(installPackageVersion) == false){if(hostCnt.createContainer(canvas,"PluginContainer",license,true) == true){ //hostCnt.UI.ForceShowUI(false);//创建时隐藏插件,需要调用这句，隐藏插件hostCnt.RegisterEvent("OnCreated;OnCommand;OnRibbonCtrlCommand;OnOLECommand");CreatePlugin();}}else{//需要升级alert("检测到升级包,立即升级。");hostCnt.UpdateVersion(installPackageUrl).then(function(data){if(data.code == 0){ //检测是否安装成功var checkInstall = setInterval(function(){if(hostCnt.GetVersion() == installPackageVersion){window.location.reload();clearTimeout(checkInstall);}}, 1000);}else{window.open(installPackageUrl, '_blank');//直接下载包，手动安装}}).catch(function(strErr){window.open(installPackageUrl, '_blank');//直接下载包，手动安装});}}
}function CreatePlugin(){if(hostCnt == null)return;obj = hostCnt.createProxyPlugin("{E8F5278C-0C72-4561-8F7E-CCBC3E48C2E3}");
}
第四步：运行效果
到此，汉王手写签批控件就集成完了。运行效果如下:
集成allWebPlugin完整代码
为了方便大家了解allWebPlugin中间件技术，现将集成实例代码提供出来，如下如所示：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>汉王手写签批测试页面</title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><style type="text/css">.style1{font-size: xx-large;font-family: 宋体, Arial, Helvetica, sans-serif;color: #FF3399;}.style2{font-size: 16px;font-family: 宋体, Arial, Helvetica, sans-serif;color: #FF3399;}.style3{font-size: 12px;font-family: 宋体, Arial, Helvetica, sans-serif;color: #000000;}.style4{font-size: 12px;font-family: 宋体, Arial, Helvetica, sans-serif;color: #FF0000;}</style><script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/allWebPlugin.Common.js"></script><script type="text/javascript" src="js/allWebPlugin.UI.js"></script>
<script language="javascript" type="text/javascript">penwidth = 3;var obj;var hostCnt = null;
window.onload = function(){ //obj = document.getElementById("HWPenSign");CreateContainer();obj.HWSetBkColor(0xE0F8E0); obj.HWSetCtlFrame(2, 0x000000);}
function CreateContainer(){var canvas = document.getElementById('pluginUI');var license = "9y4LEm/V6Su9+CP9ION3CqBZzsnSyJW2BIOmkgGdrKd6LsGVXCWlcRBxGfVF1XOPzC9WxlN0wrsQJJzy/Sb5YUhnxibuGY6cwTXP6MALEUEQFzXbytCCYZ8yuWbKwaSdWw5/nsk02HtT/EqxC9jsQEwXfCiLGpeyww5MszBO4EV6/Whk4dpno9z1IP+gYlZ5emPuZWPcA0xfdPfMd8CdZ7O2Y1kH4iqJRcUDZpZLQZzRaaxD4GC6rmYjAT+0hOxf741S1EV6EjTzdZdllR2Gc3/ho/O+lqeG77Lq/sI7eGuRrB92QT4P/dmWmDpM0Qg9AAAA8AEAAQMCpzvCVYrodJHnQlzcchghAVhG8HkPd/M3WbD7ikYNYSMNpadQHw22md/os+H8in1qcUBIUHlshxFEKT84jEPIP39iTN7E4IqEACvPF8duWkErP8vRvrSSxA67jQEesJV2RkXphVUw20qAYDXse5UBsLuIlpsfae59Q3VuDFyGZ9K7Rj3fGG7lMrQxhNPj0IkDKfsa/4S2vDl43A4JLdGE8PyHMOxOGWIBwAzTQvOIA2gT2bC8bUP2HnHz//04r8CZ848wnMgZ8ifdtBGgPIIvhvhNvdHNW3d7GDWIFz7migklvNukCsVNhNjck73Co8JMQppp5n4RY5Ck0DdBVe1iogABAYICCgGCMEGy6w+KRf1qX5NoDdyEKnrHfuE5hco4f/fwKsNo3Dwo1sUFB9hbxusOUSAAyYDfvQWc4CdxoSf7kM4ojInlHHvTw0ppKCFV7H17iDOXdJFKZmkjeFCeubn3VezepCvW1+Z9s84M2uILZgIGw7eIQ/je0Bz+qEWyiqWbA4QYiTHzUwQtZyntNcqYpS0PxXXmV9I21wh48DIV/9DTeZW5OZwRcHivVXFaqW2uxngqGdbw1xyJ9AMhrGdt9S2R2rd1jzNq7ddiKN09TCt806vlF1zGAxb5zq6WjwPxeG7aoE33cTRnEg5WvNM4puhmYOWYi61D8j8lzXheUCJGpsw39CoAAAEOAAAAAUFXUEY="; var installPackageUrl = "http://127.0.0.1:6651/install/allwebPlugin_x86_v2.0.1.16_20240806.exe";var installPackageVersion = "2.0.0.16"; hostCnt = new PluginHostCnt();if(hostCnt.IsInstall() == false){//未安装，需要手动安装if(confirm("allWebPlugin中间件未安装或未启动,是否立即安装？")){window.open(installPackageUrl, '_blank');}}else{//已安装，检测是否需要版本更新if(hostCnt.IsNewVersion(installPackageVersion) == false){if(hostCnt.createContainer(canvas,"PluginContainer",license,true) == true){ //hostCnt.UI.ForceShowUI(false);//创建时隐藏插件,需要调用这句，隐藏插件hostCnt.RegisterEvent("OnCreated;OnCommand;OnRibbonCtrlCommand;OnOLECommand");CreatePlugin();}}else{//需要升级alert("检测到升级包,立即升级。");hostCnt.UpdateVersion(installPackageUrl).then(function(data){if(data.code == 0){ //检测是否安装成功var checkInstall = setInterval(function(){if(hostCnt.GetVersion() == installPackageVersion){window.location.reload();clearTimeout(checkInstall);}}, 1000);}else{window.open(installPackageUrl, '_blank');//直接下载包，手动安装}}).catch(function(strErr){window.open(installPackageUrl, '_blank');//直接下载包，手动安装});}}
}function CreatePlugin(){if(hostCnt == null)return;//{6888ECA8-57D0-6E0E-9B9B-F1FF9B2DBD86} allWebOffice//{C7F277DC-6C47-AB2C-FB6A-070DC8BE7533} suwellreader//{D89F482C-5045-4DB5-8C53-D2C9EE71D025} 老东家iWebOffice2015//{9BE31822-FDAD-461B-AD51-BE1D1C159921} VLC//{082ECC40-38F1-4E8F-82D3-216009A96686} RSignReaderobj = hostCnt.createProxyPlugin("{E8F5278C-0C72-4561-8F7E-CCBC3E48C2E3}");
}function Button1_onclick() {res = obj.HWInitialize();
}function Button2_onclick() {var stream;stream = obj.HWFinalize();
}function Button3_onclick() {obj.HWClearPenSign();
}function Button6_onclick() {obj.HWSetPenColor(0x000000);
}function Button7_onclick() {obj.HWSetPenColor(0xFF0000);
}function Button8_onclick() {obj.HWSetPenColor(0x00FF00);
}function Button9_onclick() {obj.HWSetPenColor(0x0000FF);
}function Button10_onclick() {penwidth++;if(penwidth >5)penwidth = 5;obj.HWSetPenWidth(penwidth);
}function Button11_onclick() {penwidth--;if(penwidth < 1)penwidth = 1;obj.HWSetPenWidth(penwidth);
}function Button12_onclick() {obj.HWSetPenMode(1);
}function Button13_onclick() {obj.HWSetPenMode(0);
}function Button14_onclick() {var stream;stream = obj.HWGetBase64Stream(2);alert(stream);
}function Button15_onclick() {obj.HWSetFilePath("e:\\sign.jpg"); obj.HWSaveFile();
}function signComplete() {Button14_onclick();
}function signRestart() {;
}</script></head>
<body><p align="center"><b><span class="style1">汉王手写签批控件Demo</span><br class="style1" /></p><p style="margin-left: 40px"><b><span class="style2">Demo使用说明</span>:</p><p style="margin-left: 40px"><span class="style3"> (1) "初始化设备" ：打开设备，汉王手写板进入签字模式。 因为对设备是独占式的访问，所以在重新进行"初始化设备"动作之前，必须确保已经"关闭设备"。对应接口函数为HWInitialize()。<br /><br />(2) "关闭设备"：关闭设备，汉王手写板进入待机模式。对应接口函数为HWFinalize()。</span></p><p style="margin-left: 40px"><span class="style3">(3) "重新签名": 清空手写控件界面及汉王手写板上的笔迹。对应接口函数为HWClearPenSign()。<br /><br />(4) "笔宽加粗"/"笔宽减细"：调整画笔的粗细，支持5级设置，默认为3级。对应接口函数为HWSetPenWidth()。<br /><br />(5) "画笔颜色"：设置画笔的颜色。默认为黑色。对应接口函数为HWSetPenColor()。<br><br>(6)"压力笔"/"钢笔"："压力笔"模式下，笔迹会随着压感发生粗细变化。"钢笔"模式下，笔迹粗细不变。对应接口函数为HWSetPenMode()。</span></p><p style="margin-left: 40px"><span class="style3">(7)"保存图像": 将图像保存至指定路径，对应接口函数为HWSaveFile()。调用此函数之前，请先调用HWSetFilePath()设置保存路径。支持图像格式为:bmp /jpg /png /gif。<br><br>(8)"Base64Stream": 支持将图像转化为Base64数据流，以便于网络间的传输。</span></p><p style="margin-left: 40px"><span class="style3">各接口函数的参数和返回值详情，请查阅“汉王手写签批控件接口文档.doc”。</span></p><p style="margin-left: 40px"><br class="style1" /> <b></p><table width="90%" border="0" align="center" cellpadding="3" cellspacing="0"> <tr class="style7"><td width="30%" vAlign="center" height="217" align="right"><P>签字区域： </P></td> <td align="left"><!--object id="HWPenSign"name="HWPenSign"classid="clsid:E8F5278C-0C72-4561-8F7E-CCBC3E48C2E3"width="600"height="300"></object--><canvas id="pluginUI" width="600" height="300"><p class="error">Sorry, It looks as though your browser does not support the canvas tag.</p></canvas></td></tr> </table><p>
</p> <p>
</p><p style="margin-left: 500px">签名控制： <input id = "button1" type ="button" value="初始化设备" onclick ="return Button1_onclick()" /> <input id = "button2" type ="button" value="关闭设备" onclick ="return Button2_onclick()" /> <input id="Button3" type="button" value="重新签名" onclick="return Button3_onclick()" /><br><br> 画笔控制：<input id="Button6" type="button" value="黑色" onclick="return Button6_onclick()" /> <input id="Button7" type="button" value="红色" onclick="return Button7_onclick()" /> <input id="Button8" type="button" value="绿色" onclick="return Button8_onclick()" /> <input id="Button9" type="button" value="蓝色" onclick="return Button9_onclick()" /><br><br> <input id="Button10" type="button" value="笔宽加粗" onclick="return Button10_onclick()" /> <input id="Button11" type="button" value="笔宽减细" onclick="return Button11_onclick()" /> <br><br> <input id="Button12" type="button" value="压力笔" onclick="return Button12_onclick()" /> <input id="Button13" type="button" value="钢笔" onclick="return Button13_onclick()" /><br><br>签名图像: <input id="Button14" type="button" value="Base64Stream" onclick="return Button14_onclick()" /> <input id="Button15" type="button" value="保存图像" onclick="return Button15_onclick()" /> <br><br> </p>
</body>
</html>相关文章：
汉王手写签批控件如何在谷歌、火狐、Edge等浏览器使用
背景 近日，有网友咨询汉王手写签批控件是否可以通过allWebPlugin中间件技术加载到谷歌、火狐、Edge等浏览器？为此，笔者详细了解了一下汉王手写签批控件，它是一个标准的ActiveX控件，曾经主要在IE浏览器使用，…...
Halo 开发者指南——项目运行、构建
准备工作 环境要求 OpenJDK 17 LTSNode.js 20 LTSpnpm 9IntelliJ IDEAGitDocker（可选） 名词解释 工作目录 指 Halo 所依赖的工作目录，在 Halo 运行的时候会在系统当前用户目录下产生一个 halo-next 的文件夹，绝对路径为 ~/ha…...
【C++】——list
文章目录 list介绍和使用list注意事项 list模拟实现list和vector的不同 list介绍和使用 在C中，list是一个带头双向链表 list注意事项 迭代器失效 删除元素：当使用迭代器删除一个元素时，指向该元素的迭代器会失效，但是不会影响其他…...
07_Python数据类型_集合
Python的基础数据类型 数值类型：整数、浮点数、复数、布尔字符串容器类型：列表、元祖、字典、集合 集合 集合（set）是Python中一个非常强大的数据类型，它存储的是一组无序且不重复的元素，集合中的元素必须…...
结合人工智能，大数据，物联网等主流技术实现业务流程的闭环整合的名厨亮灶开源了
明厨亮灶视频监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒，省去繁琐重复的适配流程，实现芯片、算法、应用的全流程组合，从而大大减少企业级应用约95%的开发成本。AI技术可以24小时…...
vue环境搭建相关介绍
一、路由管理器说明 1.route：译为路由，可以理解为单个路由或者某一个路由。 2.routes：路由集合，可以理解为多个route的集合。 3.router：路由器，可以理解为路由集合的管理者。例如，当我们在页面…...
MyBatis系统学习（四）——MyBatis的关联映射和缓存机制
MyBatis 是一个优秀的持久层框架，它通过 XML 或注解将 Java 对象与 SQL 语句相映射，简化了 JDBC 代码，增强了 SQL 的灵活性。在复杂业务场景中，数据库表之间经常存在一对一、一对多、多对多的关联关系，MyBatis 提供了相…...
【iOS】present和push
【iOS】present和push present和push的比较 present和push都用于iOS的视图切换，并且切换都是可逆的，原始视图不会被销毁，还可以直接更改window的rootViewController来切换视图，但是这种方法不可逆，并且原始视图会被销毁…...
Axure RP 9最新安装程序及汉化包下载（支持Win、Mac版，附下载安装教程）
数月前Axure RP官方已经发布了Axure RP 9的消息，并计划在今年夏天发布beta版本。新版Axure RP 9将是该工具向前迈出的重要一步，其中包括一系列广泛的改进：全面的UI修改，新的设计和文档功能以及前所未有的内部优化。我们已经彻底重…...
k8s环境搭建（续）
查看节点信息并做快照 kubectl get nodes 将components.yml文件上传到master主机 创建nginx，会在添加一个新的pod kubectl run nginx --imagesnginx:latest 查看nginx的pod信息 [rootk8s-master ~]# kubectl get po -Aowide|grep nginx 出现错误，查…...
kali——binwalk的使用
目录 前言 使用方法 分析文件 分离文件 前言 binwalk是一个用于分析、逆向工程和提取固件映像的工具。 binwalk能够分析固件映像文件，识别其中包含的文件。例如，它可以从一个设备固件中提取出压缩文件或图片等嵌入内容。 使用方法 分析文件 binwa…...
Ubuntu 24.04中安装virtualenv
在Ubuntu 24.04中安装virtualenv，可以按照以下步骤进行： 1. 确保Python已安装： 在终端中输入python --version或python3 --version来检查Python的安装情况。 python3 --version2. 安装pip（如果尚未安装）&#x…...
一个简约的uniapp登录界面，基于uniapp+vue3+uview-plus
uniapp-vue3-template 一个简约的uniapp登录界面，基于uniappvue3uview-plus 页面主要包括：用户登录，手机验证码登录，用户注册，重置密码等页面 登录进去后为空白模板 源码在文末 界面 源码 uniapp登录界面源码...
系统架构设计师 需求分析篇二
📘 面向对象分析方法 1. 用例模型 📈 构建用例模型一般需要经历 4 个阶段： 识别参与者 🔍：识别与系统交互的所有事物。合并需求获得用例 🔗：将需求分配给予其相关的参与者。细化用例描述 &am…...
IP 协议分析《实验报告》
目录 一、 实验目的 二、实验设备和环境 三、实验记录 1、实验环境搭建 2、IP 协议分析 1.设置抓包接口 2.IP 报文分析 3.报文长度计算 4.生存时间 TTL 5.分析总结 3、IP分片 1.IP 分片简介 2.捕获分组 3.结果分析 一、 实验目的 1、掌握 IP 协议数据报格式&…...
人工智能开发实战matplotlib库应用基础
内容导读 matplotlib简介绘制直方图绘制撒点图 一、matplotlib简介 matplotlib是一个Python 2D绘图库，它以多种硬拷贝格式和跨平台的交互式环境生成高质量的图形。 matplotlib 尝试使容易的事情变得更容易，使困难的事情变得可能。 我们只需几行代码…...
Android 源码集成可卸载 APP
android系统包含三类APP: 1、可自由卸载APP安装在 /data/app目录下。 2、系统APP放在 /system/app目录。 3、特权APP放在 /system/priv-app目录。 系统编译后，打包前， /data分区不起作用，因此系统打包前，可以先将APP全部拷贝到 /…...
cJSON-轻量级解析模块、字符串的神——编织STM32C8T6与阿里云信息传递的纽带
编写方向：本人就不泛泛的编写一篇什么一文学会cJSON了，没什么突出点，也就我水水字数，你们看来看去也不懂，本人是从上阿里云传信息接触的cJSON的，我就此写一篇针对性的文章，希望对大家有用&#…...
【Git】Clone
当git clone失败时，出现 RPC failed; curl 92 HTTP/2 stream 0 was not closed cleanly: CANCEL (err 8) 错误，可能由于网络连接不稳定或仓库太大导致的。 可以尝试以下几种方法来解决这个问题： 增加 Git 的缓冲区大小： git confi…...
web开发 之 HTML、CSS、JavaScript、以及JavaScript的高级框架Vue（学习版2）
一、前言 接下来就是来解决这些问题 二、 Ajax 1.ajax javscript是网页三剑客之一，空用来控制网页的行为的 xml是一种标记语言，是用来存储数据的 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-…...
生成xcframework
打包 XCFramework 的方法 XCFramework 是苹果推出的一种多平台二进制分发格式，可以包含多个架构和平台的代码。打包 XCFramework 通常用于分发库或框架。 使用 Xcode 命令行工具打包 通过 xcodebuild 命令可以打包 XCFramework。确保项目已经配置好需要支持的平台…...
【SpringBoot】100、SpringBoot中使用自定义注解+AOP实现参数自动解密
在实际项目中，用户注册、登录、修改密码等操作，都涉及到参数传输安全问题。所以我们需要在前端对账户、密码等敏感信息加密传输，在后端接收到数据后能自动解密。 1、引入依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId...
AtCoder 第409场初级竞赛 A~E题解
A Conflict 【题目链接】 原题链接：A - Conflict 【考点】 枚举 【题目大意】 找到是否有两人都想要的物品。 【解析】 遍历两端字符串，只有在同时为 o 时输出 Yes 并结束程序，否则输出 No。 【难度】 GESP三级 【代码参考】 #i…...
Linux简单的操作
ls ls 查看当前目录 ll 查看详细内容 ls -a 查看所有的内容 ls --help 查看方法文档 pwd pwd 查看当前路径 cd cd 转路径 cd .. 转上一级路径 cd 名 转换路径 …...
django filter 统计数量 按属性去重
在Django中，如果你想要根据某个属性对查询集进行去重并统计数量，你可以使用values()方法配合annotate()方法来实现。这里有两种常见的方法来完成这个需求： 方法1：使用annotate()和Count 假设你有一个模型Item，并且你想…...
渲染学进阶内容——模型
最近在写模组的时候发现渲染器里面离不开模型的定义，在渲染的第二篇文章中简单的讲解了一下关于模型部分的内容，其实不管是方块还是方块实体，都离不开模型的内容 🧱 一、CubeListBuilder 功能解析 CubeListBuilder 是 Minecraft Java 版模型系统的核心构建器，用于动态创…...
WEB3全栈开发——面试专业技能点P2智能合约开发（Solidity）
一、Solidity合约开发 下面是 Solidity 合约开发 的概念、代码示例及讲解，适合用作学习或写简历项目背景说明。 🧠 一、概念简介：Solidity 合约开发 Solidity 是一种专门为 以太坊（Ethereum）平台编写智能合约的高级编…...
Ascend NPU上适配Step-Audio模型
1 概述 1.1 简述 Step-Audio 是业界首个集语音理解与生成控制一体化的产品级开源实时语音对话系统，支持多语言对话（如 中文，英文，日语），语音情感（如 开心，悲伤）&#x…...
华硕a豆14 Air香氛版，美学与科技的馨香融合
在快节奏的现代生活中，我们渴望一个能激发创想、愉悦感官的工作与生活伙伴，它不仅是冰冷的科技工具，更能触动我们内心深处的细腻情感。正是在这样的期许下，华硕a豆14 Air香氛版翩然而至，它以一种前所未有的方式&#x…...
【7色560页】职场可视化逻辑图高级数据分析PPT模版
7种色调职场工作汇报PPT，橙蓝、黑红、红蓝、蓝橙灰、浅蓝、浅绿、深蓝七种色调模版 【7色560页】职场可视化逻辑图高级数据分析PPT模版：职场可视化逻辑图分析PPT模版https://pan.quark.cn/s/78aeabbd92d1...