作者： 吴杰

有时，客户端会提交过来一些ID，需要删除这些ID对应的数据，代码如下：

public function destroy(Request $request): JsonResponse
{
    $customs = $request->collect();
    Custom::whereIn('id', $customs->pluck('id'))->delete();

    return response()->json(['code'=>0, 'msg'=>'删除成功！']);
}

开发调试中，经常需要查看Eloquent生成的SQL语句，以便排查错误，具体做法如下：

引入：use Illuminate\Support\Facades\DB;

DB::connection()->enableQueryLog(); // 开启QueryLog

$workLogs = WorkLog::where(function ($query) use ($request) {
    if ($request->has('keyword')) {
        $query->where('content', 'like', "%{$request->keyword}%");
    }
    if ($request->has('department_id')) {
        $query->with('user', function($userQuery) {
            $userQuery->where('department_id', $request->department_id);
        });
    }
})->orderByDesc('created_at')->paginate();

dd(DB::getQueryLog());

Laravel中为了安全，请求会附带上csrf-token，当然也可以暴力的在VerifyCsrfToken中间件中排除项填写“*”以全局禁用，不过为了安全，这不是推荐的做法。

对于ajax请求，当然也需要带上csrf-token，具体做法如下：

在header中添加：

<meta name="csrf-token" content="{{ csrf_token() }}" />

然后在JS中添加：

<script type="text/javascript">
  $.ajaxSetup({
      headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
  });
</script>

然后ajax就可以无感使用csrf了。

路由：

URL:对于超过一个单词的情况，使用破折号-

路由名称：

超过一个单词，使用下划线：

例如：

Route::post('product-details/fetch', 'ProductDetailController@fetch')->name('product_details.fetch');

对于视图文件夹，超过连个单词，可以使用下划线：

views/master_products/xxx.blade.php

对于视图文件，使用短横线-，例如

show-filtered.blade.php

合起来就是：

views/master_products/show-filtered.blade.php

更多规范可以参考：https://github.com/alexeymezenin/laravel-best-practices/blob/master/chinese.md

后记：

不管是否采用该规范，最重要的是风格统一，没有什么标准，自己写的舒服，风格统一就是标准！

Auth::viaRemember() 这个函数只有在第一次登录过期后，当系统通过remember进行认证时，才返回true。

第一次见这个函数时，试了下，始终返回false,后来经过搜索，结合自己的想法，觉得应该就是这样的。过了一晚，第二天早上再试，这个函数就返回true了。

Laravel 作为一个全栈开发框架，天然支持把前后端集成在一起开发，避免了前后端两个项目在不同开发工具中进行切换，节省很多时间，开发体验更好，真是自由全栈开发者的一大利器。

在本文中，我们将使用 vite 在 laravel 9 中安装 vue 3。

创建 Laravel 项目

composer create-project laravel/laravel laravel-vite-vue

安装 vue 3 和 vue-loader

npm install vue@next vue-loader@next

安装 plugin-vue

npm i @vitejs/plugin-vue

安装其它依赖

npm install

编辑 vite.config.js

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue'

export default defineConfig({
    plugins: [
        vue(),
        laravel([
            'resources/css/app.css',
            'resources/js/app.js',
        ]),
    ],
});

修改 resources/js/app.js

import './bootstrap';

import { createApp } from 'vue';

import app from './Page/app.vue'

createApp(app).mount("#app")

在 resources/Page 文件夹下添加 app.vue，内容如下

<template>
    <h1>
        Laravel 9 vite with vue 3
    </h1>
</template>

编辑 resources/views/welcome.blade.php

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Laravel 9 with vue 3 vite</title>

    </head>
    <body>
        <div id="app"></div>
        @vite('resources/js/app.js')
    </body>
</html>

执行 npm run dev 和 php artisan serve 。

最后打开 https://notes.wujie.me:8000 就可以看效果了。

对于高版本Laravel，应该大同小异，以此为参考进行。