博客项目 laravel vue mysql 第四章 分类功能

前言

前面章节没看过的朋友请先从第一章开始看 。这章主要写文章相关功能。

后端

创建迁移文件命令

php 复制代码
php artisan make:migration create_categories_table

编辑database/migrations/2025_07_11_210720_create_categories_table.php

php 复制代码
public function up()
 {
     Schema::create('categories', function (Blueprint $table) {
         $table->id(); // 主键,自增ID
         $table->string('name')->unique(); // 分类名称,唯一,如"技术"
         $table->string('slug')->unique(); // 分类别名,URL 友好,如"tech"
         $table->text('description')->nullable(); // 分类描述,可为空
         $table->timestamps(); // 创建时间和更新时间
     });
 }

执行迁移

php 复制代码
php artisan migrate

创建模型命令

php 复制代码
php artisan make:model Category

编辑模型app/Models/Category.php

php 复制代码
<?php

namespace App\Models;

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

class Category extends Model
{
    use HasFactory;

    protected $fillable = ['name', 'slug', 'description'];

}

编辑种子文件database/seeders/DatabaseSeeder.php

php 复制代码
<?php

namespace Database\Seeders;

use Illuminate\Database\Seeder;
use App\Models\User;
use App\Models\Category;

class DatabaseSeeder extends Seeder
{
    /**
     * Seed the application's database.
     *
     * @return void
     */
    public function run()
    {
        $this->call([
            UserSeeder::class
        ]);

        $admin = User::where('name', 'admin')->first();

        // 创建分类
        $categories = [
            Category::create([
                'name' => '技术分享',
                'slug' => 'tech',
                'description' => '分享最新技术、编程经验和开发技巧。',
            ]),
            Category::create([
                'name' => '生活随笔',
                'slug' => 'life',
                'description' => '记录生活点滴、感悟与随想。',
            ]),
            Category::create([
                'name' => '学习笔记',
                'slug' => 'study',
                'description' => '学习过程中的笔记、总结与心得。',
            ]),
        ];
    }
}

这里我执行了

php 复制代码
php artisan migrate:refresh --seed

不知道为啥不起作用。有懂的大佬说一下呗。

我这里直接删了数据库,重新运行迁移和种子文件了。以后加文章之类的应该还是这套操作。笨办法,嘻嘻。

php 复制代码
php artisan migrate
php artisan db:seed

创建控制器命令

php 复制代码
php artisan make:controller CategoryController

编辑app/Http/Controllers/CategoryController.php

php 复制代码
<?php

namespace App\Http\Controllers;

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

class CategoryController extends Controller
{
    public function index(Request $request) 
    {
        $perPage = $request->input('per_page', 10);
        $search = $request->input('search');
        $query = Category::orderby('create_at', 'desc');
        
        if($search) {
            $query->where('name', 'like', "%{$search}%");
        }

        $categories = $query->paginate($perPage);

        return response()->json([
            'data' =>$categories->items(),
            'pagination' => [
                'total' => $categories->total(),
                'per_page' => $categories->perPage(),
                'current_page' => $categories->currentPage(),
                'last_page' => $categories->lastPage()
            ]
        ], 200);
    }
}

前端

相关推荐
AAA修煤气灶刘哥7 小时前
后端人速藏!数据库PD建模避坑指南
数据库·后端·mysql
程序新视界7 小时前
学习MySQL绕不开的两个基础概念:聚集索引与非聚集索引
mysql
Gracemark10 小时前
高德地图-地图选择经纬度问题【使用输入提示-使用Autocomplete进行联想输入】(复盘)
vue.js
RestCloud10 小时前
跨境数据传输:ETL如何处理时区与日期格式差异
mysql·api
天下无贼11 小时前
【手写组件】 Vue3 + Uniapp 手写一个高颜值日历组件(含跨月补全+今日高亮+选中状态)
前端·vue.js
洋葱头_12 小时前
vue3项目不支持低版本的android,如何做兼容
前端·vue.js
奔跑的蜗牛ing12 小时前
Vue3 + Element Plus 输入框省略号插件:零侵入式全局解决方案
vue.js·typescript·前端工程化
得物技术14 小时前
MySQL单表为何别超2000万行?揭秘B+树与16KB页的生死博弈|得物技术
数据库·后端·mysql
xiaok14 小时前
mysql中怎么创建一个可控权限数据库账号密码给到开发者
mysql
最后一个农民工15 小时前
vue3实现仿豆包模版式智能输入框
前端·vue.js