📌  相关文章
📜  Yii-创建页面(1)

📅  最后修改于: 2023-12-03 15:06:06.270000             🧑  作者: Mango

Yii-创建页面

在Yii中，我们可以很容易地创建页面和视图。Yii使用MVC（模型-视图-控制器）模式，使得在Yii中创建页面和视图变得更加简单。

创建视图

在Yii中，创建一个视图很容易。Yii默认视图存储在“view/”目录中，可以通过控制器来加载视图。

步骤1: 创建一个视图文件

打开终端，进入Yii应用程序的根目录，在“view”目录中创建一个新的目录。在此目录中，创建一个名为“test.php”的文件。

//在终端中输入下面的命令
cd /path/to/your/yii/app
mkdir views/test
touch views/test/test.php
步骤2: 编写视图文件

在创建视图文件之后，你需要编辑这个文件，添加一些HTML和Yii代码。

例如，我们在“test.php”视图文件中添加以下内容：

<h1>Welcome to Yii</h1>
<p>Yii is a high-performance PHP framework.</p>
步骤3: 加载视图文件

现在，我们需要在控制器中加载视图文件。

在控制器（例如SiteController）中，添加以下代码：

public function actionTest()
{
    return $this->render('test');
}

这个“actionTest”函数将返回在“views/test/test.php”文件中指定的HTML内容。

步骤4: 访问视图文件

现在，我们已经创建了一个视图文件并且让它在我们的控制器中工作了。我们需要通过浏览器访问这个视图文件。

在浏览器中输入以下网址：

http://yourdomain/site/test
使用布局

在Yii中，布局文件主要用于将相同的内容应用到多个视图中。通常，一个布局文件包含了一个页面的公共部分（例如页眉，导航栏，页脚等）。

步骤1：创建布局文件

在创建一个布局文件之前，先创建一个布局目录。

继续使用上面打开的终端，输入以下命令：

mkdir views/layouts
touch views/layouts/main.php
步骤2：编写布局文件

在创建布局文件的基础上，您需要在该文件中添加您的 HTML 代码。该代码应包含公共的内容（例如页眉，导航栏等）。

例如，我们的布局文件可以如下所示：

<!DOCTYPE html>
<html>
<head>
    <title>My Yii Application</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
</head>
<body>

    <div class="container">
        <?= $content ?>
    </div>

</body>
</html>
步骤3：在视图中使用布局文件

我们已经创建了布局文件并为它添加了内容。现在，我们需要在视图文件中使用布局文件。

我们可以通过在视图文件中添加以下代码来使用布局文件：

<?php $this->beginPage() ?>

<!DOCTYPE html>
<html>
<head>
    <!-- Head 此处略 -->
</head>
<body>
<?php $this->beginBody() ?>

<div class="container">
    <?= $content ?>
</div>

<?php $this->endBody() ?>
</body>
</html>
<?php $this->endPage() ?>

Now, when you visit the view, it will use the layout you defined.

Conclusion

以“Yii-创建页面”为主题，本文详细介绍了在Yii中创建视图和布局文件的过程。通过这个简单的教程，你可以更好地学习 Yii 框架的特点和能力。