Maison > Article > développement back-end > Comment modifier le style de la page d'accueil dans le modèle php

Comment modifier le style de la page d'accueil dans le modèle php

PHPzoriginal: 2023-04-23 10:10:45739parcourir

Les modèles sont un élément très important lors du développement d'un site Web. L'utilisation de modèles peut simplifier le processus de développement de sites Web et améliorer l'efficacité du développement. Pour les développeurs PHP, l'utilisation du moteur de modèles PHP est également une méthode de développement très courante.

Lorsque nous utilisons le moteur de modèles PHP, nous pouvons facilement modifier le style du site Web, tel que le style de la page d'accueil, pour répondre aux besoins du site Web. Dans cet article, je vais vous présenter comment utiliser le moteur de template PHP (Smarty) pour modifier le style de la page d'accueil du site Web.

Installer Smarty

Avant de commencer à modifier le style du site Web, nous devons d'abord installer et configurer le moteur de modèles Smarty. Tout d’abord, nous pouvons télécharger le dernier moteur de modèles Smarty depuis le site officiel. Une fois décompressé, nous pouvons placer le répertoire Smarty dans le répertoire de notre site Web. Ensuite, nous devons introduire la classe Smarty dans le fichier PHP du site Web.

require_once('Smarty.class.php');
$smarty = new Smarty();

Maintenant, nous avons introduit avec succès Smarty sur notre site Web. Ensuite, nous devons définir certains paramètres de configuration de Smarty, tels que le répertoire de cache de Smarty, le répertoire de compilation, etc. Ces paramètres peuvent être définis dans le fichier de configuration ou dans le fichier PHP. Vous trouverez ci-dessous un simple fichier PHP utilisé pour définir les paramètres de configuration de Smarty.

require_once('Smarty.class.php');
$smarty = new Smarty();

$smarty->setTemplateDir('./templates/');
$smarty->setCompileDir('./templates_c/');
$smarty->setCacheDir('./cache/');

Modifier le style de la page d'accueil

Maintenant que nous avons réussi à définir les paramètres de configuration de Smarty, nous pouvons commencer à modifier le style de la page d'accueil. Nous pouvons modifier le style du site Web en modifiant le fichier modèle. Les fichiers modèles incluent généralement du code HTML, CSS et JavaScript ainsi que du balisage Smarty.

Ce qui suit est un fichier modèle simple pour afficher la page d'accueil du site :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{$title}</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
    <div id="header">
        <h1>{$title}</h1>
    </div>
    <div id="content">
        {$content}
    </div>
</body>
</html>

Le code ci-dessus est un code HTML typique, dans lequel nous utilisons des balises Smarty, telles que {$title} et {$content}, de sorte que dans le Fichier PHP Définissez ces valeurs dynamiquement dans . Ensuite, nous pouvons modifier le style de la page d'accueil du site Web en modifiant le fichier CSS.

Ce qui suit est un simple fichier CSS pour modifier le style de la page d'accueil du site Web :

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

#header {
    background-color: #333;
    color: #fff;
    min-height: 50px;
    padding: 10px;
}

#header h1 {
    margin: 0;
}

#content {
    margin: 10px;
    padding: 10px;
    background-color: #f0f0f0;
}

Le code ci-dessus définit trois classes CSS, qui sont utilisées pour définir la police, la couleur d'arrière-plan et d'autres styles de l'ensemble du site Web, ainsi que définir le titre de la page d'accueil du site Web et le style du contenu principal. Ensuite, nous pouvons définir ces styles dynamiquement dans le fichier PHP.

Définir le style

Maintenant que nous disposons d'un simple fichier modèle et d'un fichier CSS, nous pouvons définir dynamiquement le style de la page d'accueil dans le fichier PHP. Nous pouvons définir les valeurs des variables utilisées dans le modèle via la méthode d'affectation de Smarty.

require_once('Smarty.class.php');
$smarty = new Smarty();

$smarty->setTemplateDir('./templates/');
$smarty->setCompileDir('./templates_c/');
$smarty->setCacheDir('./cache/');

$smarty->assign('title', '我的网站');
$smarty->assign('content', '欢迎来到我的网站！这是我的主页。');
$smarty->display('index.tpl');

Le code PHP ci-dessus définit deux variables Smarty, qui sont utilisées pour définir le titre et le contenu principal de la page d'accueil du site Web. Enfin, nous rendons le modèle via la méthode d'affichage et visualisons l'effet dans le navigateur.

Résumé

Dans cet article, nous avons présenté comment utiliser le moteur de modèles PHP (Smarty) pour modifier le style de la page d'accueil du site Web. Tout d'abord, nous avons installé et configuré le moteur de modèles Smarty. Ensuite, nous définissons le style de la page d’accueil du site via des fichiers modèles et des fichiers CSS. Enfin, nous avons stylisé dynamiquement la page d'accueil via un fichier PHP et visualisé l'effet dans le navigateur. J'espère que cet article pourra aider les développeurs PHP à mieux utiliser les moteurs de modèles pour développer des sites Web.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment voir les valeurs en double dans un tableau en phpArticle suivant：Comment voir les valeurs en double dans un tableau en php

Articles Liés

Voir plus