Newer Entries » Subscribe to Ultimi articoli

5 Mar 2008

CakePHP: aggiunta di editor WYSIWYG di Ext JS

Nessun commento

Oggi ho cercato di modificare il blog creato nei giorni scorsi con CakePHP sostituendo l’editor TinyMCE con quello incorporato in Ext JS; per fare ciò ho preso spunto da questo tutorial.

Purtroppo devo dire che ho incontrato molte difficoltà e tuttora non sono riuscito a fare ciò che mi ero proposto. Le cose principali che mi hanno dato problemi sono state la:

  1. visualizzazione del form creato con Ext JS in CakePHP: nonostante il form funzionasse correttamente se visualizzato in una pagina a sè, importandolo in CakePHP vi erano numerosi errori di visualizzazione (pulsanti invisibili o non allineati e layout del form che non rispettava le specifiche inserite); dopo molte prove ho capito che il problema era causato da un conflitto tra il foglio di stile css di CakePHP e quello di Ext JS e sono riuscito a risolverlo
  2. interazione tra il form di Ext JS e CakePHP: la creazione di un nuovo articolo funziona, mentre la modifica di un articolo già esistente ed il suo caricamento nel form cliccando su “Edit” no; inoltre l’eventuale formattazione del testo (grassetto, colore, ecc.) di un nuovo articolo non viene salvata da nessuna parte, pertanto visualizzandolo il testo appare non formattato.

Potete dare un’occhiata a quest’ultima versione che presenta le limitazioni appena esposte qui.


Tags: , , , ,

4 Mar 2008

CakePHP: aggiunta di TinyMCE (editor WYSIWYG)

1 Commento

Dopo aver visto come creare un semplice blog con CakePHP, ho pensato di aggiungere un editor WYSIWYG (what you see is what you get) per rendere più intuitivo l’inserimento e la modifica di testo in un articolo.

Per fare ciò ho seguito questo tutorial che spiega come aggiungere TinyMCE (uno dei più diffusi editor WYSIWYG) a CakePHP. I passi da seguire sono i seguenti:

  1. scaricare TinyMCE da qui, estrarre il file compresso e copiare la cartella tinymce/jscripts/tiny_mce in /webroot/js
  2. creare un nuovo layout default.thtml nella cartella /cake/app/views/layouts con questo codice di base:
  3.  
    link('tiny_mce/tiny_mce.js');
    endif;
    ?>
  4. aggiungere questo codice in ogni file di tipo view in cui vogliamo mostrare l’editor:
  5. <script type="text/javascript"><!--mce:0--></script>

Alcuni consigli personali:

  • il codice del punto 3. potete inserirlo direttamente nel file default.thtml, se pensate di usare l’editor in tutte le views che avete creato
  • attenzione al codice
    link('tiny_mce/tiny_mce.js');
    endif;
    ?&gt;

    che deve stare prima del tag </head> della pagina html, altrimenti non funzionerà l’editor! Per questo motivo non potete inserire il codice visto al punto 2. direttamente nelle views, perché verrebbe caricato dentro il <body> (e quindi dopo il tag </head>) della pagina html.

  • potete modificare il layout creato al punto 2. caricando i fogli di stile css ed usando i tag <div> nel <body> della pagina (ad esempio potremmo creare un div header per l’intestazione, un div content per il contenuto e un div footer per il piè di pagina), in modo da applicare uno stile ben definito al nostro documento.

Tags: , , ,

3 Mar 2008

CakePHP: installazione su spazio web online

Nessun commento

Come già detto, CakePHP necessita di mysql per poter funzionare; pertanto è necessario avere uno spazio web che supporta la creazione di database mysql.

Ci sono diversi servizi gratuiti di questo tipo, come altervista (che però limita il numero di queries), gigacities e netsons. Io ho scelto di usare quest’ultimo.

Una volta creata la nostra applicazione in locale con CakePHP basterà uploadare i nostri file tramite FTP sull’account precedentemente creato di netsons; a questo punto si dovrà configurare il file database.php situato nella cartella /cake/app/config nel seguente modo:

var $default = array('driver' =&gt; 'mysql',
'connect' =&gt; 'mysql_connect',
'host' =&gt; 'mysql5.netsons.org',
'login' =&gt; 'tuo_login_di_netsons',
'password' =&gt; 'tua_password_di_netsons',
'database' =&gt; 'nome_database',
'prefix' =&gt; '');

Attenzione alla riga ‘host’ => ‘mysql5.netsons.org’ dove dovrete inserire mysql5.netsons.org se avete creato un database mysql5 oppure mysql4.netsons.org nel caso di un database mysql4.

Se tutto è andato a buon fine a questo punto la vostra applicazione dovrebbe essere pronta; qui potete vedere la mia.


Tags: , , ,

2 Mar 2008

CakePHP: installazione in locale e creazione di un blog

8 Commenti

CakePHP è un framework per PHP che fa uso del pattern MVC (Model-view-controller) molto utile per sviluppare rapidamente web applications.

Innanzitutto per installarlo è necessario disporre di un server con php e database, io ho usato Apache e MySql; i passi da seguire sono sostanzialmente i seguenti per chi usa Windows:

  1. scaricare ed installare xampp (la versione lite va più che bene) che comprende Apache, PHP e MySql pronti per l’uso (ci sono altri programmi simili, ad esempio EasyPHP)
  2. scaricare ed estrarre CakePHP nella cartella “htdocs” di xampp
  3. creare un file di configurazione “database.php” nella cartella “app/config” di CakePHP inserendo i dati relativi al database (host, utente, password, nome del database)
  4. far partire xampp ed andare all’indirizzo “http://localhost/cake” (“cake” è il nome della cartella dove è stato estratto CakePHP)

Se è andato tutto bene dovremmo vedere una pagina che ci mostra che CakePHP è stato installato e funziona correttamente.

Per maggiori dettagli rimando a questo articolo.

Per comprendere i principi di CakePHP è molto utile seguire questo tutorial che ci porterà in breve tempo alla creazione di un blog molto semplice.

Devo dire che sono rimasto piacevolmente sorpreso dalle possibilità che questo framework mette a disposizione, infatti semplifica di molto la creazione di applicazioni web; forse all’inizio può sembrare un po’ complicato, ma una volta capito il suo funzionamento applicazioni anche complesse diventeranno facili da sviluppare e gestire grazie al modello MVC.

Tags: , , ,

1 Mar 2008

Apre il mio blog!

4 Commenti

Più volte ho pensato di aprire un mio blog, ma sono sempre stato un po’ restio perché credevo – e tuttora credo – di avere molto di più da imparare e leggere che non da scrivere o dire. Per questo preferisco passare il mio tempo libero a leggere articoli di altre persone che non a scriverne personalmente.

Ora, più per “dovere” che per mia convinzione, inizia questa avventura in cui cercherò di raccontare (a chi?) il mio stage presso la Fondazione Bruno Kessler.

Non escludo che in un secondo momento, qualora dovessi prenderci particolarmente gusto o nel caso questo modesto blog diventasse abbastanza frequentato da darmi sufficienti gratificazioni, inizierò a pubblicare non solo resoconti del mio stage, ma anche notizie più personali o interessanti.

Buona lettura, ciao!

  • Ricerca

    or
  • Language

  • Categorie

  • Delicious

  • Statistiche


    Warning: Illegal string offset 'timestamp' in /home/mhd-01/www.micheledallatorre.it/htdocs/blog/wp-content/plugins/firestats/firestats-wordpress.php on line 1081

    Warning: Illegal string offset 'timestamp' in /home/mhd-01/www.micheledallatorre.it/htdocs/blog/wp-content/plugins/firestats/firestats-wordpress.php on line 1081

    Warning: Illegal string offset 'timestamp' in /home/mhd-01/www.micheledallatorre.it/htdocs/blog/wp-content/plugins/firestats/firestats-wordpress.php on line 1081

    Warning: Illegal string offset 'timestamp' in /home/mhd-01/www.micheledallatorre.it/htdocs/blog/wp-content/plugins/firestats/firestats-wordpress.php on line 1081
    • Pages displayed : 33362
    • Unique visitors : 18465
    • Pages displayed in last 24 hours : 0
    • Unique visitors in last 24 hours : 0