Laravel动态地址输入与主地址选择教程

<form action="{{ route('register.post') }}" enctype="multipart/form-data" accept-charset="utf-8" method="POST">
    @csrf
    <div class="form-group row">
        <label for="address" class="col-md-4 col-form-label text-md-left">地址</label>
        <div class="col-md-8">
            <table id="dynamicAddRemove" class="table table-bordered">
                <thead>
                    <tr>
                        <th>门牌号</th>
                        <th>街道名称</th>
                        <th>区域</th>
                        <th>邮政编码</th>
                        <th>主地址</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <button type="button" name="add" id="add-btn" class="btn btn-success btn-sm">添加更多地址</button>
                        </td>
                        <td colspan="5"></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="form-group row mb-0">
        <div class="col-md-6 offset-md-4">
            <button type="submit" class="btn btn-primary">
                保存
            </button>
        </div>
    </div>
</form>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script type="text/javascript">
    var i = 0; // 用于跟踪地址字段的索引

    // 页面加载时，如果需要，可以初始化一个地址行
    // 例如：$(document).ready(function() { $("#add-btn").click(); });

    $("#add-btn").click(function(){
        ++i; // 每次点击增加索引

        // 构建新的地址行HTML
        var newRow = '<tr>' +
            '<td><input type="text" name="moreFields['+i+'][house_no]" placeholder="门牌号" class="form-control" required/></td>' +
            '<td><input type="text" name="moreFields['+i+'][street_name]" placeholder="街道名称" class="form-control" required/></td>' +
            '<td><input type="text" name="moreFields['+i+'][area]" placeholder="区域" class="form-control" required/></td>' +
            '<td><input type="text" name="moreFields['+i+'][pincode]" placeholder="邮政编码" class="form-control" required/></td>' +
            '<td style="text-align:center;"><input type="radio" class="form-check-input" name="selected_primary_address" value="'+i+'"></td>' + // 关键修正：统一name属性
            '<td><button type="button" class="btn btn-danger btn-sm remove-tr">移除</button></td>' +
            '</tr>';

        // 将新行添加到表格的tbody中，位于“添加更多地址”按钮行之后
        $("#dynamicAddRemove tbody tr:first").after(newRow);
    });

    // 移除地址行
    $(document).on('click', '.remove-tr', function(){
        $(this).parents('tr').remove();
        // 移除后，如果需要，可以重新计算或调整索引，但对于当前逻辑并非强制
    });
</script>

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\Address; // 假设你有一个Address模型
use Illuminate\Support\Facades\DB; // 如果需要获取最后插入的ID

class RegistrationController extends Controller
{
    public function postRegistration(Request $request)
    {
        // 1. 数据验证 (强烈建议在实际应用中添加)
        $request->validate([
            'moreFields.*.house_no' => 'required|string|max:255',
            'moreFields.*.street_name' => 'required|string|max:255',
            'moreFields.*.area' => 'required|string|max:255',
            'moreFields.*.pincode' => 'required|string|max:10',
            'selected_primary_address' => 'nullable|integer', // 主地址索引，可能为空如果用户未添加地址
        ]);

        // 假设用户ID已存在或在同一请求中创建
        // 如果是注册新用户后获取ID，则应在用户创建后执行此步骤
        // 例如：$user = User::create([...]); $userId = $user->id;
        // 如果是现有用户，则 $userId = auth()->id();
        // 这里使用一个占位符
        $userId = 1; // 替换为实际的用户ID，例如：auth()->id();

        $addressesData = $request->input('moreFields');
        $primaryAddressIndex = $request->input('selected_primary_address'); // 获取被选中的主地址索引

        if ($addressesData) {
            foreach ($addressesData as $index => $address) {
                // 确定当前地址是否为主地址
                // $index 是在前端JS中设置的 'i' 值
                $isPrimary = ($index == $primaryAddressIndex) ? 1 : 0;

                // 创建地址记录
                Address::create([
                    'user_id' => $userId,
                    'house_no' => $address['house_no'] ?? null,
                    'street_name' => $address['street_name'] ?? null,
                    'area' => $address['area'] ?? null,
                    'pincode' => $address['pincode'] ?? null,
                    'primary_address' => $isPrimary, // 将主地址标记存储为布尔值 (1或0)
                ]);
            }
        }

        return redirect()->back()->with('success', '地址信息已成功保存！');
    }
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Address extends Model
{
    use HasFactory;

    protected $fillable = [
        'user_id',
        'house_no',
        'street_name',
        'area',
        'pincode',
        'primary_address',
    ];

    // 可以定义与User模型的关联
    public function user()
    {
        return $this->belongsTo(User::class);
    }
}

<?php

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

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('addresses', function (Blueprint $table) {
            $table->id();
            $table->foreignId('user_id')->constrained()->onDelete('cascade');
            $table->string('house_no');
            $table->string('street_name');
            $table->string('area');
            $table->string('pincode');
            $table->boolean('primary_address')->default(0); // 0为非主地址，1为主地址
            $table->timestamps();
        });
    }

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