Laravel 10 CURD 演示
Laravel 10 没有太大的变动，通过一个 CURD 来体验一下吧。
第一步：安装 Laravel 10
composer create-project laravel/laravel la10product
第二步：配置数据库
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=la10test
DB_USERNAME=la10test
DB_PASSWORD=123456
若数据库不存在时，Laravel 10 会询问要不要创建数据库。
第三步：创建模型及迁移文件
1、创建迁移文件与模型
php artisan make:model Product -m
2、编辑迁移文件
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
return new class extends Migration
{
public function up(): void
{
Schema::create('products', function (Blueprint $table) {
$table->bigIncrements('id');
$table->string('name');
$table->text('detail');
$table->timestamps();
});
}
public function down(): void
{
Schema::dropIfExists('products');
}
};
3、执行迁移文件
php artisan migrate
第四步：创建控制器
1、创建迁移文件
php artisan make:controller ProductController
2、编写控制器
<?php
namespace App\Http\Controllers;
use App\Models\Product;
use Illuminate\Http\RedirectResponse;
use Illuminate\Http\Request;
use Illuminate\Http\Response;
use Illuminate\View\View;
class ProductController extends Controller
{
public function index(): View
{
$products = Product::latest()->paginate();
return view('products.index', compact('products'));
}
public function create(): View
{
return view('products.create');
}
public function store(Request $request): RedirectResponse
{
$request->validate([
'name' => 'required',
'detail' => 'required',
]);
Product::create($request->all());
return redirect()->route('products.index')->with('success', '添加产品成功');
}
public function show(Product $product): View
{
return view('products.show', compact('product'));
}
public function edit(Product $product): View
{
return view('products.edit', compact('product'));
}
public function update(Request $request, Product $product): RedirectResponse
{
$request->validate([
'name' => 'required',
'detail' => 'required',
]);
$product->update($request->all());
return redirect()->route('products.index')->with('success', '产品更新成功');
}
public function destroy(Product $product): RedirectResponse
{
$product->delete();
return redirect()->route('products.index')->with('success', '删除产品成功');
}
}
第五步：添加路由
<?php
// routes/web.php
Route::resource('products', \App\Http\Controllers\ProductController::class);
第六步：创建视图文件
1、创建公共模板文件
products/layout.blade.php
<!DOCTYPE html>
<html>
<head>
<title>Laravel 10 CRUD 演示</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
@yield('content')
</div>
</body>
</html>
2、create 视图文件
products/create.blade.php
@extends('products.layout')
@section('content')
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left">
<h2>添加产品</h2>
</div>
<div class="pull-right">
<a class="btn btn-primary" href="{{ route('products.index') }}">产品列表</a>
</div>
</div>
</div>
@if ($errors->any())
<div class="alert alert-danger">
<strong>哎呦喂!</strong> 填写的信息有误<br><br>
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<form action="{{ route('products.store') }}" method="POST">
@csrf
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>产品名称:</strong>
<input type="text" name="name" class="form-control">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>产品详情:</strong>
<textarea class="form-control" style="height:150px" name="detail"></textarea>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 text-center mt-2">
<button type="submit" class="btn btn-primary">添加</button>
</div>
</div>
</form>
@endsection
3、edit 视图文件
products/edit.blade.php
@extends('products.layout')
@section('content')
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left">
<h2>编辑产品</h2>
</div>
<div class="pull-right">
<a class="btn btn-primary" href="{{ route('products.index') }}"> 返回首页</a>
</div>
</div>
</div>
@if ($errors->any())
<div class="alert alert-danger">
<strong>哎呦喂!</strong> 填写的信息有误<br><br>
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<form action="{{ route('products.update',$product->id) }}" method="POST">
@csrf
@method('PUT')
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>产品名称:</strong>
<input type="text" name="name" value="{{ $product->name }}" class="form-control" placeholder="Name">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>产品详情:</strong>
<textarea class="form-control" style="height:150px" name="detail" placeholder="Detail">{{ $product->detail }}</textarea>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 text-center mt-2">
<button type="submit" class="btn btn-primary">提交</button>
</div>
</div>
</form>
@endsection
4、index 视图文件
products/index.blade.php
@extends('products.layout')
@section('content')
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left">
<h2>Laravel 10 CRUD 案例</h2>
</div>
<div class="pull-right">
<a class="btn btn-success" href="{{ route('products.create') }}">添加产品</a>
</div>
</div>
</div>
@if ($message = Session::get('success'))
<div class="alert alert-success">
<p>{{ $message }}</p>
</div>
@endif
<table class="table table-bordered">
<tr>
<th>编号</th>
<th>产品名称</th>
<th>产品详情</th>
<th width="280px">Action</th>
</tr>
@foreach ($products as $product)
<tr>
<td>{{ $product->id }}</td>
<td>{{ $product->name }}</td>
<td>{{ $product->detail }}</td>
<td>
<form action="{{ route('products.destroy',$product->id) }}" method="POST">
@csrf
@method('DELETE')
<a class="btn btn-info" href="{{ route('products.show',$product->id) }}">详情</a>
<a class="btn btn-primary" href="{{ route('products.edit',$product->id) }}">编辑</a>
<button type="submit" class="btn btn-danger">删除</button>
</form>
</td>
</tr>
@endforeach
</table>
{!! $products->links() !!}
@endsection
5、show 视图文件
products/show.blade.php
@extends('products.layout')
@section('content')
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left">
<h2> 显示产品 </h2>
</div>
<div class="pull-right">
<a class="btn btn-primary" href="{{ route('products.index') }}"> 返回首页</a>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>产品名称:</strong>
{{ $product->name }}
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>产品详情:</strong>
{{ $product->detail }}
</div>
</div>
</div>
@endsection
CURD 完成了，访问浏览器体验吧。
请登录后再评论