Pandangan dalam rangka kerja Yii: Melaksanakan antara muka web yang cekap

王林

Lepaskan： 2023-06-21 13:22:36

asal

1219 orang telah melayarinya

Rangka kerja Yii ialah rangka kerja PHP yang popular yang memberikan kami banyak alatan dan komponen yang mudah untuk mempercepatkan pembangunan aplikasi web kami. Antaranya, pandangan adalah bahagian yang sangat penting dalam rangka kerja Yii, yang bertanggungjawab untuk mempersembahkan antara muka pengguna aplikasi web.

Paparan dalam rangka kerja Yii boleh dikatakan sebagai salah satu kunci untuk mencapai antara muka web yang cekap. Kerana ia bukan sahaja boleh menjadikan data ke dalam halaman web, tetapi juga membantu kami melaksanakan logik antara muka yang kompleks. Dalam artikel ini, kami akan memperkenalkan pandangan dalam rangka kerja Yii dan memberikan beberapa petua dan cadangan untuk membantu anda menggunakannya dengan lebih cekap.

Pengenalan kepada paparan

Dalam rangka kerja Yii, paparan disimpan dalam bentuk fail paparan. Biasanya, fail paparan disimpan dalam direktori views. Fail paparan mengandungi semua kod HTML, CSS dan JavaScript dalam halaman web, dan juga mengandungi coretan kod PHP untuk pemaparan data dan pemprosesan logik.

Lihat fail biasanya menggunakan format bahasa khas - templat PHP. Bahasa templat PHP membolehkan kami memasukkan kod PHP ke dalam kod HTML untuk membina halaman secara dinamik. Ciri bahasa ini ialah ia boleh membina antara muka pengguna aplikasi Web dengan cepat. Rangka kerja Yii juga menyediakan beberapa sintaks dan teg khas, menjadikannya lebih mudah untuk kami memproses data dan logik dalam melihat fail.

Memaparkan Paparan

Dalam rangka kerja Yii, kami biasanya menggunakan pengawal untuk memaparkan fail paparan. Pengawal boleh menentukan satu atau lebih tindakan, setiap tindakan sepadan dengan fail paparan. Dalam kod tindakan, kita boleh menggunakan pemapar paparan yang disediakan oleh rangka kerja Yii untuk menggabungkan data dan melihat fail dan akhirnya membentangkannya kepada pengguna.

Penyampai paparan dalam rangka kerja Yii boleh dipanggil menggunakan kaedah render. Sintaksnya adalah seperti berikut:

public function render(string $view, array $params = [], object $context = null)

Salin selepas log masuk

Antaranya, parameter $view menentukan laluan fail paparan yang akan dipaparkan, parameter $params ialah tatasusunan data yang akan dihantar ke fail paparan; Parameter $context digunakan oleh objek konteks pemapar paparan.

Berikut ialah contoh kaedah pengawal yang menggunakan pemapar paparan untuk mencipta antara muka:

public function actionIndex()
{
    $data = [
        'title' => '欢迎来到我的网站！',
        'content' => '这是我的第一个Yii应用程序。'
    ];

    return $this->render('index', ['data' => $data]);
}

Salin selepas log masuk

Dalam contoh ini, kaedah pengawal mula-mula mencipta beberapa data ujian dan menghantarnya kepada pemapar paparan peranti. Seterusnya, pemapar paparan memuatkan fail paparan views/index.php dan menghantar tatasusunan data padanya.

Lihat Reka Letak

Dalam pembangunan sebenar, kita biasanya perlu menggunakan reka letak yang sama dalam berbilang halaman. Pada ketika ini, kita boleh menggunakan fungsi susun atur paparan dalam rangka kerja Yii untuk menggunakan fail reka letak sebagai templat kepada berbilang fail paparan.

Susun atur paparan dalam rangka kerja Yii disimpan dalam bentuk fail susun atur, biasanya dinamakan layout.php. Fail susun atur mengandungi rangka kerja keseluruhan aplikasi web, seperti pengepala halaman, bar navigasi halaman, bar sisi halaman, pengaki halaman, dll. Selepas fail reka letak ditakrifkan, kami boleh merujuk fail reka letak ini dalam berbilang fail paparan untuk melengkapkan reka letak keseluruhan halaman web.

Berikut ialah contoh fail reka letak paparan ringkas:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title><?= $this->title ?></title>
</head>
<body>

<header>
    <?php $this->beginBlock('header') ?>
    <h1>我的网站</h1>
    <?php $this->endBlock() ?>
</header>

<nav>
    <?php $this->beginBlock('nav') ?>
    <ul>
        <li><a href="/">首页</a></li>
        <li><a href="/about">关于我们</a></li>
        <li><a href="/contact">联系我们</a></li>
    </ul>
    <?php $this->endBlock() ?>
</nav>

<aside>
    <?php $this->beginBlock('sidebar') ?>
    <h2>侧边栏</h2>
    <ul>
        <li><a href="#">链接1</a></li>
        <li><a href="#">链接2</a></li>
        <li><a href="#">链接3</a></li>
    </ul>
    <?php $this->endBlock() ?>
</aside>

<main>
    <?php $this->beginBlock('content') ?>
    <h2><?= $this->title ?></h2>
    <p><?= $content ?></p>
    <?php $this->endBlock() ?>
</main>

<footer>
    <?php $this->beginBlock('footer') ?>
    © 2022 我的网站版权所有。
    <?php $this->endBlock() ?>
</footer>

</body>
</html>

Salin selepas log masuk

Dalam fail reka letak, kami menggunakan kaedah beginBlock dan endBlock untuk mentakrifkan berbilang blok. Dalam fail paparan, kita boleh menggunakan kaedah beginContent dan endContent untuk merujuk blok ini. Berikut ialah contoh fail paparan menggunakan fail susun atur:

<?php
    $this->title = '关于我们';
?>

<?php $this->beginContent('@app/views/layouts/main.php'); ?>

<?php $this->beginBlock('content') ?>
<h2>关于我们</h2>
<p>本网站是一个XXXXXX。</p>
<?php $this->endBlock() ?>

<?php $this->endContent(); ?>

Salin selepas log masuk

Dalam contoh ini, kami telah merujuk fail reka letak beginContent menggunakan kaedah endContent dan views/layouts/main.php. Oleh kerana kami tidak mentakrifkan blok header, nav dan sidebar dalam fail paparan, ia tidak akan dipaparkan pada halaman. Walau bagaimanapun, kami menggunakan blok content dalam fail paparan, yang akan mengatasi blok content dalam fail susun atur dan memaparkan kandungan halaman Perihal kami.

Lihat widget

Rangka kerja Yii juga menyediakan fungsi paparan yang sangat berguna - widget. Widget ialah sejenis komponen paparan khas yang membungkus elemen antara muka boleh guna semula ke dalam komponen bebas untuk digunakan oleh berbilang fail paparan.

Widget biasanya terdiri daripada dua bahagian: lihat fail dan kelas PHP. Antaranya, fail paparan mentakrifkan kod HTML dan CSS widget, dan kelas PHP mentakrifkan logik dan sifat widget. Apabila menggunakan widget, kami boleh mengkonfigurasi sifatnya mengikut keperluan dan merujuknya dalam fail paparan yang berbeza.

Berikut ialah contoh widget ringkas:

namespace appwidgets;

use yiiaseWidget;

class HelloWidget extends Widget
{
    public $message;

    public function run()
    {
        return $this->render('hello', ['message' => $this->message]);
    }
}

Salin selepas log masuk

Dalam contoh ini, kami mentakrifkan widget bernama HelloWidget yang dipaparkan menggunakan fail paparan views/widgets/hello.php Ucapan ringkas. Dalam kod widget, kami mentakrifkan atribut $message dan kaedah run yang memformat ucapan dan memaparkan fail paparan.

Berikut ialah contoh fail paparan menggunakan widget:

<?php
    use appwidgetsHelloWidget;

    echo HelloWidget::widget(['message' => '你好，Yii！']);
?>

Salin selepas log masuk

Dalam contoh ini, kami menggunakan pernyataan use untuk memperkenalkan kelas widget yang ditakrifkan di atas dan menggunakan kaedah HelloWidget::widget untuk memberikannya. Dalam kaedah, kita lulus nilai atribut $message. Akhirnya, widget itu memaparkan ucapan yang diluluskan ke dalam kod HTML dan memasukkannya ke dalam halaman.

Kesimpulan

Dalam artikel ini, kami memperkenalkan secara ringkas ciri paparan dalam rangka kerja Yii dan memberikan beberapa petua dan cadangan untuk membantu anda menggunakannya dengan lebih baik. Paparan ialah bahagian penting dalam aplikasi web Paparan yang cekap boleh membantu kami mencipta antara muka pengguna yang cantik, mudah digunakan dan cekap. Jika anda menggunakan rangka kerja Yii untuk membangunkan aplikasi web, saya percaya teknik paparan yang diperkenalkan dalam artikel ini akan membantu anda.

Atas ialah kandungan terperinci Pandangan dalam rangka kerja Yii: Melaksanakan antara muka web yang cekap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!