Flexigrid con query pHp e MySQL
Flexigrid è una libreria JQuery gratuita e aperta, che consente di visualizzare il risultato di una query di dati in una griglia, elencarli in una tabella, impaginarli, ordinarli e interagire con i dati. Flexigrid può utilizzare diverse fonti di dati come XML, interrogare il database utilizzando PHP e restituire i dati in formato JSON per essere visualizzati da Flexgrid.
Possiamo scaricare Flexigrid dal suo sito ufficiale.
Come usare Flexigrid con le query pHp e MySQL
Dopo aver scaricato Flexigrid, decomprimiamo il file zip, quindi su un server locale o remoto come abbiamo visto nel tutorial per installare Xampp per trasformare il tuo computer in un server web, creeremo una cartella per contenere l'esempio, abbiamo bisogno del CSS e Cartelle JS che sono le librerie Flexigrid.
Devi anche avere una versione jQuery possiamo usare una versione online come:
Possiamo anche scaricare la versione dal sito ufficiale jQuery.com. jQuery è una libreria di funzioni JavaScript.
Successivamente creeremo un database da phpmyadmin da utilizzare nell'esempio
Banca dati: `FlexEmpresa`
CREA DATABASE SE NON ESISTE `FlexEmpresa` SET DI CARATTERI PREDEFINITO latin1 COLLATE latin1_swedish_ci; Struttura della tabella per la tabella `customers` CREATE TABLE IF NOT EXISTS` clients` (`id` int (11) NOT NULL,` name` varchar (100) DEFAULT NULL, `address` varchar (255) NOT NULL,` city `varchar (255) NOT NULL,` province` varchar (150) DEFAULT NULL) ENGINE = MyISAM AUTO_INCREMENT = 7 DEFAULT CHARSET = utf8;Dump dei dati per la tabella `clienti`
INSERISCI IN `clienti` (`id`, `nome`,` indirizzo`, `città`,`provincia`) VALORI (1, 'Adela Resjez', 'Lore de Balca 435', 'Madrid', 'Madrid') , (2, 'Gretel Martinez', 'Juan XXIII 1232', 'Barcellona', 'Barcellona'), (3, 'Olivia Asri', 'Marina Sur 123', 'Aranjuez', 'Madrid'), (4, 'Ledi Widaya', 'Calle 1 Norte 456', 'Sabadell', 'Barcelona'), (5, 'Alfonso Praudi', 'Salerno 48 Piso 1', 'Valencia', 'Valencia'), (6, 'Jose Albertez','Calle 13 586','Siviglia','Siviglia'); Indici della tabella `clienti` ALTER TABLE` clienti` ADD PRIMARY KEY (`id`); ALTER TABLE `customers` MODIFY` id` int (11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT = 7;
Quindi dobbiamo creare un file index.php dove aggiungeremo il codice con le intestazioni
Clienti
Il risultato della visualizzazione nel browser dovrebbe essere il seguente:
Precedentepagina 1 di 2ProssimoTi è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo
