Yii フレームワークのビュー: 効率的な Web インターフェースの実装

王林

リリース： 2023-06-21 13:22:36

オリジナル

1170 人が閲覧しました

Yii フレームワークは、Web アプリケーションの開発を高速化するための多くの便利なツールとコンポーネントを提供する人気のある PHP フレームワークです。その中でも、ビューは Yii フレームワークの非常に重要な部分であり、Web アプリケーションのユーザーインターフェイスを表示する役割を果たします。

Yii フレームワークのビューは、効率的な Web インターフェイスを実現するための鍵の 1 つであると言えます。データを Web ページにレンダリングできるだけでなく、複雑なインターフェイスロジックの実装にも役立つからです。この記事では、Yii フレームワークのビューを紹介し、それをより効率的に使用するためのヒントと提案をいくつか提供します。

ビューの概要

Yii フレームワークでは、ビューはビューファイルの形式で保存されます。通常、ビューファイルは views ディレクトリに保存されます。ビューファイルには、Web ページ内のすべての HTML、CSS、および JavaScript コードが含まれており、データレンダリングとロジック処理のための PHP コードスニペットも含まれています。

ビューファイルは通常、特別な言語形式である PHP テンプレートを使用します。 PHP テンプレート言語を使用すると、PHP コードを HTML コードに挿入して、ページを動的に構築できます。この言語の特徴は、Webアプリケーションのユーザーインターフェースを迅速に構築できることです。 Yii フレームワークはいくつかの特別な構文とタグも提供しており、ビューファイル内のデータとロジックの処理をより便利にします。

ビューのレンダリング

Yii フレームワークでは、通常、コントローラーを使用してビューファイルをレンダリングします。コントローラーは 1 つ以上のアクションを定義でき、各アクションはビューファイルに対応します。アクションのコードでは、Yii フレームワークが提供するビューレンダラーを使用してデータとビューファイルをマージし、最終的にそれらをユーザーに表示できます。

Yii フレームワークのビューレンダラーは、render メソッドを使用して呼び出すことができます。構文は次のとおりです:

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

ログイン後にコピー

このうち、$view パラメータはレンダリングするビューファイルのパスを指定し、$params パラメータはデータです。ビューファイルに渡される配列; $contextパラメータは、ビューレンダラによって使用されるコンテキストオブジェクトです。

次は、ビューレンダラーを使用してインターフェイスを作成するコントローラーメソッドの例です:

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

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

ログイン後にコピー

この例では、コントローラーメソッドは最初にテストデータを作成し、それをビューに渡します。レンダラーデバイス。次に、ビューレンダラーはビューファイル views/index.php をロードし、データ配列に渡します。

ビューレイアウト

実際の開発では、通常、複数のページで同じレイアウトを使用する必要があります。この時点で、Yii フレームワークのビューレイアウト関数を使用して、レイアウトファイルをテンプレートとして複数のビューファイルに適用できます。

Yii フレームワークのビューレイアウトは、通常 layout.php という名前のレイアウトファイルの形式で保存されます。レイアウトファイルには、ページヘッダー、ページナビゲーションバー、ページサイドバー、ページフッターなど、Web アプリケーションの全体的なフレームワークが含まれています。レイアウトファイルを定義したら、このレイアウトファイルを複数のビューファイルで参照して、Web ページの全体的なレイアウトを完成させることができます。

次に、単純なビューレイアウトファイルの例を示します。

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

ログイン後にコピー

レイアウトファイルでは、beginBlock メソッドと endBlock メソッドを使用して、複数のブロックを定義します。ビューファイルでは、beginContent メソッドと endContent メソッドを使用してこれらのブロックを参照できます。レイアウトファイルを使用したビューファイルの例を次に示します。

<?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(); ?>

ログイン後にコピー

この例では、beginContent と endContent を使用してレイアウトファイル views を参照します。メソッド /layouts/main.php。ビューファイル内で header、nav、および sidebar ブロックを定義していないため、これらはページに表示されません。ただし、ビューファイルの content ブロックを使用しています。このブロックは、レイアウトファイルの content ブロックをオーバーライドして、ページに関するコンテンツを表示します。

ビューウィジェット

Yii フレームワークは、非常に便利なビュー機能ウィジェット (Widget) も提供します。ウィジェットは、複数のビューファイルで使用できるように、再利用可能なインターフェイス要素を独立したコンポーネントにパッケージ化する特殊なタイプのビューコンポーネントです。

ウィジェットは通常、ビューファイルと PHP クラスの 2 つの部分で構成されます。このうち、ビューファイルはウィジェットの HTML および CSS コードを定義し、PHP クラスはウィジェットのロジックとプロパティを定義します。ウィジェットを使用する場合、必要に応じてそのプロパティを構成し、別のビューファイルで参照できます。

これは単純なウィジェットの例です:

namespace appwidgets;

use yiiaseWidget;

class HelloWidget extends Widget
{
    public $message;

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

ログイン後にコピー

この例では、ビューファイルviews/widgets を使用する HelloWidget という名前のウィジェットを定義します。 /hello.php簡単な挨拶を提示します。ウィジェットのコードでは、$message プロパティと、挨拶をフォーマットしてビューファイルをレンダリングする run メソッドを定義します。

次は、ウィジェットを使用したビューファイルの例です:

<?php
    use appwidgetsHelloWidget;

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

ログイン後にコピー

この例では、use ステートメントを使用して、上で定義したウィジェットクラスを導入し、レンダリングします。 HelloWidget::widget メソッドを使用します。このメソッドでは、$message 属性の値を渡します。最終的に、ウィジェットは渡された挨拶を HTML コードにレンダリングし、ページに挿入します。

結論

この記事では、Yii フレームワークのビュー機能を簡単に紹介し、それらをより良く使用するためのヒントと提案をいくつか提供しました。ビューは Web アプリケーションの重要な部分であり、効率的なビューは、美しく、使いやすく、効率的なユーザーインターフェイスを作成するのに役立ちます。 Yii フレームワークを使用して Web アプリケーションを開発している場合は、この記事で紹介したビューのテクニックが役に立つと思います。

以上がYii フレームワークのビュー: 効率的な Web インターフェースの実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。