本文旨在指導(dǎo) Laravel 初學(xué)者構(gòu)建一個(gè)簡(jiǎn)單的排名系統(tǒng)，允許用戶(hù)對(duì)多個(gè)項(xiàng)目進(jìn)行排序，并將排序結(jié)果存儲(chǔ)在數(shù)據(jù)庫(kù)中。我們將介紹如何設(shè)計(jì)數(shù)據(jù)庫(kù)結(jié)構(gòu)，以及如何使用 Eloquent ORM 實(shí)現(xiàn)數(shù)據(jù)的讀取和排序。通過(guò)本文，你將掌握在 Laravel 應(yīng)用中創(chuàng)建和管理排名數(shù)據(jù)的基本方法。

數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)

要實(shí)現(xiàn)排名功能，數(shù)據(jù)庫(kù)表需要包含一個(gè)用于存儲(chǔ)排序值的列。假設(shè)我們需要對(duì)冰箱、微波爐和爐灶等電器進(jìn)行排名，可以創(chuàng)建一個(gè)名為 appliances 的表，包含以下字段：

• id: 主鍵，自增 ID。
• name: 電器名稱(chēng)（例如：冰箱、微波爐、爐灶）。
• description: 電器描述 (可選)。
• order: 排序字段，存儲(chǔ)用戶(hù)指定的排名值。數(shù)值越小，排名越高。

可以使用 Laravel 的 Migration 功能創(chuàng)建該表：

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

class CreateAppliancesTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('appliances', function (Blueprint $table) {
            $table->id();
            $table->string('name');
            $table->text('description')->nullable();
            $table->integer('order')->nullable(); // 允許為空，表示尚未排序
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('appliances');
    }
}

運(yùn)行 php artisan migrate 命令創(chuàng)建該表。

Eloquent ORM 排序

在 App\Models 目錄下創(chuàng)建一個(gè) Appliance 模型，用于與 appliances 表進(jìn)行交互。

namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class Appliance extends Model
{
    protected $table = 'appliances'; // 可選，如果表名與模型名不一致
    protected $fillable = ['name', 'description', 'order']; // 允許批量賦值的字段
}

可以使用 Eloquent ORM 提供的 orderBy 方法對(duì)數(shù)據(jù)進(jìn)行排序。以下示例展示了如何按照 order 字段升序排列數(shù)據(jù)：

use App\Models\Appliance;

$appliances = Appliance::orderBy('order', 'asc')->get();

// 或者使用 latest() 方法，相當(dāng)于 orderBy('created_at', 'desc')，但本例不適用
// $appliances = Appliance::latest('order')->get(); // 錯(cuò)誤用法，latest 默認(rèn)基于 created_at

這段代碼會(huì)從 appliances 表中獲取所有記錄，并按照 order 字段的值從小到大進(jìn)行排序。如果 order 字段的值相同，則按照 created_at 字段排序（默認(rèn)行為）。

如果想要按照 order 字段降序排列數(shù)據(jù)，可以使用 desc 參數(shù)：

$appliances = Appliance::orderBy('order', 'desc')->get();

用戶(hù)界面和數(shù)據(jù)更新

用戶(hù)界面需要提供一個(gè)表單，允許用戶(hù)對(duì)電器進(jìn)行排序。表單可以包含一個(gè)下拉列表或拖拽排序功能，讓用戶(hù)選擇每個(gè)電器的排名。

當(dāng)用戶(hù)提交表單時(shí)，需要將排序結(jié)果保存到數(shù)據(jù)庫(kù)中?？梢允褂?Eloquent ORM 的 update 方法更新 order 字段的值：

use App\Models\Appliance;
use Illuminate\Http\Request;

public function updateOrder(Request $request)
{
    $applianceId = $request->input('appliance_id');
    $order = $request->input('order');

    $appliance = Appliance::find($applianceId);

    if ($appliance) {
        $appliance->order = $order;
        $appliance->save();
    }

    return response()->json(['message' => 'Order updated successfully']);
}

這段代碼首先獲取 appliance_id 和 order 的值，然后查找對(duì)應(yīng)的電器記錄，更新 order 字段的值，并保存到數(shù)據(jù)庫(kù)中。

注意事項(xiàng)：

• 確保在 Appliance 模型中定義了 $fillable 屬性，允許批量賦值 order 字段。
• 在用戶(hù)提交表單之前，需要對(duì)數(shù)據(jù)進(jìn)行驗(yàn)證，確保 order 字段的值是有效的。
• 為了提高用戶(hù)體驗(yàn)，可以使用 AJAX 技術(shù)異步提交表單，避免頁(yè)面刷新。
• 如果需要實(shí)現(xiàn)更復(fù)雜的排序功能，可以考慮使用 JavaScript 庫(kù)，例如 jQuery UI Sortable。

總結(jié)

通過(guò)本文，你學(xué)習(xí)了如何在 Laravel 應(yīng)用中創(chuàng)建排名表單并實(shí)現(xiàn)數(shù)據(jù)排序。你了解了如何設(shè)計(jì)數(shù)據(jù)庫(kù)結(jié)構(gòu)，以及如何使用 Eloquent ORM 讀取和更新數(shù)據(jù)。希望這些知識(shí)能夠幫助你構(gòu)建更強(qiáng)大的 Laravel 應(yīng)用。記住，實(shí)踐是最好的老師，多多嘗試，你一定能夠掌握更多 Laravel 技巧。

以上是Laravel 中創(chuàng)建排名表單并實(shí)現(xiàn)數(shù)據(jù)排序的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！