TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Dynaamisten verkkosivustojen perusteet

13

Mikä on dynaaminen verkkosivusto?

Toisin kuin staattiset verkkosivustot, dynaaminen verkkosivusto tai verkkosivu näyttää sisällön eri tavalla aina, kun kävijä lataa tai päivittää sivun. Lisäksi se voi myös tarjota interaktiivisempia ominaisuuksia verkkosivulla lataamatta sitä uudelleen. Tärkeintä on, että dynaamiset verkkosivut luodaan kokoamalla useita staattisia tai dynaamisia sivuja yhteen. Otetaan esimerkki PHP -blogikirjoituksesta alla olevan kuvan mukaisesti. Tämä sivu on kokoelma header.php-, footer.php-, sidebar.php- ja main-content.php-tiedostoja.

Dynaamisten verkkosivustojen perusteet

Tällaiset dynaamiset sivut luodaan seuraavilla kahdella menetelmällä, jotka perustuvat käsittelyyn:

  • Asiakaspuolen komentosarja
  • Palvelinpuolen komentosarja

Asiakaspuolen komentosarja

Asiakaspuolen komentosarjoja käytetään hallitsemaan verkkosivun dynaamista käyttäytymistä hiiren liikkeen tai näppäimistön syötteen perusteella. Tässä tapauksessa dynaaminen käyttäytyminen luodaan käyttäjän verkkoselaimessa, joka toimii paikallisessa tietokoneessa etäpalvelimen sijaan. Siksi dynaamisia verkkosivuja ei tarvitse ladata uudelleen asiakaspuolen dynaamisen käyttäytymisen vuoksi. Ensin selain hakee alkuperäisen sisällön palvelimelta ja luo dynaamiset ohjaimet selaimessa käyttäjän antamien tietojen perusteella. Asiakaspuolen komentosarjakielet sisältävät JavaScriptin, ActionScriptin ja Flashin.

Muista seuraavat kohdat:

  • Sinun on otettava JavaScript käyttöön selaimessasi nähdäksesi dynaamisen sivun, joka käyttää JavaScriptiä.
  • Java ja JavaScript ovat kaksi eri kieltä.
  • Java on monimutkainen kieli, jonka on kehittänyt Sun Microsystems, jonka omistaa tällä hetkellä Oracle Corporation. JavaScript on Netscapen kehittämä skriptikieli.

Esimerkki siitä, miten asiakaspuolen komentosarja toimii JavaScriptin kanssa

Tässä on esimerkki dynaamisen sivun koodista, joka kysyy käyttäjänimeä ja näyttää sen selainikkunassa "Hei USERNAME" HTML- ja JavaScript -koodilla.

<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>
  • Oletetaan, että tämä koodi on tallennettu verkkopalvelimelle, jonka sivun nimi on " http://www.example.com/dynamicjavascript.html " ja vierailija etsii tätä sivua Chrome -selaimella.
  • Kun pyyntö on vastaanotettu selaimelta, verkkopalvelin ei käsittele koodia ja lähettää HTML -asiakirjan "dynamicjavascript.html" sellaisena kuin se on tallennettu.
  • Selain vastaanottaa HTML -asiakirjan, tulkitsee merkinnät, käsittelee komentosarjan ja lataa sisällön verkkosivuksi.

Tyypillinen esimerkki asiakaspuolen komentosarjoista on käyttäjien lähettämien lomakemerkintöjen validointi. Jos et esimerkiksi syötä pakollista arkistoitua sähköpostitunnusta, selaimen JavaScript -koodi lakkaa lähettämästä lomaketta palvelimelle.

Palvelinpuolen komentosarja

Palvelinpuolen komentosarjojen avulla sama sivu voi näyttää erilaista sisältöä joka kerta, kun se ladataan. Dynaamisen sivun sisältö tallennetaan palvelimen tietokantaan ja dynaamista käyttäytymistä ohjaavat palvelinpuolella toimivat komentosarjaohjelmat. Siksi selain vaatii sivun lataamista joka kerta dynaamisen sisällön hakemiseksi. Palvelinpuolen komentosarjakieliä ovat PHP, JSP, Perl, ASP, ASP.NET, ColdFusion, Ruby ja WebDNA.

Esimerkki siitä, miten palvelinpuolen komentosarja toimii PHP: n kanssa

Tässä on esimerkkikoodi palvelinpuolen komentosarjoille eri sisällön näyttämiseksi aina, kun sivu ladataan HTML- ja PHP -ohjelmilla.

<html> <head> <title>WebNots - Dynamic Page Example with PHP</title> </head>
  • Olettaen, että tämä koodi on tallennettu palvelimelle nimellä " http://www.example.com/dynamicphp.php ".
  • Kun selain pyytää tätä URL -osoitetta ensimmäistä kertaa, palvelin käsittelee ensin asiakirjan PHP -koodin ja lähettää ensimmäisen sisällön "Tämä on HTML -sivusto".
  • Selain vastaanottaa tämän sisällön, tulkitsee merkinnät ja näyttää sen otsikkona.
  • Kun sivua pyydetään toista kertaa, palvelin vastaa toisella elementillä "Tämä on PHP: llä luotu sivusto" ja prosessi jatkuu.

Tyypillinen esimerkki dynaamisesta käsittelystä on mainosten näyttäminen verkkosivulla Google AdSensen kaltaisilla ohjelmilla. Näet eri mainoksia sivulla joka kerta, kun se ladataan mainostajan tarjoamien korkeimpien kustannusten perusteella.

Dynaamisen verkkosivun ominaisuudet

  • Dynaamiset sivut tarjoavat räätälöityjä tietoja käyttäjän tarpeiden mukaan.
  • Tarjoaa enemmän interaktiivisia elementtejä, joiden avulla vierailijat voivat sitoutua verkkosivulle pitkään.
  • Palvelinpuolen komentosarjat tarvitsevat pääsyn palvelimelle, ja siksi ne tarvitsevat isäntätilin palveluntarjoajan kanssa, kuten GoDaddy, Bluehost, SiteGround, HostGator jne.
  • Vaikka ilmaiset verkkosivustojen rakennustyökalut, kuten Weebly, mahdollistavat sisällön dynaamisen kokoamisen (ainakin Weeblyn blogiviestin osalta), et voi käyttää palvelinta vianmääritystä varten.
  • Peruslomakkeiden tarkistukset tehdään asiakaspuolen komentosarjoilla ja monimutkainen käsittely saavutetaan palvelinpuolen komentosarjoilla.

Opi dynaamisia vs staattisia verkkosivustoja.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja