Introduktion HTML och PHP 732G16 Databaser design och programmering

Relevanta dokument
Karlstads Universitet, Datavetenskap 1

Prova på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet

Avancerade Webbteknologier

DOM (Document Object Model) är modellen efter vilken en webbläsaren är uppbyggd. Alla objekt/element i webbläsaren finns hierarkiskt ordnade i DOM.

729G28. Webbprogrammering och databaser. Introduktion till webbutveckling med PHP. Jakob Pogulis Institutionen för Datavetenskap (IDA)

Introduktion till PHP

Innehåll. PHP Grundkurs. Introduktion till PHP. Kurslitteratur. Webbserver. Lite historik. PHP Grundkurs 1

Innehåll. MySQL Grundkurs

Lektion 5 HTML, CSS, PHP och MySQL

Webbens grundbegrepp. Introduktion till programmering. Ytterligare exempel. Exempel på webbsida. Föreläsning 5

Programmeringteknik. Planering MÅL LABB: MOMENT LAB4 HTML - EXEMPEL HTML. Webbdelen

JAVASCRIPT. Beteende

Användarhandledning Version 1.2

Webbprogrammering - 725G54 PHP. Foreläsning II

Databaser på webben. Revision Johan Näsholm, johan@nasholm.com

Webbprogrammering. Sahand Sadjadee

Introduktion till programmering

Du skall naturligtvis visa körexempel med output där det behövs i din rapport!

Nya webbservern Dvwebb.mah.se

JavaScript. Innehåll. Historia. Document object model DHTML. Varför Javascript?

Nätet. Uppgiften. Nivå

Elektronisk publicering TNMK30

Föreläsning 4 Serverskript PHP Validering av data med serverskript Formulär

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

Webbprogrammering. Introduktion till PHP. Christian Ohlsson

PHP. Dynamiska webbsidor

JS & beteende. TNMK30 - Elektronisk publicering

Internet A. HTML Grunder Maximilien Chiang 1

! HTML Formulär! JavaScript! Syntax! Events! DOM. ! URL variabler i en query string (get) ! HTTP post request (post)

Hemsideutveckling för Anjool AB

PHP. TNMK30 - Elektronisk publicering

Labora&on 8 Formulär övningar/uppgi6er

PHP. PHP: Hypertext Preprocessor

Programmering I Tobias Wrigstad fredag, 2009 augusti 28

En grundkurs i hemsidor och hur de är uppbyggda

729G04 Programmering och diskret matematik. Föreläsning 7

Innehåll. JavaScript - Grundkurs. Vad är JavaScript? Vad är JavaScript? Vad behövs? Lite historia

PHP-presentation Dataföreningens Open Source-nätverk

F8 Webbteknologier 2. PHP PHP: Hypertext Preprocessor

Exempel: Exempel: Exempel: Exempel: $djur=array("ko","katt","älg"); foreach ($djur as $d) { echo $d. " "; } Resultat. ko katt älg

Webbdesign vt Innehållsförteckning

Introduktion till användning av linux-servern sledge och några övningsuppgifter

Introducerande övningar i HTML

Översikt. Installation av EasyPHP 1. Ladda ner från Jag använder Release Installera EasyPHP.

WEBBUTVECKLING Kursplanering

Uppgifter teknik HT17 (uppdaterad v. 40)

Webbdesign vt Innehållsförteckning

F8 Webbteknologier 2. EDA095 Nätverksprogrammering. Roger Henriksson Datavetenskap Lunds universitet

Dagens program. Programmeringsteknik och Matlab. Administrativt. Viktiga datum. Kort introduktion till matlab. Övningsgrupp 2 (Sal Q22/E32)

TNMK30 Elektronisk publicering HT 2014 Laboration 5: PHP och MySQL

Olika slags datornätverk. Föreläsning 5 Internet ARPANET, Internet började med ARPANET

HTML. Introduktion till HyperText Markup Language

Lektion 2 - CSS. CSS - Fortsätt så här

Programmeringsteknik med C och Matlab

Skizz till en enkel databas

Repetition C-programmering

Examensarbete. Utveckling av webbshop. Johan Fougman 2013

Introduktion till MATLAB, med utgångspunkt från Ada

Laboration: Whitebox- och blackboxtesting

Kurslitteraturen. C-nivå Villkorssatser [kap 8] if & elif & else and & or Loopar [kap 9] for

Online självvärderingskunskapstest

Introduktion C-programmering

teknisk manual Direktbetalning handelsbanken.se/e-handel

SQL. Structured Query Language. Frågespråk för att används för. Kommandon. data åtkomst data manipulation

HTML & webbteknik. Introduktion till HTML. Formatering. Struktur HTML. Uppdelning. Hur man skapar hemsidor. Öppen standard W3C. Plattformsoberoende

Carl-Oscar Hermansson WEBB DESIGN

Starta MySQL Query Browser

Att arbeta med. Müfit Kiper

Laboration med Internet och HTML

12 Webb och kurshemsidor

L04.1 Marodören. Inledning. Mål. Genomförande. Uppgift 1 Hello World. Moment I

Lektion 3 HTML, CSS och JavaScript

Arbetsmaterial HTML pass 1 - Grunder

Översikt över Visual Basic

Att förstå hur man konstruerar modulära program Att kunna skapa nya funktioner Att förstå hur data skickas mellan funktioner

Visual Basic, en snabbgenomgång

Tabeller och kolumner SQL. Lägga till en ny post. Lägga till en ny post

MATLAB. Python. Det finns flera andra program som liknar MATLAB. Sage, Octave, Maple och...

Variabler och konstanter

Språk för webben introduk4on 4ll HTML

Labora&on 7 Syfte med laborationen:

Förra gången. jquery Lab 4 Muddy Cards resultat.

Skapa din egen MediaWiki

Lär känna MS SQL 2008 / Övning. Observera. Tips. Förberedelse

<header> </header> <footer> </footer>

Förslag på svar Tentamen etjänster och webb- programmering

WEBDESIGN A - DTR 1210

En bortsprungen katt

Laboration 1: Arbeta med formulär och strängarhantering

ORDLISTA WEBBDESIGN 100P

Alla filer som bearbetar PHP script ska avslutas med ändelsen.php, exempelvis ska en indexsida till en hemsida heta index.php

Kursplanering Utveckling av webbapplikationer

Tentamen etjänster och webbprogrammering

Föreläsning 3-4 Innehåll. Diskutera. Metod. Programexempel med metod

Ikon Menyalternativ Funktion och beskrivning Sök och ersätt text i arbetsfältet. Ramformatering

ATT GÖRA WEBBSIDOR. Frivillig labb

Databasens består av: Tabell Kolumner fält Rader poster (varje post är unik)

STRÄNGAR DATATYPEN. Om du vill baka in variabler eller escape-tecken måste du använda dubbla citattecken. strängar

Programbeskrivning. Chaos på Web. Version

Föreläsning 3-4 Innehåll

Transkript:

Introduktion HTML och PHP 732G16 Databaser design och programmering 08-04-22 Ingrid Alin Nilsson 1

Presentationen tar upp Lite grundläggande om HTML Grunderna i PHP Styrstrukturer Funktioner Filhantering Formulär PHP och MySQL 08-04-22 Ingrid Alin Nilsson 2

HTML HyperText Markup Language Webbsidor: är vanliga textfiler som är kodade på ett speciellt sätt. Taggar: <taggnamn> t.ex. <HTML> </HTML> HTML skiljer inte på VERSALER och gemener 08-04-22 Ingrid Alin Nilsson 3

HTML forts. <html> start av html-koden, för att webbläsaren ska veta att det är ett html-dokument. Avslutas </ html > <head> start av dokumentinformation (såsom titel, författare, m.m.). Avslutas med </head> <title> titel på dokumentet. Visas i webbläsarens titelrad. Placeras inom elementet head ovan. Avslutas med </title> <body> start på den visuella delen av HTMLdokumentet. Text och andra element som placeras i denna del kommer synas i webbläsarens fönster. Avslutas med </body> 08-04-22 Ingrid Alin Nilsson 4

HTML forts. Rubriker, markeras med <h1> till <h6> Fet och kursiv stil, <b> och <i> Stycken, med <p> Radbrytning, <br> ingen avslutande tagg Attribut på taggar, t.ex. för att ändra storlek och typsnitt, <font size = 20 > och <font face = Ariel > avslutas med </font> Länkar: <a href ="sida2.html"> länk till sida2 </a> epostlänk: <a href="mailto:ingal@ida.liu.se">skicka mail till Ingrid </a> 08-04-22 Ingrid Alin Nilsson 5

HTML exempel <html> <head><title> Ett litet exempel </title></head> <body><h1> Rubrik </h1> De grundläggande <b> taggarna </b> i HTML <br> Texten i kroppen syns i <i> webbläsarens </i> fönster. <!-- Kommentar som inte syns --> <br> <font face ="Courier"> Bytt till Courier </font><br> <a href ="mailto ingal@ida.liu.se"> maila Ingrid </a> </body> </html> 08-04-22 Ingrid Alin Nilsson 6

HTML exempel 08-04-22 Ingrid Alin Nilsson 7

PHP Hypertext Preprocessor http://www.php.net är ett serverbaserat skriptspråk Webbsida som innehåller PHP, extension.php Koden bäddas in i HTML mellan <?php och?> Skiljer på VERSALER och gemener i variabelnamn, men inte i kontrollstrukturer och funktioner 08-04-22 Ingrid Alin Nilsson 8

Grunderna i PHP Variabler: $Tal = 3;, $Namn = Olle ; Aritmetiska, jämförelse och logiska operatorer Konstanter: fördefinerade t.ex. _FILE_ egendefinerade define( SKATT, 0.32); <!-- Utanför PHP-taggar är det ren HTML-kod --> <?php /* Detta är en kommentar som sträcker sig över flera rader */ echo Hello world ; // skriver ut Hello world?> <!-- Utanför PHP-taggar är det ren HTML-kod --> 08-04-22 Ingrid Alin Nilsson 9

Grunderna i PHP forts. Vektorer $tal[0] = 52; $tal[1] = 44; $tal[2] = 23; // eller med funktionen array $tal = array(52, 44, 23); echo $tal[0].. $tal[1]..$tal[2]; // skriv ut $djur[ a ] = apa ; $djur[ b ] = tiger ; // eller med funktionen array $djur = array( a => apa, b => tiger ); echo $djur[ a ].. $djurl[ b ]; // skriver ut 08-04-22 Ingrid Alin Nilsson 10

Styrstrukturer Villkor: if...else, switch Loopar: for, foreach, while(), do...while <? if ($Dag == Julafton ){ echo God Jul ; } elseif ($Dag == Påskafton ){ echo God Jul ; } else { echo Vanlig vardag ; }?> <? for ($i = 0; $i < 10; $i++){ // Gör något }?> 08-04-22 Ingrid Alin Nilsson 11

Funktioner Egendefinerade funktioner <? function hello($förnamn, $efternamn) { return "<HR>Hej och välkommen $förnamn $efternamn!<hr>"; }?> <? $fnamn = "Mimmi"; $enamn = "Pigg"; $text = hello($fnamn, $enamn); echo $text;?> 08-04-22 Ingrid Alin Nilsson 12

Funktioner forts. Egendefinerad funktion: enkel fnuttar ' ' <? function hellofnutt($förnamn, $efternamn) { echo '<HR>Hej och välkommen $förnamn $efternamn!<hr>'; }?> <? $fnamn = "Mimmi"; $enamn = "Pigg"; hellofnutt($fnamn, $enamn);?> 08-04-22 Ingrid Alin Nilsson 13

Inbyggda funktioner date() - returnerar en sträng med aktuellt datum och tid rand() - returnerar ett slumpmässigt heltal trim() - returnerar sträng som skickas som argument utan inledande eller avslutande mellanslag count() - returnerar heltal med antal positioner i vektor mail() - för att skicka epost 08-04-22 Ingrid Alin Nilsson 14

Filhantering Skriva till fil: <? $litetext = "I min fil ska det stå lite text. "; $h = fopen("minfil.txt ", "w"); fwrite ($h, $litetext); fclose($h);?> Läsa från fil: <? $h = fopen("minfil.txt ", "r"); $text = fread ($h, filesize("minfil.txt") ); echo $text; fclose($h);?> 08-04-22 Ingrid Alin Nilsson 15

Formulär <form action = "Sida.php" method = "post"> Förnamn: <input type = "text" name = "fnamn"> <br> Efternamn: <input type = "text" name ="enamn"> <br> <input type = "submit" value = "Ok"> <input type = "reset" value ="Rensa"> </form> <? // I filen Sida.php echo "Hej ".$_POST['fnamn']." ".$_POST['enamn']."!";?> 08-04-22 Ingrid Alin Nilsson 16

Formulär <!-- Extension på filen ska vara.php --> <form action = "<?=$PHP_SELF?>" method ="post"> Förnamn: <input type ="text" name ="fnamn"><br> Efternamn: <input type ="text" name ="enamn"><br> <input type ="submit" value ="Ok"> <input type ="reset" value ="Rensa"> </form> <? if (isset($_post['fnamn ]) &&!empty($_post['fnamn'])) echo "Hej ".$_POST['fnamn']."".$_POST['enamn']."!";?> 08-04-22 Ingrid Alin Nilsson 17

<?$server = "localhost"; $user = "root"; $password = "ert lösenord"; $database = "company"; PHP och MySQL $conn = mysql_connect($server, $user, $password) or die ("Kan inte ansluta: ".mysql_error()); $databas = mysql_select_db($database) or die ("Kan inte välja DB: ".mysql_error()); $query = 'SELECT * from city'; $result = mysql_query("$query") or die ("Gick fel: ".mysql_error()); echo "<table border=1"; echo "<tr><th align=left>name</th><th>state</th></tr>"; while ($line = mysql_fetch_array($result)){ echo "<tr>"; echo "<td>".$line[0]."</td><td>".$line[1]."</td>"; echo "</tr>";} echo "</table>"; mysql_close($conn);?> 08-04-22 Ingrid Alin Nilsson 18

PHP och MySQL forts. 08-04-22 Ingrid Alin Nilsson 19

Referenser PHP 5 Programmering, av Jörgen Overgaard, Ulrika Eriksson och Jesper Ek. Länkar på kurshemsidan 08-04-22 Ingrid Alin Nilsson 20