<div  style="page-break-after: always;"></div><center>
以下为文章正文
</center>

---
# 演示
[3DFDM](/static/fileres/other/3DFDM.html)





---
<center>
以上为文章正文
</center>
<div  style="page-break-after: always;"></div>

3D建模与打印报价计算器

<div  style="page-break-after: always;"></div><center>
以下为文章正文
</center>

---

:::danger{title="警告"}
以下信息为AI生成
:::

基于前文设计的“Arduino 5V 恒温控制装置”项目，结合小学高年级或初中信息技术课程的特点，我为您制定了以下结构化的教学方案。该方案旨在通过项目式学习（PBL），将抽象的控制逻辑转化为具象的动手实践。

# 一、 教学目的
本课程以制作“智能恒温控制装置”为载体，旨在通过跨学科知识的整合，全面提升学生的综合素养。具体教学目标分为以下三个维度：
## 知识与技能目标
学生能够理解温度传感器（如DS18B20）的工作原理及单总线通信的基本概念；掌握Arduino基础编程语法（如变量定义、条件判断、引脚读写）；能够独立完成5V弱电系统的硬件搭建，并运用“回差控制”逻辑编写恒温控制程序。
## 过程与方法目标
通过“需求分析-硬件搭建-软件编程-系统调试”的全流程实践，培养学生工程化解决问题的思维。在排查传感器读取失败或执行器不响应等问题的过程中，提升逻辑推理与动手排错能力。
## 情感态度与价值观目标
通过小组合作完成项目，培养学生的团队协作意识与沟通表达能力。在探讨5V安全用电及加热元件防烫外壳设计的过程中，树立严谨的安全规范意识。同时，引导学生思考恒温技术在智能家居、农业大棚等现实场景中的应用，激发对科技创新的兴趣。
# 二、 课程内容
本课程教学内容紧密围绕恒温装置的核心功能展开，分为四个核心模块：
## 感知层
温度传感器的奥秘：讲解温度传感器如何将环境冷热转化为电信号。重点介绍DS18B20的功能。
## 控制层
大脑的逻辑判断：讲解Arduino如何接收数据并做出决策。核心引入“回差（Hysteresis）”概念，通过生活案例（如空调制冷）解释为什么不能仅靠单一阈值控制，以防止继电器频繁启停（即“打嗝”现象）。
## 执行与交互层
让机器动起来：学习弱电驱动知识，讲解为何不能直接用引脚驱动风扇或灯泡，从而引入三极管或继电器模块。同时，学习红绿蓝三色LED状态指示和LCD/OLED屏幕的数据可视化显示。
## 工程与安全规范
强调5V系统的共地（GND）原则、电机防干扰电容的并联方法，以及加热装置的物理隔离与防烫外壳设计，确保演示过程的绝对安全。

# 三、 实验流程
本课程建议安排4-6个课时，采用任务驱动法，具体流程如下：
## 项目导入与方案设计（1课时）
教师展示成品恒温箱，演示“手动调温-红灯加热-绿灯保温-蓝灯制冷”的过程。学生分组讨论并绘制系统框图，明确传感器、主控、执行器与交互界面的连接关系。
## 硬件搭建与安全测试（1-2课时）
学生根据接线图，在面包板上搭建5V弱电系统。教师重点巡视检查DS18B20的上拉电阻是否接入、风扇与灯泡的驱动电路是否正确、所有模块是否共地。搭建完成后，先不接加热设备，仅测试传感器读数与屏幕显示。
## 软件编程与逻辑调试（1-2课时）
教师引导学生分块编写代码。首先实现温度读取与屏幕显示；其次加入按钮调节目标温度的功能；最后加入带有回差逻辑的温控算法与LED状态指示。学生通过串口监视器或屏幕观察数据变化，调整回差值（如1.0℃）以观察系统稳定性。
## 项目展示与评价反思（1课时）
各小组上台展示恒温装置，演示设定不同目标温度后的系统响应。师生共同点评，分享在调试过程中遇到的“乱码”、“继电器狂跳”等问题及解决经验，教师进行总结升华。
# 四、 教学评价
采用多元化、过程性的评价体系，全面考察学生的综合素质：
## 过程性评价（40%）
关注学生在硬件搭建时的规范性（如布线是否整洁、是否遵守安全用电原则）以及小组合作中的参与度与沟通表现。
## 项目成果评价（40%）
评估最终恒温装置的功能完整性。核心指标包括：温度读取是否准确、按钮调节是否灵敏、回差控制逻辑是否生效（避免频繁启停）、屏幕与指示灯状态是否与实际控制一致。
## 反思与表达评价（20%）
通过项目展示和实验报告，评估学生能否清晰阐述“回差控制”的原理，以及能否准确描述并解释在调试过程中遇到的故障及排除方法。
# 五、 教学反思
在项目实施后，教师应从以下几个维度进行复盘与优化：
## 难点突破的反思
学生在理解“回差控制”这一抽象逻辑时是否遇到困难？如果多数学生在编写条件判断时卡壳，后续教学应增加生活化的类比（如电梯到达楼层后的缓冲），或提供半成品的代码框架进行填空式学习。
## 硬件故障的归因
实验中是否频繁出现DS18B20读取失败（返回85℃或-127℃）的情况？需反思是否在课前充分强调了上拉电阻的必要性，或接线指导是否足够直观。对于电机启动导致的屏幕乱码问题，是否及时引入了防干扰电容的讲解。
## 差异化教学的落实
对于动手能力较强的学生，是否提供了拓展挑战（如增加蜂鸣器报警、利用串口绘图仪绘制温度曲线）？对于基础薄弱的学生，是否给予了足够的分步指导和同伴互助机会，确保每个小组都能完成基础的恒温演示。

## 安全教育的闭环
虽然采用了5V弱电，但加热元件的烫伤风险是否得到了有效管控？需反思亚克力外壳的设计是否合理，是否在课前进行了充分的安全宣导，确保技术实践始终在安全可控的边界内进行。

---
<center>
以上为文章正文
</center>
<div  style="page-break-after: always;"></div>

arduino恒温控制

<div  style="page-break-after: always;"></div><center>
以下为文章正文
</center>

---
# 数据

```
[15:03:40.536]发→◇01 03 20 00 00 06 CE 08 □
[15:03:40.567]收←◆01 03 0C 43 67 19 9A 00 00 00 00 00 00 00 00 71 22 
[15:03:42.541]发→◇01 03 40 00 00 02 D1 CB □
[15:03:42.566]收←◆01 03 04 00 00 00 00 FA 33 
```
# 扫描件

![image.png](/static/img/e4417c1f0714314edc112d61ebcd8f87.image.webp)

![image.png](/static/img/c30288bbbbd715d31cbf5c934b640709.image.webp)

![image.png](/static/img/58368a102a71d1f36fdb6fa08ad44f71.image.webp)

![image.png](/static/img/6061508dbe675fc2ce3981f72295d1b1.image.webp)

![image.png](/static/img/92d176f6189b6f14bb68b505fbf8d2ee.image.webp)


![image.png](/static/img/7fc3b03b179d32a08115aa4e297886de.image.webp)

![image.png](/static/img/2a5bc133c3f8ab82959d6203519f3fc9.image.webp)
---
<center>
以上为文章正文
</center>
<div  style="page-break-after: always;"></div>

正泰485电表

<div  style="page-break-after: always;"></div><center>
以下为文章正文
</center>

---
# 演示
[Web Serial](/static/fileres/other/WebSerial.html)

# 代码



```
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web Serial NMEA 数据监控台</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            padding: 20px;
            max-width: 900px;
            margin: auto;
            background-color: #f8f9fa;
        }

        h2 {
            color: #333;
        }

        /* 控制区域样式 */
        .controls {
            display: flex;
            gap: 10px;
            margin-bottom: 15px;
            align-items: center;
            flex-wrap: wrap;
        }

        button {
            padding: 8px 15px;
            cursor: pointer;
            border: none;
            border-radius: 4px;
            background-color: #007bff;
            color: white;
            transition: 0.2s;
        }

            button:hover {
                opacity: 0.9;
            }

            button:disabled {
                background-color: #ccc;
                cursor: not-allowed;
            }

            button.disconnect {
                background-color: #dc3545;
            }

            button.secondary {
                background-color: #6c757d;
            }

        /* 控制台显示区样式 */
        textarea {
            width: 100%;
            height: 250px;
            border: 1px solid #ccc;
            border-radius: 4px;
            padding: 10px;
            font-family: 'Courier New', monospace;
            resize: vertical;
            box-sizing: border-box;
            background-color: #fff;
        }

        input[type="text"] {
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
            flex-grow: 1;
            min-width: 200px;
        }

        /* 底部 NMEA 数据面板样式 */
        .nMEA-panel {
            margin-top: 30px;
            padding: 20px;
            background-color: #fff;
            border: 2px solid #007bff;
            border-radius: 8px;
        }

            .nMEA-panel h3 {
                margin-top: 0;
                color: #007bff;
                border-bottom: 1px solid #eee;
                padding-bottom: 10px;
            }

        /* 底部 NMEA 数据面板样式 */
        .data-grid {
            display: grid;
            grid-template-columns: 1fr; /* 核心修改：强制为单列布局 */
            gap: 15px;
            margin-top: 15px;
        }

        .data-item {
            padding: 10px;
            background-color: #f1f3f5;
            border-radius: 4px;
            word-break: break-all; /* 允许长字符串自动换行 */
            white-space: normal; /* 取消单行限制 */
        }

            .data-item strong {
                color: #495057;
                display: block;
                margin-bottom: 4px;
                font-size: 12px;
                text-transform: uppercase;
            }

            .data-item span {
                font-family: 'Courier New', monospace;
                color: #333;
                font-size: 14px;
                transition: color 0.3s;
            }

        @media (max-width: 600px) {
            .data-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>

    <h2>🛰️ Web Serial NMEA 数据监控台</h2>

    
    <div class="controls">
        <button id="connectBtn">🔌 连接串口</button>
        <button id="disconnectBtn" class="disconnect" disabled>断开连接</button>
    </div>

    
<textarea id="output" readonly placeholder="等待串口数据..."></textarea>

    
    <div class="controls" style="margin-top: 15px;">
        <input type="text" id="inputData" placeholder="输入要发送的指令...">
        <button id="sendBtn" disabled>发送</button>
        <button id="clearBtn" class="secondary">清空控制台</button>
    </div>

    
    <div class="nMEA-panel">
        <h3>📡 实时协议数据解析</h3>
        <div class="data-grid">
            <div class="data-item">
                <strong>RMC (推荐最小定位信息)</strong>
                <span id="RMC">等待接收...</span>
            </div>
            <div class="data-item">
                <strong>DHV (自定义航向/速度)</strong>
                <span id="DHV">等待接收...</span>
            </div>
            <div class="data-item">
                <strong>GGA (GPS 定位数据)</strong>
                <span id="GGA">等待接收...</span>
            </div>
            <div class="data-item">
                <strong>GSA (卫星状态及精度)</strong>
                <span id="GSA">等待接收...</span>
            </div>
            <div class="data-item">
                <strong>ARS (自动相关监视)</strong>
                <span id="ARS">等待接收...</span>
            </div>
            <div class="data-item">
                <strong>HTX304P</strong>
                <span id="HTX304P">等待接收...</span>
            </div>
            <div class="data-item">
                <strong>AUT</strong>
                <span id="AUT">等待接收...</span>
            </div>
        </div>
    </div>

    <script>
        // ================= 核心变量与 DOM 元素 =================
        let port = null;
        let reader = null;
        let isConnected = false;

        const connectBtn = document.getElementById('connectBtn');
        const disconnectBtn = document.getElementById('disconnectBtn');
        const sendBtn = document.getElementById('sendBtn');
        const clearBtn = document.getElementById('clearBtn');
        const output = document.getElementById('output');
        const inputData = document.getElementById('inputData');

        // ================= 1. 协议配置表 (核心解析逻辑) =================
        const PROTOCOL_MAP = [
            { prefix: '$BDAUT', elementId: 'AUT' },
            { prefix: '$GNAUT', elementId: 'AUT' },
            { prefix: 'HTX304P', elementId: 'HTX304P' },
            { prefix: '$BDRMC', elementId: 'RMC' },
            { prefix: '$GNRMC', elementId: 'RMC' },
            { prefix: '$BDDHV', elementId: 'DHV' },
            { prefix: '$GNDHV', elementId: 'DHV' },
            { prefix: '$BDGGA', elementId: 'GGA' },
            { prefix: '$GNGGA', elementId: 'GGA' },
            { prefix: '$BDGSA', elementId: 'GSA' },
            { prefix: '$GNGSA', elementId: 'GSA' },
            { prefix: '$BDARS', elementId: 'ARS' },
            { prefix: '$GNARS', elementId: 'ARS' }
        ];

        // 解析单行数据的函数
        function parseLine(line) {
            const trimmedLine = line.trim();
            if (trimmedLine === '') return;

            appendOutput(`📥 [解析] ${trimmedLine}\n`);

            // 遍历配置表，匹配前缀并更新对应的 DOM 元素
            for (const protocol of PROTOCOL_MAP) {
                if (trimmedLine.startsWith(protocol.prefix)) {
                    const element = document.getElementById(protocol.elementId);
                    if (element) {
                        element.textContent = trimmedLine;
                        element.style.color = '#007bff'; // 视觉高亮反馈
                    }
                    break; // 匹配成功即跳出，提升性能
                }
            }
        }

        // ================= 2. 串口连接与断开 =================
        connectBtn.addEventListener('click', async () => {
            try {
                port = await navigator.serial.requestPort();
                await port.open({ baudRate: 115200 }); // 请根据实际设备修改波特率

                isConnected = true;
                updateUI(true);
                appendOutput('✅ 串口连接成功！\n');
                readLoop();
            } catch (e) {
                appendOutput('❌ 连接失败: ' + e.message + '\n');
            }
        });

        disconnectBtn.addEventListener('click', async () => {
            try {
                if (reader) { await reader.cancel(); reader.releaseLock(); reader = null; }
                if (port) { await port.close(); port = null; }
                isConnected = false;
                updateUI(false);
                appendOutput('🔌 串口已断开。\n');
            } catch (e) {
                appendOutput('❌ 断开失败: ' + e.message + '\n');
            }
        });

        // ================= 3. 数据发送 =================
        sendBtn.addEventListener('click', async () => {
            if (!port || !isConnected) return;
            const text = inputData.value;
            if (!text) return;
            try {
                const writer = port.writable.getWriter();
                const encoder = new TextEncoder();
                await writer.write(encoder.encode(text + '\n'));
                writer.releaseLock();
                appendOutput(`📤 发送: ${text}\n`);
                inputData.value = '';
            } catch (e) { appendOutput('❌ 发送失败: ' + e.message + '\n'); }
        });

        clearBtn.addEventListener('click', () => { output.value = ''; });

        // ================= 4. 持续读取与按行解析循环 =================
        async function readLoop() {
            const decoder = new TextDecoder();
            let buffer = ''; // 维护数据缓冲区

            while (port && port.readable && isConnected) {
                try {
                    reader = port.readable.getReader();
                    while (true) {
                        const { value, done } = await reader.read();
                        if (done) break;
                        if (value) {
                            buffer += decoder.decode(value, { stream: true });
                            let newlineIndex;
                            while ((newlineIndex = buffer.indexOf('\n')) !== -1) {
                                const line = buffer.substring(0, newlineIndex);
                                parseLine(line); // 触发解析
                                buffer = buffer.substring(newlineIndex + 1);
                            }
                        }
                    }
                } catch (e) { appendOutput('⚠️ 读取中断: ' + e.message + '\n'); }
                finally { if (reader) { reader.releaseLock(); reader = null; } }
            }
        }

        // ================= 辅助方法 =================
        function updateUI(connected) {
            connectBtn.disabled = connected;
            disconnectBtn.disabled = !connected;
            sendBtn.disabled = !connected;
        }

        function appendOutput(text) {
            output.value += text;
            output.scrollTop = output.scrollHeight;
        }
    </script>

</body>
</html>
```

---
<center>
以上为文章正文
</center>
<div  style="page-break-after: always;"></div>

Web Serial 数据台

<div  style="page-break-after: always;"></div><center>
以下为文章正文
</center>

---

![image.png](/static/img/242d63cd0cbf0ad0aa91310a941bb212.image.webp)

![image.png](/static/img/00daa64010c3456d213fd506e5a4d290.image.webp)


![image.png](/static/img/4db6f226a8bd1094550bb6fa50257038.image.webp)


![image.png](/static/img/9cb1eea148a2ebbd6db36296d59bc446.image.webp)


![image.png](/static/img/df862b24aa4809be643522699706769d.image.webp)

---
<center>
以上为文章正文
</center>
<div  style="page-break-after: always;"></div>