程序人生网站首页 程序人生

列出已有项目分类(laravel11+breeze+inertia实现增与查)

发布时间：2024-11-01 17:01:10编辑：雪饮阅读（）

实现项目分类创建

要列出项目分类就必须先要有分类。

所以我们应该是要有个项目分类的表。

CREATE TABLE `project_category` (

`id` int NOT NULL AUTO_INCREMENT,

`name` char(50) NOT NULL,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci

然后创建模型

./vendor/bin/sail artisan make:model project_category

然后关联表名

class project_category extends Model
{
protected $table = 'project_category';
public $timestamps = false;
}

在web.php中的Route::middleware('auth')->group(function () {组中添加project category的创建页面路由。

Route::get('/project_category', [ProjectCategoryController::class, 'edit'])->name('project_category.edit');

并创建project category控制器

ProjectCategoryController.php：

<?php

namespace App\Http\Controllers;

use App\Http\Requests\ProfileUpdateRequest;
use App\Http\Requests\ProjectUpdateRequest;
use App\Models\Project;
use Illuminate\Contracts\Auth\MustVerifyEmail;
use Illuminate\Http\RedirectResponse;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Redirect;
use Illuminate\Support\Facades\Storage;
use Inertia\Inertia;
use Inertia\Response;

class ProjectCategoryController extends Controller
{
    public function log($log){
        $timeStr=date("Y-m-d H:i:s",time());
        file_put_contents("220807.txt",$timeStr.":".$log."\r\n",FILE_USE_INCLUDE_PATH);
    }
    /**
     * Display the user's profile form.
     */
    public function edit(Request $request): Response
    {
        return Inertia::render('ProjectCategory/Edit', [
            'status' => session('status'),
        ]);
    }
}

暂只实现edit方法。

然后实现project category的form组件

Y:\root\example-app\resources\js\Pages\ProjectCategory\Partials\UpdateProjectCategoryInformationForm.vue

接着实现project category的界面

Y:\root\example-app\resources\js\Pages\ProjectCategory\Edit.vue

分类创建请求

分类创建界面完成后，接下来就开始写分类创建请求，首先也是要有个请求验证类。

Y:\root\example-app\app\Http\Requests\ProjectCategoryUpdateRequest.php:

<?php

namespace App\Http\Requests;

use App\Models\User;
use Illuminate\Foundation\Http\FormRequest;
use Illuminate\Validation\Rule;

class ProjectCategoryUpdateRequest extends FormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, \Illuminate\Contracts\Validation\Rule|array|string>
     */
    public function rules(): array
    {
        return [
            'name' => ['required', 'string', 'max:255']
        ];
    }
}

然后在刚才的ProjectCategoryController.php中继续实现update方法如：

public function update(ProjectCategoryUpdateRequest $request):RedirectResponse
{
    $this->log(var_export($request->user(),true));
    $this->log("uid:".$request->user()->id);

    $name=$request->input("name");
    $project_category=new project_category();
    $project_category->name=$name;

    $project_category->save();

    return Redirect::route('project_category.index');
}

列出已有项目分类

可以看到我在上面update方法中已经在最后处理创建请求结束后跳转到了项目分类首页。

那么接下来首先我们在web.php中的Route::middleware('auth')->group(function () {

中再添加上项目分类列表的路由：

Route::get('/project_category/index', [ProjectCategoryController::class, 'index'])->name('project_category.index');

可以看到这里是又调用项目分类控制器的index方法，所以也需要实现于项目分类控制器中。

public function index(Request $request):Response
{
    return Inertia::render('ProjectCategory/Index', [
        'categories' => project_category::get(),
    ]);
}

然后实现单个category组件

Y:\root\example-app\resources\js\Pages\ProjectCategory\Partials\Category.vue

然后实现列出已有项目分类

Y:\root\example-app\resources\js\Pages\ProjectCategory\Index.vue

补充：

刚才在项目分类控制器中实现了update方法后，还需要在web.php中的Route::middleware('auth')->group(function () {

添加该路由条目

Route::patch('/project_category', [ProjectCategoryController::class, 'update'])->name('project_category.update');

至此列出已有项目分类就完成了。

关键字词：laravel,inertia

上一篇：图片上传保存逻辑(laravel11+breeze+inertia+vue3实现图片上传)

下一篇：laravel中的一对多关系使用与inertia的link使用

您当前的位置： 首页 > 慢生活 > 程序人生 网站首页程序人生

列出已有项目分类(laravel11+breeze+inertia实现增与查)

相关文章

您当前的位置：首页 > 慢生活 > 程序人生网站首页程序人生