Creare un template per il proprio sito web

**miki92** · 08-09-2009, 12.03.06

Buongiorno,
stamani rivedendo un po' i miei siti ho notato che in ognuno di loro ho applicato un metodo diverso per la grafica e la riorganizzazione dei contenuti e solo in uno ho una specie di sistema di template modificabili ed applicabili un po' brutto...

In pratica solo su MessenWorld (come potete vedere) ho fatto in modo che chiunque potesse scegliere il proprio template però rivedendo il codice ho pensato che non era dei più veloci e dei migliori...

Ora vi chiedo...c'è qualcuno che mi vorrebbe spiegare come poter utilizzare un sistema di template per il proprio sito? Ho bisogno di qualche cosa modificando 1 pagina si modifichi la grafica di tutto il sito.

Cercando su Google l'unica soluzione trovata è il master template DWT di Expression Web, ma testando questa cosa sul mio pc ho notato che comunque è un operazione lunga ed inutile.

Attendo vostre risposte

**binarysun** · 08-09-2009, 14.03.16

Cerca Smarty

**miki92** · 08-09-2009, 14.25.52

Perfetto ci siamo quasi...smarty mi può risultare utile...però non ho capito una cosa...e se io volessi inserire intero codice PHP nelle pagine!?

08-09-2009, 14.33.19

non avrebbe senso, il template engine ti serve proprio per separare codice PHP da quello HTML in modo da permettere ad eventuali designer di fare modifiche ai file template (di soldi appunto i .tpl).

Puoi cercare RainTPL, Smarty oppure quello di phpbb2 che a mio parere è uno dei migliori (me lo sono modificato per aggiungere la funzione INCLUDE, il sistema cache e sto integrando le condizioni).

**miki92** · 08-09-2009, 14.36.49

Ma io ho bisogno di inserire intero codice PHP in parti dove c'è anche l'HTML. In pratica secondo questo esempio, dovrei mostrare tramite questa riga di codice il testo del body

Codice PHP:


$smarty->assign('body_text', 'BODY: Questo e\' il messaggio impostato con assign()');

E se io nel body dovrei inserire uno script PHP? Come faccio? Questo voglio capire...

08-09-2009, 14.43.45

Non ho capito il tuo problema...

Tu nel PHP assegni delle variabili, che poi verranno "cachate" con il contenuto di queste ultime.

Nel file template che hai assegnato alla pagina, scrivi per esempio {body_text}, questo verrà sostituito con:

Codice:

BODY: Questo e' il messaggio impostato con assign()

Puoi ovviamente utilizzare variabili per l'assegnazione e altro. Cerca un guida.

Comunque se non devi fare cose pesanti evita smarty, è un bel malloppo che rischia di non ottimizzare il lavoro perchè pesantuccio.

Qui ne trovi altri: http://www.raintpl.com/?page_id=benchmark

**binarysun** · 08-09-2009, 16.04.28

Rain è più veloce, ma non gestisce oggeti a quanto ho capito.

08-09-2009, 16.22.20

Cioè?

**miki92** · 08-09-2009, 18.36.29

Ferma un attimo...allora ammettiamo che io abbia:

index.tpl

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//IT" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
   <title>{$title_text}</title>
   <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
   {$other}
</head>
 
<body>
 
<p>{$body_text}</p>
 
</body>
</html>

index.php

Codice PHP:


<?php
define('SMARTY_DIR', 'smarty-2.6.9/' );
require_once(SMARTY_DIR . 'Smarty.class.php');
 
$smarty = new Smarty();
$smarty->template_dir = './templates/';
$smarty->compile_dir = './templates/compile/';
$smarty->cache_dir = './templates/cache/';
$smarty->caching = false;
$smarty->error_reporting = E_ALL; // LASCIA E_ALL DURANTE LO SVILUPPO
 
$smarty->assign('title_text', 'TITOLO: Prova');
$smarty->assign('other',"");
$smarty->assign('body_text', 'Body in HTML, ora viene PHP --> <?php echo "Ciao"; ?>');
 
$smarty->display('index.tpl');

?>

Qui ho usato un semplice esempio...ma se io dovessi usare uno script molto più lungo e complesso pieno di apici ecc...come dovrei fare!? Dovrei mettere davanti ogni apice o doppia virgoletta uno slash quando poi potrebbe causare comunque problemi?

Non c'è un modo migliore?

08-09-2009, 18.54.17

Ovvio che no, se te lo mette in cache e da errore prova ad usare una funzione che aggiunge un backslash ad ogni apice/virgoletta come addslashes()

**miki92** · 08-09-2009, 19.03.55

Ma dopo se ho una cosa del genere:

Codice PHP:


<?php

echo 'Ciao, l\'acqua è fresca';

?>

Diventa

Codice PHP:


<?php

echo \'Ciao, l\'acqua è fresca\';

?>

E si viene a creare una confusione...

L'Alternativa è utilizzare le funzioni...così potrei fare:

Codice PHP:


$smarty->assign('body_text', 'Body in HTML, ora viene PHP --> <?php include("pagina.php"); Ciao() ?>');

Codice PHP:


<?php

// pagina.php

<div><img...><h1>

function Ciao(){

// CODICE PHP

}

Il problema che ho io è far restare solo una parte dell'HTML fisso, quella parte che riguarda la grafica...poi tutto il resto è dinamico perchè intreccio molto PHP e HTML io.

La soluzione che ho scritto comunque darebbe errore per via della chiusura di PHP ?>

08-09-2009, 19.06.16

Non uso smarty e non ti so dire come puoi fare, mentre con RainTPL non ho mai avuto problemi e sono riuscito benissimo a modificarlo in base alle mie esigenze guardando RainTPL.compile.class.php e il file generato della cache.

08-09-2009, 19.22.00

Forse dico una cosa inutile, ma se vuoi modificare in un colpo solo la grafica di tutto il sito converrebbe creare una pagina contenitore (la index), e passare via get l'id della pagina che vuoi visualizzare. Negli altri files metterai solo il contenuto: la grafica rimane quella della index.
Qualcosa tipo:

Codice PHP:


<html>
     <head>
          <title>Titolo</title>
     </head>
     <body>
          <?php
          if(isset($_GET['id'])) {
               switch($_GET['id']){
                    case "pagina1":
                         include("pagina1.php");
                    break;
                    //....
               }
          } else {
          ?>
          Contenuto della index
          <?php
          }
          ?>
     </body>
</html>

08-09-2009, 19.49.26

Io ti consiglio di crearti un sistema da te molto semplice, una cosa del genere:

Codice PHP:


include("header.php");
switch($_GET["p"]) {
if(empty($_GET)) { include("pagin/home.php"); }
else {
if(file_exists("pagin/{$_GET["p"]}.php")) { include("pagin/{$_GET["p"]}.php"); }
else { include("pagin/home.php"); }
}
include("footer.php");

E poi lì hai carta bianca tra codice php e html..io lo uso e stilizzo tutto con 2 semplici tag:

Codice:

<h1>titolo pagina</h1>
<p>il testo</p>
<?php echo "altro codice php"; ?>

Ciao.

08-09-2009, 19.53.06

A cosa servirebbero allora i template engine se mischiamo tutto?

**miki92** · 08-09-2009, 21.36.44

Originalmente inviato da gabryhacker

Forse dico una cosa inutile, ma se vuoi modificare in un colpo solo la grafica di tutto il sito converrebbe creare una pagina contenitore (la index), e passare via get l'id della pagina che vuoi visualizzare. Negli altri files metterai solo il contenuto: la grafica rimane quella della index.
Qualcosa tipo:

Codice PHP:


<html>

     <head>

          <title>Titolo</title>

     </head>

     <body>

          <?php

          if(isset($_GET['id'])) {

               switch($_GET['id']){

                    case "pagina1":

                         include("pagina1.php");

                    break;

                    //....

               }

          } else {

          ?>

          Contenuto della index

          <?php

          }

          ?>

     </body>

</html>

Originalmente inviato da sIM

Io ti consiglio di crearti un sistema da te molto semplice, una cosa del genere:

Codice PHP:


include("header.php");

switch($_GET["p"]) {

if(empty($_GET)) { include("pagin/home.php"); }

else {

if(file_exists("pagin/{$_GET["p"]}.php")) { include("pagin/{$_GET["p"]}.php"); }

else { include("pagin/home.php"); }

}

include("footer.php");

E poi lì hai carta bianca tra codice php e html..io lo uso e stilizzo tutto con 2 semplici tag:

Codice:

<h1>titolo pagina</h1>
<p>il testo</p>
<?php echo "altro codice php"; ?>

Ciao.

In verità, come potete vedere su MessenWorld, ho già pensato e realizzato una cosa simile...però credevo (oggi) che si potesse migliorare in qualche modo...ma vedo che per ciò che mi occorre la mia soluzione sembrerebbe essere la migliore.

Originalmente inviato da biccheddu

A cosa servirebbero allora i template engine se mischiamo tutto?

Lo so capisco quanto tu dici, sembra una stupidata ma necessito di mescolare insieme HTML e PHP e solo parte dell'HTML deve rimanere fisso...come ho detto all'inizio ciò che chiedo lo fa la master page di Expression Web che crea un modello dinamico basato su una sola pagina...il problema e che (oltre al fatto di testare le pagine su server unix) devo aggiornata la master page devo, automaticamente con Expression web, aggiornare e ricaricare tutto il resto...quindi l'attuale soluzione sul mio sito sembra la migliore...bah!

08-09-2009, 21.49.46

leggiti tutto questo:
http://www.devshed.com/c/a/PHP/Build...-PHP-Part-I/1/

Codice PHP:


    class templateParser {



        var $output;



        function templateParser($templateFile='default_template.htm'){



              (file_exists($templateFile))?$this-

    >output=file_get_contents($templateFile):die

    ('Error:Template file '.$templateFile.' not found');



        }



        function parseTemplate($tags=array()){



              if(count($tags)>0){



                   foreach($tags as $tag=>$data){



                        $data=(file_exists($data))?$this-

    >parseFile($data):$data;



                        $this->output=str_replace

    ('{'.$tag.'}',$data,$this->output);



                   }



              }



              else {



                   die('Error: No tags were provided for replacement');



              }



        }



        function parseFile($file){



              ob_start();



              include($file);



              $content=ob_get_contents();



              ob_end_clean();



              return $content;



        }



        function display(){



              return $this->output;



        }



    }

(puoi semplificarlo molto e renderlo più adatto ai tuoi scopi, ma è una buona base)
penso possa fare al caso tuo.... ciaoo..

Discussione: Creare un template per il proprio sito web

LinkBack

Strumenti discussione

Display

Creare un template per il proprio sito web

Regole di scrittura