Obtention de données Arduino vers une Page web (5 / 5 étapes)

Étape 5: PHP et HTML, ainsi je peux voir mon projet au travail !

Je vais à être la visualisation de ces lectures sur mon portable et exécutant WAMP comme un serveur web, si tout va bien par un lac quelque part. Ce fichier vous permettra de voir vos données que vous avez enregistrés à la base de données MySql. J’ai inclus seulement trois champs ici, pression, Altitude ou profondeur et température que j’ai besoin pour mon projet, mais vous pouvez ajouter tout le reste des champs dans exactement de la même manière. J’ai choisi PHP à cause de ma connaissance de PHP, mais vous pouvez utiliser n’importe quel langage de script que votre familier avec. Vous remarquerez que j’ai choisi d’utiliser le Meta refresh continuellement mettre à jour les données, mais il existe d’autres méthodes de faire ce que vous pouvez expérimenter avec.

Fichier HTML: index.htm

< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional / / EN" « http://www.w3.org/TR/html4/loose.dtd » >
<!-la ligne ci-dessous actualise continuellement la page avec les nouvelles données-->
< Meta HTTP-EQUIV = « Refresh » Content = "10 ; URL = http://localhost/mysql_write/index.htm ">

< html >
< tête >
< titre > MyUROV < / title >
< / head >
< body bgcolor = « #4e87fa » >
< center >< fort >< couleur = « #ff0000 » face = « vivaldi, verdana » size = « 7 » > MyUROV < / police >< / strong >< / center >
<!--corps principal tableau-->
< table >
< b >
< td >
< center >
<? php
inclure « db_connect.php » ;

mysql_select_db($Database) ou die ("Impossible de sélectionner la base de données.") ;

$query = "SELECT * de « aptc »" ;
$result = mysql_query($query) ou mourir ("ne pouvait pas exécuter requête ») ;
$num = mysql_num_rows ;
mysql_close() ;
/ * Afficher la table de données * /

echo "< table width = 400 border = 1 cellspacing = 2 cellpadding = 2 >" ; / * border = « 1 » cellspacing = « 2 » cellpadding = « 2 » * /
echo "< tr bgcolor = #FFFF00 >" ; / * bgcolor = « #FFFF00 » * /
echo "< largeur th = 175 >< de police = Arial, Helvetica, sans-serif > données < / police >< /th >" ;
echo "< th >< de police = Arial, Helvetica, sans-serif > pression barométrique < / police >< /th >" ;
echo « < /tr > » ;
$i = $num - 1 ;
$data = mysql_result($result,$i,"data") ;
$value = mysql_result($result,$i,"pressure") ;

echo « < tr > » ;
echo "< td align = center >< de police = Arial, Helvetica, sans-serif couleur = #FFFF00 > $data < / police >< /td >" ;
echo "< td align = center >< b >< de police = Arial, Helvetica, sans-serif couleur = #FFFF00 > $value < /b >< / police >< /td >" ;
echo « < /tr > » ;

echo « < / table > » ;
? >
< /Center >
< br >< br >
< /td >
< /tr >
<!-- ------------------------------------------------------------------------------- -->
< b >
< td >
< center >

<? php
inclure « db_connect.php » ;

mysql_select_db($Database) ou die ("Impossible de sélectionner la base de données.") ;

$query = "SELECT * de « aptc »" ;
$result = mysql_query($query) ou mourir ("ne pouvait pas exécuter requête ») ;
$num = mysql_num_rows ;
mysql_close() ;
/ * Afficher la table de données * /

echo "< table width = 400 border = 1 cellspacing = 2 cellpadding = 2 >" ; / * border = « 1 » cellspacing = « 2 » cellpadding = « 2 » * /
echo "< tr bgcolor = #FFFF00 >" ; / * bgcolor = « #FFFF00 » * /
echo "< largeur th = 200 >< de police = Arial, Helvetica, sans-serif > données < / police >< /th >" ;
echo "< th >< visage font = Arial, Helvetica, sans-serif > profondeur < / polices >< /th >" ;
echo « < /tr > » ;
$i = $num - 1 ;
$data = mysql_result($result,$i,"data") ;
$value = mysql_result($result,$i,"altitude") ;

echo « < tr > » ;
echo "< td align = center >< de police = Arial, Helvetica, sans-serif couleur = #FFFF00 > $data < / police >< /td >" ;
echo "< td align = center >< b >< de police = Arial, Helvetica, sans-serif couleur = #FFFF00 > $value < /b >< / police >< /td >" ;
echo « < /tr > » ;

echo « < / table > » ;
? >
< /Center >
< br >< br >
< /td >
< /tr >
<!-- -------------------------------------------------------------------------------- -->
< b >
< td >
< center >
<? php
inclure « db_connect.php » ;

mysql_select_db($Database) ou die ("Impossible de sélectionner la base de données.") ;

$query = "SELECT * de « aptc »" ;
$result = mysql_query($query) ou mourir ("ne pouvait pas exécuter requête ») ;
$num = mysql_num_rows ;
mysql_close() ;
/ * Afficher la table de données * /

echo "< table width = 400 border = 1 cellspacing = 2 cellpadding = 2 >" ; / * border = « 1 » cellspacing = « 2 » cellpadding = « 2 » * /
echo "< tr bgcolor = #FFFF00 >" ; / * bgcolor = « #FFFF00 » * /
echo "< largeur th = 200 >< de police = Arial, Helvetica, sans-serif > données < / police >< /th >" ;
echo "< th >< de police = Arial, Helvetica, sans-serif > cap compas < / police >< /th >" ;
echo « < /tr > » ;
$i = $num - 1 ;
$data = mysql_result($result,$i,"data") ;
$value = mysql_result($result,$i,"hddegrees") ;

echo « < tr > » ;
echo "< td align = center >< de police = Arial, Helvetica, sans-serif couleur = #FFFF00 > $data < / police >< /td >" ;
echo "< td align = center >< b >< de police = Arial, Helvetica, sans-serif couleur = #FFFF00 > $value < /b >< / police >< /td >" ;
echo « < /tr > » ;

echo « < / table > » ;
? >

< /Center >
< br >< br >
< /td >
< /tr >
< /table >

< / body >
< / html >

J’espère que vous apprécierez ce autant que j’ai fait créer!!

Articles Liés

Page Web grattage depuis/vers une page web.

Page Web grattage depuis/vers une page web.

Le but du projet est de prendre le commandement comme fichiers batch et les rendre accessible depuis le web. Vous pourrez faire votre propre page web spéciale et ne pas avoir à dépendre de quelqu'un d'autre pour le préparer pour vous. Web vers la pag
PSD à la Conversion de HTML5 : ajout d’un curseur de HTML5 vers une page Web - partie 1

PSD à la Conversion de HTML5 : ajout d’un curseur de HTML5 vers une page Web - partie 1

ça fait plus d'un an que HTML5 fait son chemin dans l'industrie du web. Mais encore beaucoup de gens, en général, y compris les débutants et les intermédiaires, ont du mal à faire un curseur d'HTML5 pour une page Web. Donc avec ce PSD to tutoriel HTM
PSD à la Conversion de HTML5 : ajout d’un curseur de HTML5 vers une page Web - partie 2

PSD à la Conversion de HTML5 : ajout d’un curseur de HTML5 vers une page Web - partie 2

dans la première partie de ce tutoriel, nous avons appris comment faire le code html de ce beau design et ajouter un curseur de HTML5 dans la page Web. Mais un élément HTML n'est pas suffisant, et c'est la deuxième partie du tutoriel, où nous seront
Conduire une page Web en temps réel en utilisant Arduino, SensorMonkey et Processing.js

Conduire une page Web en temps réel en utilisant Arduino, SensorMonkey et Processing.js

visualisation à distance des données de capteur en temps réel.Ce tutoriel décrit en détail comment utiliser le service gratuit de SensorMonkey à pousser capteur en temps réel des données d'un Arduino vers une page Web pour la visualisation à l'aide d
Actualisation des données de MySql dans une Page Web

Actualisation des données de MySql dans une Page Web

Dans mon premier Instructable « Arduino mise en données à une page web » j'ai parlé d'actualisation des données à l'aide de la commande de méta pour actualiser le contenu des données MySQL. Le problème avec ceci est qu'il actualise la page entière et
Contrôlez votre éclairage grâce à une page Web !

Contrôlez votre éclairage grâce à une page Web !

Après avoir joué avec les contrôleurs de RF pendant un certain temps, j'ai réalisé un inconvénient majeur est la nécessité d'avoir toujours un émetteur d'envoyer un signal au récepteur. Ne serait-il pas agréable si je pouvais utiliser mon téléphone c
Édition d’une page Web dans Google Chrome

Édition d’une page Web dans Google Chrome

si je vous disais que vous pouvez éditer n'importe quel page Web ou un site Web sur internet directement depuis votre ordinateur sans aucun logiciel spécial ou ordinateur fou, compétences en programmation ? C'est facile ! La seule chose dont vous ave
Comment changer temporairement une page Web dans le navigateur web Google Chrome

Comment changer temporairement une page Web dans le navigateur web Google Chrome

cette instructable vous montrera comment changer temporairement une page Web en utilisant le navigateur web Chrome.Tout ce dont vous avez besoin est le navigateur web Google Chrome et un ordinateur.Étape 1: Ouvrez une page Web Ouvrez le navigateur we
Enregistrer une page Web avec tout ce que sur XP (aucun INTERNET requis!)

Enregistrer une page Web avec tout ce que sur XP (aucun INTERNET requis!)

Dans ce instructable, je vais vous montrer comment enregistrer une page Web en utilisant internet explorer, Microsoft Windows XP Pro. et une connexion internet. Lorsque vous procédez ainsi, il nécessite une connexion internet pour charger la page Web
Comment intégrer une vidéo dans une page Web utilisant HTML5

Comment intégrer une vidéo dans une page Web utilisant HTML5

ce tutorial va vous apprendre comment mettre n'importe quelle vidéo dans un site Web utilisant HTML5 et la nouvelle balise. À l'aide de HTML5, vous pouvez avoir vidéos dans votre site Web sans avoir besoin d'aucun plug-ins comme Adobe Flash, et ils p
La création d’iWeb d’Apple de l’utilisation sur une page Web

La création d’iWeb d’Apple de l’utilisation sur une page Web

nous voulons vous montrer comment créer une page Web à l'aide d'application iWeb d'Apple. On vous indiquera comment procéder en 5 étapes faciles !Étape 1: Étape 1: ouvrir et choisir le thèmeDepuis votre écran d'accueil, cliquez sur votre dossier appl
Commandes linux simple d’une page web.

Commandes linux simple d’une page web.

Il devait y avoir un moyen de faire des commandes simples pour linux sans passer par la ligne de commande. La partie propre à ce projet, c'est que vous pouvez facilement développer vous-même. Besoin d'une liste de répertoires. Pas de problème. Besoin
Modifier n’importe quel site Web ou une page Web en permanence

Modifier n’importe quel site Web ou une page Web en permanence

Montage en permanence un site Web est une très bonne chose à faire n'importe tromper.Tout comme j'avais faire mon fou de garniture en tout cas, il dispose de deux méthodes :à l'aide du panneau d'outil de développeurs du navigateur.à l'aide de javascr
Modifier une page Web sur Internet à partir de votre navigateur

Modifier une page Web sur Internet à partir de votre navigateur

Voilà un plaisir hack de Javascript qui vous permet d'éditer une page Web sur internet directement depuis votre navigateur. Il n'est pas apporter des modifications permanentes à la page. Donc ce n'est pas vrai « piratage ». Mais, c'est toujours un bo