web server的網頁製作!!
本帖最后由 s9930081 于 2013-11-13 11:11 编辑我用記事本寫出這樣的網頁(下圖),可是我把它存到SD卡中，再用Arduino做成web server!
不過會變成(下圖)
請各位大大幫忙,謝謝
程式碼如下:
#include <SPI.h>
#include <Ethernet.h>
#include <SD.h>
// MAC address from Ethernet shield sticker under board
byte mac[] = { 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED };
IPAddress ip(192, 168, 2, 107); // IP address, may need to change depending on network
EthernetServer server(80);// create a server at port 80
File webFile1;
File webFile2;
void setup()
{
Ethernet.begin(mac, ip);// initialize Ethernet device
server.begin(); // start to listen for clients
Serial.begin(9600); // for debugging
// initialize SD card
Serial.println("Initializing SD card...");
if (!SD.begin(4)) {
Serial.println("ERROR - SD card initialization failed!");
return; // init failed
}
Serial.println("SUCCESS - SD card initialized.");
// check for index.htm file
if (!SD.exists("test~1.htm")) {
Serial.println("ERROR - Can't find index.htm file!");
return;// can't find index file
}
Serial.println("SUCCESS - Found index.htm file.");
}
void loop()
{
EthernetClient client = server.available();// try to get client
if (client) {// got client?
boolean currentLineIsBlank = true;
while (client.connected()) {
if (client.available()) { // client data available to read
char c = client.read(); // read 1 byte (character) from client
// last line of client request is blank and ends with \n
// respond to client only after last line received
if (c == '\n' && currentLineIsBlank) {
// send a standard http response header
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println("Connection: close");
client.println();
client.println("<html>");
// send web page
webFile1 = SD.open("test~1.htm"); // open web page file
if (webFile1) {
while(webFile1.available()) {
client.write(webFile1.read()); // send web page to client
}
webFile1.close();
}
//client.println(" <frame src='webFile1'>");
break;
}
// every line of text received from the client ends with \r\n
if (c == '\n') {
// last character on line of received text
// starting new line with next character read
currentLineIsBlank = true;
}
else if (c != '\r') {
// a text character was received from client
currentLineIsBlank = false;
}
} // end if (client.available())
} // end while (client.connected())
client.println("</html>");
delay(1); // give the web browser time to receive the data
client.stop(); // close the connection
} // end if (client)
} frame 有问题， 左下角的 html内容不知是哪个文件。
你晒一下webfile1，webfile2，test~1.htm这三个文件（这个test~1文件名有点怪，最好改成常规名字） LZ你用了frame tag来写网页，然后没有在web server端判断client来获取的是哪个html文件，不管啥请求返回的都是test~1.html当然会出问题咯:L histamine 发表于 2013-10-26 16:51 static/image/common/back.gif
LZ你用了frame tag来写网页，然后没有在web server端判断client来获取的是哪个html文件，不管啥请求返回的都 ...
我知道是這個問題!!但我想不出來要怎讓他把frame tag的html讀出來... s9930081 发表于 2013-10-27 17:57 static/image/common/back.gif
我知道是這個問題!!但我想不出來要怎讓他把frame tag的html讀出來...
收到client请求的时候，把http请求头解析一下，提取出client请求的页面的名称
可参考此代码：
http://playground.arduino.cc/Code/WebServer 不要用框架吧这个样子直接CSS+DIV就可以解决啊
页:
[1]