Database henvendelse fra en Form

Fra Holstebro HTX Wiki
Spring til navigation Spring til søgning

Når man opbygger en hjemmeside lokalt på sin computer, så kan man ikke få en database til at fungere rigtigt med SQL-sætninger, men man kan dog lave og teste en del af de trin der skal til for at kunne vise at databasen ville fungere, hvis hjemmesiden blev lagt op på en server med adgang til en database.

Hjemmesiden ligger i præsentationslaget af tre-lags-arkitekturen[1] [2], og det kan testes ved at sende indholdet til en server, som udgør logiklaget.

Hvis man så har testet sin database med onecompiler, på de felter man kan sende fra præsentationslaget, så vil man have en god ide om at der er en sammenhæng ned til datalaget.

Form-Tagget

Når man skal sende noget fra en hjemmeside til en database, så anvender man HTML-koden et Form-Tag, der indeholder forskellige HTML-Tags som input-Tag, select-Tag og textarea-Tag, der kan sende information fra præsentationslaget (HTML-hjemmeside) til logiklaget (server med fx PHP-kode).

Et simpelt eksempel på en HTML-Form kunne være følgende: 

<!DOCTYPE html>
<html>
<body>
<h2>HTML Forms</h2>

<form action="https://www.holstebro-htx.dk/elev-sites/services/form_display.php" method="post">
  <label for="myname">First name:</label><br>
  <input type="text" id="myname" name="myname" value=""><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value=""><br>
  <label for="numb">Tal-værdi:</label><br>
  <input type="number" id="numb" name="numb" value=""><br><br>
  <input type="submit" value="Submit">
</form> 
<p>Når der klikkes på "Submit", så sendes data til www.holstebro-htx.dk </p>
</body>
</html>

Denne kode vil give følgende visning:
Eksempel på en HTML-form

Visningen ved submit

Når man klikker på den knap der hedder Submit, så vil indholdet af formen blive sendt til en PHP-fil der ligger ved www.holstebro-htx.dk, som trækker de felter der er sendt fra formen ud og viser dem på følgende måde:
Resultatet der vises fra en HTML-form

Eksemplet er lavet med inspiration fra https://www.w3schools.com/html/tryit.asp?filename=tryhtml_form_submit [3]

Forklaring til koden

Submit-knappen det trykkes på er defineret som input type="submit". Den gør at formularen sendes.

I form-tagget er det action="https://www.holstebro-htx.dk/elev-sites/services/form_display.php" og method="post" der bestemmer hvor indholdet sendes hen (en PHP-fil der ligger placeret på www.holstebro-htx.dk) og at det sendes med kodningen "post".

Indholdet der sendes er bestemt af de 3 inputs, hvor 2 er type="text" og den sidste er type="number", altså tekst og tal.

Visningen når der er klikket submit er så opbygget i PHP-fil, som serveren kan fortolke, og giver det der er vist.

Referencer

  1. ↑ Informatik bog ved google sites
  2. ↑ systimes Informatik B EUX omtale af Trelags-arkitektur
  3. ↑ w3schools tryit editor til at afprøve HTML-form submit
Database
Database E-R diagram - henvendelse fra en Form - Database med onecompiler - Normalisering - Relationer - Tabel struktur diagram - Database Visning
Hentet fra "https://holstebro-htx.dk/index.php?title=Database_henvendelse_fra_en_Form&oldid=3507"