TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Grunderna i dynamiska webbplatser

6

Vad är en dynamisk webbplats?

Till skillnad från statiska webbplatser visar en dynamisk webbplats eller en webbsida innehållet annorlunda varje gång en besökare laddar om eller uppdaterar sidan. Dessutom kan den också ge mer interaktiva funktioner på en webbsida utan att ladda om. Viktigast av allt skapas dynamiska webbsidor genom att montera flera statiska eller dynamiska sidor tillsammans. Låt oss ta ett exempel på ett PHP -blogginlägg som visas nedan. Denna sida är en samling av header.php-, footer.php-, sidebar.php- och main-content.php-filer.

Grunderna i dynamiska webbplatser

En sådan dynamisk sida skapas med hjälp av följande två metoder baserade på behandlingen:

  • Skript på klientsidan
  • Skript på serversidan

Skript på klientsidan

Skript på klientsidan används för att styra det dynamiska beteendet på en webbsida baserat på en åtgärd från musrörelsen eller tangentbordsinmatning. I det här fallet skapas det dynamiska beteendet i användarens webbläsare som körs på en lokal dator istället för en webbserver som ligger på distans. Därför behöver de dynamiska webbsidorna inte laddas om för dynamiska beteenden på klientsidan. Först hämtar webbläsaren det ursprungliga innehållet från servern och genererar de dynamiska kontrollerna i webbläsaren baserat på användarens inmatning. Skriptspråk på klientsidan inkluderar JavaScript, ActionScript och Flash.

Kom ihåg följande punkter:

  • Du måste aktivera JavaScript i din webbläsare för att kunna se en dynamisk sida som kör JavaScript.
  • Java och JavaScript är två olika språk.
  • Java är ett komplext språk utvecklat av Sun Microsystems som för närvarande ägs av Oracle Corporation. Medan JavaScript är ett skriptspråk som utvecklats av Netscape.

Exempel på hur scripting på klientsidan fungerar med JavaScript

Här är en exempelkod för en dynamisk sida som frågar användarnamnet och sedan visar det i webbläsarfönstret som "Hej ANVÄNDARNAMN" med HTML och 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>
  • Antag att den här koden är lagrad på en webbserver med sidnamnet som " http://www.example.com/dynamicjavascript.html " och att en besökare letar efter den här sidan i en Chrome -webbläsare.
  • När begäran har mottagits från webbläsaren behandlar inte webbservern någon av koden och skickar HTML -dokumentet “dynamicjavascript.html" när den lagras.
  • Webbläsaren tar emot HTML -dokumentet, tolkar markeringarna, bearbetar skriptet och laddar innehållet som en webbsida.

Ett typiskt exempel på skript på klientsidan är en validering av formulärposter som skickats av användarna. Till exempel, om du inte anger det obligatoriska arkiverade e -post -id, kommer JavaScript -koden på webbläsarnivå att sluta skicka formuläret till servern.

Skript på serversidan

Skript på serversidan gör att samma sida kan visa olika innehåll varje gång den laddas. Innehållet på en dynamisk sida lagras i en servers databas och det dynamiska beteendet styrs av skriptprogrammen som körs på serversidan. Därför krävs det att webbläsaren laddar om varje gång för att hämta det dynamiska innehållet. Skriptspråk på serversidan inkluderar PHP, JSP, Perl, ASP, ASP.NET, ColdFusion, Ruby och WebDNA.

Exempel på hur Server Side Scripting fungerar med PHP

Här är en exempelkod för skriptet på serversidan för att visa olika innehåll varje gång sidan laddas med HTML och PHP.

<html> <head> <title>WebNots - Dynamic Page Example with PHP</title> </head>
  • Förutsatt att denna kod lagras på en server som " http://www.example.com/dynamicphp.php ".
  • När webbläsaren begär denna URL för första gången behandlar servern först PHP -koden i dokumentet och skickar det första innehållet "Detta är en HTML -webbplats".
  • Webbläsaren tar emot detta innehåll, tolkar för markeringarna och visar det som rubrik.
  • När sidan begärs för andra gången svarar servern med det andra elementet "Detta är en webbplats som skapats med PHP" och processen fortsätter.

Ett typiskt exempel på dynamisk bearbetning är visning av annonser på en webbsida med program som Google AdSense. Du kommer att se olika annonser på sidan varje gång den laddas baserat på den högsta kostnaden som annonsören erbjuder.

Funktioner på en dynamisk webbsida

  • Dynamiska sidor erbjuder anpassad information enligt användarens behov.
  • Ger mer interaktiva element för att engagera besökarna länge på en webbsida.
  • Skript på serversidan behöver åtkomst till servern och behöver därför ett värdkonto hos tjänsteleverantören som GoDaddy, Bluehost, SiteGround, HostGator, etc.
  • Även om kostnadsfria verktyg för webbplatsbyggare som Weebly tillåter dynamisk sammansättning av innehåll (åtminstone för blogginlägg i Weebly), kan du inte komma åt servern för felsökning.
  • Grundläggande formulärvalideringar görs med skript på klientsidan och komplex behandling uppnås genom skript på serversidan.

Lär dig dynamiska vs statiska webbplatser.

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer