Come fare Coding Client Server

February 24

Come fare Coding Client Server


codifica client server è un modo affidabile per fare un sito web dinamico e interattivo. script client-server sono normalmente utilizzati per incorporare i dati in un sito e di presentare tali dati insieme ad altri contenuti del sito in un'interfaccia Web coinvolgente. Diverse tecnologie sono disponibili per la codifica client server, compreso il linguaggio PHP lato server e JavaScript sul lato client. Piccole quantità di codice client-server possono essere aggiunti al tuo sito web facilmente anche senza esperienza di programmazione.

istruzione

1 Creare i dati per il vostro sito web. Normalmente questi dati saranno memorizzati in un database, e ci sono liberi sistemi di database Web disponibili, come MySQL. Scopri cosa riserva il tuo host Web fa per sistemi di database e impostare un database per contenere qualsiasi dato 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 il codice lato server per la connessione 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");

// interrogazione

$ Example_query = "SELECT SomeField FROM SomeTable";

?>

Modificare i parametri nel codice per soddisfare il proprio nome e la struttura del database nelle aree etichetta "Inserisci l'host", "digitare nome utente," "inserire la password" e "inserire il nome del database." Salvare le script PHP con l'estensione ".php".

3 Costruire strutture HTML in codice PHP per creare le 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 specificata in una tabella di database all'interno di un elemento paragrafo HTML, ripetendo questa finché ogni riga della tabella è stato scritto nella pagina.

4 Aggiungere client codice lato alle tue pagine per migliorare l'esperienza degli utenti di vedere il tuo sito, come nel seguente esempio. Prima linea "<? Php?":

<Html>

<Head>

<Script type = "text / javascript">

Funzione overParagraph (Parid)

{Document.getElementById (Parid) .style.color = "# ff0000"; }

</ Script>

</ Head>

<Body>

Modificare il ciclo "while" per la seguente:

$ Contatore = 0;

while ($ example_row = mysql_fetch_array ($ example_result))

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

Aggiungere dopo la chiusura linea ">?":

</ Body>

</ Html>

Questo semplice esempio cambia il colore dei paragrafi quando il visitatore rotola il mouse su di loro.

5 Carica gli script e pagine Web al server Web. Prova il tuo sito, visitando ogni pagina e verificare che si comporta in modo avete bisogno di. Se ci sono problemi o vedere i messaggi di errore quando si tenta di visualizzare le pagine, verificare tutto il codice è stato strutturato in modo corretto. 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 e avvertenze

  • Assicurarsi di testare le vostre pagine in diversi browser Web. Diverse tecnologie Web, in particolare a lato client, possono comportarsi in modi molto diversi nei vari browser disponibili, in modo da test è essenziale.
  • Non fatevi intimidire dal codice client-server se non si ha esperienza passata nella programmazione. È possibile imparare le tecnologie utilizzando piccole quantità di codice e la costruzione sulla vostra conoscenza nel corso del tempo.