Realizziamo la dashboard per il vostro CMS proprietario

Realizziamo la dashboard per il vostro CMS proprietario

Adesso continuiamo ha realizzare il nostro content management system proprietario, creiamo il file dashboard.php.


 

Layout della dashboard

Il layout potete usare uno già fatto, basta cercare nel Web una Dashboard responsive (cioè che si adatta allle varie risoluzioni dei monitor dei PC e portatili), rispetto agli altri CMS Joomla, Wordpress, Drupal abbiamo l'imbarazzo della scelta del template e sono quasi tutti gratis.

Cercate in google “template jquery responsive belli gratis” o free oppure ho trovato questo template http://tympanus.net/Development/PerspectivePageViewNavigation/index2.html

Bello ed innovativo i cms free stanno già rosicchiando.


 

Inseriamo i link

quindi dopo aver scelto il nostro template inseriamo i link che dobbiamo utilizzare, che sono:

  1. Immagini.

  2. Crea pagina.

  3. Crea Menu.

  4. Crea Blog.

Il link crea pagina con AJAX, l'esempio e in Javascript, ma se volete e non va in conflitto con il template della vostra pagina potete usare la Jquery, facciamo apparire al click il form:

nella head della nostra pagina dasboard.php inseriamo

function inserisci(punta,aa){

var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();

}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("Description2").innerHTML=xmlhttp.responseText;




 

}

 

}

xmlhttp.open("GET","../Description.php?punta="+punta+"&aa="+aa.value,true);

xmlhttp.send();

}

nel link inserisci onclick=”inserisci(nomelink,form)”

mentre dentro al body inserisci:

<div class="titolo2" style=" visibility: hidden;" >

<h3>DATI PER IL MOTORE DI RICERCA</h3>

<div style="display:inline" id="titolo1"><b>Nome del FILE</b></div>

<input type="hidden" value="45" name="nuovo">

<input type="text" style="width:90%" name="nomefile2" id="nomefile2" onkeyup="doppioni('titolo1',this)">

<br> <br><b>Se va nel Blog scrivere il nome della voce del menu </b>

<input type="text" style="width:70%" name="menublog">

<br> <br><b>Titolo (60 caratteri, 10 parole max e deve contenere la keyword): </b>

<input type="text" style="width:70%" name="titolo" onkeyup="inserisci('titolo',this)" id="titolo">

<br> <br><table><tbody><tr><td><b>DESCRIZIONE (150/200 caratteri max):</b>

<textarea name="description" type="text" onkeyup="inserisci('Description',this)" cols="40"></textarea>

</td> <td>

<b>Come la visualizza Google nei risultati:</b>

<div id="titolo2"></div><div id="Description2"></div>

</td></tr></tbody></table>

<br> <b>Keyword (2/3 max, ogni keyword deve essere seguita da virgola tranne l'ultimo): </b>

<input type="text" style="width:70%" name="key" id="key"> </div>

<div class="portaselect">

<h3> <textarea rows="15" name="editor1" id="editor1" cols="235" style="visibility: hidden; display: none;"></textarea>

</div>

Quindi ora la nostra pagina ha i campi : nome pagina, contenuto, data pubblicazione, keyword, description e il nostro editor.

Per far funzionare l'editor dobbiamo inserire nella head queste due righe:

<script src="nostra directory/ckeditor.js"></script>

<script src="nostra directory/sample/sample.js"> </script>

<link href="nostra directory/samples/sample.css" rel="stylesheet">

I file ckeditor e i due file sample li trovate nel file zip, che scaricate da http://ckeditor.com , se non è chiaro, il file zip contiene degli esempi; in un modo o nell'altro dovreste essere in grado di farlo funzionare.


Adesso facciamo lo stesso con gli altri link, qua penso che siete in grado di continuare da soli, soprattutto se guardate i campi delle tavole del database( più sotto esposto), potete dedurre i campi dei vari form, così da creare per ogni link.


 

Creiamo Le tavole nel database per il nostro cms

Creiamo le rispettive tavole:


 

La tabella Menu contiene: id, nome link, codice_menu;

CREATE TABLE Menu (

id INT( 11 ) NOT NULL AUTO_INCREMENT ,

link CHAR( 64 ) NOT NULL ,

codice_menu CHAR( 64 ) NOT NULL ,

PRIMARY KEY ( id )

) ENGINE = MYISAM



 

La tabella Sottomenu contiene: id, nome link, codice_menu;

CREATE TABLE Sottomenu (

id INT( 11 ) NOT NULL AUTO_INCREMENT ,

link CHAR( 64 ) NOT NULL ,

codice_menu CHAR( 64 ) NOT NULL ,

PRIMARY KEY ( id )

) ENGINE = MYISAM

Se volete codice_menu, lo potete collegare con un collegamento uno a molti, ma se fate bene i form è lavoro inutile.


 

La tabella Pagina contiene: id, nome pagina, contenuto, anteprima, data creazione, data pubblicazione, keyword, description;

CREATE TABLE Pagina (

id INT( 11 ) NOT NULL AUTO_INCREMENT ,

contenuto LONGTEXT NOT NULL ,

anteprima pagina VarCHAR( 1024 ),

data creazione DATE,

data pubblicazione DATE,

keyword CHAR( 100 ) NOT NULL ,

description VarCHAR( 1024 ),

PRIMARY KEY ( id )

) ENGINE = MYISAM



 

La pagina dasboard.php è finita la potete abbellire come volete voi, guardate come ho fatto io:


 

 

Webmaster Alessandro Peruch
Webmaster realizza siti e portali Web con CMS facile e semplice o CMS open source oppure su misura per ogni esigenza o bisogno, mi occupo di SEO e SEM sono proprietario del famoso tool Maniac SEO

Indirizzo:
Via Paternò 12
Milano Italia 20143
Telefono: +39 3287648434
Mail compila il modulo
Apertura ( si riceve solo su appuntamento) :
Mattino dal Lunedì al Venerdì dalle 9:00 alle 13:00
Pomeriggio dal Lunedì al Venerdì dalle 14:00 alle 17:00
I cookie ci aiutano a fornire i nostri servizi. Utilizzando tali servizi, accetti l'utilizzo dei cookie da parte nostra. Leggi di più.