Hvordan gjøre Client Server Coding

May 24

Klient-server koding er en pålitelig måte å lage en nettside dynamisk og interaktiv. Klient-server-skript brukes normalt for å innlemme data inn i et område og å presentere denne informasjonen sammen med annen innhold på en engasjerende webgrensesnitt. Forskjellige teknologier tilgjengelig for klient-server koding, inkludert PHP språket på serversiden og Javascript på klientsiden. Små mengder av klient-server-kode kan legges til nettstedet ditt lett selv uten erfaring med programmering.

Bruksanvisning

1 Opprett dataene for ditt nettsted. Normalt disse dataene vil bli lagret i en database, og det er gratis web databasesystemer tilgjengelig som MySQL. Finn ut hva bestemmelsen nett verten gjør for databasesystemer og sette opp en database for å holde hva dataene du trenger for innholdet på nettstedet. I de fleste tilfeller Web verter tilveiebringe et automatisk grensesnitt som "phpMyAdmin" for database uten krav til programmeringskode.

2 Skriv server side kode for å koble til databasen og spørre det bruker SQL, som i følgende PHP eksempel:

<? Php

// Koble til databasen

mysql_connect ( "enter_host", "enter_username", "enter_password");

mysql_select_db ( «enter_database_name");

//spørsmål

$ EXAMPLE_QUERY = "SELECT someField Fra SomeTable";

Endre parametrene i koden som passer din egen database navn og struktur i de områdene som er merket "enter host", "skriv brukernavn", "skriv passord" og "enter databasenavn." Lagre dine PHP-skript med "php" forlengelse.

3 Bygg HTML strukturer i PHP-koden for å lage web-sider, som følger:

$ Example_result = mysql_query ($ EXAMPLE_QUERY);

// Gå gjennom resultatene

while ($ example_row = mysql_fetch_array ($ example_result))

. {Echo "<p>" $ example_row [ 'someField'] "</ p>."; }

Denne koden skriver ut verdien av en bestemt rad i en database tabell i en HTML avsnitt element, gjenta dette til hver rad i tabellen er skrevet på siden.

4 Legg klientsiden koden på sidene dine for å forbedre brukeropplevelsen av å se din side, som i følgende eksempel. Før "<? Php?" Linje:

<Html>

<Head>

funksjon overParagraph (parID)

{Document.getElementById (parID) .style.color = "# FF0000"; }

</ Script>

</ Head>

<Body>

Endre "mens" loop til følgende:

$ Teller = 0;

while ($ example_row = mysql_fetch_array ($ example_result))

. {Echo "<p id =" p ".. $ Counter" 'onmouseover =' overParagraph (this.id) '> "$ example_row [' someField ']" </ p>. "; $ Teller ++; }

Legg til etter den avsluttende linjen ">?":

</ Body>

</ Html>

Dette enkle eksemplet endrer fargen av avsnittene når den besøkende ruller musen over dem.

5 Last skript og web-sider til webserveren. Test nettstedet ditt ved å gå til hver side og sjekk at den oppfører seg på den måten du trenger det til. Hvis det er problemer, eller ser du feilmeldinger når du prøver å vise sidene, sjekk for å sikre at all koden er strukturert på riktig måte. Gjør endringer i koden, ett om gangen, testing igjen hver gang du gjør en endring til nettstedet oppfører seg riktig.

Hint

Sørg for å teste sidene dine i forskjellige nettlesere. Forskjellige web-teknologi, spesielt på klientsiden, kan oppføre seg på helt forskjellige måter i forskjellige nettlesere er tilgjengelig, så tester er viktig.
Ikke bli skremt av klient-server-kode hvis du ikke har noen tidligere erfaring i programmering. Du kan lære teknologien ved hjelp av små mengder med kode og bygge på kunnskap over tid.