简介:简单的说就是通过网页将图片上传至NodeMCU(ESP8266)的flash闪存,再将图片数据通过SPI更新至TFT-LCD显示屏进行显示。
硬件主要用到NodeMCU(ESP8266)和1.44寸TFT-LCD彩色液晶屏,淘宝都有得卖,也不贵。
硬件 | 型号 | 价格 |
---|---|---|
WiFi模块 | NodeMCU(ESP8266) | 十几到二十不等 |
显示屏 | 1.44寸TFT-LCD液晶屏(SKU:MAR1442) | 十几到二十不等 |
排线 | 母对母 | 一两块 |
- NodeMCU(ESP8266)IO口介绍:
- 1.44寸TFT-LCD液晶屏IO口介绍:
标号 | PIN | ESP8266开发板对应的接线引脚 | 引脚说明 |
---|---|---|---|
1 | VCC | 3V | 电源正 |
2 | GND | G | 电源地 |
3 | GND | - | 电源地 |
4 | NC | - | 无定义,保留,不需要接线 |
5 | NC | - | 无定义,保留,不需要接线 |
6 | LED | 3V | LCD背光控制信号(如不需要控制,请接3.3V) |
7 | CLK | D5 | LCD SPI总线时钟引脚 |
8 | SDI | D7 | LCD SPI总线数据引脚 |
9 | RS | D1 | LCD寄存器/数据选择控制引脚 |
10 | RST | D2 | LCD复位控制引脚 |
11 | CS | D8 | LCD片选控制引脚 |
- NodeMCU(ESP8266)与1.44TFT-LCD显示屏接线图:
1、开发环境搭建
-
NodeMCU硬件通过USB连接电脑,需提前安装好CH340USB串口驱动。
-
电脑端提前安装好Arduino开发平台。
-
安装ESP8266开发板:打开Arduino IDE点击菜单栏的【文件】-【首选项】,添加【附加开发板管理器】网站:https://arduino.esp8266.com/stable/package_esp8266com_index.json 。
然后点击【工具】->【开发板】->【开发板管理器】,搜索
esp8266
后安装。 -
安装第三方显示屏支持库:将文件夹(Adafruit_ST7735_Library、Adafruit-GFX-Library)移动到Arduino安装目录下的libraries文件夹中,重启Arduino IDE,即可,也就是编程环境搭建完毕。
-
可选择性安装mDNS服务,安装后,可在浏览器输入域名(host.local)实现访问ESP8266的Web页面,若不安装mDNS服务则通过访问ESP8266实际分配的IP地址实现Web访问。
2、软件程序
软件实现通过网页将图片上传至NodeMCU(ESP8266),并将图片更新至TFT-LCD显示屏。主要的程序流程图如下:
1、配网
配置WiFi或热点的名称和密码、设定mDNS地址。
2、程序下载
将下载程序到开发版,待ESP8266与电脑连接上同一个WiFi(或者是电脑开的热点),就可以从串口监视器看到IP地址。
若是使用手机热点,也可以通过终端模拟器应用终端输入ip neigh
进行查看连接到手机热点的设备IP地址。
3、图片上传
访问该IP地址即可,访问图片上传Web页面,选择图片上传即可。
4、显示效果