用思維導(dǎo)圖分析代碼,讓初學(xué)者更輕松搞懂程序的運(yùn)作

ID:636442 · 發(fā)表于 2022-10-22 15:57

學(xué)習(xí)和使用ESP8266，在ardoinoIDE寫程序一個多月了。
剛開始看代碼時，由于水平比較低，
分析代碼比較難，
所以，在一邊學(xué)習(xí)時，一邊用思維導(dǎo)圖去分析代碼。
分析完，感覺思路有些清晰，
希望這個思維導(dǎo)圖對一些初學(xué)者有些參考意義。

001-簡概.png

#include <ESP8266WiFi.h>
#include <DNSServer.h>
#include <ESP8266WebServer.h>
const char* AP_NAME = "qyz-SET-WIFI";//寫入自己設(shè)計的wifi名字
//暫時存儲wifi賬號密碼
char sta_ssid[32] = {0};
char sta_password[64] = {0};
//配網(wǎng)頁面代碼
const char* page_html = "\
<!DOCTYPE html>\r\n\
<html lang='en'>\r\n\
<head>\r\n\
<meta charset='UTF-8'>\r\n\
<meta name='viewport' content='width=device-width, initial-scale=1.0'>\r\n\
<title>Document</title>\r\n\
</head>\r\n\
<body>\r\n\
<form name='input' action='/' method='POST'>\r\n\
qyz設(shè)計測試: <br>\r\n\
wifi名稱: <br>\r\n\
<input type='text' name='ssid'><br>\r\n\
wifi密碼:<br>\r\n\
<input type='text' name='password'><br>\r\n\
<input type='submit' value='保存'>\r\n\
</form>\r\n\
</body>\r\n\
</html>\r\n\
";
const byte DNS_PORT = 53;//DNS端口號
IPAddress apIP(192, 168, 4, 1);//esp8266-AP-IP地址
DNSServer dnsServer;//創(chuàng)建dnsServer實例
ESP8266WebServer server(80);//創(chuàng)建WebServer
void handleRoot() {//訪問主頁回調(diào)函數(shù)
server.send(200, "text/html", page_html);
}
void handleRootPost() {//Post回調(diào)函數(shù)
Serial.println("handleRootPost");
if (server.hasArg("ssid")) {//判斷是否有賬號參數(shù)
Serial.print("got ssid:");
strcpy(sta_ssid, server.arg("ssid").c_str());//將賬號參數(shù)拷貝到sta_ssid中
Serial.println(sta_ssid);
} else {//沒有參數(shù)
Serial.println("error, not found ssid");
server.send(200, "text/html", "<meta charset='UTF-8'>沒有輸入1error, not found ssid");//返回錯誤頁面
return;
}
//密碼與賬號同理
if (server.hasArg("password")) {
Serial.print("got password:");
strcpy(sta_password, server.arg("password").c_str());
Serial.println(sta_password);
} else {
Serial.println("error, not found password");
server.send(200, "text/html", "<meta charset='UTF-8'>沒有輸入2error, not found password");
return;
}
server.send(200, "text/html", "<meta charset='UTF-8'>保存成功");//返回保存成功頁面
delay(2000);
//連接wifi
connectNewWifi();
}
void initBasic(void){//初始化基礎(chǔ)
Serial.begin(115200);
WiFi.hostname("Smart-ESP8266");//設(shè)置ESP8266設(shè)備名
}
void initSoftAP(void){//初始化AP模式
WiFi.mode(WIFI_AP);
WiFi.softAPConfig(apIP, apIP, IPAddress(255, 255, 255, 0));
if(WiFi.softAP(AP_NAME)){
Serial.println("ESP8266 SoftAP is right");
}
}
void initWebServer(void){//初始化WebServer
//server.on("/",handleRoot);
//上面那行必須以下面這種格式去寫否則無法強(qiáng)制門戶
server.on("/", HTTP_GET, handleRoot);//設(shè)置主頁回調(diào)函數(shù)
server.onNotFound(handleRoot);//設(shè)置無法響應(yīng)的http請求的回調(diào)函數(shù)
server.on("/", HTTP_POST, handleRootPost);//設(shè)置Post請求回調(diào)函數(shù)
server.begin();//啟動WebServer
Serial.println("WebServer started!");
}
void initDNS(void){//初始化DNS服務(wù)器
if(dnsServer.start(DNS_PORT, "*", apIP)){//判斷將所有地址映射到esp8266的ip上是否成功
Serial.println("start dnsserver success.");
}
else Serial.println("start dnsserver failed.");
}
void connectNewWifi(void){
WiFi.mode(WIFI_STA);//切換為STA模式
WiFi.setAutoConnect(true);//設(shè)置自動連接
WiFi.begin();//連接上一次連接成功的wifi
Serial.println("");
Serial.print("Connect to wifi");
int count = 0;
while (WiFi.status() != WL_CONNECTED) {
delay(500);
count++;
if(count > 10){//如果5秒內(nèi)沒有連上，就開啟Web配網(wǎng) 可適當(dāng)調(diào)整這個時間
initSoftAP();
initWebServer();
initDNS();
break;//跳出防止無限初始化
}
Serial.print(".");
}
Serial.println("");
if(WiFi.status() == WL_CONNECTED){//如果連接上就輸出IP信息防止未連接上break后會誤輸出
Serial.println("WIFI Connected!");
Serial.print("IP address: ");
Serial.println(WiFi.localIP());//打印esp8266的IP地址
server.stop();
}
}
void setup() {
initBasic();
connectNewWifi();
}
void loop() {
server.handleClient();
dnsServer.processNextRequest();
}

復(fù)制代碼

ID:310441 · 發(fā)表于 2022-10-23 08:07

思路很清晰！

ID:607710 · 發(fā)表于 2022-12-19 07:49

我一直都是這樣做的，包括自己編寫的時候也是先寫大綱。

ID:1062304 · 發(fā)表于 2023-2-14 16:02

脈絡(luò)很清晰，有助于思考

帳號		自動登錄	找回密碼
密碼			立即注冊

用思維導(dǎo)圖分析代碼,讓初學(xué)者更輕松搞懂程序的運(yùn)作

評分