Client server codifica è un modo affidabile per fare un sito Web dinamico e interattivo. Gli script client server sono normalmente utilizzati per incorporare i dati in un sito e per presentare questi dati insieme ad altri contenuti del sito in un'accattivante interfaccia Web. Diverse tecnologie sono disponibili per client server codifica, compreso il linguaggio PHP lato server e JavaScript sul lato client. Piccole quantità di codice client server può essere aggiunto al tuo sito web facilmente anche senza esperienza di programmazione.
Istruzioni
1
Creare i dati per il tuo sito. Normalmente questi dati potranno essere memorizzati in un database, e ci sono sistemi di database Web gratuiti disponibile come MySQL. Scopri quale disposizione rende il tuo host Web per sistemi di database e impostare un database per contenere qualsiasi tipo di dati è necessario per il contenuto del sito. Nella maggior parte dei casi, Web host forniscono un'interfaccia automatizzata come "phpMyAdmin" per la creazione del database senza necessità di codice di programmazione.
2
Scrivere codice di lato server per connettersi al database ed eseguire query utilizzando SQL, come nel seguente esempio PHP:
<? php
connettersi al database
mysql_connect ("enter_host", "enter_username", "enter_password");
mysql_select_db("enter_database_name");
query
$example_query = "Seleziona someField da SomeTable";
? >
Alterare i parametri nel codice per soddisfare il proprio nome del database e la struttura nelle zone con l'etichetta "immettere host", "Inserisci il nome utente", "enter password" e "immettere il nome del database." Salvare gli script PHP con estensione ". php".
3
Costruire strutture HTML nel codice PHP per creare pagine web, come segue:
$example_result=mysql_query($example_query);
passare attraverso i risultati
while($example_row=mysql_fetch_array($example_result))
{echo "< p >". $example_row ['someField']. " </p > "; }
Questo codice scrive il valore di una riga in una tabella di database all'interno di un elemento di paragrafo HTML, a ripetere questo fino a quando ogni riga della tabella è stato scritto alla pagina specificata.
4
Aggiungere codice lato client alle pagine per migliorare l'esperienza utente di visualizzare il tuo sito, come nell'esempio seguente. Prima il "<? php" linea:
< html >
< head >
< script type = "text/javascript" >
funzione overParagraph(parID)
{Document. getElementById (parID).style.color = "#FF0000";}
< / script >
< / head >
< corpo >
Modificare il ciclo "while" al seguente:
$counter = 0;
while($example_row=mysql_fetch_array($example_result))
{echo "< id p =" p ". $contatore."' onmouseover='overParagraph(this.id)'> ". $example_row ['someField']." </p > "; $counter + +; }
Aggiungere dopo la chiusura "? >" linea:
< / body >
< / html >
Questo semplice esempio cambia il colore dei paragrafi quando il visitatore passa il mouse sopra di loro.
5
Caricare gli script e le pagine web sul server Web. Testare il sito visitando ogni pagina e verificare che si comporta in modo di che avete bisogno. Se ci sono problemi o si visualizzati messaggi di errore quando si tenta di visualizzare le pagine, verificare che tutto il codice è stato strutturato correttamente. Apportare modifiche al codice di uno alla volta, prova di nuovo ogni volta che si apporta una modifica fino a quando il sito si comporta correttamente.
Consigli & Avvertenze
- Assicurarsi di testare le pagine in browser diversi. Diverse tecnologie Web, specialmente sul lato client, possono comportarsi in modi molto diversi nei vari browser disponibili, quindi test è essenziale.
- Non bisogna spaventarsi dal codice client server, se non hai nessuna esperienza passata nella programmazione. Puoi imparare le tecnologie utilizzando piccole quantità di codice e costruire sulla conoscenza nel corso del tempo.