January 14
Vari Content Management System (CMS) i costruttori e gli amministratori utilizzano AJAX per creare una piattaforma più interattivo e intuitivo per i loro clienti e gli utenti a causa delle caratteristiche funzionali del programma e dei vantaggi comprovati. AJAX offre grande flessibilità, perché può interagire con tutti i linguaggi di programmazione, come Visual Basic, PHP, ASP e Java. Sia che si sta costruendo il vostro CMS da zero o si sta semplicemente aggiungendo moduli importanti per soddisfare le richieste del suo cliente, AJAX ha tutti gli strumenti necessari per costruire un efficiente, CMS operativa.
1 Scaricare e installare la modalità tutorial da XOOPS.org per recuperare tutti i componenti xajax necessari per il progetto CMS (vedi Risorse). Xajax è una versione di AJAX che funziona con HTML, CSS, JavaScript e PHP, che sono considerati i componenti più importanti di una applicazione solida CMS.
2 Aprire il "index.php" e modificarlo in base alle proprie esigenze. Questo è come appare:
<? Php
// Tutorial
// Creato da KaotiK
require ( '../../ mainfile.php');
require_once (XOOPS_ROOT_PATH '/ modules / tutorial / functions.php'.);
require_once (. XOOPS_ROOT_PATH '/ modules / tutorial / classe / xajax / xajax_core / xajax.inc.php');
$ Xajax = new xajax ();
$ Xajax-> registerFunction ( "processFormData");
// $ Xajax-> setflag ( "debug", true);
$ Xajax-> processRequest ();
. $ Xjavapath = XOOPS_URL '/ modules / tutorial / classe / xajax';
$ Xajaxjava = $ xajax-> getJavascript ($ Xjavapath);
$ XoopsOption [ 'template_main'] = 'tut_main.html';
require (XOOPS_ROOT_PATH '/ header.php'.);
$ XoopsTpl-> assegnare ( 'xajaxjava', $ xajaxjava);
require (XOOPS_ROOT_PATH '/ footer.php'.);
?>
Questa pagina indice è alimentato da Java come indicato in queste righe:
. $ Xjavapath = XOOPS_URL '/ modules / tutorial / classe / xajax';
$ Xajaxjava = $ xajax-> getJavascript ($ Xjavapath);
3 Incollare il codice sottostante per "tutorial / functions.php" per stabilire la funzione xajax:
<? Php
Funzione processFormData ($ arg)
{
// Fare alcune cose in base a $ arg come dati della query da un database e
// Metterlo in una variabile come $ newContent
. $ NewContent = "Valore di campo:" $ arg [ 'MyField'];
// Un'istanza dell'oggetto xajaxResponse
$ ObjResponse = new xajaxResponse ();
// Aggiungere un comando alla risposta di assegnare l'attributo innerHTML
// L'elemento con id = "SomeElementId" a tutto ciò che il nuovo contenuto è
$ ObjResponse-> assegnare ( "thisID", "innerHTML", $ newContent);
// Restituisce l'oggetto xajaxResponse
return $ objResponse;
}
?>
La funzione creata in precedenza viene chiamata processFormData, e serve come un destinatario di tutti i dati del form che verrà come un array. Questa funzione quindi inserire tutti i dati in una var chiamato $ arg per l'elaborazione.
4 Copia e incolla il seguente codice di "/tutorial/templates/tut_main.html" per impostare il modello Smarty:
<{$ Xajaxjava}>
<Form id = name = metodo = azione "myform" "myform" "post" = "index.php">
<Input type = "text" name = "myfield" id = "myfield" />
<Input type = valore "pulsante" = "Calcola" onclick = "xajax_processFormData (xajax.getFormValues ( 'MyForm'));" />
</ Form>
Dal momento che questo modello è costruito in HTML, assicurarsi che si chiude il modulo con un "</ form>" tag, in modo che il browser può interpretare il codice correttamente quando lo si esegue.
5 Prova ed eseguire il modulo CMS AJAX-enabled. Se nessun messaggio di errore compare sul vostro browser, è stato costruito con successo e integrato un modulo AJAX per il vostro CMS. Si può continuare a migliorare la sua funzionalità con l'aggiunta di ulteriori funzionalità che utilizzano altri elementi xajax.