STM32 网页服务器 LWIP websever ajax实时刷新 （一）

STM32 网页服务器 LWIP websever ajax实时刷新 （一）

本项目主要功能是作为通讯板控制使用，主要有UDP、TCP、websever（网页服务器）和RS485等通讯功能。在使用的过程中能同时支持UDP、TCP、Websever网页访问，并且网页是实时刷新数据。这里的网页是直接嵌入到stm32单片机中，通过浏览器输入IP地址就能连上单片机的网页。本次项目会贴入源代码和PCB。本次项目包含PCB设计，单片机代码，网页HTML等等。
本章节主要是一些基本介绍。后续设计思路，具体代码在后续章节。

硬件介绍

本项目硬件构成，STM32F407VET6、lan8720A、DS3231M、TPS5430、sht30h和SP3485等等。

1. STM32F407VET6 ，stm32系列常用芯片；
2. lan8720A，网络PHY芯片；
3. DS3231M ，RTC时钟芯片，精度比较高，内部自带晶振，无需外部晶振。比其他好点就是不用选晶振，时钟的精度晶振起决定性的作用；
4. TPS5430，开关电源芯片；
5. sht30h，温湿度芯片；
6. SP3485，3.3v的485芯片，电压低与单片机连接比较好；
7. PCB设计软件，ad16；

软件介绍

本次项目是使用keil编译器编译。
主要程序基于正点原子的lwip例程修改。主要解决了：

1. UDP/TCP/Websever等等多个模式的同时使用 ；
2. LWIP 不插网线初始化后插线连接不上，断线重连启动后再插网线无法联网等方面问题
3. 解决 websever网页例程中页面刷新问题。在原来的例子中网页是整个网页同时刷新，在刷新的过程中会有频闪等现象。现在是使用ajax进行局部刷新，只是刷新传的数据，比如温度、湿度等等

硬件设计

本次项目的硬件设计并无多大难度，各个芯片使用可以在其它地方找到很多资料，这里就不展示了。这里贴一个PCB的图片。这次做了一个小改动，就是就是将STM32的烧写引脚给做到了DB-9座子上。主要是方便在插件中使用。

软件设计

本次软件主要用到的一些技术lwip、NETCONN编程接口技术，网页方面使用了CGI技术，SSI技术，AJAX，js，HTML。

**

界面视频展示

**

可以看到，温度和湿度在实时变化。并且屏幕没有刷新抖动的现象。其它参数没变是因为没接入设备。温湿度是PCB上自带的。

感兴趣的朋友可以留言。大家一起进步
后续文章正在编写中 期待中…