Att få Arduino data till en webbsida (5 / 5 steg)

Steg 5: PHP och HTML så jag kan se mitt projekt på jobbet!

Jag kommer för att visa dessa värden på min laptop och kör WAMP som webbserver förhoppningsvis vid en sjö någonstans. Denna fil kan du se dina data som du har sparat till MySql-databasen. Jag har tagit med endast tre fält här, tryck, höjd eller djup och temperatur som jag behöver för mitt projekt, men du kan lägga till alla resten av fälten på exakt samma sätt. Jag valde PHP på grund av min kunskap om PHP men du kan använda alla skriptspråk som din bekant med. Du kommer att märka att jag valde att använda Meta refresh att ständigt uppdatera data men det finns andra metoder att göra detta som du kan experimentera med.

HTML-fil: index.htm

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional / / EN" "http://www.w3.org/TR/html4/loose.dtd" >
<!-raden under ständigt uppdaterar sidan med nya data ->
< Meta HTTP-EQUIV = "Uppdatera" Content = "10. URL = http://localhost/mysql_write/index.htm ">

< html >
< head >
< title > MyUROV < / title >
< / head >
< body bgcolor = "#4e87fa" >
< center >< stark >< teckenfärg = "#ff0000" face = "vivaldi, verdana" storlek = "7" > MyUROV < / font >< / strong >< / center >
<!--huvuddel tabell-->
< table >
< tr >
< td >
< center >
<? php
inkludera "db_connect.php";

mysql_select_db($Database) eller dö ("Impossibile att välja databasen.");

$query = "Välj * från 'aptc'";
$result = mysql_query($query) eller dö ("kunde inte köra frågan");
$num = mysql_num_rows($result);
mysql_close();
/ * Visa Data tabellen * /

ECHO "< tabell bredd = 400 ram = 1 cellspacing = 2 cellpadding = 2 >"; / * border = "1" cellspacing = "2" cellpadding = "2" * /
ECHO "< tr bgcolor = #FFFF00 >"; / * bgcolor = "#FFFF00" * /
ECHO "< th bredd = 175 >< font face = Arial, Helvetica, sans-serif > Data < / font >< /th >";
ECHO "< th >< font face = Arial, Helvetica, sans-serif > barometertrycket < / font >< /th >";
ECHO "< /tr >";
$i = $num - 1;
$data = mysql_result($result,$i,"data");
$value = mysql_result($result,$i,"pressure");

ECHO "< tr >";
ECHO "< td align = center >< font face = Arial, Helvetica, sans-serif färg = #FFFF00 > $data < / font >< /td >";
ECHO "< td align = center >< b >< font face = Arial, Helvetica, sans-serif färg = #FFFF00 > $value < /b >< / font >< /td >";
ECHO "< /tr >";

ECHO "< / table >";
? >
< / center >
< br >< br >
< /td >
< /tr >
<!-- ------------------------------------------------------------------------------- -->
< tr >
< td >
< center >

<? php
inkludera "db_connect.php";

mysql_select_db($Database) eller dö ("Impossibile att välja databasen.");

$query = "Välj * från 'aptc'";
$result = mysql_query($query) eller dö ("kunde inte köra frågan");
$num = mysql_num_rows($result);
mysql_close();
/ * Visa Data tabellen * /

ECHO "< tabell bredd = 400 ram = 1 cellspacing = 2 cellpadding = 2 >"; / * border = "1" cellspacing = "2" cellpadding = "2" * /
ECHO "< tr bgcolor = #FFFF00 >"; / * bgcolor = "#FFFF00" * /
ECHO "< th bredd = 200 >< font face = Arial, Helvetica, sans-serif > Data < / font >< /th >";
ECHO "< th >< font face = Arial, Helvetica, sans-serif > djup < / font >< /th >";
ECHO "< /tr >";
$i = $num - 1;
$data = mysql_result($result,$i,"data");
$value = mysql_result($result,$i,"altitude");

ECHO "< tr >";
ECHO "< td align = center >< font face = Arial, Helvetica, sans-serif färg = #FFFF00 > $data < / font >< /td >";
ECHO "< td align = center >< b >< font face = Arial, Helvetica, sans-serif färg = #FFFF00 > $value < /b >< / font >< /td >";
ECHO "< /tr >";

ECHO "< / table >";
? >
< / center >
< br >< br >
< /td >
< /tr >
<!-- -------------------------------------------------------------------------------- -->
< tr >
< td >
< center >
<? php
inkludera "db_connect.php";

mysql_select_db($Database) eller dö ("Impossibile att välja databasen.");

$query = "Välj * från 'aptc'";
$result = mysql_query($query) eller dö ("kunde inte köra frågan");
$num = mysql_num_rows($result);
mysql_close();
/ * Visa Data tabellen * /

ECHO "< tabell bredd = 400 ram = 1 cellspacing = 2 cellpadding = 2 >"; / * border = "1" cellspacing = "2" cellpadding = "2" * /
ECHO "< tr bgcolor = #FFFF00 >"; / * bgcolor = "#FFFF00" * /
ECHO "< th bredd = 200 >< font face = Arial, Helvetica, sans-serif > Data < / font >< /th >";
ECHO "< th >< font face = Arial, Helvetica, sans-serif > Kompass rubrik < / font >< /th >";
ECHO "< /tr >";
$i = $num - 1;
$data = mysql_result($result,$i,"data");
$value = mysql_result($result,$i,"hddegrees");

ECHO "< tr >";
ECHO "< td align = center >< font face = Arial, Helvetica, sans-serif färg = #FFFF00 > $data < / font >< /td >";
ECHO "< td align = center >< b >< font face = Arial, Helvetica, sans-serif färg = #FFFF00 > $value < /b >< / font >< /td >";
ECHO "< /tr >";

ECHO "< / table >";
? >

< / center >
< br >< br >
< /td >
< /tr >
< / table >

< / body >
< / html >

Jag hoppas du njuta av detta så mycket som jag gjorde att skapa det!