23、水罐深度传感器与气象站接收器项目指南

水罐深度传感器与气象站接收器项目指南

1. 水罐深度传感器项目

1.1 基本数据输出

在代码中，我们可以看到如下部分用于输出传感器值和水箱液位：

WiServer.print(sensorVal);  
WiServer.print(" - ");  
WiServer.print(tankLevel);  
WiServer.print("&#37;</html>");  

此代码段会输出传感器的原始值和映射后的水箱液位百分比，最后关闭 HTML 页面。如果处理的是认可的 URL（“/”），函数会返回 true ；若浏览器请求的 URL 未被识别，则返回 false 。

操作步骤：
1. 将代码加载到 Arduino IDE 中。
2. 编译代码。
3. 上传代码到 Arduino。
4. 当 WiShield 加入网络且状态指示灯亮起后，在浏览器中访问 Arduino 的 IP 地址，即可看到“Hello World!”消息，随后是传感器的原始值和映射后的值。

1.2 美化网页界面

原示例程序提供的网页界面虽功能正常，但不够美观。我们可以通过修改 sendWebPage() 函数的内容来创建更具视觉吸引力的界面。

例如，使用彩色表格单元格来模拟图形显示：

boolean se