Image CRUD: gallerie immagini in un lampo

Eccoci nuovamente a parlare del framework CodeIgniter (chi non lo conoscesse, può leggere un brevissimo articolo qui: http://www.walkermanstudio.com/codeigniter-framework-php-tuttofare), più precisamente di una libreria che ci aiuterà non poco durante la realizzazione dei nostri progetti.

Se dovessimo realizzare una galleria immagini per un sito, un’applicazione web, dovremmo sicuramente pensare a come presentare il frontend (ordinamento in griglia oppure tramite lista? E’ meglio realizzare le anteprime? E le didascalie? Mentre per gli album?), ma dovremmo soprattutto considerare la parte gestionale… lavoro non poco complesso e non proprio immediato: upload di file singoli e/o multipli, restrizioni sulla tipologia di file, gestione degli album, ridimensionamento delle immagini, etc…

Bene… in aiuto ci viene una libreria che promette (e, aggiungiamo, mantiene) di velocizzare la creazione di gallerie immagini e la loro gestione.

La libreria in questione è Image CRUD. Integrabile facilmente in Codeigniter, con pochissime righe di codice avremo un CRUD (Create, Read, Update, Delete) veloce e flessibile.

Vediamo insieme alcune delle principali funzionalità di Image CRUD:

– selezione e upload multiplo di immagini
– generazione automatica delle anteprime
– ordinamento “drag&drop” delle immagini
– inserimento didascalia
– raggruppamento immagini (creazione album)

Tutto questo si ottiene riportando nel vostro controller questa semplicissima funzione (esempio presente nella documentazione ufficiale):
function example1()
{
$image_crud = new image_CRUD();

// indichiamo la tabella che nel nostro database conterrà i riferimenti ai file sul server
$image_crud->set_table(‘example_1’);

// indichiamo il campo “chiave primaria” della nostra tabella poc’anzi descritta
$image_crud->set_primary_key_field(‘id’);

// indichiamo il campo, autogenerato, per l’url all’immagine
$image_crud->set_url_field(‘url’);

// indichiamo il percorso “contenitore” delle nostre immagini
$image_crud->set_image_path(‘assets/uploads’);

// generiamo il codice, pronto per essere visualizzato
$output = $image_crud->render();

// et voilà!
$this->_example_output($output);
}

La documentazione ed altri esempi presenti sul sito degli sviluppatori ci insegnano ad eseguire un ordinamento (set_ordering_field()), utilizzare una “categoria” per le nostre immagini (set_relation_field()) e ad impostare un titolo (set_title_field())

Come integrarlo in Codeigniter?
Innanzitutto recatevi sul sito ufficiale e scaricate l’ultima versione disponibile:
http://www.grocerycrud.com/image-crud/download

Scompattate l’archivio, contenente le cartelle “application” e “assets”, nella root del vostro progetto Codeigniter.
Troverete un controller ed una view che forniscono tutti gli esempi per poter iniziare ad utilizzare la libreria.
Unica accortezza è quella di creare la tabella, che conterrà i dati delle nostre immagini, nel database e, se pensate di utilizzarla, la tabella delle “categorie”.

 

Richiedi, senza alcun impegno, una nostra consulenza, sapremo aiutarti nella realizzazione del tuo progetto.