Laravel框架 之 clockwork

本文的示例代码参考clockwork

目录

开始

composer create-project laravel/laravel clockwork && cd clockwork

用户

  • 生成数据库
php artisan migrate
  • 填充表假数据
php artisan make:seed UsersTableSeeder

vim database/seeds/UsersTableSeeder.php

<?php

use Illuminate\Database\Seeder;
use App\User;

class UsersTableSeeder extends Seeder
{
    public function run()
    {
        // 生成数据集合
        $users = factory(User::class)
            ->times(10)
            ->make();

        // 让隐藏字段可见，并将数据集合转换为数组
        $user_array = $users->makeVisible(['password', 'remember_token'])->toArray();

        // 插入到数据库中
        User::insert($user_array);
    }
}

vim database/seeds/DatabaseSeeder.php

<?php

use Illuminate\Database\Seeder;

class DatabaseSeeder extends Seeder
{
    public function run()
    {
         $this->call(UsersTableSeeder::class);
    }
}

php artisan db:seed

关于填充数据库测试用数据 更多可以参考Laravel框架 之 RememberMe

分类

  • 生成数据库
php artisan make:model Models/Category -m

vim database/migrations/*_create_categories_table.php

<?php

use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateCategoriesTable extends Migration
{
    public function up()
    {
        Schema::create('categories', function (Blueprint $table) {
            $table->increments('id');
            $table->string('name')->index()->comment('名称');
            $table->text('description')->nullable()->comment('描述');
            $table->timestamps();
        });
    }

    public function down()
    {
        Schema::dropIfExists('categories');
    }
}

php artisan migrate
  • 定义模型
vim app/Models/Category.php

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class Category extends Model
{
    protected $fillable = [
        'name', 'description',
    ];
}
  • 填充表假数据
php artisan make:migration seed_categories_data

vim database/migrations/*_seed_categories_data.php

<?php

use Illuminate\Database\Migrations\Migration;

class SeedCategoriesData extends Migration
{
    public function up()
    {
        $categories = [
            [
                'name'        => '分享',
                'description' => '分享创造，分享发现',
            ],
            [
                'name'        => '教程',
                'description' => '开发技巧、推荐扩展包等',
            ],
            [
                'name'        => '问答',
                'description' => '请保持友善，互帮互助',
            ],
            [
                'name'        => '公告',
                'description' => '站点公告',
            ],
        ];

        DB::table('categories')->insert($categories);
    }

    public function down()
    {
        DB::table('categories')->truncate();
    }
}

php artisan migrate

如果想要重新迁移数据库和生成假数据 可以使用: php artisan migrate:refresh --seed

话题

  • 生成数据库
php artisan make:model Models/Topic -m

vim database/migrations/*_create_topics_table.php

<?php

use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateTopicsTable extends Migration
{
    public function up()
    {
        Schema::create('topics', function (Blueprint $table) {
            $table->increments('id');
            $table->string('title')->index();
            $table->text('body');
            $table->integer('user_id')->unsigned()->index();
            $table->integer('category_id')->unsigned()->index();
            $table->timestamps();
        });
    }

    public function down()
    {
        Schema::dropIfExists('topics');
    }
}

php artisan migrate
  • 定义模型
vim app/Models/Topic.php

<?php

namespace App\Models;

use App\User;
use Illuminate\Database\Eloquent\Model;

class Topic extends Model
{
    protected $fillable = ['title', 'body', 'category_id'];

    public function category()
    {
        return $this->belongsTo(Category::Class);
    }

    public function user()
    {
        return $this->belongsTo(User::class);
    }
}
  • 填充表假数据
vim database/factories/TopicFactory.php

<?php

use Faker\Generator as Faker;

$factory->define(App\Models\Topic::class, function (Faker $faker) {
    $sentence = $faker->sentence();

    // 随机取一个月以内的时间
    $updated_at = $faker->dateTimeThisMonth();
    // 传参为生成最大时间不超过，创建时间永远比更改时间要早
    $created_at = $faker->dateTimeThisMonth($updated_at);

    return [
        'title' => $sentence,
        'body' => $faker->text(),
        'created_at' => $created_at,
        'updated_at' => $updated_at,
    ];
});

php artisan make:seed TopicsTableSeeder

vim database/seeds/TopicsTableSeeder.php

<?php

use App\User;
use Illuminate\Database\Seeder;
use App\Models\Topic;
use App\Models\Category;

class TopicsTableSeeder extends Seeder
{
    public function run()
    {
        // 所有用户 ID 数组，如：[1,2,3,4]
        $user_ids = User::all()->pluck('id')->toArray();

        // 所有分类 ID 数组，如：[1,2,3,4]
        $category_ids = Category::all()->pluck('id')->toArray();

        // 获取 Faker 实例
        $faker = app(Faker\Generator::class);

        $topics = factory(Topic::class)
            ->times(100)
            ->make()
            ->each(function ($topic, $index)
            use ($user_ids, $category_ids, $faker)
            {
                // 从用户 ID 数组中随机取出一个并赋值
                $topic->user_id = $faker->randomElement($user_ids);

                // 话题分类，同上
                $topic->category_id = $faker->randomElement($category_ids);
            });

        // 将数据集合转换为数组，并插入到数据库中
        Topic::insert($topics->toArray());
    }
}

vim database/seeds/DatabaseSeeder.php

<?php

use Illuminate\Database\Seeder;

class DatabaseSeeder extends Seeder
{
    public function run()
    {
        $this->call(UsersTableSeeder::class);
        $this->call(TopicsTableSeeder::class);
    }
}

php artisan migrate:refresh --seed

话题列表

路由

vim routes/web.php

<?php

use App\Models\Topic;

Route::get('/', function () {
    return view('welcome');
});

Route::get('/topics', function () {
    $topics = Topic::paginate(5);
    return view('topics', compact('topics'));
});

视图

vim resources/views/topics.blade.php

<!doctype html>
<html lang="zh-CN">
<head>
    <title>Topics</title>
</head>
<body>
    @if (count($topics))
        @foreach ($topics as $topic)
            <div>
                <div>
                    <a>{{ $topic->title }}</a>
                </div>
                <div>
                    <a>{{ $topic->category->name }}</a>
                    <a>{{ $topic->user->name }}</a>
                </div>
            </div>
            <hr />
        @endforeach
    @else
        <div>暂无数据</div>
    @endif
</body>
</html>

测试

sudo sh -c "echo '192.168.10.10 clockwork.test' >> /etc/hosts"

浏览器打开http://clockwork.test/topics 效果如下

laravel-clockwork-01.png

调试性能

对于后端渲染页面的架构 我们可以使用Laravel框架 之 debugbar中介绍的方法 那么对于SPA的前后端分离架构该如何调试性能呢?

答案 就是今天的主角clockwork

依赖

首先 添加Laravel项目的依赖

composer require itsgoingd/clockwork --dev

php artisan vendor:publish --provider="Clockwork\Support\Laravel\ClockworkServiceProvider"

vim config/clockwork.php

return [
    'enabled' => env('APP_DEBUG', false),
];

接着 在Chrome浏览器中安装插件Chrome extension

关于其他浏览器的插件安装 可以参考Usage

调试

浏览器刷新http://clockwork.test/topics 效果如下

laravel-clockwork-02.png

性能

通过clockwork获取的数据 可以得到两个非常有用的数据

查询次数 12 = 1 (话题总数) + 1 (话题列表) + 2 (分类和用户) * 5 (话题数量)

总共耗时 664ms

优化方法

那么 对于这类ORM关联数据引起的性能问题该如何解决呢?

通过Eloquent提供的预加载功能来解决ORM关联数据引起的性能问题

vim routes/web.php

<?php

use App\Models\Topic;

Route::get('/', function () {
    return view('welcome');
});

Route::get('/topics', function () {
    $topics = Topic::with('user', 'category')->paginate(5);
    return view('topics', compact('topics'));
});

浏览器刷新http://clockwork.test/topics 效果如下

laravel-clockwork-03.png

此时 性能数据如下

查询次数 4 = 1 (话题总数) + 1 (话题列表) + 1 (用户) + 1 (分类)

总共耗时 468ms

整体性能提高了约30% (664ms -> 468ms)

参考

©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 218,525评论 6赞 507
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 93,203评论 3赞 395
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 164,862评论 0赞 354
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 58,728评论 1赞 294
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 67,743评论 6赞 392
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 51,590评论 1赞 305
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 40,330评论 3赞 418
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 39,244评论 0赞 276
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 45,693评论 1赞 314
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,885评论 3赞 336
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,001评论 1赞 348
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 35,723评论 5赞 346
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 41,343评论 3赞 330
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,919评论 0赞 22
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,042评论 1赞 270
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 48,191评论 3赞 370
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 44,955评论 2赞 355

推荐阅读更多精彩内容