Skip to main content

Hallo Welt (extended) - das erste Skript

Lerne die PHP Syntax kennen am "Hello World" Beispiel.
Der Hintergrund

Das Hello World zeigt eigentlich schon, was beim Programmieren am wichtigsten ist: sichtbares Output. Hier werden ausserdem gleich ein paar Basics eingebaut, um mit der Syntax vertraut zu werden: 

  • Du siehst, wie PHP mit HTML kombiniert werden kann, um schon mit wenigen Zeilen ein dynamisches Output zu erreichen
  • Du siehst, wie Variablen in PHP geschrieben werden
  • Du siehst ein Beispiel für ein IF/ELSE Conditional Statement und ausserdem noch eine praktische Kurzschreibweise dafür, welche die konditionale Ausgabe auf eine Zeile "komprimiert" 

So geht's

Ausgangslage ist das Hallo Welt Skript.

<?php
echo "Hallo Welt!";
?>

 

1. So schreibt man einen String in eine Variable (um dann später die Variable mit echo auszugeben). Die Variablen haben immer ein $-Zeichen davor. 

$begruessung = "Hallo Welt!";
echo $begruessung; 

 

2. PHP kann ausserdem wunderbar mit HTML kombiniert werden - wir können HTML im PHP String schreiben (wenn wir wollen...)

echo 'Hallo Welt <span class="primary-color">extended</span>!';

 

3. HTML und PHP können auch andersherum kombiniert werden - PHP in statischem HTML ausgeben. Dies beschreibt auch eine korrekte Art, wie wir Scripts aufbauen: Zuerst Variablen vorbereiten, am Schluss das (HTML)Output mit wo nötig PHP Ausgaben.

<?php
// Zuerst vorbereitung
$begruessung = 'Hallo Welt <span class="primary-color">extended</span>!';

// Dann Output
?>
<html>
<head>
	<style>
		body {
			text-align:center;
			margin-top:10vh;
		}
		.primary-color {
			color:#77bf54;
		}
	</style>
</head>
<body>
	<h1><?php echo $begruessung; ?></h1>
</body>
</html>

 

4. PHP kann jedoch nicht NUR ins HTML geschrieben werden, wir können auch PHP in CSS, JavaScript, XML, JSON  oder jedes andere Plain-Text-Format schreiben. Speichert man dies als Datei ab, muss jedoch die Endung immer .php lauten, damit das PHP vor dem Response überhaupt ausgeführt wird. Man könnte z.B. das folgende Naming verwenden, wobei nur die Endung .php technisch erforderlich ist: style.css.php für ein dynamisches CSS mit PHP drin.

Hier schreiben wir CSS direkt in den HTML Head, um durch die Ermittlung der Tageszeit zu entscheiden, welche Farben die Seite haben sollte (daymode oder nicht). Teste es, in dem Du der Variablen $dayMode einen fixen Wert (true oder false) gibst.

<?php
$hour = date('H'); // Aktuelle Stunde
$dayMode = ( $hour>5 && $hour<18 ); // true oder false
?>
<style>
		body {
			text-align:center;
			margin-top:10vh;
			background-color:#<?php echo $dayMode? 'c9f5fc':'000000' ?>;
			color:#<?php echo $dayMode? '000000':'FFFFFF' ?>;
		}
		.primary-color {
			color:#<?php echo $dayMode? '77bf54':'ffe900' ?>;
		}
	</style>

 

Fertiges Script: 

<?php
// Zuerst vorbereitung
$hour = date('H'); // Aktuelle Stunde
$dayMode = ( $hour>5 && $hour<18 ); // true oder false

// Dann Output
?>
<html>
<head>
	<style>
		body {
			text-align:center;
			margin-top:10vh;
			background-color:#<?php echo $dayMode? 'c9f5fc':'000000' ?>;
			color:#<?php echo $dayMode? '000000':'FFFFFF' ?>;
		}
		.primary-color {
			color:#<?php echo $dayMode? '77bf54':'ffe900' ?>;
		}
	</style>
</head>
<body>
	<h1><?php echo 'Hallo Welt <span class="primary-color">extended</span>!'; ?></h1>
</body>
</html>

Tips und Links

Wo das hallowelt.php liegen soll...

Falls du noch nicht weisst, wo du deine PHP-Datei hinspeichern oder wie du sie ausführen kannst, lies dir die Anleitung hier durch: Die Umgebung von PHP Konfigurieren

Faul sein beim Schreiben?

echo kann übrigens sowohl mit, als auch ohne Klammern geschrieben werden kann. Meist wird die einfachere Schreibweise ohne Klammern genutzt. 

 

Start

Erster Kontakt
Mach dich vertraut mit PHP, so dass du weisst, wie du ein Script zum laufen bringen kannst.