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

前端

相关推荐
BD_Marathon11 小时前
【MySQL】函数
android·数据库·mysql
铅笔侠_小龙虾11 小时前
动手实现简单Vue.js ,探索Vue原理
前端·javascript·vue.js
sniper_fandc13 小时前
Axios快速上手
vue.js·axios
musenh13 小时前
mysql多表查询
mysql
Penge66614 小时前
MySQL-隐式类型转换的 “隐形陷阱”
后端·mysql
東雪蓮☆15 小时前
LNMP 环境部署 WordPress
linux·运维·mysql·nginx·php
醒了接着睡16 小时前
Vue3 响应式中的 Reactive
vue.js
奥尔特星云大使17 小时前
mysql逻辑备份跟物理备份的区别
数据库·mysql·逻辑备份·物理备份·逻辑备份呢
paopaokaka_luck17 小时前
基于SpringBoot+Vue的志行交通法规在线模拟考试(AI问答、WebSocket即时通讯、Echarts图形化分析、随机测评)
vue.js·人工智能·spring boot·后端·websocket·echarts
程序定小飞17 小时前
基于springboot的蜗牛兼职网的设计与实现
java·数据库·vue.js·spring boot·后端·spring