jimode2013
jimode2013

EXTJS4.0的Ajax

 Ext.Ajax是Ext.data.Connection的一个子类，提供了用简单的方式进行Ajax的功能实现

1.主要方法
    abort:终止一个没有完成的Ajax请求
    isLoading:判断指定的Ajax请求是不是正在进行
    paresStatus:返回请求响应的代码
    request：发送服务端请求
2.Ext.ElementLoader(对页面中DOM元素添加事件)
   方便我们重新构建页面
   load方法
   startAutoRefresh方法
3.多级联动菜单
------------------------------------------------------------------------------------
下面这个例子主要讲了Ext.Ajax.request方法
request.js 
  
  
  
  
    
   
   
   
   
  1. (function(){ 
    2. 
   
   
   
   
  2.    Ext.onReady(function(){ 
    3. 
   
   
   
   
  3.       Ext.Ajax.request({ 
    4. 
   
   
   
   
  4.          url:'person.jsp', 
    5. 
   
   
   
   
  5.          params:{id:'01'}, 
    6. 
   
   
   
   
  6.          method:'POST', 
    7. 
   
   
   
   
  7.          timeout:3000, 
    8. 
   
   
   
   
  8.          success:function(response,options){ 
    9. 
   
   
   
   
  9.         console.log(eval(response.responseText)[0].name); 
    10. 
   
   
   
   
  10.          }, 
    11. 
   
   
   
   
  11.          failure:function(response,options){ 
    12. 
   
   
   
   
  12.         console.log(response.responseText,options); 
    13. 
   
   
   
   
  13.          } 
    14. 
   
   
   
   
  14.       });//静态方法 
    15. 
   
   
   
   
  15.    }); 
    16. 
   
   
   
   
  16.  
    17. 
   
   
   
   
  17. })(); 
    18.
person.jsp 
  
  
  
  
    
   
   
   
   
  1. <%@page language="java" contentType="text/html" pageEncoding="UTF-8"%> 
    2. 
   
   
   
   
  2. <% 
    3. 
   
   
   
   
  3.    String id = request.getParameter("id"); 
    4. 
   
   
   
   
  4.    System.out.println(); 
    5. 
   
   
   
   
  5.    if("01".equals(id)){ 
    6. 
   
   
   
   
  6.       response.getWriter().write("[{id:'01',name:'uspcat.com',age:'26',email:'[email protected]'}]"); 
    7. 
   
   
   
   
  7.    } 
    8. 
   
   
   
   
  8. %> 
    9.
运行结果如下：
 
uspcat.com
-----------------------------------------------------------------------------------
下面主要讲Ext.Ajax.request的form参数，会把表单传递过去
ajaxform.js 
  
  
  
  
    
   
   
   
   
  1. (function(){ 
    2. 
   
   
   
   
  2.    Ext.onReady(function(){ 
    3. 
   
   
   
   
  3.       Ext.get('b').on('click',function(){ 
    4. 
   
   
   
   
  4.        Ext.Ajax.request({ 
    5. 
   
   
   
   
  5.               url:'person.jsp', 
    6. 
   
   
   
   
  6.               params:{id:'01'}, 
    7. 
   
   
   
   
  7.               method:'POST', 
    8. 
   
   
   
   
  8.               timeout:3000, 
    9. 
   
   
   
   
  9.               form:"myform", 
    10. 
   
   
   
   
  10.               success:function(response,options){ 
    11. 
   
   
   
   
  11.              console.log(eval(response.responseText)[0].name); 
    12. 
   
   
   
   
  12.                }, 
    13. 
   
   
   
   
  13.               failure:function(response,options){ 
    14. 
   
   
   
   
  14.              console.log(response.responseText,options + "  " + options ); 
    15. 
   
   
   
   
  15.               } 
    16. 
   
   
   
   
  16.             });//静态方法 
    17. 
   
   
   
   
  17.  
    18. 
   
   
   
   
  18.       }); 
    19. 
   
   
   
   
  19.  
    20. 
   
   
   
   
  20.    }); 
    21. 
   
   
   
   
  21.  
    22. 
   
   
   
   
  22. })(); 
    23.
lesson8_2.html 
  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3. <head> 
    4. 
   
   
   
   
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    5. 
   
   
   
   
  5. <title>ajax</title> 
    6. 
   
   
   
   
  6. <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
    7. 
   
   
   
   
  7. <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
    8. 
   
   
   
   
  8. <script type="text/javascript" src="ajaxform.js"></script> 
    9. 
   
   
   
   
  9. </head> 
    10. 
   
   
   
   
  10. <body> 
    11. 
   
   
   
   
  11. <form id="myform"> 
    12. 
   
   
   
   
  12.    Name:<input type="text" name="name"/><br/> 
    13. 
   
   
   
   
  13.    Pass:<input type="password" name="pass"/><br/> 
    14. 
   
   
   
   
  14.    <input type="button" value="login" id="b"> 
    15. 
   
   
   
   
  15. </form> 
    16. 
   
   
   
   
  16. </body> 
    17. 
   
   
   
   
  17. </html> 
    18.
运行结果如下：

-----------------------------------------------------------------------------------
下面主要讲Ext.Ajax.request的jsonData参数
jsonData.js 
  
  
  
  
    
   
   
   
   
  1. (function(){ 
    2. 
   
   
   
   
  2.    Ext.onReady(function(){ 
    3. 
   
   
   
   
  3.       var data = "[{id:'01',name:'uspcat.com',age:'26',email:'[email protected]'}]"; 
    4. 
   
   
   
   
  4.       Ext.Ajax.request({ 
    5. 
   
   
   
   
  5.          url:'person2.jsp', 
    6. 
   
   
   
   
  6.          method:'POST', 
    7. 
   
   
   
   
  7.          timeout:3000, 
    8. 
   
   
   
   
  8.          jsonData:data,//向后台传的参数 
    9. 
   
   
   
   
  9.          success:function(response,options){   
    10. 
   
   
   
   
  10.            console.log(eval(response.responseText)[0].name); 
    11. 
   
   
   
   
  11.          }, 
    12. 
   
   
   
   
  12.          failure:function(response,options){ 
    13. 
   
   
   
   
  13.        console.log(response.responseText,options); 
    14. 
   
   
   
   
  14.          } 
    15. 
   
   
   
   
  15.       });//静态方法 
    16. 
   
   
   
   
  16.    }); 
    17. 
   
   
   
   
  17.  
    18. 
   
   
   
   
  18. })(); 
    19.
person2.jsp 
  
  
  
  
    
   
   
   
   
  1. <%@page language="java" contentType="text/html" pageEncoding="UTF-8"%> 
    2. 
   
   
   
   
  2. <% 
    3. 
   
   
   
   
  3.       response.getWriter().write("[{id:'01',name:'uspcat.com',age:'26',email:'[email protected]'}]"); 
    4. 
   
   
   
   
  4. %> 
    5.
运行结果如下：

------------------------------------------------------------------------------------
这个例子主要讲dom元素的load方法
elementLoader.js 
  
  
  
  
    
   
   
   
   
  1. Ext.onReady(function(){ 
    2. 
   
   
   
   
  2.   Ext.get('b1').on('click',function(){ 
    3. 
   
   
   
   
  3.     var time = Ext.get('time').getLoader();//Ext.ElementLoader 
    4. 
   
   
   
   
  4.     time.load({ 
    5. 
   
   
   
   
  5.        url:'elementLoader.jsp', 
    6. 
   
   
   
   
  6.        renderer:function(loader,response,request){ 
    7. 
   
   
   
   
  7.           console.log(response.responseText); 
    8. 
   
   
   
   
  8.           var time = response.responseText; 
    9. 
   
   
   
   
  9.           Ext.getDom("time").value = time; 
    10. 
   
   
   
   
  10.        } 
    11. 
   
   
   
   
  11.     });  
    12. 
   
   
   
   
  12.  }); 
    13. 
   
   
   
   
  13.  
    14. 
   
   
   
   
  14. }); 
    15.
lesson8_3.html 
  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3. <head> 
    4. 
   
   
   
   
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    5. 
   
   
   
   
  5. <title>ajax</title> 
    6. 
   
   
   
   
  6. <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
    7. 
   
   
   
   
  7. <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
    8. 
   
   
   
   
  8. <script type="text/javascript" src="elementLoader.js"></script> 
    9. 
   
   
   
   
  9. </head> 
    10. 
   
   
   
   
  10. <body> 
    11. 
   
   
   
   
  11. <input type="text" name="time" id="time"/><br/> 
    12. 
   
   
   
   
  12. <input type="button" value="get time" id="b1"/> 
    13. 
   
   
   
   
  13. </body> 
    14. 
   
   
   
   
  14. </html> 
    15.
elementLoader.jsp 
  
  
  
  
    
   
   
   
   
  1. <%@page language="java" import="java.util.*" contentType="text/html" pageEncoding="UTF-8"%> 
    2. 
   
   
   
   
  2. <% 
    3. 
   
   
   
   
  3.    response.setCharacterEncoding("UTF-8"); 
    4. 
   
   
   
   
  4.    response.getWriter().write("2011年03月10日"); 
    5. 
   
   
   
   
  5. %> 
    6.
运行结果：

---------------------------------------------------------------------------------
下面主要讲dom元素的getLoader和startAutoRefresh方法
elementLoaderStartAutoRefresh.js 
  
  
  
  
    
   
   
   
   
  1. Ext.onReady(function(){ 
    2. 
   
   
   
   
  2.    Ext.get("btn").on("click",function(){//Ext.ElementLoader 
    3. 
   
   
   
   
  3.       //对每个对象可以设置各种事件 
    4. 
   
   
   
   
  4.       var i = Ext.get('i').getLoader(); 
    5. 
   
   
   
   
  5.       i.startAutoRefresh(1000,{ 
    6. 
   
   
   
   
  6.      url:'elementLoaderStartAutoRefresh.jsp', 
    7. 
   
   
   
   
  7.          renderer:function(loader,response,request){ 
    8. 
   
   
   
   
  8.           console.log(response.responseText); 
    9. 
   
   
   
   
  9.           var i = response.responseText; 
    10. 
   
   
   
   
  10.           Ext.getDom("i").value = i; 
    11. 
   
   
   
   
  11.         } 
    12. 
   
   
   
   
  12.        }); 
    13. 
   
   
   
   
  13.    }); 
    14. 
   
   
   
   
  14.  
    15. 
   
   
   
   
  15. }); 
    16.
lesson8_4.html 
  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3. <head> 
    4. 
   
   
   
   
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    5. 
   
   
   
   
  5. <title>ajax</title> 
    6. 
   
   
   
   
  6. <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
    7. 
   
   
   
   
  7. <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
    8. 
   
   
   
   
  8. <script type="text/javascript" src="elementLoaderStartAutoRefresh.js"></script> 
    9. 
   
   
   
   
  9. </head> 
    10. 
   
   
   
   
  10. <body> 
    11. 
   
   
   
   
  11. <input type="text" name="i" id="i"/><br/> 
    12. 
   
   
   
   
  12. <input type="button" value="get i" id="btn"/> 
    13. 
   
   
   
   
  13. </body> 
    14. 
   
   
   
   
  14. </html> 
    15.
elementLoaderStartAutoRefresh.jsp 
  
  
  
  
    
   
   
   
   
  1. <%@page language="java" import="java.util.*" contentType="text/html" pageEncoding="UTF-8"%> 
    2. 
   
   
   
   
  2. <% 
    3. 
   
   
   
   
  3.    int i = 0; 
    4. 
   
   
   
   
  4.    if(session.getAttribute("i")!=null){ 
    5. 
   
   
   
   
  5.     i = Integer.parseInt(session.getAttribute("i").toString()) + 1; 
    6. 
   
   
   
   
  6.     session.setAttribute("i",i); 
    7. 
   
   
   
   
  7.    }else{ 
    8. 
   
   
   
   
  8.     session.setAttribute("i",i); 
    9. 
   
   
   
   
  9.    } 
    10. 
   
   
   
   
  10.    response.setCharacterEncoding("UTF-8"); 
    11. 
   
   
   
   
  11.    response.getWriter().write("计算器：" + i++); 
    12. 
   
   
   
   
  12. %> 
    13.
运行结果如下：

----------------------------------------------------------------------------------
联动菜单
lesson8_5.html 
  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3. <head> 
    4. 
   
   
   
   
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    5. 
   
   
   
   
  5. <title>ajax</title> 
    6. 
   
   
   
   
  6. <link rel="stylesheet" type="text/css" href="../extjs-4.1.0/resources/css/ext-all.css"/> 
    7. 
   
   
   
   
  7. <script type="text/javascript" src="../extjs-4.1.0/bootstrap.js"></script> 
    8. 
   
   
   
   
  8. <script type="text/javascript" src="menu.js"></script> 
    9. 
   
   
   
   
  9. </head> 
    10. 
   
   
   
   
  10. <body> 
    11. 
   
   
   
   
  11. <select name="city" id="city"> 
    12. 
   
   
   
   
  12.   <option value="beijing" selected>北京市</option> 
    13. 
   
   
   
   
  13.   <option value="tianjing">天津市</option> 
    14. 
   
   
   
   
  14. </select><br/> 
    15. 
   
   
   
   
  15. <select name="area" id="area"> 
    16. 
   
   
   
   
  16.   <option value="def" selected>----------</option> 
    17. 
   
   
   
   
  17. </select> 
    18. 
   
   
   
   
  18. </body> 
    19. 
   
   
   
   
  19. </html> 
    20.
menu.js 
  
  
  
  
    
   
   
   
   
  1. (function(){ 
    2. 
   
   
   
   
  2.   Ext.onReady(function(){ 
    3. 
   
   
   
   
  3.  
    4. 
   
   
   
   
  4.       function createChild(value,name){ 
    5. 
   
   
   
   
  5.         var el = document.createElement("option"); 
    6. 
   
   
   
   
  6.         el.setAttribute("value",value); 
    7. 
   
   
   
   
  7.         el.appendChild(document.createTextNode(name)); 
    8. 
   
   
   
   
  8.         return el; 
    9. 
   
   
   
   
  9.       } 
    10. 
   
   
   
   
  10.       //1.得到city这个dom对象 
    11. 
   
   
   
   
  11.       var cityObj = Ext.get("city"); 
    12. 
   
   
   
   
  12.       //2.我们为这个city对象注册一个change 
    13. 
   
   
   
   
  13.       cityObj.on("change",function(e,select){ 
    14. 
   
   
   
   
  14.      //3.得到改变后的数值 
    15. 
   
   
   
   
  15.          var ids = select.options[select.selectedIndex].value; 
    16. 
   
   
   
   
  16.          //3.1它先去前台的缓存变量中查数据，当没有的时候去后台拿 
    17. 
   
   
   
   
  17.          //if(data[city]){ 
    18. 
   
   
   
   
  18.             //直接操作 
    19. 
   
   
   
   
  19.          //}else{ 
    20. 
   
   
   
   
  20.        //做ajax 
    21. 
   
   
   
   
  21.           //} 
    22. 
   
   
   
   
  22.          //4.ajax请求把后台数据拿过来 
    23. 
   
   
   
   
  23.          Ext.Ajax.request({ 
    24. 
   
   
   
   
  24.         url:'menu.jsp', 
    25. 
   
   
   
   
  25.             params:{'ids':ids}, 
    26. 
   
   
   
   
  26.             method:'post', 
    27. 
   
   
   
   
  27.             timeout:4000, 
    28. 
   
   
   
   
  28.             success:function(response,opts){ 
    29. 
   
   
   
   
  29.             var obj = eval(response.responseText); 
    30. 
   
   
   
   
  30.                //5.得到地区的那个对象area 
    31. 
   
   
   
   
  31.           var oldObj = Ext.get("area").dom;//elememt是不能操作，dom是可以操作的 
    32. 
   
   
   
   
  32.         //6.清除里面项 
    33. 
   
   
   
   
  33.          while(oldObj.length > 0){ 
    34. 
   
   
   
   
  34.                   oldObj.options.remove(oldObj.length-1); 
    35. 
   
   
   
   
  35.                 } 
    36. 
   
   
   
   
  36.          //7.加入新的项 
    37. 
   
   
   
   
  37.                 Ext.Array.each(obj,function(o){ 
    38. 
   
   
   
   
  38.            Ext.get("area").dom.appendChild(createChild(o.valueOf(),o.name)); 
    39. 
   
   
   
   
  39.                 }); 
    40. 
   
   
   
   
  40.             } 
    41. 
   
   
   
   
  41.          }); 
    42. 
   
   
   
   
  42.       }); 
    43. 
   
   
   
   
  43.   }); 
    44. 
   
   
   
   
  44.  
    45. 
   
   
   
   
  45. })(); 
    46.
menu.jsp 
  
  
  
  
    
   
   
   
   
  1. <%@page language="java" contentType="text/html" pageEncoding="UTF-8"%> 
    2. 
   
   
   
   
  2. <% 
    3. 
   
   
   
   
  3.       response.setCharacterEncoding("utf-8"); 
    4. 
   
   
   
   
  4.       String ids = request.getParameter("ids"); 
    5. 
   
   
   
   
  5.       if("beijing".equals(ids)){ 
    6. 
   
   
   
   
  6.          response.getWriter().write("[{name:'海淀',value:'01'},{name:'东城',value:'02'},{name:'顺义',value:'03'}]"); 
    7. 
   
   
   
   
  7.       }else if("tianjing".equals(ids)){ 
    8. 
   
   
   
   
  8.          response.getWriter().write("[{name:'和平',value:'01'},{name:'河西',value:'02'},{name:'河东',value:'03'}]"); 
    9. 
   
   
   
   
  9.  
    10. 
   
   
   
   
  10.      } 
    11. 
   
   
   
   
  11. %> 
    12.
11111111

你可能感兴趣的:(extjs4,教程,技术狂人论坛)

  • 第四天旅游线路预览——从换乘中心到喀纳斯湖 陟彼高冈yu 基于Googleearthstudio的旅游规划和预览旅游
    第四天：从贾登峪到喀纳斯风景区入口，晚上住宿贾登峪；换乘中心有4路车，喀纳斯①号车，去喀纳斯湖，路程时长约5分钟；将上面的的行程安排进行动态展示，具体步骤见”Googleearthstudio进行动态轨迹显示制作过程“、“Googleearthstudio入门教程”和“Googleearthstudio进阶教程“相关内容，得到行程如下所示：Day4-2-480p
  • Python教程：一文了解使用Python处理XPath 旦莫 Python进阶python开发语言
    目录1.环境准备1.1安装lxml1.2验证安装2.XPath基础2.1什么是XPath？2.2XPath语法2.3示例XML文档3.使用lxml解析XML3.1解析XML文档3.2查看解析结果4.XPath查询4.1基本路径查询4.2使用属性查询4.3查询多个节点5.XPath的高级用法5.1使用逻辑运算符5.2使用函数6.实战案例6.1从网页抓取数据6.1.1安装Requests库6.1.2代
  • linux中sdl的使用教程,sdl使用入门 Melissa Corvinus linux中sdl的使用教程
    本文通过一个简单示例讲解SDL的基本使用流程。示例中展示一个窗口，窗口里面有个随机颜色快随机移动。当我们鼠标点击关闭按钮时间窗口关闭。基本步骤如下：1.初始化SDL并创建一个窗口。SDL_Init()初始化SDL_CreateWindow()创建窗口2.纹理渲染存储RGB和存储纹理的区别：比如一个从左到右由红色渐变到蓝色的矩形，用存储RGB的话就需要把矩形中每个点的具体颜色值存储下来；而纹理只是一
  • PHP环境搭建详细教程 好看资源平台 前端php
    PHP是一个流行的服务器端脚本语言，广泛用于Web开发。为了使PHP能够在本地或服务器上运行，我们需要搭建一个合适的PHP环境。本教程将结合最新资料，介绍在不同操作系统上搭建PHP开发环境的多种方法，包括Windows、macOS和Linux系统的安装步骤，以及本地和Docker环境的配置。1.PHP环境搭建概述PHP环境的搭建主要分为以下几类：集成开发环境：例如XAMPP、WAMP、MAMP，这
  • 使用 FinalShell 进行远程连接（ssh 远程连接 Linux 服务器） 编程经验分享 开发工具服务器sshlinux
    目录前言基本使用教程新建远程连接连接主机自定义命令路由追踪前言后端开发，必然需要和服务器打交道，部署应用，排查问题，查看运行日志等等。一般服务器都是集中部署在机房中，也有一些直接是云服务器，总而言之，程序员不可能直接和服务器直接操作，一般都是通过ssh连接来登录服务器。刚接触远程连接时，使用的是XSHELL来远程连接服务器，连接上就能够操作远程服务器了，但是仅用XSHELL并没有上传下载文件的功能
  • 第六集如何安装CentOS7.0，3分钟学会centos7安装教程 date分享
    从光盘引导系统按回车键继续进入引导程序安装界面，选择语言这里选择简体中文版点击继续选择桌面安装下面给系统分区选择磁盘，点击完成选择基本分区，点击加号swap分区,大小填内存的两倍在选择根分区，使用所有可用的磁盘空间选择文件系统ext4点击完成，点击开始安装设置root密码，点击完成设置普通用户和密码，点击完成整个过程持续八分钟左右根据个人配置不同，时间长短不同好，现在点击重启系统进入重启状态点击本
  • C++菜鸟教程 - 从入门到精通 第二节 DreamByte c++
    一.上节课的补充(数据类型)1.前言继上节课,我们主要讲解了输入,输出和运算符,我们现在来补充一下数据类型的知识上节课遗漏了这个知识点,非常的抱歉顺便说一下,博主要上高中了,更新会慢,2-4周更新一次对了,正好赶上中秋节,小编跟大家说一句:中秋节快乐!2.int类型上节课,我们其实只用了int类型int类型,是整数类型,它们存贮的是整数,不能存小数(浮点数)定义变量的方式很简单inta;//定义一
  • 福袋生活邀请码在哪里填写，福袋生活app邀请码使用教程 小小编007
    很多人下载福袋生活后，注册使用时需要填写邀请码。因为福袋生活是注册邀请制，所以首次使用填写邀请码才可以正常登录使用。福袋生活是广州市福袋生活信息科技有限公司旗下一家多元化社交电商导购平台，以APP为载体，社群为媒介，汇集衣食住行、吃喝玩乐生活服务板块，使用福袋生活可以领到淘宝，拼多多等电商平台的商品优惠券和返利，还可以兼职去分享赚钱。我为什么从福袋生活转到果冻宝盒呢？当然是因为福袋生活返利更高，注
  • 2023-08-20 圆梦菌
    魔力宝贝最详细新手教程，新手该如何完美开局，建议收藏转发2023-08-2010:34《魔力宝贝》手游体力是什么?魔力宝贝体力恢复机制是每10分钟回复1点；体力作用：挑战关卡需消耗体力体力获取方式1、好友每天可以赠送15次，也就是15点体力2、系统每天中午12点以及下午6点赠送25体3、在商城使用神石购买《魔力宝贝》手游战斗力如何提升?1、宠物强化宠物通过融合进阶后可以大幅度提升战力，最高级的宠物
  • ESP32-C3入门教程 网络篇⑩——基于esp_https_ota和MQTT实现开机主动升级和被动触发升级的OTA功能 小康师兄 ESP32-C3入门教程https服务器esp32OTAMQTT
    文章目录一、前言二、软件流程三、部分源码四、运行演示一、前言本文基于VSCodeIDE进行编程、编译、下载、运行等操作基础入门章节请查阅：ESP32-C3入门教程基础篇①——基于VSCode构建HelloWorld教程目录大纲请查阅：ESP32-C3入门教程——导读ESP32-C3入门教程网络篇⑨——基于esp_https_ota实现史上最简单的ESP32OTA远程固件升级功能二、软件流程
  • 2023最详细的Python安装教程（Windows版本） 程序员林哥 Pythonpythonwindows开发语言
    python安装是学习pyhon第一步，很多刚入门小白不清楚如何安装python，今天我来带大家完成python安装与配置，跟着我一步步来，很简单，你肯定能完成。第一部分：python安装（一）准备工作1、下载和安装python(认准官方网站)当然你不想去下载的话也可以分享给你，还有入门学习教程，点击下方卡片跳转进群领取（二）开始安装对于Windows操作系统，可以下载“executableins
  • 博客网站制作教程 2401_85194651 javamaven
    首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
  • 计算机毕业设计PHP仓储综合管理系统（源码+程序+VUE+lw+部署） java毕设程序源码王哥 php课程设计vue.js
    该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：phpStudy+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术：原生PHP++Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是小皮phpstudy最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发
  • 阿里云服务器4核8G配置购买及价格类文章汇总（10篇） 阿里云最新优惠和活动汇总
    阿里云服务器4核8G配置如何购买？价格是多少？4核8G配置的阿里云服务器可以通过云服务器产品页购买也可以通过阿里云活动去下单购买，一般通过活动购买的用户比较多，但是不同实例规格的阿里云服务器价格不一样，带宽不同价格也不一样，本文为大家汇总了10篇关于阿里云服务器4核8G配置购买教程文章和价格类文章，分为购买类文章和价格类文章，以供大家参考如何购买阿里云服务器4核8G配置和最新优惠价格是多少。阿里云
  • 绝招曝光！3小时高效利用ChatGPT写出精彩论文 kkai人工智能 chatgpt人工智能ai学习媒体
    在这份指南中，我将深入解析如何利用ChatGPT4.0的高级功能，指导整个学术研究和写作过程。从初步探索研究主题，到撰写结构严谨的学术论文，我将一步步展示如何在每个环节中有效运用ChatGPT。如果您还未使用PLUS版本，可以参考相关教程。**初步探索与主题的确定**起初，我处于庞大的知识领域中，寻找一个可深入研究的领域。ChatGPT如同灯塔，通过深入分析最新研究趋势和领域热点，帮助我在广阔的学
  • 推荐3家毕业AI论文可五分钟一键生成！文末附免费教程！ 小猪包333 写论文人工智能AI写作深度学习计算机视觉
    在当前的学术研究和写作领域，AI论文生成器已经成为许多研究人员和学生的重要工具。这些工具不仅能够帮助用户快速生成高质量的论文内容，还能进行内容优化、查重和排版等操作。以下是三款值得推荐的AI论文生成器：千笔-AIPassPaper、懒人论文以及AIPaperPass。千笔-AIPassPaper千笔-AIPassPaper是一款基于深度学习和自然语言处理技术的AI写作助手，旨在帮助用户快速生成高质
  • ai绘画工具midjourney怎么下载？附作品管理教程 设计师早上好
    Midjourney是一款功能强大的AI绘画工具，它使用机器学习技术和深度神经网络等算法，可以生成各种艺术风格的绘画作品。在创意设计、广告宣传等方面有着广泛的应用前景。那么，ai绘画工具midjourney怎么下载？本文将为您介绍Midjourney的下载以及作品的相关管理。一、Midjourney下载Midjourney的下载非常简单，只需打开Midjourney官网（点击“GetMidjour
  • Go语言基础总结 Alice_小哪吒 Go学习笔记golang开发语言后端
    一、Go语言结构包声明引入包函数变量语句&表达式注释下面简单给出hello.go文件。packagesrc/*定义包名*/import"fmt"/*引入包*/funchello(){/*函数*/fmt.Println("Hello,World!")/*语句&表达式*/fmt.Println("菜鸟教程：runoob.com")}二、Go语言基础语法Go程序可以由多个标记构成。可以是关键字、标识符、
  • mysql学习教程，从入门到精通，TOP 和MySQL LIMIT 子句（15） 知识分享小能手 大数据数据库MySQLmysql学习oracle数据库开发语言adb大数据
    1、TOP和MySQLLIMIT子句内容在SQL中，不同的数据库系统对于限制查询结果的数量有不同的实现方式。TOP关键字主要用于SQLServer和Access数据库中，而LIMIT子句则主要用于MySQL、PostgreSQL（通过LIMIT/OFFSET语法）、SQLite等数据库中。下面将分别详细介绍这两个功能的语法、语句以及案例。1.1、TOP子句（SQLServer和Access）1.1
  • 【Golang】实现 Excel 文件下载功能 RumIV Golanggolangexcel开发语言
    在当今的网络应用开发中，提供数据导出功能是一项常见的需求。Excel作为一种广泛使用的电子表格格式，通常是数据导出的首选格式之一。在本教程中，我们将学习如何使用Go语言和GinWeb框架来创建一个Excel文件，并允许用户通过HTTP请求下载该文件。准备工作在开始之前，请确保您的开发环境中已经安装了Go语言和相关的开发工具。此外，您还需要安装GinWeb框架和excelize包，这两个包都将用于我
  • sublime个人设置 bawangtianzun sublimetext编辑器
    如何拥有jiangly蒋老师同款编译器(sublimec++配置竞赛向）_哔哩哔哩_bilibiliSublimeText4的安装教程（新手竞赛向）-知乎(zhihu.com)创建文件自动保存为c++打开SublimeText软件。转到"Tools"（工具）>"Developer"（开发者）>"NewPlugin"（新建插件）。在打开的新文件中，粘贴以下代码：importsublimeimport
  • python画图|同时输出二维和三维图 西猫雷婶 python开发语言
    前面已经学习了如何输出二维图和三维图，部分文章详见下述链接：python画图|极坐标下的3Dsurface-CSDN博客python画图|垂线标记系列_如何用pyplot画垂直x轴的线-CSDN博客有时候也需要同时输出二位和三维图，因此有必要学习一下。【1】官网教程首先我们打开官网教程，链接如下。https://matplotlib.org/stable/gallery/mplot3d/mixed
  • 果冻宝盒官方app邀请码有哪些一览(附邀请码填写指南)省钱又开心！ 小小编007
    果冻宝盒是一款备受瞩目的社交电商软件，其独特的邀请机制和丰富的奖励制度吸引了大量用户。在使用果冻宝盒的过程中，填写正确的邀请码是获取奖励的重要步骤之一。本文将为您详细介绍果冻宝盒官方app的邀请码有哪些，以及如何正确填写邀请码，帮助您更好地参与果冻宝盒的社交电商生态。果冻宝盒直升金牌总裁（最高返利）注册教程：1各大应用市场搜索【果冻宝盒】并下载安装2注册果冻宝盒，根据提示填写邀请码：2233773
  • 如何给QQ邮箱自动发邮件？无惧「小爱」下线！代码全公开，两步搞定 AI码上来 AI实战微信人工智能python
    前两天，搞了个微信AI小助理-小爱(AI)，爸妈玩的不亦乐乎。零风险！零费用！我把AI接入微信群，爸妈玩嗨了，附教程（下）最近一直在迭代中，挖掘小爱的无限潜力:链接丢给它，精华吐出来！微信AI小助理太强了，附完整提示词拥有一个能倾听你心声的「微信AI小助理」，是一种什么体验？小爱打工，你躺平！让「微信AI小助理」接管你的文件处理，一个字：爽！我把多模态大模型接入了「小爱」，痛快来一场「表情包斗图」
  • FlagEmbedding 吉小雨 python库python
    FlagEmbedding教程FlagEmbedding是一个用于生成文本嵌入（textembeddings）的库，适合处理自然语言处理（NLP）中的各种任务。嵌入（embeddings）是将文本表示为连续向量，能够捕捉语义上的相似性，常用于文本分类、聚类、信息检索等场景。官方文档链接：FlagEmbedding官方GitHub一、FlagEmbedding库概述1.1什么是FlagEmbeddi
  • Kubernetes Ingress 控制器（Nginx）安装与使用教程 农优影
    KubernetesIngress控制器（Nginx）安装与使用教程kubernetes-ingressNGINXandNGINXPlusIngressControllersforKubernetes项目地址:https://gitcode.com/gh_mirrors/ku/kubernetes-ingress1.项目目录结构及介绍在nginxinc/kubernetes-ingress仓库中，
  • Playwright 自动化验证码教程 吉小雨 python库自动化数据库运维python
    Playwright自动化点击验证码教程在自动化测试中，Playwright是一个流行的浏览器自动化工具，支持多种浏览器的高效操作。验证码（如图片验证码、滑动验证码等）是网页中常见的反自动化机制，常常需要特别处理。我们将介绍如何使用Playwright自动化点击验证码，并提供几种常见验证码的处理方案。官方文档链接：Playwright官方文档一、Playwright环境搭建1.1安装Playwri
  • C# 开发教程-入门基础 天马3798 教程系列整理c#开发语言
    1.C#简介、环境，程序结构2.C#基本语法，变量，控制局域，数据类型，类型转换3.C#数组、循环，Linq4.C#类，封装，方法5.C#枚举、字符串6.C#面相对象，继承，封装，多态7.C#特性、属性、反射、索引器8.C#委托，事件，集合，泛型9.C#匿名方法10.C#多线程更多：JQuery开发教程入门基础Vue开发基础入门教程Vue开发高级学习教程
  • Python编写简单登录系统的完整指南 qq_35430208 pythonpython开发语言Python编写简单登录系统登录系统
    在现代应用中，用户认证和登录系统是一个非常重要的功能。通过登录系统，应用能够识别用户的身份，并为其提供相应的权限和服务。本文将介绍如何使用Python编写一个简单的登录系统，包括用户注册、登录验证、密码加密等功能。通过这一教程，将学习如何构建一个基本的用户登录系统，并理解其中的关键技术。系统需求分析一个基本的登录系统应该具备以下功能：用户注册：新用户可以创建账号，系统会将用户名和密码存储起来。登录
  • 剪纸与折纸 a晟睿
    暑期第47天秋高气爽，温度适宜，一天宅在家里真幸福。睿睿做完作业，看动画片，给她规定好看多长时间，虽然到时间会耍赖多看一会，基本上还是能守信用关掉。下午的时间，我找出彩纸，对睿睿说咱们剪纸吧，睿睿马上找来小剪刀，我找来剪纸的书，睿睿铺好她的瑜伽垫，我俩就面对面席地而坐，各忙各的了。睿睿的小手很灵活，照着图纸一会就叠好剪出来了，自己觉得不过瘾，又拿来我的手机，搜了一个折纸教程，一步一步跟着折起来。剪
  • web前段跨域nginx代理配置 刘正强 nginxcmsWeb
    nginx代理配置可参考server部分 server {         listen       80;         server_name  localhost;
  • spring学习笔记 caoyong spring
    一、概述     a>、核心技术 : IOC与AOP b>、开发为什么需要面向接口而不是实现     接口降低一个组件与整个系统的藕合程度，当该组件不满足系统需求时，可以很容易的将该组件从系统中替换掉，而不会对整个系统产生大的影响 c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式)
  • Eclipse打开workspace提示工作空间不可用 0624chenhong eclipse
    做项目的时候，难免会用到整个团队的代码，或者上一任同事创建的workspace， 1.电脑切换账号后，Eclipse打开时，会提示Eclipse对应的目录锁定，无法访问，根据提示，找到对应目录，G:\eclipse\configuration\org.eclipse.osgi\.manager，其中文件.fileTableLock提示被锁定。 解决办法，删掉.fileTableLock文件，重
  • Javascript 面向对面写法的必要性？ 一炮送你回车库 JavaScript
    现在Javascript面向对象的方式来写页面很流行，什么纯javascript的mvc框架都出来了：ember 这是javascript层的mvc框架哦,不是j2ee的mvc框架   我想说的是，javascript本来就不是一门面向对象的语言，用它写出来的面向对象的程序，本身就有些别扭，很多人提到js的面向对象首先提的是：复用性。那么我请问你写的js里有多少是可以复用的，用fu
  • js array对象的迭代方法 换个号韩国红果果 array
    1.forEach 该方法接受一个函数作为参数， 对数组中的每个元素 使用该函数  return 语句失效 function square(num) { print(num, num * num); } var nums = [1,2,3,4,5,6,7,8,9,10]; nums.forEach(square); 2.every 该方法接受一个返回值为布尔类型
  • 对Hibernate缓存机制的理解 归来朝歌 session一级缓存对象持久化
    在hibernate中session一级缓存机制中，有这么一种情况： 问题描述：我需要new一个对象，对它的几个字段赋值，但是有一些属性并没有进行赋值，然后调用 session.save()方法，在提交事务后，会出现这样的情况： 1：在数据库中有默认属性的字段的值为空 2：既然是持久化对象，为什么在最后对象拿不到默认属性的值？ 通过调试后解决方案如下： 对于问题一，如你在数据库里设置了
  • WebService调用错误合集 darkranger webservice
     Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton 调用接口出错， 一个简单的WebService import org.apache.axis.client.Call;import org.apache.axis.client.Service; 首先必不可
  • JSP和Servlet的中文乱码处理 aijuans Java Web
    JSP和Servlet的中文乱码处理 前几天学习了JSP和Servlet中有关中文乱码的一些问题，写成了博客，今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学，所以有不足之处希望谅解。 一、表单提交时出现乱码： 在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以
  • 面试经典六问 atongyeye 工作面试
    题记：因为我不善沟通，所以在面试中经常碰壁，看了网上太多面试宝典，基本上不太靠谱。只好自己总结，并试着根据最近工作情况完成个人答案。以备不时之需。 以下是人事了解应聘者情况的最典型的六个问题： 1 简单自我介绍 关于这个问题，主要为了弄清两件事，一是了解应聘者的背景，二是应聘者将这些背景信息组织成合适语言的能力。 我的回答：(针对技术面试回答，如果是人事面试，可以就掌
  • contentResolver.query()参数详解 百合不是茶 androidquery()详解
    收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名 一个简单的例子，这个函数获取设备上所有的联系人ID和联系人NAME。 [java]  view plain copy   public void fetchAllContacts() {      
  • ora-00054:resource busy and acquire with nowait specified解决方法 bijian1013 oracle数据库killnowait
            当某个数据库用户在数据库中插入、更新、删除一个表的数据，或者增加一个表的主键时或者表的索引时，常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行（或者事务已经被锁），所有导致执行不成功。 1.下面的语句
  • web 开发乱码 征客丶 springWeb
    以下前端都是 utf-8 字符集编码 一、后台接收 1.1、 get 请求乱码 get 请求中，请求参数在请求头中； 乱码解决方法： a、通过在web 服务器中配置编码格式：tomcat 中，在 Connector 中添加URIEncoding="UTF-8"； 1.2、post 请求乱码 post 请求中，请求参数分两部份， 1.2.1、url？参数，
  • 【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式 bit1129 spark
    Spark SQL数据源和表的Schema case class apply schema parquet json JSON数据源 准备源数据 {"name":"Jack", "age": 12, "addr":{"city":"beijing&
  • JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss BlueSkator -Xss-Xmn-Xms-Xmx
      堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx355
  • jqGrid 各种参数 详解(转帖) BreakingBad jqGrid
      jqGrid 各种参数 详解 分类：  源代码分享  个人随笔请勿参考  解决开发问题 2012-05-09 20:29   84282人阅读   评论(22)   收藏   举报 jquery 服务器 parameters function ajax string  
  • 读《研磨设计模式》-代码笔记-代理模式-Proxy bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.lang.reflect.InvocationHandler; import java.lang.reflect.Method; import java.lang.reflect.Proxy; /* * 下面
  • 应用升级iOS8中遇到的一些问题 chenhbc ios8升级iOS8
    1、很奇怪的问题，登录界面，有一个判断，如果不存在某个值，则跳转到设置界面，ios8之前的系统都可以正常跳转，iOS8中代码已经执行到下一个界面了，但界面并没有跳转过去，而且这个值如果设置过的话，也是可以正常跳转过去的，这个问题纠结了两天多，之前的判断我是在 -(void)viewWillAppear:(BOOL)animated  中写的，最终的解决办法是把判断写在 -(void
  • 工作流与自组织的关系？ comsci 设计模式工作
      目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的，这种固定的模式在实际的运用中会受到很多限制，特别是节点之间的依存关系是固定的，节点的处理不考虑到流程整体的运行情况，细节和整体间的关系是脱节的，那么我们提出一个新的观点，一个流程是否可以通过节点的自组织运动来自动生成呢？这种流程有什么实际意义呢？   这里有篇论文，摘要是：“针对网格中的服务
  • Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX daizj oracle
    insert提示IGNORE_ROW_ON_DUPKEY_INDEX 转自：http://space.itpub.net/18922393/viewspace-752123 在 insert into tablea ...select * from tableb中，如果存在唯一约束，会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示，会忽略唯一
  • 二叉树:堆 dieslrae 二叉树
        这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单:     一个节点的父节点下标为: (当前下标 - 1)/2     一个节点的左节点下标为: 当前下标 * 2 + 1   &
  • C语言学习八结构体 dcj3sjt126com c
    为什么需要结构体，看代码 # include <stdio.h> struct Student //定义一个学生类型，里面有age, score, sex, 然后可以定义这个类型的变量 { int age; float score; char sex; } int main(void) { struct Student st = {80, 66.6,
  • centos安装golang dcj3sjt126com centos
    #在国内镜像下载二进制包 wget -c  http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz   #把golang的bin目录加入全局环境变量 cat >>/etc/profile<
  • 10.性能优化-监控-MySQL慢查询 frank1234 性能优化MySQL慢查询
    1.记录慢查询配置 show variables where variable_name like 'slow%' ; --查看默认日志路径 查询结果：--不用的机器可能不同 slow_query_log_file=/var/lib/mysql/centos-slow.log 修改mysqld配置文件：/usr /my.cnf[一般在/etc/my.cnf，本机在/user/my.cn
  • Java父类取得子类类名 happyqing javathis父类子类类名
      在继承关系中，不管父类还是子类，这些类里面的this都代表了最终new出来的那个类的实例对象，所以在父类中你可以用this获取到子类的信息！   package com.urthinker.module.test; import org.junit.Test; abstract class BaseDao<T> { public void
  • Spring3.2新注解@ControllerAdvice jinnianshilongnian @Controller
    @ControllerAdvice，是spring3.2提供的新注解，从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现：   @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIME) @Documented @Component public @interface Co
  • Java spring mvc多数据源配置 liuxihope spring
    转自：http://www.itpub.net/thread-1906608-1-1.html 1、首先配置两个数据库 <bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo
  • 第12章 Ajax（下） onestopweb Ajax
    index.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/
  • BW / Universe Mappings blueoxygen BO
      BW Element OLAP Universe Element Cube  Dimension Class Charateristic A class with dimension and detail objects (Detail objects for key and desription) Hi
  • Java开发熟手该当心的11个错误 tomcat_oracle java多线程工作单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 推行国产操作系统的优劣 yananay windowslinux国产操作系统
    最近刮起了一股风，就是去“国外货”。从应用程序开始，到基础的系统，数据库，现在已经刮到操作系统了。原因就是“棱镜计划”，使我们终于认识到了国外货的危害，开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂，为了信息安全，那我们就自然要使用和推行国货。可是，一味地推行，是否就一定正确呢？ 先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前，就据传某世界级的网络设备制造商生产的交
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他