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 小部件的典型用法。
下一章:Yii ListView控件
ListView小部件使用数据提供程序来显示数据。每个模型都使用指定的视图文件进行渲染。第1步 - 以 这种方式修改 actionDataWidget() 方法。public function actionDa ...