TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Podstawy dynamicznych stron internetowych

3

Co to jest dynamiczna witryna internetowa?

W przeciwieństwie do witryn statycznych, dynamiczna witryna lub strona internetowa wyświetla treść w inny sposób za każdym razem, gdy użytkownik ponownie wczytuje lub odświeża stronę. Ponadto może zapewniać więcej interaktywnych funkcji na stronie internetowej bez ponownego ładowania. Co najważniejsze, dynamiczne strony internetowe są tworzone przez złożenie wielu statycznych lub dynamicznych stron razem. Weźmy przykład posta na blogu PHP, jak pokazano poniżej. Ta strona jest zbiorem plików header.php, footer.php, sidebar.php i main-content.php.

Podstawy dynamicznych stron internetowych

Takie dynamiczne strony są tworzone przy użyciu dwóch następujących metod opartych na przetwarzaniu:

  • Skrypty po stronie klienta
  • Skrypty po stronie serwera

Skrypty po stronie klienta

Skrypty po stronie klienta są używane do kontrolowania dynamicznego zachowania na stronie internetowej w oparciu o akcję z ruchu myszy lub danych wejściowych z klawiatury. W tym przypadku zachowanie dynamiczne jest tworzone w przeglądarce internetowej użytkownika działającej na komputerze lokalnym zamiast na serwerze sieciowym zlokalizowanym zdalnie. W związku z tym dynamiczne strony internetowe nie muszą być ponownie ładowane w przypadku dynamicznych zachowań po stronie klienta. Najpierw przeglądarka pobiera początkową zawartość z serwera i generuje dynamiczne kontrolki w przeglądarce na podstawie danych wprowadzonych przez użytkownika. Języki skryptowe po stronie klienta obejmują JavaScript, ActionScript i Flash.

Zapamiętaj następujące punkty:

  • Musisz włączyć JavaScript w swojej przeglądarce, aby zobaczyć dynamiczną stronę z JavaScriptem.
  • Java i JavaScript to dwa różne języki.
  • Java to złożony język opracowany przez Sun Microsystems, obecnie należący do Oracle Corporation. Z kolei JavaScript to język skryptowy opracowany przez firmę Netscape.

Przykład działania skryptów po stronie klienta z JavaScript

Oto przykładowy kod strony dynamicznej, która pyta o nazwę użytkownika, a następnie wyświetla ją w oknie przeglądarki jako „Hello USERNAME" za pomocą HTML i JavaScript.

<HTML> <HEAD> <TITLE>WebNots - Dynamic Page Example with JavaScript</TITLE> <SCRIPT Language = JavaScript> var name = prompt("Enter your name", "Name"); </SCRIPT> </HEAD> <BODY> <SCRIPT Language = "JavaScript"> document.write("<H2> Hello " + name + "</H2>"); </SCRIPT> </BODY> </HTML>
  • Załóżmy, że ten kod jest przechowywany na serwerze internetowym z nazwą strony „ http://www.example.com/dynamicjavascript.html “, a użytkownik szuka tej strony w przeglądarce Chrome.
  • Po otrzymaniu żądania z przeglądarki serwer WWW nie przetwarza żadnego kodu i wysyła dokument HTML „dynamicjavascript.html” w miarę jego przechowywania.
  • Przeglądarka otrzymuje dokument HTML, interpretuje znaczniki, przetwarza skrypt i ładuje treść jako stronę internetową.

Typowym przykładem skryptowania po stronie klienta jest walidacja wpisów formularzy przesłanych przez użytkowników. Na przykład, jeśli nie wprowadzisz obowiązkowego identyfikatora e-mail, kod JavaScript na poziomie przeglądarki przestanie przesyłać formularz na serwer.

Skrypty po stronie serwera

Skrypty po stronie serwera umożliwiają tej samej stronie wyświetlanie różnych treści za każdym razem, gdy jest ładowana. Zawartość strony dynamicznej jest przechowywana w bazie danych serwera, a zachowanie dynamiczne jest kontrolowane przez programy skryptowe działające po stronie serwera. Dlatego przeglądarka wymaga ponownego załadowania strony za każdym razem, aby pobrać zawartość dynamiczną. Języki skryptowe po stronie serwera obejmują PHP, JSP, Perl, ASP, ASP.NET, ColdFusion, Ruby i WebDNA.

Przykład działania skryptów po stronie serwera w PHP

Oto przykładowy kod skryptu po stronie serwera, który wyświetla inną zawartość za każdym razem, gdy strona jest ładowana przy użyciu HTML i PHP.

<html> <head> <title>WebNots - Dynamic Page Example with PHP</title> </head>
  • Zakładając, że ten kod jest przechowywany na serwerze jako „ http://www.example.com/dynamicphp.php “.
  • Gdy przeglądarka żąda tego adresu URL po raz pierwszy, serwer najpierw przetwarza kod PHP w dokumencie i wysyła pierwszą treść „To jest witryna HTML”.
  • Przeglądarka otrzymuje tę treść, interpretuje znaczniki i wyświetla ją jako nagłówek.
  • Gdy strona jest żądana po raz drugi, serwer odpowiada drugim elementem „To jest witryna stworzona za pomocą PHP” i proces jest kontynuowany.

Typowym przykładem przetwarzania dynamicznego jest wyświetlanie reklam na stronie internetowej za pomocą programów takich jak Google AdSense. Zobaczysz inną reklamę na stronie za każdym razem, gdy zostanie załadowana, w oparciu o najwyższy koszt oferowany przez reklamodawcę.

Funkcje dynamicznej strony internetowej

  • Strony dynamiczne oferują informacje dostosowane do potrzeb użytkownika.
  • Zapewnia więcej interaktywnych elementów, aby przez długi czas angażować odwiedzających na stronie internetowej.
  • Skrypty po stronie serwera wymagają dostępu do serwera, a zatem wymagają konta hostingowego u dostawcy usług, takiego jak GoDaddy, Bluehost, SiteGround, HostGator itp.
  • Chociaż bezpłatne narzędzia do tworzenia witryn, takie jak Weebly, umożliwiają dynamiczne łączenie treści (przynajmniej w przypadku postów na blogu w Weebly), nie można uzyskać dostępu do serwera w celu rozwiązywania problemów.
  • Podstawowe walidacje formularzy są wykonywane za pomocą skryptów po stronie klienta, a złożone przetwarzanie uzyskuje się za pomocą skryptów po stronie serwera.

Dowiedz się dynamicznych i statycznych witryn.

Źródło nagrywania: www.webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów