博客项目 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);
    }
}

前端

相关推荐
冰暮流星35 分钟前
mysql之表子查询
数据库·mysql
Bs_MoneyMagnet2 小时前
基于springboot+vue的旅游景区点评系统的设计与实现 源码+文档
java·vue.js·spring boot·后端·spring·旅游
这个DBA有点耶2 小时前
MySQL大表DDL锁表锁到崩溃?Online DDL的3个关键参数和实战避坑
数据库·mysql·架构
ID34610744202 小时前
【课程设计】基于Spring Boot+Vue的校园共享无人机服务系统设计与实现-计算机毕设 附源码44219
javascript·vue.js·spring boot·python·node.js·php·课程设计
BillKu3 小时前
Vue3 可拖拽分栏布局:两种实现方式详解
javascript·vue.js·ecmascript
雪芽蓝域zzs4 小时前
第三十七节:防抖、节流封装(composables 通用函数,搜索框防重复请求)
前端·javascript·vue.js
庆登登登7 小时前
MySQL Workbench 鸿蒙 PC 适配全记录:从 GTK_X11 桌面程序到 ArkUI 原生数据库工作台
数据库·mysql·harmonyos
Bs_MoneyMagnet7 小时前
基于springboot+vue的爱心众筹系统的设计与实现 源码+文档
java·vue.js·spring boot·后端·spring·管理系统
Bs_MoneyMagnet8 小时前
基于springboot+vue的在线音乐管理系统的设计与实现 源码+文档
java·vue.js·spring boot·后端·spring
岁岁种桃花儿9 小时前
Vue组件化编程第二篇:非单位件组件
前端·javascript·vue.js