Webseiten in Client-Server-Systemen und damit in Verbindung stehende Tags

Inhalte von Prof. Dr. Klaus Chantelau

3-Schichtenmodell und Technologien

Statische Webseite

Veränderungen in Websites

1. erfolgen durch eine Kommunikation mit einem Server

Synchrone Kommunikation: die Hyperlink a- und Formular form-Tags
Asynchrone Kommunikation: AJAX

d.h. es werden unterschiedliche Webseiten
(Seite1.html, Seite2.html,...)
oder unterschiedliche Teile einer Webseite abgefragt.

2. erfolgen durch Programme auf dem Client in JavaScript , ActionScript, Java, ...

die der Browser in einer Laufzeitumgebung ausführt.

Asynchrone Kommunikation

3. erfolgen durch Programme auf dem Server in Java, php,...

die der Server in einer Laufzeitumgebung im Moment der Abfrage aufruft und ausführt, das heißt der Server generiert erst im Moment der Anfrage den eigentlichen html-Code und überträgt diesen an den Client.

1. Synchrone Kommunikation mit einem Server

Hyperlink <a>

<a href="Seite2.html"> Morgen </a>

Formular <form>

<div id="Inhalt">
<form action="/index.php" method="get">
<p>Name:<br>
<input name = "Anwendername" size="40"></p>
<p>E-Mail:<br>
<input name = "Anwendernail" size="40"></p>
<p><input type = "submit" value = "
Formulardaten absenden"></p>
</form>
</div>

Generierung einer HTTP-Anfrage

2. Programme auf dem Client in JavaScript , ActionScript, Java, ...

die der Browser in einer Laufzeitumgebung ausführt.

FLASH-Applikation: Einfachste Einbettung in HTML

3. Programme auf dem Server in Java, php,..., Content Management Systeme

Java

PHP

...

Beispiel: Java Servlets

Beispiel: Java Server Pages

Der Programm-Code (Controller) braucht von den Autoren nicht verändert werden.

Prinzip: MVC - Trennung

Technologie: Java Server Pages
Trennung von View (Aussehen, Layout, Content, Design) und Controller (verarbeitung)
Autor braucht nur noch HTML Kenntnisse, aber keine Java/php-Kennnisse.


CMS-Systeme:
Weitere Vereinfachungen wie z.b. ein Text-Editor der automatisch HTML-Formatierungen erzeugt. Autor braucht nicht mal HTML-Kenntnisse.
Prinzip: MVC - Trennung

---

CategoryProgrammierung2