> 原文出处:https://jellybool.com/post/programming-with-yii2-working-with-the-database-and-gii
上一篇文章我们理了一下Yii2的`MVC`,`Forms`和`Layouts`,这篇文章就直接按照约定来说说Yii2与数据库相关的一些事情,如果你觉得不够的话,不急,更具体的用法我会在后续的教程给出,并且这里也会介绍Yii2的代码生成工具:强大的`Gii`。
你可以直接到Github下载项目源码:[](https://github.com/JellyBool/helloYii)[https://github.com/JellyBool/helloYii](https://github.com/JellyBool/helloYii),这样你就可以直接跟上我的进度了,每一次我写完一个教程,我都会将代码push到Github,所以,你想偷懒的话,这是一个不错的方法。
接着上一篇文章,我们的初衷还是没有改变:创建一个可以发表状态`(status)`的web小应用,你可以看成是QQ空间的说说的mini版,只不过之前我们没有将数据存在数据库里面而已。
## 创建一个数据库
![替代文字](https://box.kancloud.cn/2015-08-15_55cf2cb26601e.png)
由于我平时开发基本都是使用Mysql,而且数据库管理工具我比较喜欢Sequel Pro,所以,我就直接在[Sequel Pro](http://www.sequelpro.com/)里面创建一个`hello`的数据库。当然,你也可以直接用命令行来创建数据库,大概是这样的:
~~~
CREATE DATABASE hello;
~~~
有了数据库之后,我们就可以将我们的Yii应用与数据库进行连接了,Yii2的数据库配置文件位于`/config/db.php`中,我们可以打开它来进行相应的配置,请注意根据自己的实际情况进行相应的修改:
~~~
<?php
return [
'class' => 'yii\db\Connection',
'dsn' => 'mysql:host=localhost;dbname=hello',
'username' => 'root',
'password' => 'password',
'charset' => 'utf8',
];
~~~
## 创建Migration
这里直接使用了`migration`这个单词,其实我不知道该翻译成什么才比较确切;所以本文就直接使用`migration`这个单词了,如果你知道有特别贴切的翻译,请大声对我说。其实`migration`的最大目的可能就是创建数据表了,但是我们为什么还要使用`migration`了?这可能都是受到`Rails`大法的影响,因为这样的好处其实很多,`migration`不仅可以让开发人员动态创建和更新一个数据库表的schema,还可以应对多个服务器的时候环境不同的问题,直接就避免导入sql文件的各种坑。
至于在代码中我们该怎么命名我们的数据表,我比较喜欢的是直接跟Model一样,如果是单复数问题也无所谓,这看个人,所以这里,我会选择创建一个`status`表,iTerm命令行执行:
~~~
cd Desktop/helloYii/
./yii migrate/create create_status_table
~~~
过程当中会询问是否创建`migration`,果断`yes`,然后完成之后大概是这样的:
![替代文字](https://box.kancloud.cn/2015-08-15_55cf2cb2b92e2.png)
这条命令会在项目目录下创建一个`migrations/`目录,里面就有刚刚我们创建的migration文件,名字大概是这样的:`m150804_035107_create_status_table.php`,然后我们就可以打开这个文件来一睹芳容了:
~~~
<?php
use yii\db\Schema;
use yii\db\Migration;
class m150804_035107_create_status_table extends Migration
{
public function up()
{
}
public function down()
{
echo "m150804_035107_create_status_table cannot be reverted.\n";
return false;
}
~~~
嗯,大概就是这样,`up()`方法是我们后面执行`./yii migrate/up`命令的时候触发的,这里一般都是负责创建一个表,我们可以将表的`schema`写在这个方法里面。
## 创建status表
有了上面的migration之后,我们可以直接在`up()`方法写上一些我们的字段和配置:
~~~
public function up()
{
$tableOptions = null;
if ($this->db->driverName === 'mysql') {
$tableOptions = 'CHARACTER SET utf8 COLLATE utf8_unicode_ci ENGINE=InnoDB';
}
$this->createTable('{{%status}}', [
'id' => Schema::TYPE_PK,
'message' => Schema::TYPE_TEXT.' NOT NULL DEFAULT ""',
'permissions' => Schema::TYPE_SMALLINT . ' NOT NULL DEFAULT 0',
'created_at' => Schema::TYPE_INTEGER . ' NOT NULL',
'updated_at' => Schema::TYPE_INTEGER . ' NOT NULL',
], $tableOptions);
}
public function down()
{
$this->dropTable('{{%status}}');
}
~~~
这里我们的`status`会有5个字段,`id`为主键,`message`和`permissions`就是上一篇我们的文本输入框输入的文本内容和下拉选择框的内容;这里我们还要两个`created_at`和`updated_at`字段,呃,你可以说我被Laravel洗脑了。
`down()`方法与`up()`相对应,用来删除数据表的,我希望你不会用到。
更多详细内容参考这里:
[](http://www.yiiframework.com/doc-2.0/guide-db-migrations.html)[http://www.yiiframework.com/doc-2.0/guide-db-migrations.html](http://www.yiiframework.com/doc-2.0/guide-db-migrations.html)
有了表的`schema`之后,我们就可以来执行我们的migrate命令了,命令行执行:
~~~
./yii migrate/up
~~~
过程中还是果断`yes`,然后完成之后你就可以到到`hello`数据库去看`status`表了:
![替代文字](https://box.kancloud.cn/2015-08-15_55cf2cb417f75.png)
这里你还会看到一个`migration`的表,这是Yii2的migrate自动生成了,它是用来管理我们自己创建的`migration`(这里指数据表),你可以不用关心它。
使用Yii2的migrate创建完数据表之后,我们下一步就来上手一下Yii2的代码生成工具Gii了,因为我们会通过Gii来生成我们的Model和Controller等文件。
## 使用Gii
Gii作为Yii的一大特性,很多人喜欢Yii可能就是因为这个,据说底层代码写得很棒,不过我还没有仔细看过源码。
首先我们来使用Gii来为每一个数据表生成一个Model,这里也就是生成Status这个模型。
怎么进入Gii的使用面板呢?直接在浏览器地址栏输入`http://localhost:8999/gii` 访问就可以了。大概是长这个样子:
![替代文字](https://box.kancloud.cn/2015-08-15_55cf2cb46a3f1.png)
点击**Model Generator**的按钮,然后在`Table Name`输入框填入表名:`status`
![替代文字](https://box.kancloud.cn/2015-08-15_55cf2cb4c64f8.png)
点击下方**Preview** 按钮,就可以看到Yii即将帮你生成的文件了`models/Status.php`,这里需要注意的一个地方是。因为在上一篇文章中我们手动创建了一个Status模型,所以这里请确定你将`Overwrite`这个选择框的小勾勾打上:
![替代文字](https://box.kancloud.cn/2015-08-15_55cf2cb523c6f.png)
然后点击**Generate**按钮,生成的结果是这样的:
![替代文字](https://box.kancloud.cn/2015-08-15_55cf2cb562985.png)
这时候打开`models/Status.php`,你会看到Yii会根据我们的数据表生成的验证规则和表单属性:
~~~
<?php
namespace app\models;
use Yii;
/**
* This is the model class for table "status".
*
* @property integer $id
* @property string $message
* @property integer $permissions
* @property integer $created_at
* @property integer $updated_at
*/
class Status extends \yii\db\ActiveRecord
{
/**
* @inheritdoc
*/
public static function tableName()
{
return 'status';
}
/**
* @inheritdoc
*/
public function rules()
{
return [
[['message', 'created_at', 'updated_at'], 'required'],
[['message'], 'string'],
[['permissions', 'created_at', 'updated_at'], 'integer']
];
}
/**
* @inheritdoc
*/
public function attributeLabels()
{
return [
'id' => 'ID',
'message' => 'Message',
'permissions' => 'Permissions',
'created_at' => 'Created At',
'updated_at' => 'Updated At',
];
}
}
~~~
Status模型生成好之后,该为它生成相应的视图和控制器了,这时候需要使用到的是Gii 的`CRUD Generator`了,即:`http://localhost:8999/gii/crud`
![替代文字](https://box.kancloud.cn/2015-08-15_55cf2cb5954ae.png)
在这个页面,分别填上对应的数据:
~~~
Model Class : app\models\Status
Search Model Class : app\models\StatusSearch
Controller Class : app\controllers\StatusController
View Path : 可以直接留空,默认就是 app/views/ControllerID
~~~
然后点击**Preview**预览一下,这里还是需要把`overwrite`勾选上,因为我们上一节也创建了两个同名的视图文件`(create.php 和 view.php)`:
![替代文字](https://box.kancloud.cn/2015-08-15_55cf2cb609470.png)
最后还是点击生成,你会看到类似下面这个图片的内容:
![替代文字](https://box.kancloud.cn/2015-08-15_55cf2cb6552ae.png)
到了这里,我们基本上可以感觉到Gii的强大了,生成代码简直都不算事。这时候如果我们访问`http://localhost:8999/status` ,你会看到一个默认的Status的CRUD页面,因为我们的数据库里面还没有任何数据,所以这里看到的都是空的:
![替代文字](https://box.kancloud.cn/2015-08-15_55cf2cb69f9cc.png)
如果你还记得我们在上一篇在导航栏创建的`create`导航,点击`create`,你就会看到类似下面这个页面一样的内容:
![替代文字](https://box.kancloud.cn/2015-08-15_55cf2cb6e6d12.png)
到这里,有没有觉得Gii实在太厉害了!要是上一篇我们直接用Gii来生成这些代码,那开发效率实在不是一般高。
## 与上一篇的结合
虽然Gii足够强大为我们生成了很多代码,但是现在有一小部分代码并不符合我们的要求,我们不用这么复杂。所以下面先来把代码先过过,以便用于满足我们自己的要求。
首先是对创建Status的表单进行改造,我们并不希望用户需要输入`created` 和`updated`这两个字段,所以注释掉`/views/Status/_form.php`中的下面的代码:
~~~
<?= $form->field($model, 'created_at')->textInput() ?>
<?= $form->field($model, 'updated_at')->textInput() ?>
~~~
然后`permissions`字段输入我们希望这是一个下拉选择框,还是在同一个文件中修改:
~~~
<?=
$form->field($model, 'permissions')->dropDownList($model->getPermissions(),
['prompt'=>'- Choose Your Permissions -']) ?>
~~~
我们把原来`permissions`的`textInput`换成了上面的`dropDownList`,这里的`dropDownList`使用到`getPermissions()`这个方法,但是由于刚刚在生成Status这个模型的时候我们覆盖了原谅的Status,所以我们还是需要加上`getPermissions()`这个方法:
~~~
const PERMISSIONS_PRIVATE = 10;
const PERMISSIONS_PUBLIC = 20;
// other codes ...
public function getPermissions() {
return array (self::PERMISSIONS_PRIVATE=>'Private',self::PERMISSIONS_PUBLIC=>'Public');
}
public function getPermissionsLabel($permissions) {
if ($permissions==self::PERMISSIONS_PUBLIC) {
return 'Public';
} else {
return 'Private';
}
}
~~~
像上一篇提到的一样,我们将这些代码又写到了`Status.php`这里。然后刷新一下:`http://localhost:8999/status/create`
到这里,我们的表单改造旧完成了,跟我们之前的长得差不多了。但是这还没有完,因为我们还需要对我们的`controllers/StatusController.php`做一些些小改动,主要是在`actionCreate`的改动:
~~~
public function actionCreate()
{
$model = new Status();
if ($model->load(Yii::$app->request->post())) {
$model->created_at = time();
$model->updated_at = time();
if ($model->save()) {
return $this->redirect(['view', 'id' => $model->id]);
}
}
return $this->render('create', [
'model' => $model,
]);
}
~~~
在这里,我们添加下面这两行来保障我们在插入数据的时候,`created_at`和`updated_at`不为空。
~~~
$model->created_at = time();
$model->updated_at = time();
~~~
这里也是根据`$model->load(Yii::$app->request->post())`判断是否有post数据过来,然后如果数据成功保存到数据库,我们就使用`return $this->redirect(['view', 'id' => $model->id])`重定向到`view`方法`(controllers/StatusController.php的actionView方法)`。我们填上一些数据,然后创建一个status试试,不出意外你会看到这个可爱的页面:
![替代文字](https://box.kancloud.cn/2015-08-15_55cf2cb745ed7.png)
终于到了这里了,我们现在再来修改一下我们的导航,在Status这个下来菜单下,我们增加一个菜单view,修改`views/layouts/main.php`文件的`Nav::widget`部分:
~~~
[
'label' => 'Status',
'items' => [
['label' => 'View', 'url' => ['/status/index']],
['label' => 'Create', 'url' => ['/status/create']],
],
],
~~~
就直接在Status的items里面加一行:`['label' => 'View', 'url' => ['/status/index']]`,然后我们的导航栏就是这样的了:
![替代文字](https://box.kancloud.cn/2015-08-15_55cf2cb78d804.png)
点击下拉菜单的View,然后我们就会来到:`http://localhost:8999/status/index`,这里我们可以看到下面的页面了:
![替代文字](https://box.kancloud.cn/2015-08-15_55cf2cb7d419a.png)
这个视图文件位于`views/status/index.php`,如果你想修改一下,你可以直接修改这个文件。
啊,感觉这一篇文章的路走得好长,不过其实真正编码的时间并不过,真正可能也就几分钟而已,我们实现了对数据库的一些基本操作和领略Gii的强大。这一篇就先写到这里了,下一篇打算会写一点关于用户注册和登录的基本功能。