Dynamische Webseite

Dynamische Webseite: Beispiel für serverseitiges Skripting (Php und Mysql).

A Serverseitige dynamische Webseite ist ein Website deren Konstruktion von einem kontrolliert wird Anwendungsserver Server-Seite-Skripte verarbeiten. Im serverseitiges Skripting, Parameter Bestimmen Sie, wie die Montage jedes Neuen Website Erzählungen, einschließlich der Einrichtung einer kundenseitigen Verarbeitung.

A Client-Seite dynamische Webseite verarbeitet die Webseite mithilfe JavaScript Laufen im Browser, wenn er lädt. JavaScript kann mit der Seite über interagieren über Dokumentobjektmodelloder dom, um den Seitenstatus abzufragen und ihn zu ändern. Auch wenn eine Webseite auf der Client-Seite dynamisch sein kann, kann sie dennoch auf einer Statik gehostet werden Hosting -Service wie zum Beispiel Github -Seiten oder Amazon S3 Solange es keinen serverseitigen Code gibt.

Eine dynamische Webseite wird dann vom Benutzer oder von a neu geladen Computer Programm Um einige variable Inhalte zu ändern. Die Aktualisierungsinformationen können vom Server oder aus Änderungen an der DOM dieser Seite stammen. Dies kann das abschneiden oder nicht Browser-Verlauf Oder erstellen Sie eine gespeicherte Version, um zurück zu gehen, aber a Dynamisches Webseiten -Update Verwendung Ajax Technologien erstellen weder eine Seite, auf die Sie zurückkehren noch den Web -Browser -Verlauf auf der angezeigten Seite abschneiden können. Verwenden von Ajax das Ende Benutzer Ruft eine dynamische Seite ab, die als einzelne Seite in der verwaltet wird Webbrowser während das tatsächliche Internetinhalt Auf dieser Seite kann variieren. Der AJAX -Motor befindet sich nur auf dem Browser und fordert Teile seines DOM an. das DOM, für seinen Client, von einem Anwendungsserver. Ein bestimmter Anwendungsserver könnte eine standardisierte bieten SICH AUSRUHEN Stilschnittstelle, um Dienste für die Webanwendung anzubieten.[1]

DHTML ist der Umbrella -Begriff für Technologien und Methoden zum Erstellen von Webseiten, die nicht sind Statische WebseitenObwohl es seit der Popularisierung von Ajax aus gemeinsamer Verwendung ausgelaufen ist, wird ein Begriff, der jetzt selten verwendet wird. Client-Side-Scripting, serverseitiges Skripting oder eine Kombination von diesen sorgen für das dynamische Weberlebnis in einem Browser.

Grundlegendes Konzept

Klassisch Hypertext Navigation, mit Html oder Xhtml Allein bietet "statische" Inhalte, was bedeutet, dass der Benutzer eine Webseite anfordert und einfach die Seite und die Informationen auf dieser Seite anzeigt.

Eine Webseite kann jedoch auch eine "live", "dynamische" oder "interaktive" Benutzererfahrung bereitstellen. Inhalt (Text, Bilder, Formularfelder usw.) auf a Website kann sich als Reaktion auf verschiedene Kontexte oder Bedingungen ändern.

Es gibt zwei Möglichkeiten, diese Art von Effekt zu erstellen:

  • Verwenden von Client-Seiten-Skripting, um das Schnittstellenverhalten zu ändern innerhalb eine spezifische Websiteals Reaktion auf Maus- oder Tastaturaktionen oder auf bestimmte Zeitveranstaltungen. In diesem Fall tritt das dynamische Verhalten innerhalb der auf Präsentation.
  • Verwendung serverseitiges Skripting Um die mitgelieferte Seitenquelle zu ändern zwischen Seiten, Anpassung der Sequenz oder Wiederbelastung der Webseiten oder Internetinhalt in den Browser geliefert. Serverantworten können durch Bedingungen wie Daten in einem veröffentlichten festgelegt werden HTML -Form, Parameter in der URL, die Art des verwendeten Browsers, der Zeitverlauf oder eine Datenbank oder einen Server Zustand.[2]

Webseiten, die clientseitiges Skripting verwenden Reiche miteinander verbundene Seiten. Client-Seite Skriptsprachen wie JavaScript oder Aktionen, benutzt für Dynamisches HTML (DHTML) und Blinken Technologien werden jeweils häufig verwendet, um Medientypen (Ton, Animationen, Textwechseln usw.) der Präsentation zu orchestrieren. Das Scripting ermöglicht auch die Verwendung von Remote -Scripting, eine Technik, mit der die DHTML -Seite zusätzliche Informationen von einem Server mit a anfordert Versteckter Rahmen, Xmlhttprequests, oder ein Internetservice.

Webseiten, die serverseitige Skripting verwenden, werden häufig mit Hilfe von erstellt Server-Seite Sprachen wie Php, Perl, ASP, ASP.NET, JSP, Coldfusion und andere Sprachen. Diese serverseitigen Sprachen verwenden normalerweise die Gemeinsame Gateway -Schnittstelle (CGI) zu produzieren Dynamische Webseiten. Diese Art von Seiten kann auch auf der Client-Seite die erste Art (DHTML usw.) verwenden.

Geschichte

Es ist schwierig, über "Dynamic Webseitenanfierungen" oder Chronologie genau zu sein, da das genaue Konzept erst nach der "weit verbreiteten Entwicklung von Webseiten" sinnvoll ist. Http ist seit 1990 in Gebrauch, Htmlals Standard seit 1996. Der Anstieg der Webbrowser begann mit der Beliebtheit mit Mosaik 1993 ist es jedoch offensichtlich, dass das Konzept der dynamisch gesteuerten Websites im Internet und in der Tat HTML vorliegt. Beispielsweise wurde 1990 vor der allgemeinen öffentlichen Nutzung des Internets ein dynamisch angetriebenes aus dem Ferngezogener zugerichteter Mengensystem von Susan Biddlecomb implementiert, der Direktor für Computerunterstützung des USC -Gesundheitssystems am USC -Gesundheitswesen war Universität von Südkalifornien BBS auf einer 16 -Linie Tbbs System mit TDBS add-on.database. Zwischen 1995 und 1996 Coldfusion, WebObjects, Php und Aktive Server-Seiten wurden auf den Markt gebracht.

Die Einführung von JavaScript (damals als Livescript bekannt) ermöglichte die Produktion von clientseitigen dynamischen Webseiten, wobei der JavaScript-Code im Browser des Clients ausgeführt wurde.[3] Der Buchstabe "J" in der Laufzeit Ajax ursprünglich die Verwendung von JavaScript sowohl als auch angegeben Xml. Zum Beispiel mit dem Aufstieg der Serverseite JavaScript -Verarbeitung, Node.jsJavaScript wurde ursprünglich 2009 entwickelt und wird auch verwendet, um Seiten auf dem Server dynamisch zu erstellen, die vollständig an Clients geschickt werden.

Mediawiki, das Content -Management -System Das macht Wikipedia ein Beispiel für eine ursprünglich serverseitige dynamische Webseite, die mit Formulareinreichungen und URL-Parametern interagiert. Im Laufe der Zeit, zunehmend verbessert Erweiterungen wie die Visual Editor haben auch Elemente hinzugefügt, die auf Client-Seite dynamisch sind, während die ursprünglichen dynamischen serverseitigen Elemente wie das klassische Bearbeitungsformular zur Verfügung stehen, um zurückgefallen zu sein (auf (anmutiger Abbau) im Falle von Fehler oder Inkompatibilität.

Serverseitiges Skripting

There are four steps in the client-server ecosystem: the browser, the HTTP request, the web server, and the response. Server-side scripting occurs when a dynamic web page or resource is processed and generated by the web server.
Wenn eine Anfrage an eine dynamische Webseite oder eine Ressource erstellt wird, ist die Anwendungsserver verarbeitet die Anforderung mithilfe ihrer serverseitigen Sprache.

Ein Programm, das auf einem läuft Webserver (serverseitiges Skripting) wird verwendet, um die Webinhalte auf verschiedenen Webseiten zu generieren, Benutzersitzungen zu verwalten und den Workflow zu steuern. Serverantworten können durch Bedingungen wie Daten in einem veröffentlichten festgelegt werden HTML -Form, Parameter in der URL, die Art des verwendeten Browsers, der Zeitverlauf oder eine Datenbank oder einen Server Zustand.

Solche Webseiten werden häufig mit Hilfe von erstellt Server-Seite Sprachen wie ASP, Coldfusion, gehen, JavaScript, Perl, Php, Rubin, Python, WebDNA und andere Sprachen von a Support Server Dies kann auf derselben Hardware wie dem Webserver ausgeführt werden. Diese serverseitigen Sprachen verwenden häufig die Gemeinsame Gateway -Schnittstelle (CGI) zu produzieren Dynamische Webseiten. Zwei bemerkenswerte Ausnahmen sind ASP.NET, und JSP, die CGI -Konzepte in ihren APIs wiederverwenden, aber tatsächlich alle Webanforderungen in eine gemeinsame virtuelle Maschine versenden.

Die serverseitigen Sprachen werden verwendet, um Tags oder Markierungen in die Quelldatei der Webseite auf dem Webserver einzubetten.[4] Wenn ein Benutzer auf einem Client -Computer diese Webseite anfordert, interpretiert der Webserver diese Tags oder Markierungen, um Aktionen auf dem Server auszuführen. Beispielsweise kann der Server angewiesen werden, Informationen aus einer Datenbank oder Informationen wie dem aktuellen Datum einzufügen.

Dynamische Webseiten sind oft zwischengespeichert Wenn nur wenige oder keine Änderungen erwartet werden und die Seite erwartet wird, dass sie eine beträchtliche Menge an Webverkehr erhält, die den Server verschwenderisch absagen und die Seite verlangsamen, wenn sie die Seiten für jede Anforderung in der Fliege generieren müssten.

Client-Seite Scripting

Das Client-Side-Scripting ändert das Verhalten des Schnittstellens innerhalb einer bestimmten Webseite als Antwort auf Eingabegeräteaktionen oder bei bestimmten Timing-Ereignissen. In diesem Fall tritt das dynamische Verhalten innerhalb des Präsentation. Der clientseitige Inhalt wird im lokalen Computersystem des Benutzers generiert.[5]

Solche Webseiten verwenden die Präsentationstechnologie genannt Reiche miteinander verbundene Seiten. Client-Seite-Skriptsprachen wie JavaScript oder Aktionen, benutzt für Dynamisches HTML (DHTML) und Blinken Technologien werden jeweils häufig verwendet, um Medientypen (Ton, Animationen, Textwechseln usw.) der Präsentation zu orchestrieren. Client-Side-Scripting ermöglicht auch die Verwendung von Remote -Scripting, eine Technik, mit der die DHTML -Seite zusätzliche Informationen von einem Server mit a anfordert Versteckter Rahmen, Xmlhttprequests, oder ein Internetservice.

Die erste weit verbreitete Verwendung von JavaScript war 1997, als die Sprache als standardisiert wurde ECMaskript und implementiert in Netscape 3.[6]

Beispiel

Der clientseitige Inhalt wird auf dem Computer des Kunden generiert. Der Webbrowser ruft eine Seite vom Server ab und verarbeitet dann den in der Seite eingebetteten Code (normalerweise geschrieben in JavaScript) und zeigt den Inhalt der abgerufenen Seite dem Benutzer an.[7]

Das Innerhtml Eigenschaft (oder Schreibbefehl) kann die clientseitige dynamische Seitengenerierung veranschaulichen: Zwei unterschiedliche Seiten, A und B, können regeneriert werden (durch eine "Ereignisantwortdynamik") als document.innerhtml = a und document.innerhtml = b; oder "auf Lastdynamik" von document.write (a) und document.write (b).

Kombinationstechnologien

Alle Client- und Serverkomponenten, die kollektiv eine dynamische Webseite erstellen Internetanwendung. Webanwendungen verwalten Benutzerinteraktionen, Status, Sicherheit und Leistung.[8]

Ajax Verwendet eine Kombination aus clientseitigen Skript- und serverseitigen Anforderungen. Es handelt sich um eine Webanwendungsentwicklungstechnik für den dynamischen Austausch von Inhalten und sendet Anforderungen an den Server für Daten, um dies zu tun. Der Server gibt die angeforderten Daten zurück, die dann von einem clientseitigen Skript verarbeitet werden. Diese Technik kann die Ladezeit des Servers verkürzen, da der Client die gesamte Webseite nicht vom Sprachparser des Servers regeneriert wird. Nur der Inhalt, der sich ändert, wird übertragen. Google Maps ist ein Beispiel für eine Webanwendung, die Ajax -Techniken verwendet.

A Web Clientwie ein Webbrowser kann als eigener Server fungieren, der auf Daten aus vielen verschiedenen Servern wie Gopher, FTP, NNTP (Usenet) und HTTP zugreift, um eine Seite zu erstellen. Http Unterstützt das Hochladen von Dokumenten vom Client zurück zum Server. Es gibt einige HTTP -Methoden dafür.

Siehe auch

Verweise

  1. ^ Fielding, Roy Thomas (2000). "Kapitel 5: Repräsentationsstatusübertragung (Rest)". Architekturstile und das Design von netzwerkbasierten Softwarearchitekturen (Ph.D.). Universität von Kalifornien, Irvine.
  2. ^ Nelson, Anne; Nelson, William H. M. (2002). Bauen elektronischer Handel mit Webdatenbankkonstruktionen. Addison Wesley. ISBN 9780201741308.
  3. ^ Benson, Brent W. (1999). "JavaScript". ACM Sigplan nennt. 34 (4): 25–27. doi:10.1145/312009.312023. S2CID 10076062..
  4. ^ Tatroe, Kevin (2013). Programmieren von PHP: Erstellen dynamischer Webseiten (3 ed.). O'Reilly. ISBN 9781449365837.
  5. ^ Doyle, Barry; Lopes, Cristina Videira (17. Januar 2008). "Übersicht über Technologien für die Entwicklung von Webanwendungen". Arxiv:0801.2618 [cs.se].
  6. ^ Okin, J. R. (2005). Die Informationsrevolution: Der Non-for-Dummies-Leitfaden für die Geschichte, Technologie und Nutzung des World Wide Web. Ironbound Press. ISBN 9780976385745.
  7. ^ "Learning VBScript", P. Lomax. ISBN1-56592-247-6. Ed. O'Reilly, 1997. Sec. C13.
  8. ^ Internetanwendung Bei der Wayback -Maschine (Archiviert 22. Februar 2014)

Externe Links