Bagaimana untuk mengubah suai gaya laman utama dalam templat php-masalah PHP-php.cn

Bagaimana untuk mengubah suai gaya laman utama dalam templat php

PHPz

Lepaskan： 2023-04-23 15:18:14

asal

812 orang telah melayarinya

Templat ialah komponen yang sangat penting semasa membangunkan tapak web. Menggunakan templat boleh memudahkan proses pembangunan laman web dan meningkatkan kecekapan pembangunan. Untuk pembangun PHP, menggunakan enjin templat PHP juga merupakan kaedah pembangunan yang sangat biasa.

Apabila menggunakan enjin templat PHP, kami boleh mengubah suai gaya laman web dengan mudah, seperti gaya halaman utama, untuk memenuhi keperluan tapak web. Dalam artikel ini, saya akan memperkenalkan cara menggunakan enjin templat PHP (Smarty) untuk mengubah suai gaya laman utama laman web.

Pasang Smarty

Sebelum kami mula mengubah suai gaya tapak web, kami perlu memasang dan mengkonfigurasi enjin templat Smarty terlebih dahulu. Mula-mula, kami boleh memuat turun enjin templat Smarty terkini daripada laman web rasmi. Setelah membuka zip, kami boleh meletakkan direktori Smarty ke dalam direktori tapak web kami. Seterusnya, kita perlu memperkenalkan kelas Smarty ke dalam fail PHP tapak web.

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

Salin selepas log masuk

Kini, kami telah berjaya memperkenalkan Smarty ke tapak web kami. Seterusnya, kita perlu menetapkan beberapa parameter konfigurasi Smarty, seperti direktori cache Smarty, direktori kompilasi, dsb. Parameter ini boleh ditetapkan dalam fail konfigurasi atau dalam fail PHP. Di bawah ialah fail PHP mudah yang digunakan untuk menetapkan parameter konfigurasi Smarty.

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

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

Salin selepas log masuk

Ubah suai gaya halaman utama

Sekarang kita telah berjaya menetapkan parameter konfigurasi Smarty, kita boleh mula mengubah suai gaya halaman utama. Kami boleh mengubah suai gaya laman web dengan mengubah suai fail templat. Fail templat biasanya termasuk kod HTML, CSS dan JavaScript serta beberapa penanda Smarty.

Berikut ialah fail templat ringkas yang digunakan untuk memaparkan halaman utama tapak web:

<!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>

Salin selepas log masuk

Kod di atas ialah kod HTML biasa, di mana kami menggunakan beberapa teg Smarty, seperti {$ title} dan {$content} untuk menetapkan nilai ini secara dinamik dalam fail PHP. Seterusnya, kita boleh mengubah suai gaya laman utama laman web dengan mengubah suai fail CSS.

Berikut ialah fail CSS ringkas untuk mengubah suai gaya halaman utama tapak 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;
}

Salin selepas log masuk

Kod di atas mentakrifkan tiga kelas CSS, yang digunakan untuk menetapkan fon dan latar belakang keseluruhan laman web Warna dan gaya lain, serta menetapkan gaya tajuk dan kandungan utama laman web. Seterusnya, kita boleh menetapkan gaya ini secara dinamik dalam fail PHP.

Tetapkan gaya

Sekarang kita mempunyai fail templat mudah dan fail CSS, kita boleh menetapkan gaya halaman utama secara dinamik dalam fail PHP. Kita boleh menetapkan nilai pembolehubah yang digunakan dalam templat melalui kaedah tugasan 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');

Salin selepas log masuk

Kod PHP di atas menetapkan dua pembolehubah Smarty, yang digunakan untuk menetapkan tajuk dan kandungan utama halaman utama tapak web. Akhir sekali, kami memberikan templat melalui kaedah paparan dan melihat kesannya dalam penyemak imbas.

Ringkasan

Dalam artikel ini, kami memperkenalkan cara menggunakan enjin templat PHP (Smarty) untuk mengubah suai gaya halaman utama tapak web. Mula-mula, kami memasang dan mengkonfigurasi enjin templat Smarty. Kemudian, kami mentakrifkan gaya halaman utama tapak web melalui fail templat dan fail CSS. Akhirnya, kami menggayakan halaman utama secara dinamik melalui fail PHP dan melihat kesannya dalam penyemak imbas. Saya harap artikel ini dapat membantu pembangun PHP menggunakan enjin templat dengan lebih baik untuk membangunkan laman web.

Atas ialah kandungan terperinci Bagaimana untuk mengubah suai gaya laman utama dalam templat php. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!