Yii 数据小部件

Yii提供了一组用于显示数据的小部件。您可以使用DetailView小部件来显示单个记录。ListView小部件以及Grid View可用于显示具有过滤,排序和分页功能的记录表。

 

准备数据库

第1步 - 创建一个新的数据库。 数据库可以通过以下两种方式进行准备。

  • 在终端中运行 mysql -u root -p
  • 通过CREATE DATABASE创建一个新的数据库helloworld CHARACTER SET utf8 COLLATE utf8_general_ci;

第2步 - 在 config / db.php 文件中配置数据库连接。以下配置适用于当前使用的系统。

<?php
   return [
      'class' => 'yii\db\Connection',
      'dsn' => 'mysql:host=localhost;dbname=helloworld',
      'username' => 'vladimir',
      'password' => '12345',
      'charset' => 'utf8',
   ];
?>

第3步 - 在根文件夹中运行 ./yii migrate / create test_table 。该命令将创建用于管理我们数据库的数据库迁移。迁移文件应该出现在项目根目录的 migrations 文件夹中。

第4步 - 以 这种方式修改迁移文件(本例中为 m160106_163154_test_table.php )。

<?php
   use yii\db\Schema;
   use yii\db\Migration;
   class m160106_163154_test_table extends Migration {
      public function safeUp() {
         $this->createTable("user", [
            "id" => Schema::TYPE_PK,
            "name" => Schema::TYPE_STRING,
            "email" => Schema::TYPE_STRING,
         ]);
         $this->batchInsert("user", ["name", "email"], [
            ["User1", "user1@gmail.com"],
            ["User2", "user2@gmail.com"],
            ["User3", "user3@gmail.com"],
            ["User4", "user4@gmail.com"],
            ["User5", "user5@gmail.com"],
            ["User6", "user6@gmail.com"],
            ["User7", "user7@gmail.com"],
            ["User8", "user8@gmail.com"],
            ["User9", "user9@gmail.com"],
            ["User10", "user10@gmail.com"],
            ["User11", "user11@gmail.com"],
         ]);
      }
      public function safeDown() {
         $this->dropTable('user');
      }
   }
?>

上述迁移创建一个包含这些字段的 用户 表:id,名称和电子邮件。它还增加了一些演示用户。

第5步 - 在项目根目录 run./yii migrate中将迁移 应用到数据库。

第6步 - 现在,我们需要为我们的 用户 表创建一个模型。为了简单起见,我们将使用 Gii 代码生成工具。打开这个 URL:http:// localhost:8080 / index.php?r = gii 。然后,点击“模型生成器”标题下的“开始”按钮。填写表名(“用户”)和模型类(“MyUser”),点击“预览”按钮,最后点击“生成”按钮。

数据小部件准备数据库

MyUser模型应该出现在模型目录中。

 

DetailView小工具

所述 的DetailView插件 示出了单个模型的数据。在 $属性 属性定义哪个模型属性应该被显示。

第1步 - 将 actionDataWidget 方法添加到 SiteController

public function actionDataWidget() {
   $model = MyUser::find()->one();
   return $this->render('datawidget', [
      'model' => $model
   ]);
}

在上面的代码中,我们发现第一个MyUser模型并将其传递给 datawidget 视图。

第2步 - 在 views / site 文件夹内创建一个名为 datawidget.php 的文件。 **

<? php
   use yii\widgets\DetailView;
   echo DetailView::widget([
      'model' => $model,
      'attributes' => [
         'id',
         //formatted as html
         'name:html',
         [
            'label' => 'e-mail',
            'value' => $model->email,
         ],
      ],
   ]);
?>

步骤3 - 如果您转到 http:// localhost:8080 / index.php?r = site / data- widget ,您将看到 DetailView 小部件的典型用法。

DetailView小工具

ListView小部件使用数据提供程序来显示数据。每个模型都使用指定的视图文件进行渲染。第1步 - 以 这种方式修改 actionDataWidget() 方法。public function actionDa ...