黑马node.js教程（nodejs教程）——AJAX-Day01-04.案例_地区查询——查询某个省某个城市所有地区（代码示例）
文章目录
- 代码示例
- 效果
代码示例
axiosTest.html
<!DOCTYPE html> <!-- 文档类型声明，告诉浏览器这是一个HTML5文档 -->
<html lang="en"> <!-- HTML根元素，设置文档语言为英语 --><head> <!-- 头部区域，包含文档的元数据 --><meta charset="UTF-8"> <!-- 设置文档字符编码为UTF-8，支持多种语言字符 --><meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 兼容模式设置，使用最新的IE浏览器渲染模式 --><meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 视口设置，使网页在移动设备上正确显示 --><title>地区查询</title> <!-- 网页标题，显示在浏览器标签页上 --><style>/* CSS样式开始 */.container {/* 主容器样式 */width: 400px;/* 设置容器宽度为400像素 */margin: 50px auto;/* 设置上下外边距为50像素，左右自动居中 */padding: 20px;/* 设置内边距为20像素 */border: 1px solid #ddd;/* 设置1像素实线浅灰色边框 */border-radius: 5px;/* 设置边框圆角为5像素 */box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);/* 添加阴影效果 */}.form-group {/* 表单组样式 */margin-bottom: 15px;/* 设置下外边距为15像素 */}label {/* 标签样式 */display: block;/* 设置为块级元素，独占一行 */margin-bottom: 5px;/* 设置下外边距为5像素 */font-weight: bold;/* 设置文字为粗体 */}input {/* 输入框样式 */width: 100%;/* 宽度占满父元素 */padding: 8px;/* 设置内边距为8像素 */border: 1px solid #ddd;/* 设置1像素实线浅灰色边框 */border-radius: 3px;/* 设置边框圆角为3像素 */box-sizing: border-box;/* 盒模型设置，使padding和border包含在width内 */}button {/* 按钮样式 */background-color: #4CAF50;/* 设置背景色为绿色 */color: white;/* 设置文字颜色为白色 */padding: 10px 15px;/* 设置内边距，上下10像素，左右15像素 */border: none;/* 移除边框 */border-radius: 4px;/* 设置边框圆角为4像素 */cursor: pointer;/* 鼠标悬停时显示为手型光标 */font-size: 16px;/* 设置字体大小为16像素 */}button:hover {/* 按钮悬停状态样式 */background-color: #45a049;/* 悬停时背景色变为深绿色 */}.result-list {/* 结果列表容器样式 */margin-top: 20px;/* 设置上外边距为20像素 */border-top: 1px solid #ddd;/* 设置上边框为1像素实线浅灰色 */padding-top: 15px;/* 设置上内边距为15像素 */}.result-list h3 {/* 结果列表标题样式 */margin-top: 0;/* 移除上外边距 */}.area-item {/* 地区项目样式 */margin-bottom: 5px;/* 设置下外边距为5像素 */padding: 5px;/* 设置内边距为5像素 */background-color: #f9f9f9;/* 设置背景色为浅灰色 */}</style> <!-- CSS样式结束 -->
</head><body> <!-- 文档主体，包含页面的可见内容 --><div class="container"> <!-- 主容器，包含所有页面元素 --><h2>地区查询</h2> <!-- 主标题 --><div class="form-group"> <!-- 表单组，包含省份输入框和标签 --><label for="province">省份名称：</label> <!-- 省份输入框的标签 --><input type="text" id="province" placeholder="请输入省份名称，如：河北省"> <!-- 省份输入框，提供占位文本作为提示 --></div><div class="form-group"> <!-- 表单组，包含城市输入框和标签 --><label for="city">城市名称：</label> <!-- 城市输入框的标签 --><input type="text" id="city" placeholder="请输入城市名称，如：石家庄市"> <!-- 城市输入框，提供占位文本作为提示 --></div><button id="searchBtn">查询地区</button> <!-- 查询按钮 --><div class="result-list"> <!-- 结果列表容器 --><h3>地区列表</h3> <!-- 结果列表标题 --><div id="areaList"></div> <!-- 用于显示地区列表的容器，初始为空 --></div></div><!-- axios库地址，引入axios HTTP请求库 --><script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script><script> <!-- JavaScript代码开始 -->// 获取DOM元素，通过ID选择器获取页面中的元素const provinceInput = document.getElementById('province'); // 获取省份输入框元素const cityInput = document.getElementById('city'); // 获取城市输入框元素const searchBtn = document.getElementById('searchBtn'); // 获取查询按钮元素const areaList = document.getElementById('areaList'); // 获取地区列表容器元素// 添加点击事件，为查询按钮添加点击事件监听器searchBtn.addEventListener('click', function () {// 获取输入的省份和城市，使用trim()方法移除首尾空白字符const pname = provinceInput.value.trim(); // 获取并处理省份输入值const cname = cityInput.value.trim(); // 获取并处理城市输入值// 验证输入，确保用户填写了省份和城市if (!pname || !cname) { // 如果省份或城市为空alert('请输入省份和城市名称'); // 弹出警告框提示用户return; // 终止函数执行}// 显示加载状态，提示用户正在加载数据areaList.innerHTML = '加载中...'; // 在地区列表容器中显示加载提示// 发送请求获取地区列表，使用axios发送HTTP GET请求axios({url: 'http://hmajax.itheima.net/api/area', // API接口地址params: { // 请求参数pname: pname, // 设置省份参数cname // 设置城市参数（注意当属性名和变量名相同时，可以简写）}}).then(response => { // 请求成功的回调函数console.log(response); // 在控制台输出响应数据，便于调试// 获取地区列表数据，从响应对象中提取地区列表const list = response.data.list; // 获取API返回的地区列表数组// 检查是否有数据，处理返回的地区列表if (list && list.length > 0) { // 如果列表存在且不为空// 构建HTML显示地区列表，动态生成地区项目HTMLlet html = ''; // 初始化HTML字符串list.forEach((area, index) => { // 遍历地区列表数组html += `<div class="area-item">${index + 1}. ${area}</div>`; // 为每个地区创建带编号的HTML元素});areaList.innerHTML = html; // 将生成的HTML设置到地区列表容器中} else { // 如果列表为空areaList.innerHTML = '未找到相关地区数据'; // 显示无数据提示}}).catch(error => { // 请求失败的回调函数console.error('获取地区数据失败:', error); // 在控制台输出错误信息areaList.innerHTML = '获取数据失败，请检查输入的省份和城市名称是否正确'; // 显示错误提示});});</script> <!-- JavaScript代码结束 -->
</body></html> <!-- HTML文档结束 -->效果
ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ
ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ ᅟᅠ
相关文章：
黑马node.js教程（nodejs教程）——AJAX-Day01-04.案例_地区查询——查询某个省某个城市所有地区（代码示例）
文章目录 代码示例效果 代码示例 axiosTest.html <!DOCTYPE html> <!-- 文档类型声明，告诉浏览器这是一个HTML5文档 --> <html lang"en"> <!-- HTML根元素，设置文档语言为英语 --><head> <!-- 头部区域&am…...
，使用types.MethodType动态定义事件)
PySide(PyQt)，使用types.MethodType动态定义事件
以PySide(PyQt)的图片项为例，比如一个视窗的场景底图是一个QGraphicsPixmapItem，需要修改它的鼠标滚轮事件，以实现鼠标滚轮缩放显示的功能。为了达到这个目的，可以重新定义一个QGraphicsPixmapItem类，并重写它的wheelE…...
c语言基础编程入门练习题
[编程入门]成绩评定 题目描述 给出一百分制成绩，要求输出成绩等级‘A’、‘B’、‘C’、‘D’、‘E’。 90分以及90分以上为A，80-89分为B，70-79分为C，60-69分为D，60分以下为E。 输入格式 一个整数0－100…...
汽车安全确认等级-中国等保
1、概念解析 网络安全保证等级（Cybersecurity Assurance Level）通常指在不同标准或框架下，根据系统或数据的敏感性、重要性以及潜在风险划分的等级，用于指导组织采取相应的安全防护措施。以下是几个常见的网络安全保证等级体系及…...
Quartus + VScode 实现模块化流水灯
文章目录 一、通过VScode编写Verilog代码二、模块化编程三、代码示例 一、通过VScode编写Verilog代码 1、下载Vscode 2、下载相关插件 搜索Verilog就会弹出有如图所示的插件，下载并安装 3、创建Quartus项目 4、创建完成后点击Tools，选择Options 然后在…...
从两指到三指：Robotiq机器人自适应夹持器技术解析
工业自动化离不开高效工具的支持。Robotiq机器人工具凭借其模块化设计和智能化编程技术，提升了设备的灵活性和操作效率。Robotiq机器人工具精准的传感器和自适应夹持器技术，能够满足多样化的应用需求，为制造业、物流和科研等领域提供可靠的解…...
网络安全应急入门到实战
奇安信：95015网络安全应急响应分析报告（2022-2024年）官网可以下载 https://github.com/Bypass007/Emergency-Response-Notes 应急响应实战笔记 网络安全应急响应技术实战指南 .pdf 常见场景 第4章 勒索病毒网络安全应急响应 第5章 挖矿木…...
Flutter IconButton完全指南：高效使用与性能优化秘籍
目录 一、引言 二、IconButton 的基本用法 三、 进阶技巧 3.1 自定义形状与背景 3.2 带文本的 IconButton（使用 Column 组合） 3.3 自定义交互反馈 3.4 动态图标切换 3.5 组合式按钮（图标 文字） 四、高级应用 4.1 与主题…...
跨国生产制造企业：如何破解远距离数据传输难题？
在全球制造业数字化转型的背景下，跨国生产制造企业的文件传输需求正呈现指数级增长。无论是设计图纸、生产计划、质量控制数据，还是供应链协同信息，跨国文件传输已成为制造业高效运营的核心环节。 然而，制造业文件大数据传输具有文…...
大模型如何赋能安全防御？威胁检测与漏洞挖掘的“AI革命”
🚀 引言：大模型是“安全守护神”还是“双刃剑”？ 当黑客用AI生成恶意代码，安全团队也能用大模型“魔法打败魔法”！ 划重点：大模型不仅是“生产力工具”，更是安全防御的“智能武器库”࿰…...
uniapp常用组件
写在前面 今天将uniapp中的组件都过了一遍，上手难度不大，但是还是遇到了一些问题： HBuilder实在是太难用，不管是插件生态还是设计之类的，总之就是用的哪哪不顺手虽然打开内置浏览器是挺方便的，但是不知道…...
Oracle OCP认证没落了吗?
Oracle OCP认证没落了吗? Oracle的OCP认证是数据库领域必考的一个认证，但随着国产化的发展，国内很多企业开发了自己的数据库产品，这种情况对很多人造成了错误的认识：OCP被淘汰了吗?不然，从行业需求、技术趋势、认证体…...
洛谷 P3986 斐波那契数列
P3986 斐波那契数列 题目描述 定义一个数列： f ( 0 ) a , f ( 1 ) b , f ( n ) f ( n − 1 ) f ( n − 2 ) f(0) a, f(1) b, f(n) f(n - 1) f(n - 2) f(0)a,f(1)b,f(n)f(n−1)f(n−2) 其中 a, b 均为正整数，n ≥ 2。 问有多少种 (a, b)&…...
使用fastapi部署stable diffusion模型
使用vscode运行stable diffusion模型，每次加载模型都需要10分钟，为算法及prompt调试带来了极大麻烦。使用jupyter解决自然是一个比较好的方案，但如果jupyter由于种种原因不能使用时，fastapi无疑成为了一个很好的选择。 参考github…...
-张量类型转换)
PyTorch使用(3)-张量类型转换
文章目录 张量类型转换1. 张量转换为 numpy 数组1.1. 默认行为：共享内存1.2. 避免内存共享1.2.1. 使用 .copy()1.2.2. 使用 torch.clone() .numpy() 1.3. 处理 GPU 张量1.4. 分离梯度跟踪1.5. 代码示例1.6. 关键注意事项1.7. 总结 2. 标量张量和数字的转换2.1. tor…...
基于FPGA的DDS连续FFT 仿真验证
基于FPGA的 DDS连续FFT 仿真验证 1 摘要 本文聚焦 AMD LogiCORE IP Fast Fourier Transform (FFT) 核心，深入剖析其在 FPGA 设计中的应用。该 FFT 核心基于 Cooley - Tukey 算法，具备丰富特性，如支持多种数据精度、算术类型及灵活的运行时配置。文中详细介绍了其架构选项、…...
【Spring 默认是否管理 Request 和 Session Bean 的生命周期？】
要测试 Spring 默认是否管理 Request 和 Session 作用域的 Bean 的生命周期，可以通过以下步骤实现： 验证 Spring 是否创建了 Bean：检查 Spring 容器是否成功加载并管理了 Request 和 Session 作用域的 Bean。验证 Bean 的生命周期回调方法是…...
Git的基本指令
一、回滚 1.git init 在项目文件夹中打开bash生成一个.git的子目录，产生一个仓库 2.git status 查看当前目录下的所有文件的状态 3.git add . 将该目录下的所有文件提交到暂存区 4.git add 文件名 将该目录下的指定文件提交到暂存区 5.git commit -m 备注信…...
【微信小程序（云开发模式）变通实现DeepSeek支持语音】
整体架构 前端（微信小程序）： 使用微信小程序云开发能力，实现录音功能。将录音文件上传到云存储。调用云函数进行语音识别和 DeepSeek 处理。界面模仿 DeepSeek，支持文本编辑。 后端（云函数 Node.js&#…...
前端使用 crypto-js库AES加解密
前端使用 crypto-js库AES加解密 为什么需要前端加密？ 现在项目使用http协议，且登录界面的用户登录密码是明文传输，项目真正上线后，存在信息泄露风险。 所以准备用前端框架加密处理用户输入的密码再传输。 crypto-js 库 crypto…...
七天MySQL密集学习计划
七天MySQL密集学习计划 第1天：MySQL基础和环境搭建 上午（理论安装） 数据库基本概念MySQL是什么关系型数据库基础安装MySQL Windows/Mac下安装步骤MySQL Workbench安装 基本配置和连接 下午（基础操作） 数据库和表的…...
Python程序常用的配置文件格式及例子（上）
Python 中常用的配置文件格式有多种，每种格式都有其特点和适用场景。以下是常见的配置文件类型及简要说明： 1. INI 格式 特点：简单键值对，支持分节（Section）。文件扩展名：.ini, .cfgPython 库&…...
Go语言对于MySQL的基本操作
一.下载依赖 终端中输入： go get -u github.com/go-sql-driver/mysql 导入包 import ("database/sql"_ "github.com/go-sql-driver/mysql" ) 二.案例 package main//go get-u github.com/go-sql-driver/mysql 获取驱动 import ("databa…...
一键批量txt转DWG，DWG转txt——插件实现 CAD c#二次开发
如下图，我们有大量dwg需要转为txt格式，或txt格式坐标需要转为dwg格式，此插件可一键完成一个文件夹下所有文件的转换。 插件使用方式 命令行输入： netload 加载此dll插件， 输入： dwg2txt 可将dwg转为t…...
SpringBoot 集成 Minio （附带工具类）
Minio 官方文档： https://www.minio.org.cn/docs/minio/container/index.html MinIO是一个对象存储解决方案，它提供了与Amazon Web Services S3兼容的API，并支持所有核心S3功能。 MinIO有能力在任何地方部署 - 公有云或私有云，裸…...
图论——Prim算法
53. 寻宝（第七期模拟笔试） 题目描述 在世界的某个区域，有一些分散的神秘岛屿，每个岛屿上都有一种珍稀的资源或者宝藏。国王打算在这些岛屿上建公路，方便运输。 不同岛屿之间，路途距离不同，国王希望你可以规划建公路的方案，如何可以以最短的总公路距离将 所有岛屿联通…...
Linux系统上后门程序的原理细节，请仔细解释一下
在Linux系统上，后门程序通常通过隐蔽的方式绕过正常的安全机制，允许攻击者未经授权访问系统。以下是其工作原理的详细解释： 1. 隐蔽性 隐藏进程：后门程序常通过修改进程列表或使用rootkit技术隐藏自身，避免被ps、top…...
Cursor与Blender-MCP生成3D模型
随着DeepSeek的热度，各行各业接入AI智能，当然作为一个深受3D爱好者喜爱的软件——Blender，也接入了AI智能，通过Blender-MCP，开启一场Blender的智能化模型创建的世界之旅。 目录 1.准备工作2.环境配置2.1 Mac安装2.2 W…...
Object 转 JSONObject 并排除null和““字符串
public static JSONObject objToJSONObject(Object obj) throws Exception{//创建一个 HashMap 对象 map，用于存储对象的属性名和属性值。//key 是属性名（String 类型），value 是属性值（Object 类型）Map<…...
物联网为什么用MQTT不用 HTTP 或 UDP？
先来两个代码对比，上传温度数据给服务器。 MQTT代码示例 // MQTT 客户端连接到 MQTT 服务器 mqttClient.connect("mqtt://broker.server.com:8883", clientId) // 订阅特定主题 mqttClient.subscribe("sensor/data", qos1) // …...
LeetCode135☞分糖果
关联LeetCode题号135 本题特点 贪心两次遍历，一次正序遍历，只比较左边，左边比右边大的情况 i-1 i一次倒序遍历，只比较右边的，右边比左边大 i1 i 本题思路 class Solution:def candy(self, ratings: List[int]) -&g…...
YOLO魔改之频率分割模块（FDM）
目标检测原理 目标检测是一种将目标分割和识别相结合的图像处理技术，旨在从图像中定位并识别特定目标。深度学习方法，如Faster R-CNN和YOLO系列，已成为主流解决方案。这些方法通常采用两阶段或单阶段策略，通过卷积神经网络(CNN)提取特征并进行分类和定位。 在小目标检测中…...
AI学习——卷积神经网络（CNN）入门
作为人类，我们天生擅长“看”东西：一眼就能认出猫狗、分辨红绿灯、读懂朋友的表情……但计算机的“眼睛”最初是一片空白。直到卷积神经网络（CNN）的出现，计算机才真正开始理解图像。今天，我们就用最通俗的…...
【资源损坏类故障】：详细了解坏块
目录 1、物理坏块与逻辑坏块 1.1、物理坏块 1.2、逻辑坏块 2、两个坏块相关的参数 2.1、db_block_checksum 2.2、db_block_checking 3、检测坏块 3.1、告警日志 3.2、RMAN 3.3、ANALYZE 3.4、数据字典 3.5、DBVERIFY 4、修复坏块 4.1、RMAN修复 4.2、DBMS_REPA…...
Django系列教程（13）——Cookie和Session应用场景及案例
目录 什么是cookie，cookie的应用场景及缺点 Django中如何使用cookie Cookie使用示例 什么是session及session的工作原理 Django中如何使用会话session Session使用示例 小结 HTTP协议本身是”无状态”的，在一次请求和下一次请求之间没有任何状态保…...
给管理商场消防安全搭建消防安全培训小程序全过程
一、需求沟通 “我是管理商场消防安全的嘛，做这个的作用呢，1是商场的所有商户员工可以看平面或者视频随时自学， 2是我们定期培训必修课程、考试，这个需要留存他们的手签字的签到表确认我们讲给他们听了（免责很重要&am…...
YOLOv11 目标检测
本文章不再赘述anaconda的下载以及虚拟环境的配置，博主使用的python版本为3.8 1.获取YOLOv11的源工程文件 链接：GitHub - ultralytics/ultralytics: Ultralytics YOLO11 🚀 直接下载解压 2.需要自己准备的文件 文件结构如下：红…...
数据库原理实验报告：Powerdesigner建模E-R模型并转换表
注：此实验并不完整，仅供参考，如需完整版请私我留言 一、实验目的： 二、实验工具： 三、实验要求： 四、实验过程： 图文并茂，每一步都包含详细图片，总共11页word！…...
【愚公系列】《高效使用DeepSeek》018-错题本整理
🌟【技术大咖愚公搬代码：全栈专家的成长之路，你关注的宝藏博主在这里！】🌟 📣开发者圈持续输出高质量干货的"愚公精神"践行者——全网百万开发者都在追更的顶级技术博主！ 👉 江湖人称"愚公搬代码"，用七年如一日的精神深耕技术领域，以"…...
面试八股 —— Redis篇
重点：缓存 和 分布式锁 缓存（穿透，击穿，雪崩） 降级可作为系统的保底策略，适用于穿透，击穿，雪崩 1.缓存穿透 2.缓存击穿 3.缓存雪崩 缓存——双写一致性 1.强一致性业务（…...
maven的安装配置
目录 一、官网下载压缩包 二、配置环境变量 设置 MAVEN_HOME 添加 MAVEN_HOME\bin 到 PATH 三、配置本机仓库和远程仓库 四、配置idea 一、官网下载压缩包 Download Apache Maven – Maven 如上图。选择这个压缩包 选择好文件，下载完后，配置环境变…...
SpringCloud系列教程（十四）：Sentinel持久化
Sentinel之前已经搭建和应用成功了，但是它有一个很大的缺点就是官方没有提供持久化的方案，从项目源码上看感觉这款工具也没有完成的太好，所以需要我们去对它进行二次开发。要补充的功能大概如下： 1、将Sentinel接入nacos中&#…...
深度学习处理时间序列（1）
不同类型的时间序列任务 时间序列（timeseries）是指定期测量获得的任意数据，比如每日股价、城市每小时耗电量或商店每周销售额。无论是自然现象（如地震活动、鱼类种群的演变或某地天气）还是人类活动模式（如…...
微前端 qiankun vite vue3
文章目录 简介主应用 qiankun-main vue3 vite子应用 qiankun-app-vue2 webpack5子应用 qiankun-react webpack5子应用 quankun-vue3 vite遇到的问题 简介 主要介绍以qiankun框架为基础，vite 搭建vue3 项目为主应用，wepack vue2 和 webpack react 搭建的…...
【ArduPilot】Windows下使用Optitrack通过MAVProxy连接无人机实现定位与导航
Windows下使用Optitrack通过MAVProxy连接无人机实现定位与导航 配置动捕系统无人机贴动捕球配置无人机参数使用MAVProxy连接Optitrack1、连接无人机3、设置跟踪刚体ID4、校正坐标系5、配置IP地址（非Loopback模式）6、启动动捕数据推流 结语 在GPS信号弱或…...
【GPT入门】第24课 langfuse介绍
【GPT入门】第24课 langfuse介绍 1. langfuse概念与作用2. 代码3. 页面效果4. 设计模式1. 装饰器模式2. 上下文管理模式1. langfuse概念与作用 Langfuse是一款专为大规模语言模型（LLM）应用开发设计的开源平台。其作用主要包括以下几个方面： 提升开发效率：通过消除LLM应用构…...
基于javaweb的SpringBoot食品溯源系统设计与实现(源码+文档+部署讲解）
技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。 主要内容：免费功能设计、开题报告、任务书、中期检查PPT、系统功能实现、代码编写、论文编写和辅导、论…...
SVN简明教程——下载安装使用
SVN教程目录 一、开发中的实际问题二、简介2.1 版本控制2.2 Subversion2.3 Subversion的优良特性2.4 工作原理2.5 SVN基本操作 三、Subversion的安装与配置1. 服务器端程序版本2. 下载源码包3. 下载二进制安装包4. 安装5. 配置版本库① 为什么要配置版本库？② 创建目…...
AJAX的理解和原理还有概念
你想问的可能是 AJAX（Asynchronous JavaScript and XML） ，它并不是一门新的编程语言，而是一种在无需重新加载整个网页的情况下，能够与服务器进行异步通信并更新部分网页的技术。以下从基本概念、原理、优点、使用场景等…...
利用AI让数据可视化
1. 从问卷星上下载一份答题结果。 序号用户ID提交答卷时间所用时间来源来源详情来自IP总分1、《中华人民共和国电子商务法》正式实施的时间是（）。2、（）可以判断企业在行业中所处的地位。3、（）是指店铺内有…...