[EK-LM3S8962]簡易版智慧家居:lwIP TCP/IP協議棧在ARM開發板實現嵌入式網路伺服器(上)
阿新 • • 發佈:2019-02-04
簡易版智慧家居:lwIP TCP/IP協議棧在ARM開發板實現嵌入式網路伺服器(上)
利用EK-LM3S8962開發板,我們可以開發出很多應用,比如移植一些嵌入式GUI、網路伺服器、CAN通訊等等。個人最喜歡的就是其中開發板中的以外網模組,而且LM3S8962這晶片業內建了Ethernet PHY層,對於學習網路及TCP/IP來說實在是利器。
這幾天就在開發板上,移植了嵌入式TCP/IP協議棧: lwIP(light weight IP),實現了一個小型的嵌入式網路伺服器,如下圖所示:
本人是在Android手機上使用瀏覽器登陸伺服器介面的,可以看出有明顯的缺點,就是不適合在手機螢幕瀏覽,其原始的網頁程式碼如下:
<!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml> <!-- Copyright (c) 2009-2012 LongLuo. All rights reserved. --> <head> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <title>LL® lwIP WebServer</title> </head> <body> <h1>Hello lwIP</h1> <hr /> <h2>Web Server</h2> <hr /> <p> <center>Copyright © 2012 LongLuo. All Rights Reserved! </center> </p> </body> </html>
目前來說,這個只是最簡單的一個demo,也沒加上任何功能。最終的目的是實現通過在手機上通過web訪問伺服器從而實現對開發板的控制。
由於本人對html程式設計非常之不熟悉,什麼CSS、javascript、php技術更是一竅不通,所以目前網頁介面做的相當之爛,而且啥功能也沒有,那是有原因滴。希望有web高手願意指導我這個菜鳥下:-)
好吧,現在都是移動互聯時代了,這個介面在移動裝置上體驗很不好,如何改進呢?
通過參考了一些網站的手機網頁,完成了網頁介面的2.0版本,如下所示:
---是不是好看多了呢?
---我也覺得!
網頁2.0版本的原始碼如下:
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- Copyright (c) 2009-2012 LongLuo. All rights reserved. --> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/> <meta http-equiv="Cache-control" content="no-cache" /> <style type="text/css"> body { font-size:medium; line-height:1.6em; text-align:center } form { margin:0; padding:0 } .a{ padding-top:6px; margin-top:6px; margin-bottom:6px } .h{ color:#c60a00 } .s{ font-size:small } .b{ font-size:small; color:#77C } </style> <title>LL® lwIP WebServer</title> </head> <body> <center> <hr /> <h2>lwIP WebServer</h2> <hr /> <span class="b">Copyright © 2012 LongLuo.</span> </div></div> </center> </body> </html>
開發板和路由器連線,通過DHCP協議自動獲取區域網IP地址,我們在區域網內就可以訪問此嵌入式網路伺服器了。
有同學要問了,這個介面什麼作用也沒有啊?
沒錯,這個介面目前是一點用都沒有,但是在後續我們會加上很多功能,實現可以通過網頁在遠端對開發板的外設進行監控以及讓開發板可以連線到外部的Internet網,獲取外網的資料......
完成這些需要大量的知識,
欲知後事如何,且聽下回分解!
(作者:LL 出處:http://blog.csdn.net/tcpipstack , 歡迎轉載,也請保留這段宣告。謝謝!)