Realizziamo la dashboard per il vostro CMS proprietario
Condividi
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:
-
Immagini.
-
Crea pagina.
-
Crea Menu.
-
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: