tiida2011
tiida2011

wiwiz认证页面代码 - 实现招待券与短信验证两种认证方式任选

最近客户出了一个难题，希望同时使用手机号码短信验证 和 电子招待券 两种认证方式，而且希望可以让客户二选一，也就是既能用招待券认证，也可以用手机号码认证。这样店内的人和有招待券的客人和只希望用手机号码上网的人都能进行认证。
难的地方在于wiwiz本身虽然支持同时设置这两种认证方式，但如果同时启用，认证的时候就必须同时满足这两个认证条件，而不能二选一。
经过一个朋友的帮助，终于用自己写的认证页面代码解决了这个问题。
原理是，先在Wiwiz后台设置一个默认的电子招待券（我叫它万能招待券），和一个万能手机验证码。
当用户选择电子招待券认证模式时，就用Javascript随便设置一个手机号，手机验证码设为之前设置的万能验证码，并且在页面上隐藏手机号和万能验证码。反过来，如果用户选择手机号码认证模式时，就用Javascript随便设置之前设置的万能招待券并隐藏。

认证页面截屏如下：
 

认证页面代码如下：
（代码中的MAGIC_VOUCHER和MAGIC_MOBILE_CODE就是在Wiwiz后台设置的万能招待券和万能手机验证码）

  
  
  
  
    
   
   
   
   
  1. <html> 
    2. 
   
   
   
   
  2. <head> 
    3. 
   
   
   
   
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    4. 
   
   
   
   
  4. <meta http-equiv="Content-Language" content="zh"> 
    5. 
   
   
   
   
  5. <meta http-equiv="Pragma" content="no-cache"> 
    6. 
   
   
   
   
  6. <meta http-equiv="Cache-Control" content="no-cache"> 
    7. 
   
   
   
   
  7. <meta name="viewport" content="user-scalable=no, width=device-width" />   
    8. 
   
   
   
   
  8. <style type="text/css"> 
    9. 
   
   
   
   
  9.  
    10. 
   
   
   
   
  10. <!--  
    11. 
   
   
   
   
  11. h1 { color: #841c39; } 
    12. 
   
   
   
   
  12. td { color: #841c39; } 
    13. 
   
   
   
   
  13. { color: #841c39; } 
    14. 
   
   
   
   
  14. a {color: #841c39;} 
    15. 
   
   
   
   
  15.  
    16. 
   
   
   
   
  16. --> 
    17. 
   
   
   
   
  17. </style> 
    18. 
   
   
   
   
  18.  
    19. 
   
   
   
   
  19. <!-- 必须引入AuthPageScript.js --> 
    20. 
   
   
   
   
  20. <script src="/as/AuthPageScript.js"></script> 
    21. 
   
   
   
   
  21. <script> 
    22. 
   
   
   
   
  22. /* 自定义部分 */ 
    23. 
   
   
   
   
  23. var MAGIC_VOUCHER = "MagicVoucher3C3f3eollpoi0OC";         
    24. 
   
   
   
   
  24. var MAGIC_MOBILE = "13011112222"; 
    25. 
   
   
   
   
  25. var MAGIC_MOBILE_CODE = "MagicMobileCode9c3iIl10OA"; 
    26. 
   
   
   
   
  26.  
    27. 
   
   
   
   
  27. function $(id) { 
    28. 
   
   
   
   
  28.         return document.getElementById(id); 
    29. 
   
   
   
   
  29. } 
    30. 
   
   
   
   
  30.  
    31. 
   
   
   
   
  31. /* 用电子招待券认证 */ 
    32. 
   
   
   
   
  32. function onVoucher() { 
    33. 
   
   
   
   
  33.         $("spVoucher").style.display = ""; 
    34. 
   
   
   
   
  34.         $("spMobile").style.display = "none"; 
    35. 
   
   
   
   
  35.          
    36. 
   
   
   
   
  36.         $("linkVoucher").style.fontWeight = "bold"; 
    37. 
   
   
   
   
  37.         $("linkMobile").style.fontWeight = "normal"; 
    38. 
   
   
   
   
  38.         $("spMarkVoucher").innerHTML = "▶"; 
    39. 
   
   
   
   
  39.         $("spMarkMobile").innerHTML = ""; 
    40. 
   
   
   
   
  40.          
    41. 
   
   
   
   
  41.         $("voucher").value = ""; 
    42. 
   
   
   
   
  42.         $("phonenum").value = MAGIC_MOBILE; 
    43. 
   
   
   
   
  43.         $("phonecode").value = MAGIC_MOBILE_CODE; 
    44. 
   
   
   
   
  44. } 
    45. 
   
   
   
   
  45.  
    46. 
   
   
   
   
  46. /* 用手机号码（短信验证）认证 */ 
    47. 
   
   
   
   
  47. function onMobile() { 
    48. 
   
   
   
   
  48.         $("spVoucher").style.display = "none"; 
    49. 
   
   
   
   
  49.         $("spMobile").style.display = ""; 
    50. 
   
   
   
   
  50.  
    51. 
   
   
   
   
  51.         $("linkVoucher").style.fontWeight = "normal"; 
    52. 
   
   
   
   
  52.         $("linkMobile").style.fontWeight = "bold"; 
    53. 
   
   
   
   
  53.         $("spMarkVoucher").innerHTML = ""; 
    54. 
   
   
   
   
  54.         $("spMarkMobile").innerHTML = "▶";         
    55. 
   
   
   
   
  55.  
    56. 
   
   
   
   
  56.         $("voucher").value = MAGIC_VOUCHER; 
    57. 
   
   
   
   
  57.         $("phonenum").value = ""; 
    58. 
   
   
   
   
  58.         $("phonecode").value = ""; 
    59. 
   
   
   
   
  59. } 
    60. 
   
   
   
   
  60.  
    61. 
   
   
   
   
  61. /* 响应回车键 */ 
    62. 
   
   
   
   
  62. document.onkeydown = function(e){ 
    63. 
   
   
   
   
  63.         if(!e) e = window.event; 
    64. 
   
   
   
   
  64.         if((e.keyCode || e.which) == 13){ 
    65. 
   
   
   
   
  65.                 $("login").click(); return false;        //触发认证按钮 
    66. 
   
   
   
   
  66.         } 
    67. 
   
   
   
   
  67. } 
    68. 
   
   
   
   
  68.  
    69. 
   
   
   
   
  69. /* 以下为需要对接Wiwiz所需的函数 */ 
    70. 
   
   
   
   
  70. /* 回调函数。“获取验证码”按钮按下后，将自动调用此函数。可根据code值自行改写该函数。 */ 
    71. 
   
   
   
   
  71. function WiwizSmsVerifyMsg(code) { 
    72. 
   
   
   
   
  72.         if      (code == "-1") { 
    73. 
   
   
   
   
  73.                 alert("手机号码不可为空!"); 
    74. 
   
   
   
   
  74.         } else if(code == "0") { 
    75. 
   
   
   
   
  75.                 alert("验证码已通过短信发送至您的手机，请注意查收。然后请在认证页面输入验证码。"); 
    76. 
   
   
   
   
  76.         } else if(code == "1") { 
    77. 
   
   
   
   
  77.                 alert("该热点不允许进行手机号码验证。如有疑问请您联系热点管理员。"); 
    78. 
   
   
   
   
  78.         } else if(code == "2") { 
    79. 
   
   
   
   
  79.                 alert("该热点不允许进行手机号码验证。如有疑问请您联系热点管理员。"); 
    80. 
   
   
   
   
  80.         } else if(code == "3") { 
    81. 
   
   
   
   
  81.                 alert("该手机号码不允许进行验证。如有疑问请您联系热点管理员。"); 
    82. 
   
   
   
   
  82.         } else if(code == "4") { 
    83. 
   
   
   
   
  83.                 alert("手机号码验证过于频繁，请稍后再试。"); 
    84. 
   
   
   
   
  84.         } else if(code == "5") { 
    85. 
   
   
   
   
  85.                 alert("该手机号码进行验证次数已超过今日上限。"); 
    86. 
   
   
   
   
  86.         } else if(code == "6") { 
    87. 
   
   
   
   
  87.                 alert("热点认证服务已暂停，不可进行手机验证。"); 
    88. 
   
   
   
   
  88.         } else if(code == "7") { 
    89. 
   
   
   
   
  89.                 alert("该热点手机验证次数已超过配额。请联系热点管理员。"); 
    90. 
   
   
   
   
  90.         } else if(code == "8") { 
    91. 
   
   
   
   
  91.                 alert("请求已超时，请刷新认证页面。"); 
    92. 
   
   
   
   
  92.         } else if(code == "9") { 
    93. 
   
   
   
   
  93.                 alert("请使用上一次通过短信接收到的验证码。"); 
    94. 
   
   
   
   
  94.         } else if(code == "99") { 
    95. 
   
   
   
   
  95.                 alert("验证短信发送失败。请检查手机号码的有效性，或联系热点管理员。"); 
    96. 
   
   
   
   
  96.         } else if(code == "999") { 
    97. 
   
   
   
   
  97.                 alert("系统异常，验证短信发送失败。请联系热点管理员。"); 
    98. 
   
   
   
   
  98.         } else { 
    99. 
   
   
   
   
  99.                 alert("系统异常。请联系热点管理员。"); 
    100. 
   
   
   
   
  100.         } 
    101. 
   
   
   
   
  101. } 
    102. 
   
   
   
   
  102.  
    103. 
   
   
   
   
  103. /* 回调函数。“认证”按钮按下后，如报错将自动调用此函数。可根据code值自行改写该函数。 */ 
    104. 
   
   
   
   
  104. function WiwizAuthPageError(code) { 
    105. 
   
   
   
   
  105.         if       (code == 1) { 
    106. 
   
   
   
   
  106.                 alert("您无法使用此网络，除非您认同此协议条款。"); 
    107. 
   
   
   
   
  107.         } else if(code == 2) { 
    108. 
   
   
   
   
  108.                 alert("请输入用户名。"); 
    109. 
   
   
   
   
  109.         } else if(code == 3) { 
    110. 
   
   
   
   
  110.                 alert("用户名或密码错误。"); 
    111. 
   
   
   
   
  111.         } else if(code == 4) { 
    112. 
   
   
   
   
  112.                 alert("电子招待券无效。"); 
    113. 
   
   
   
   
  113.         } else if(code == 6) { 
    114. 
   
   
   
   
  114.                 alert("超过最大在线用户数。"); 
    115. 
   
   
   
   
  115.         } else if(code == 7) { 
    116. 
   
   
   
   
  116.                 alert("请输入手机号码。"); 
    117. 
   
   
   
   
  117.         } else if(code == 8) { 
    118. 
   
   
   
   
  118.                 alert("热点已停用。"); 
    119. 
   
   
   
   
  119.         } else if(code == 32) { 
    120. 
   
   
   
   
  120.                 alert("账户存在异常，暂时锁定中。"); 
    121. 
   
   
   
   
  121.         } else if(code == 35) { 
    122. 
   
   
   
   
  122.                 alert("手机验证码错误或已超时。"); 
    123. 
   
   
   
   
  123.         } else { 
    124. 
   
   
   
   
  124.                 alert("未知错误。错误码："+ code); 
    125. 
   
   
   
   
  125.         } 
    126. 
   
   
   
   
  126. } 
    127. 
   
   
   
   
  127. </script> 
    128. 
   
   
   
   
  128. </head> 
    129. 
   
   
   
   
  129. <!-- Body Onload 事件调用onVoucher() --> 
    130. 
   
   
   
   
  130. <body topmargin="0" leftmargin="0" onload="onVoucher();"> 
    131. 
   
   
   
   
  131.   
    132. 
   
   
   
   
  132. <form name="myform" id="myform" action="" method="post" onsubmit="alert(0);">  
    133. 
   
   
   
   
  133.  
    134. 
   
   
   
   
  134. <table width="100%" cellspacing="1" cellpadding="4" style="font-size:14px" bgcolor="#FFFFFF"> 
    135. 
   
   
   
   
  135. <tr align="center"> 
    136. 
   
   
   
   
  136.         <td width="100%"> 
    137. 
   
   
   
   
  137.                 <!-- 商户LOGO --> 
    138. 
   
   
   
   
  138.                 <img src=/as/s/uploaduserfile/?dl=0&fn=13c3970f650.png /> 
    139. 
   
   
   
   
  139.                 <br><br> 
    140. 
   
   
   
   
  140.                  
    141. 
   
   
   
   
  141.                 <span id="linkVoucher" style="font-weight:bold; font-size:14px"><span id="spMarkVoucher">▶</span><a href="#" onclick="onVoucher();return false;">用电子招待券认证</a></span>      
    142. 
   
   
   
   
  142.                 <span id="linkMobile" style="font-weight:normal; font-size:14px"><span id="spMarkMobile"></span><a href="#" onclick="onMobile();return false;">用手机号码认证</a></span> 
    143. 
   
   
   
   
  143.                 <br><br>                 
    144. 
   
   
   
   
  144.                  
    145. 
   
   
   
   
  145.                 <span id="spVoucher" style="display:"> 
    146. 
   
   
   
   
  146.                 <br> 
    147. 
   
   
   
   
  147.                 <table style="font-size:14px"> 
    148. 
   
   
   
   
  148.                 <tr> 
    149. 
   
   
   
   
  149.                         <td><b>电子招待券: </b></td> 
    150. 
   
   
   
   
  150.                         <td> 
    151. 
   
   
   
   
  151.                                 <!-- 参数: voucher 代表电子招待券 --> 
    152. 
   
   
   
   
  152.                                 <input name="voucher" id="voucher" type="text" style="width:140px" />                 
    153. 
   
   
   
   
  153.                         </td> 
    154. 
   
   
   
   
  154.                 </tr> 
    155. 
   
   
   
   
  155.                 <tr> 
    156. 
   
   
   
   
  156.                         <td colspan="2" align="center"><font style="font-size:12px;color:#666666">请向店员索取上网用电子招待券</font></td> 
    157. 
   
   
   
   
  157.                 </tr> 
    158. 
   
   
   
   
  158.                 </table> 
    159. 
   
   
   
   
  159.                 </span> 
    160. 
   
   
   
   
  160.          
    161. 
   
   
   
   
  161.                 <span id="spMobile" style="display:none"> 
    162. 
   
   
   
   
  162.                 <table style="font-size:14px"> 
    163. 
   
   
   
   
  163.                 <tr> 
    164. 
   
   
   
   
  164.                         <td><b>手机号码: </b></td> 
    165. 
   
   
   
   
  165.                         <td> 
    166. 
   
   
   
   
  166.                                 <!-- 参数: phonenum 代表手机号码 --> 
    167. 
   
   
   
   
  167.                                 <input name="phonenum" id="phonenum" type="text" value="" style="width:140px" /> 
    168. 
   
   
   
   
  168.                         </td> 
    169. 
   
   
   
   
  169.                 </tr> 
    170. 
   
   
   
   
  170.                 <tr> 
    171. 
   
   
   
   
  171.                         <td></td> 
    172. 
   
   
   
   
  172.                         <td> 
    173. 
   
   
   
   
  173.                                 <!-- 用于取得发送手机验证码短信的按钮，onclick事件必须调用WiwizSmsVerify()函数 
    174. 
   
   
   
   
  174.                                     WiwizSmsVerify()参数说明: 
    175. 
   
   
   
   
  175.                                     参数1(必须): 手机号码 
    176. 
   
   
   
   
  176.                                     参数2(必须): HotSpot ID 
    177. 
   
   
   
   
  177.                                  --> 
    178. 
   
   
   
   
  178.                                 <input type="button" value="获取验证码" onclick="WiwizSmsVerify(document.getElementById('phonenum').value, WiwizGetQueryParameter('gw_id'));" /> 
    179. 
   
   
   
   
  179.                         </td> 
    180. 
   
   
   
   
  180.                 </tr> 
    181. 
   
   
   
   
  181.                 <tr> 
    182. 
   
   
   
   
  182.                         <td><b>手机验证码: </b></td> 
    183. 
   
   
   
   
  183.                         <td> 
    184. 
   
   
   
   
  184.                         <!-- 参数: phonecode 代表手机验证码 --> 
    185. 
   
   
   
   
  185.                         <input name="phonecode" id="phonecode" type="text" value="" style="width:140px" /> 
    186. 
   
   
   
   
  186.                         </td> 
    187. 
   
   
   
   
  187.                 </tr> 
    188. 
   
   
   
   
  188.                 <tr> 
    189. 
   
   
   
   
  189.                         <td colspan="2" align="center"><font style="font-size:12px;color:#666666">验证码将通过短信发送至手机</font></td> 
    190. 
   
   
   
   
  190.                 </tr>                 
    191. 
   
   
   
   
  191.                 </table> 
    192. 
   
   
   
   
  192.                 </span> 
    193. 
   
   
   
   
  193.                 <br> 
    194. 
   
   
   
   
  194.                  
    195. 
   
   
   
   
  195.                 <input type="button" name="login" id="login" value="   认证   " onclick="WiwizStartAuth();" /> 
    196. 
   
   
   
   
  196.                 <br><br> 
    197. 
   
   
   
   
  197.         </td> 
    198. 
   
   
   
   
  198. </tr> 
    199. 
   
   
   
   
  199. </table> 
    200. 
   
   
   
   
  200.  
    201. 
   
   
   
   
  201. </form> 
    202. 
   
   
   
   
  202. </body></html> 
    203.

 

你可能感兴趣的:(JavaScript,wifi,短信,热点,Web认证,Wiwiz)

  • 【Html实现“心形日出”（附效果+源代码）】| JavaScript面试题：解释一下异步编程中的回调函数、Promise和Async/Await的概念。它们有什么区别？ 追光者♂ html5css3心形日出前端特效JS面试题PromiseAsync/Await
    风会带走你曾经存在过的证明。——虞姬作者主页：追光者♂个人简介：[1]计算机专业硕士研究生[2]2023年城市之星领跑者TOP1(哈尔滨)[3]2022年度博客之星人工智能领域TOP4[4]阿里云社区特邀专家博主[5]CSDN-人工智能领域优质创作者无限进步，一起追光！！！
  • uniapp内嵌的webview H5与应用通信 printf_824 uniapp分享uni-app
    H5端：1、找到index.html引入依赖2、在需要通讯处发送消息uni.postMessage({data:{code:200,msg:"处理完成"}})uniapp端：使用@message="handlerMessage"回调的event里有所需信息functionhandlerMessage(event){console.log("接收到信息");let{code,msg}=event.d
  • 微软全新开源的Agentic Web网络项目：NLWeb详解 kevin luan AI工作流编程microsoft前端网络
    引言在2025年5月的MicrosoftBuild开发者大会上，微软推出了一个全新的开源项目——NLWeb（NaturalLanguageWeb，自然语言网络），被誉为“AgenticWeb（代理网络）”的基石，目标是将传统网页转变为支持自然语言交互的智能AI应用。微软将其比作Web时代的HTML，旨在通过简单的方式为网站添加对话式AI接口，让用户和AI代理能够以自然语言直接查询和交互网站内容。本
  • web iframe 实现pdf word Excel 预览 青柠97 JavaScript
  • mongodb和redis的区别： huangbfeng mongodbredis数据库
    1、内存管理机制Redis数据全部存在内存，定期写入磁盘，当内存不够时，可以选择指定的LRU算法删除数据。MongoDB数据存在内存，由linux系统mmap实现，当内存不够时，只将热点数据放入内存，其他数据存在磁盘。2、支持的数据结构Redis支持的数据结构丰富，包括hash、set、list等。MongoDB数据结构比较单一，但是支持丰富的数据表达，索引，最类似关系型数据库，支持的查询语言非常
  • HTML中引入JavaScript的三种方式 北冥郇翔 javascripthtml前端
    在HTML中引入JavaScript主要有以下三种方式，每种方式都有其适用场景和注意事项：1.内嵌方式（在标签内直接编写代码）直接在HTML文件的或中使用标签编写JavaScript代码。特点：代码与HTML混合，适用于简单逻辑或快速测试。alert()等函数会阻塞HTML页面渲染（如引用[1]所示）。示例：window.alert("页面加载被阻塞！");//阻塞后续内容渲染2.外部引入方式（推
  • 数据库设计和功能需求分析------后台设计概述 qq_41490913 java数据库
    功能需求分析和数据库设计不论是Web开发还是Android开发，在设计后台的时候我们都要做的重要的事情不外乎两点：1.需求分析；2.数据库表格的设计。在进行这两项工作的过程中，第一项工作对第二项起着非常重要的作用，我们只有真正的搞清楚了业务需求以及业务逻辑，找到了功能模块之间在后台数据库关联的抽象模型，这样才能确定数据库应该有几张表，每张表有哪些字段，表与表之间该如何联系。需求分析与功能模块设计一
  • 什么是 Session？如何应用？ 魔道不误砍柴功 计算机网络基础Java使用与案例分享SessionCookiehttphttps
    文章目录一、什么是Session？举个例子：二、Session的工作原理Session和Cookie的关系三、Session的应用场景1.用户登录状态管理示例代码（Java）：2.购物车功能示例代码（Java）：3.防止表单重复提交示例代码（Java）：四、Session的过期与销毁1.Session过期时间2.手动销毁Session五、Session的安全性六、总结推荐阅读文章在Web开发中，S
  • ActixWeb框架实战案例精萃 KENYCHEN奉孝 Rust前端rust后端开发语言
    使用ActixWeb框架编写的简易案例以下是一些使用ActixWeb框架编写的简易案例示例，涵盖常见功能，每个案例均以独立代码块展示：基础路由与响应useactix_web::{get,App,HttpServer,Responder};#[get("/")]asyncfnhello()->implResponder{"Hello,ActixWeb!"}#[actix_web::main]asyn
  • 一套源码搞定教育平台搭建？Web端网校系统开发详解 万岳科技程序员小金 教育平台开发APP开发软件开发在线教育系统源码教育APP开发网校平台搭建PHPuniapp
    曾经线下授课、纸质教材为主的传统教育模式，逐步被智能化、在线化、个性化的“云课堂”所替代。而Web端网校系统，正成为搭建在线教育平台的核心载体。许多教育机构、企业培训部甚至个体讲师都在思考一个问题：是否可以通过一套完整的网校系统源码，就快速搭建出属于自己的在线教育平台？答案是肯定的，但背后涉及的技术、架构与运营逻辑，却远非“买个源码一部署”这么简单。今天，就以笔者在Web端网校系统开发中的实践经验
  • 【JavaWeb】Servlet继承结构 洛上言 #JavaWEBservlethivehadoop
    Servlet接口下有一个GenericServlet抽象类。在GenericServlet抽象类下有一个子类HttpServlet，它是基于http协议。javax.servlet.Servlet接口​javax.GenericServlet抽象类​javax.servlet.http.HttpServlet文章目录一、Servlet接口1）介绍2）接口及方法说明二、GenericServlet
  • ServletConfig && ServletContext Code溪 java前端服务器
    一.ServletConfig1.Servlet1代码@WebServlet(urlPatterns="servlet1",initParams={@WebInitParam(name="keya",value="valueA")})publicclassServlet1extendsHttpServlet{@Overrideprotectedvoidservice(HttpServletRequ
  • Go Web开发框架实践：模板渲染与静态资源服务 程序员爱钓鱼 golang开发语言后端网络
    Gin不仅适合构建API服务，也支持HTML模板渲染和静态资源托管，使其可以胜任中小型网站开发任务。一、模板渲染基础1.加载模板文件使用LoadHTMLGlob或LoadHTMLFiles方法加载模板：r := gin.Default()r.LoadHTMLGlob("templates/*") // 支持通配符或：r.LoadHTMLFiles("templates/index.tmpl", "
  • 【python实用小脚本-118】基于Flask的用户认证系统：app.py、forms.py与user.py解析 Kyln.Wu Pythonpython开发语言
    在当今的网络应用中，用户认证是一个不可或缺的功能。无论是社交平台、电商平台还是企业管理系统，都需要确保只有授权用户才能访问特定的资源。本文将详细介绍一个基于Flask框架的用户认证系统，该系统由三个主要文件组成：app.py、forms.py和user.py。通过解析这三个文件，我们将深入了解如何实现一个安全、高效的用户注册、登录和注销功能。一、系统概述这个用户认证系统使用Flask框架构建，Fl
  • 前端开发者必看：Node.js实战技巧大揭秘 大厂前端小白菜 前端开发实战node.jsvim编辑器ai
    前端开发者必看：Node.js实战技巧大揭秘关键词：前端开发者、Node.js、实战技巧、模块化开发、性能优化、Express框架、Webpack摘要：本文专为前端开发者打造，旨在深入揭秘Node.js的实战技巧。首先介绍了Node.js的背景和对前端开发的重要性，接着详细阐述了Node.js的核心概念与联系、核心算法原理及具体操作步骤，通过数学模型和公式进一步加深理解。然后结合实际案例，从开发环
  • Chromium 136 编译指南 Ubuntu篇：环境搭建与源码获取（一） 守城小轩 浏览器开发指纹浏览器浏览器开发chromechromedevtools超级浏览器
    1.引言随着Web技术的飞速发展和应用场景的不断拓展，浏览器引擎的重要性日益凸显。Chromium作为现代浏览器生态系统的核心引擎，不仅驱动着全球超过70%的网络流量，更是众多知名浏览器如GoogleChrome、MicrosoftEdge、Opera以及新兴的Brave等产品的技术基石。其卓越的渲染性能、先进的安全机制和高度模块化的架构设计，使得越来越多的开发者希望基于Chromium进行深度定
  • Spring启动流程简要分析 synsdeng springspringjavaweb框架
    本文基于SpringBoot1.4.x所写，最新源代码可到https://github.com/spring-projects/spring-boot上去下载。SpringBoot伴随Spring4.x发布，可以说是JavaWeb开发近几年来最有影响力的项目之一，极大的提高了开发效率。据我说知，很多公司新起的项目当中都用起了SpringBoot框架。SpringBoot项目启动非常简单，调用Spr
  • 【代码审计】通过类型转换绕过校验，实现任意账户密码重置 秋说 网络安全代码审计
    未经许可，不得转载。文章目录背景漏洞描述风险分析1.code字段默认值为02.empty(0)判断失效3.利用MySQL类型转换绕过empty限制复现验证修复建议背景在Web系统开发中，密码找回功能往往涉及用户邮箱与随机验证码的匹配校验。如果验证逻辑存在疏漏，可能会引发严重的安全问题，如任意账户密码重置等高危漏洞。本文将分析一个典型的逻辑漏洞案例，并结合MySQL的类型转换行为深入探讨其产生原因。
  • Whistle 超详细技术博客：原理、配置、用法与进阶技巧全解 北漂老男人 抓包工具运维
    Whistle超详细技术博客：原理、配置、用法与进阶技巧全解目录Whistle简介与应用场景Whistle安装与启动Whistle原理与架构Whistle规则语法详解常用配置与实战场景Whistle进阶用法与技巧常见问题与排查实用插件推荐总结与参考资料1.Whistle简介与应用场景Whistle是一款基于Node.js的跨平台Web调试代理工具，功能类似于Charles、Fiddler，但更轻量
  • 管家婆订货易在线商城 VshopProcess 任意文件上传漏洞复现 0xSecl 漏洞复现v1安全web安全
    0x01产品简介管家婆订货易，帮助传统企业构建专属的订货平台，PC+微信+APP+小程序+h5商城5网合一，无缝对接线下的管家婆ERP系统，让用户订货更高效。支持业务员代客下单，支持多级推客分销，以客带客，拓展渠道。让企业的生意更轻松。0x02漏洞概述管家婆订货易在线商城VshopProcess.ashx接口处存在任意文件上传漏洞，未经身份认证的攻击者可以通过该漏洞，上传恶意后门文件，深入利用可造
  • ios15及以上webview、Safari使用Websocket断连，1006无清晰错误码
    文章目录问题表现：定位疑似原因：解决方式：定位问题思路过程记录：1、对比前端代码运行环境问题2、写纯请求前端代码连接，确认是否接口部署服务问题；3、IOS连接是否有对TSL安全协议版本有要求（使用的wss协议）4、验证iOS网络是否稳定&查阅信息是否iOS会出现频繁断连又迅速重连情况5、自己搞个nodedemo验证纯连接问题：6、IOS自身多运行环境对比：QQ频道应用、QQ聊天框、safari、c
  • 责任链模式：优雅甩锅的艺术[特殊字符]，请求处理的接力赛！
    责任链模式：优雅甩锅的艺术，请求处理的接力赛！文章目录责任链模式：优雅甩锅的艺术，请求处理的接力赛！前言：为什么需要责任链？一、责任链模式：请求处理的接力赛‍♂️1.1什么是责任链模式？1.2为什么需要责任链模式？二、责任链模式的结构：链条传递的艺术⛓️三、责任链模式实战：日志记录系统3.1日志级别过滤器3.2请求拦截器：Web应用中的责任链四、责任链模式在Java标准库中的应用4.1JavaSe
  • ECharts 数据集（Dataset） 沐知全栈开发 开发语言
    ECharts数据集（Dataset）引言ECharts是一个使用JavaScript实现的开源可视化库，它能够将数据通过丰富的图表形式展示出来。在ECharts中，数据集（Dataset）是一个非常重要的概念，它负责存储图表所需的数据。本文将详细介绍ECharts数据集（Dataset）的相关知识，包括其定义、作用、类型以及使用方法。数据集的定义数据集（Dataset）是ECharts中用于存储
  • Python+Playwright(0) 黑米粥✎ python开发语言自动化
    简介Playwright是一个强大的自动化库，由微软开发，主要用于web端UI自动化测试，支持python、java、JavaScript、C#等多种编程语言。Playwright仅用一个API即可自动执行Chromium、Firefox、WebKit等主流浏览器自动化操作，不仅支持无头模式和有头模式，还提供了代码录制的功能，极大提高了脚本编写的效率，并支持移动端自动化测试。Playwright相
  • Spring Boot中Controller返回值处理方案 喜欢敲代码的程序员 SpringBootspringboot后端
    目录一、前言二、四种常见的处理方案1.返回ResponseEntity对象2.使用@ResponseBody注解3.返回视图和模型（传统Web应用）4.使用统一响应格式封装（推荐）三、结语一、前言在SpringBoot开发中，Controller层返回值的处理方式直接影响API的响应结构和客户端交互效率。针对不同业务场景，合理选择返回值方案能够提升代码可维护性、统一响应格式或优化性能。本文将介绍S
  • 彻底弄懂MySQL的优化 小胖子——鑫 mysql数据库
    一、背景在我们的工作中，我们与数据库打交道的频率非常大，尤其是业务系统，MySQL数据库的应用时刻相关，所以如果更好的利用好我们的MySQL数据库，它直接影响系统的响应速度、可扩展性和整体性能。在企业级Web开发中，MySQL优化是至关重要的。下面从不同角度，列出详细的MySQL优化技巧，涵盖查询优化、索引设计、表结构设计、配置调整等方面，以及穿插一些案例分享二、查询SQL语句方面的优化1.合理使
  • 谷歌离线应用之渐进式 Web 应用 Progressive Web APP（PWA） 伍哥的传说 前端源码分享前端webapp
    一、渐进式Web应用（PWA）的定义‌渐进式Web应用（ProgressiveWebApp，PWA）是一种结合传统Web技术与现代移动应用特性的技术方案，旨在通过HTML、CSS和JavaScript构建具备‌原生应用体验‌的Web应用。其核心特性包括：‌可安装性‌：用户可将PWA添加到设备主屏幕，像原生应用一样独立运行；‌渐进增强‌：根据设备和网络环境逐步提升功能，确保基础功能在所有浏览器中可用
  • MySQL与python联合练习（设计学生管理系统） 从以前 数据库pythonmysqlpython数据库
    以下是使用Python结合Flask（用于构建Web应用）和SQLAlchemy（用于数据库操作）来简单实现上述学生管理系统部分核心功能的示例代码。注意，这只是一个基础示例，实际应用中可能需要更多的完善、错误处理以及拓展功能，并且需要提前安装好flask和sqlalchemy库（可通过pipinstallflasksqlalchemy命令安装）。1.项目结构搭建创建如下基本的项目文件夹结构：stu
  • 广东省第三届职业技能大赛网络安全项目模块B
    广东省第三届职业技能大赛网络安全项目模块B网络安全事件响应、数字取证调查和应用程序安全目录目录1模块B竞赛项目样题2介绍2所需的设备和材料2评分方案2项目和任务的描述2工作任务3第一部分网络安全事件响应3任务1：应急响应3本任务素材清单：WebServer服务器虚拟机(Linux或Windows操作系统)3第二部分数字取证调查3任务2：操作系统取证3本任务素材清单：内存镜像(*.vmem)、存储镜
  • 【社招】一年测开经验转后端开发经历。 、烟雨楼 算法phtyon面试大数据python开发语言xmlrpc
    背景先说下背景吧，我是2019年毕业的本科生，985非科班，而且是和计算机专业八杆子打不着的那种非科班。大二的时候打球认识了我们学校一个计算机专业的学生，听他说互联网现在薪资好高，写代码特别有意思，于是开始跟着他学了一些写代码的知识。我之所以说是“写代码的知识”而不是计算机知识，是因为我当时是直接上手学JavaWeb那一套东西，什么数据结构、操作系统、计算机网、数据库完全没看直接就开始搞“xxx管
  • PHP，安卓，UI，java，linux视频教程合集 cocos2d-x小菜 javaUIlinuxPHPandroid
    ╔-----------------------------------╗┆                           
  • zookeeper admin 笔记 braveCS zookeeper
      Required Software 1) JDK>=1.6 2)推荐使用ensemble的ZooKeeper(至少3台)，并run on separate machines 3)在Yahoo!，zk配置在特定的RHEL boxes里，2个cpu，2G内存，80G硬盘   数据和日志目录 1)数据目录里的文件是zk节点的持久化备份，包括快照和事务日
  • Spring配置多个连接池 easterfly spring
    项目中需要同时连接多个数据库的时候，如何才能在需要用到哪个数据库就连接哪个数据库呢？ Spring中有关于dataSource的配置：     <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource"   &nb
  • Mysql 171815164 mysql
    例如，你想myuser使用mypassword从任何主机连接到mysql服务器的话。 GRANT ALL PRIVILEGES ON *.* TO 'myuser'@'%'IDENTIFIED BY 'mypassword' WI TH GRANT OPTION; 如果你想允许用户myuser从ip为192.168.1.6的主机连接到mysql服务器，并使用mypassword作
  • CommonDAO（公共/基础DAO） g21121 DAO
            好久没有更新博客了，最近一段时间工作比较忙，所以请见谅，无论你是爱看呢还是爱看呢还是爱看呢，总之或许对你有些帮助。         DAO(Data Access Object)是一个数据访问（顾名思义就是与数据库打交道）接口，DAO一般在业
  • 直言有讳 永夜-极光 感悟随笔
      1.转载地址:http://blog.csdn.net/jasonblog/article/details/10813313   精华: “直言有讳”是阿里巴巴提倡的一种观念，而我在此之前并没有很深刻的认识。为什么呢？就好比是读书时候做阅读理解，我喜欢我自己的解读，并不喜欢老师给的意思。在这里也是。我自己坚持的原则是互相尊重，我觉得阿里巴巴很多价值观其实是基本的做人
  • 安装CentOS 7 和Win 7后，Win7 引导丢失 随便小屋 centos
    一般安装双系统的顺序是先装Win7，然后在安装CentOS，这样CentOS可以引导WIN 7启动。但安装CentOS7后，却找不到Win7 的引导，稍微修改一点东西即可。 一、首先具有root 的权限。      即进入Terminal后输入命令su，然后输入密码即可 二、利用vim编辑器打开/boot/grub2/grub.cfg文件进行修改 v
  • Oracle备份与恢复案例 aijuans oracle
    Oracle备份与恢复案例 一. 理解什么是数据库恢复当我们使用一个数据库时，总希望数据库的内容是可靠的、正确的，但由于计算机系统的故障（硬件故障、软件故障、网络故障、进程故障和系统故障）影响数据库系统的操作，影响数据库中数据的正确性，甚至破坏数据库，使数据库中全部或部分数据丢失。因此当发生上述故障后，希望能重构这个完整的数据库，该处理称为数据库恢复。恢复过程大致可以分为复原(Restore)与
  • JavaEE开源快速开发平台G4Studio v5.0发布 無為子
      我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V5.0版本已经正式发布。   访问G4Studio网站 http://www.g4it.org   2013-04-06 发布G4Studio_V5.0版本 功能新增 (1). 新增了调用Oracle存储过程返回游标，并将游标映射为Java List集合对象的标
  • Oracle显示根据高考分数模拟录取 百合不是茶 PL/SQL编程oracle例子模拟高考录取学习交流
    题目要求: 1,创建student表和result表 2,pl/sql对学生的成绩数据进行处理 3,处理的逻辑是根据每门专业课的最低分线和总分的最低分数线自动的将录取和落选     1,创建student表,和result表 学生信息表; create table student( student_id number primary key,--学生id
  • 优秀的领导与差劲的领导 bijian1013 领导管理团队
    责任 优秀的领导：优秀的领导总是对他所负责的项目担负起责任。如果项目不幸失败了，那么他知道该受责备的人是他自己，并且敢于承认错误。 差劲的领导：差劲的领导觉得这不是他的问题，因此他会想方设法证明是他的团队不行，或是将责任归咎于团队中他不喜欢的那几个成员身上。 努力工作 优秀的领导：团队领导应该是团队成员的榜样。至少，他应该与团队中的其他成员一样努力工作。这仅仅因为他
  • js函数在浏览器下的兼容 Bill_chen jquery浏览器IEDWRext
      做前端开发的工程师，少不了要用FF进行测试，纯js函数在不同浏览器下，名称也可能不同。对于IE6和FF，取得下一结点的函数就不尽相同：   IE6：node.nextSibling,对于FF是不能识别的；   FF：node.nextElementSibling,对于IE是不能识别的； 兼容解决方式：var Div = node.nextSibl
  • 【JVM四】老年代垃圾回收：吞吐量垃圾收集器(Throughput GC) bit1129 垃圾回收
    吞吐量与用户线程暂停时间   衡量垃圾回收算法优劣的指标有两个： 吞吐量越高，则算法越好 暂停时间越短，则算法越好 首先说明吞吐量和暂停时间的含义。   垃圾回收时，JVM会启动几个特定的GC线程来完成垃圾回收的任务，这些GC线程与应用的用户线程产生竞争关系，共同竞争处理器资源以及CPU的执行时间。GC线程不会对用户带来的任何价值，因此，好的GC应该占
  • J2EE监听器和过滤器基础 白糖_ J2EE
    Servlet程序由Servlet，Filter和Listener组成，其中监听器用来监听Servlet容器上下文。 监听器通常分三类：基于Servlet上下文的ServletContex监听，基于会话的HttpSession监听和基于请求的ServletRequest监听。   ServletContex监听器 ServletContex又叫application
  • 博弈AngularJS讲义(16) - 提供者 boyitech jsAngularJSapiAngularProvider
      Angular框架提供了强大的依赖注入机制，这一切都是有注入器(injector)完成. 注入器会自动实例化服务组件和符合Angular API规则的特殊对象，例如控制器，指令，过滤器动画等。   那注入器怎么知道如何去创建这些特殊的对象呢？ Angular提供了5种方式让注入器创建对象，其中最基础的方式就是提供者(provider), 其余四种方式(Value, Fac
  • java-写一函数f(a,b)，它带有两个字符串参数并返回一串字符，该字符串只包含在两个串中都有的并按照在a中的顺序。 bylijinnan java
    public class CommonSubSequence { /** * 题目：写一函数f(a,b)，它带有两个字符串参数并返回一串字符，该字符串只包含在两个串中都有的并按照在a中的顺序。 * 写一个版本算法复杂度O(N^2)和一个O(N) 。 * * O(N^2)：对于a中的每个字符，遍历b中的每个字符，如果相同，则拷贝到新字符串中。 * O(
  • sqlserver 2000 无法验证产品密钥 Chen.H sqlwindowsSQL ServerMicrosoft
    在 Service Pack 4 (SP 4), 是运行 Microsoft Windows Server 2003、 Microsoft Windows Storage Server 2003 或 Microsoft Windows 2000 服务器上您尝试安装 Microsoft SQL Server 2000 通过卷许可协议 (VLA) 媒体。 这样做, 收到以下错误信息CD KEY的 SQ
  • [新概念武器]气象战争 comsci
           气象战争的发动者必须是拥有发射深空航天器能力的国家或者组织....        原因如下:        地球上的气候变化和大气层中的云层涡旋场有密切的关系,而维持一个在大气层某个层次
  • oracle 中 rollup、cube、grouping 使用详解 daizj oraclegroupingrollupcube
    oracle 中 rollup、cube、grouping 使用详解 -- 使用oracle 样例表演示 转自namesliu -- 使用oracle 的样列库，演示 rollup, cube, grouping 的用法与使用场景    --- ROLLUP ， 为了理解分组的成员数量，我增加了 分组的计数  COUNT(SAL)   
  • 技术资料汇总分享 Dead_knight 技术资料汇总 分享
    本人汇总的技术资料，分享出来，希望对大家有用。 http://pan.baidu.com/s/1jGr56uE 资料主要包含： Workflow->工作流相关理论、框架(OSWorkflow、JBPM、Activiti、fireflow...) Security->java安全相关资料(SSL、SSO、SpringSecurity、Shiro、JAAS...) Ser
  • 初一下学期难记忆单词背诵第一课 dcj3sjt126com englishword
    could 能够 minute 分钟 Tuesday 星期二 February 二月 eighteenth 第十八 listen 听 careful 小心的，仔细的 short 短的 heavy 重的 empty 空的 certainly 当然 carry 携带；搬运 tape 磁带 basket 蓝子 bottle 瓶 juice 汁，果汁 head 头；头部
  • 截取视图的图片, 然后分享出去 dcj3sjt126com OSObjective-C
    OS 7 has a new method that allows you to draw a view hierarchy into the current graphics context. This can be used to get an UIImage very fast. I implemented a category method on UIView to get the vi
  • MySql重置密码 fanxiaolong MySql重置密码
    方法一:  在my.ini的[mysqld]字段加入： skip-grant-tables 重启mysql服务，这时的mysql不需要密码即可登录数据库  然后进入mysql mysql>use mysql;  mysql>更新 user set password=password('新密码') WHERE User='root'; mysq
  • Ehcache（03）——Ehcache中储存缓存的方式 234390216 ehcacheMemoryStoreDiskStore存储驱除策略
    Ehcache中储存缓存的方式   目录 1     堆内存（MemoryStore） 1.1     指定可用内存 1.2     驱除策略 1.3     元素过期 2   &nbs
  • spring mvc中的@propertysource jackyrong spring mvc
      在spring mvc中，在配置文件中的东西，可以在java代码中通过注解进行读取了： @PropertySource  在spring 3.1中开始引入 比如有配置文件 config.properties mongodb.url=1.2.3.4 mongodb.db=hello 则代码中   @PropertySource(&
  • 重学单例模式 lanqiu17 单例Singleton模式
    最近在重新学习设计模式，感觉对模式理解更加深刻。觉得有必要记下来。 第一个学的就是单例模式，单例模式估计是最好理解的模式了。它的作用就是防止外部创建实例，保证只有一个实例。 单例模式的常用实现方式有两种，就人们熟知的饱汉式与饥汉式，具体就不多说了。这里说下其他的实现方式 静态内部类方式: package test.pattern.singleton.statics; publ
  • .NET开源核心运行时，且行且珍惜 netcome java.net开源
    背景 2014年11月12日，ASP.NET之父、微软云计算与企业级产品工程部执行副总裁Scott Guthrie，在Connect全球开发者在线会议上宣布，微软将开源全部.NET核心运行时，并将.NET 扩展为可在 Linux 和 Mac OS 平台上运行。.NET核心运行时将基于MIT开源许可协议发布，其中将包括执行.NET代码所需的一切项目——CLR、JIT编译器、垃圾收集器（GC）和核心
  • 使用oscahe缓存技术减少与数据库的频繁交互 Everyday都不同 Web高并发oscahe缓存
    此前一直不知道缓存的具体实现，只知道是把数据存储在内存中，以便下次直接从内存中读取。对于缓存的使用也没有概念，觉得缓存技术是一个比较”神秘陌生“的领域。但最近要用到缓存技术，发现还是很有必要一探究竟的。   缓存技术使用背景：一般来说，对于web项目，如果我们要什么数据直接jdbc查库好了，但是在遇到高并发的情形下，不可能每一次都是去查数据库，因为这样在高并发的情形下显得不太合理——
  • Spring+Mybatis 手动控制事务 toknowme mybatis
    @Override    public boolean testDelete(String jobCode) throws Exception {       boolean flag = false;  &nbs
  • 菜鸟级的android程序员面试时候需要掌握的知识点 xp9802 android
    熟悉Android开发架构和API调用 掌握APP适应不同型号手机屏幕开发技巧 熟悉Android下的数据存储  熟练Android Debug Bridge Tool 熟练Eclipse/ADT及相关工具  熟悉Android框架原理及Activity生命周期 熟练进行Android UI布局 熟练使用SQLite数据库； 熟悉Android下网络通信机制，S
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他