嵌入式系统开发及应用（初级）交互式教程

嵌入式系统开发及应用（初级）交互式教程

概述

本教程是一套面向嵌入式系统初学者的交互式学习资源，从零开始系统讲解嵌入式开发的核心基础。全10章内容以自包含HTML文件呈现，内嵌Canvas 2D动画与交互仿真，无需任何外部依赖，浏览器打开即用。每章末尾配有5道选择题测验，帮助巩固所学知识。

教程以STM32微控制器为主要平台，结合C语言编程实践，循序渐进地引导初学者掌握嵌入式系统开发的基本技能。

适用对象： 具备基本编程概念、希望入门嵌入式系统开发的初学者。

文件清单

总计约 459 KB，10个自包含HTML文件。

章节内容

第1章 嵌入式系统入门

从生活实例出发，建立对嵌入式系统的直观认识。涵盖嵌入式系统的定义与特征（与通用计算机的区别）、系统组成（处理器+存储器+I/O+外设）、常见处理器类型（51单片机、STM32、Arduino、树莓派）、六大应用领域（消费电子、工业控制、汽车电子、医疗设备、智能家居、物联网）以及完整的开发流程。Canvas交互包括点击日常物品查看内部处理器、系统组成框图点击展开、处理器家族树、开发流程逐步动画。

第2章 C语言嵌入式编程基础

聚焦嵌入式开发中最常用的C语言知识。涵盖变量与数据类型（int/char/float/unsigned及sizeof）、位运算（与/或/异或/取反/左移/右移，置位/清零/翻转/读取某一位的实战技巧）、指针入门（地址概念、解引用、指针与数组关系）、结构体及在寄存器映射中的应用、预处理与宏定义、volatile关键字的三个必用场景。Canvas交互包括位运算逐位可视化动画、内存地址格子图演示指针关系。

第3章 单片机硬件基础

认识STM32芯片的硬件基础。涵盖芯片外观与封装（DIP/QFP/BGA）、引脚功能分类（电源/时钟/复位/GPIO/通信）、电源电路设计（去耦电容的作用与接法）、时钟系统（HSE/LSE晶振、HSI/LSI内部振荡器、PLL倍频、时钟树）、复位电路（上电复位/手动复位/看门狗复位）、最小系统搭建以及开发板与程序下载（ST-Link/J-Link、SWD接口）。Canvas交互包括芯片引脚悬停查看、去耦电容滤波效果对比、时钟树信号流动画。

第4章 GPIO编程与应用

从最简单的LED控制开始学习GPIO。涵盖GPIO基本概念（高低电平、数字信号）、五种工作模式（推挽输出/开漏输出/浮空输入/上拉输入/下拉输入）、LED电路连接与限流电阻计算、按键检测与消抖原理、HAL库GPIO编程方法。Canvas交互包括8个LED控制面板、跑马灯效果模拟（可调速度）、按键消抖波形对比动画、GPIO模式切换电路变化演示。

第5章 中断系统入门

用生活比喻（门铃）讲解中断概念。涵盖中断与轮询的对比、中断响应全过程（发生中断→保存现场→执行ISR→恢复现场→返回）、外部中断EXTI（中断线映射、上升沿/下降沿/双边沿触发）、NVIC中断优先级（抢占优先级+子优先级、优先级分组）、ISR编写注意事项（快进快出、volatile使用）。Canvas交互包括轮询vs中断效率对比动画、中断响应流程逐步播放、优先级处理顺序演示。

第6章 定时器/计数器应用

从秒表比喻出发讲解定时器原理。涵盖定时器核心结构（预分频器PSC+计数器CNT+自动重装载ARR）、定时时间计算公式、三种计数模式（向上/向下/中央对齐）、PWM输出与占空比控制、输入捕获测量脉宽/频率、看门狗定时器（IWDG/WWDG）。Canvas交互包括定时器计数器动画、PSC/ARR滑块计算器、PWM波形生成器（LED亮度随占空比变化）、呼吸灯效果模拟。

第7章 串口通信入门

从串行vs并行的基本对比讲起。涵盖UART协议详解（TX/RX、帧格式：起始位→数据位→校验位→停止位、波特率概念）、硬件连接（交叉连接、USB转TTL模块）、printf调试法（fputc重定向）、HAL库串口收发编程（发送/轮询接收/中断接收）。Canvas交互包括串行vs并行传输对比动画、UART帧结构可视化（可配置数据位/校验/停止位）、模拟串口终端界面（输入命令控制LED）。

第8章 ADC与传感器入门

从模拟世界到数字世界的桥梁。涵盖模拟信号与数字信号的区别、采样定理、ADC工作原理（12位分辨率、参考电压、换算公式）、STM32 ADC编程（单通道配置、HAL库函数）、NTC热敏电阻温度测量（分压电路、B值公式）、光敏传感器（自动路灯应用）。Canvas交互包括采样过程动画、ADC双向换算器、温度滑块观察电阻/电压变化、光照滑块控制LED自动开关、温度计实时显示。

第9章 显示与输入设备

讲解常用的显示和输入外设。涵盖LED数码管（共阳/共阴、段码编码、动态扫描）、LCD1602字符液晶（引脚功能、指令系统、字符串显示）、OLED显示屏（I2C接口、图形显示）、矩阵键盘（行列扫描法）、蜂鸣器（有源/无源区别、PWM驱动播放音调）。Canvas交互包括数码管段码控制、LCD文字模拟器、OLED图形显示、矩阵键盘扫描演示、简易电子琴模拟器。

第10章 综合项目实战

将前面所学知识综合应用。以"智能环境监测仪"为项目，涵盖需求分析与方案设计、硬件设计（元器件清单、接线图）、软件架构（模块化编程：sensor.c/display.c/alert.c）、核心代码详解（ADC采集、OLED显示、报警逻辑、串口通信）、调试与优化（滑动平均滤波、常见问题排查）以及项目扩展方向（湿度传感器、蓝牙模块、手机APP）。Canvas交互包括系统框图动画、交互式接线图、滤波效果对比波形。

技术特点

• 自包含单文件HTML：CSS + JS全部内嵌，零CDN依赖，离线可用
• Canvas 2D交互动画：每章包含多个Canvas仿真，支持按钮控制、滑块调节、点击交互
• 深空青深色主题：统一的视觉风格（#0a1929背景 + #00b4d8主色调），长时间阅读不疲劳
• 全中文内容：面向中国工程师，术语准确，通俗易懂
• 循序渐进：从零基础到综合项目，知识点层层递进
• 测验环节：每章5道选择题，含答案解析，即学即练
• 代码示例：关键知识点配有C语言代码，贴近工程实际
• 兼容性：Canvas API使用quadraticCurveTo替代roundRect，save/translate/scale/arc替代ellipse，确保广泛兼容
• 错误隔离：每个Canvas动画用try-catch包裹，单章异常不影响其他章节

使用方法

1. 直接用浏览器打开任意一个 .html 文件即可开始学习
2. 推荐按章节顺序学习（第1章 → 第10章），知识层层递进
3. 每章中的Canvas动画支持交互操作，请尝试点击按钮、拖动滑块
4. 学完每章后完成末尾的5道测验题，检验学习效果
5. 代码示例可作为实际开发的参考模板

作者

巍巍大别山，寻宝地址https://www.axureshow.com/project/7z3YKD0P/