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

前端

相关推荐
孙克旭_10 小时前
Docker 镜像构建|Vue+SpringBoot+Go 多语言项目 Dockerfile 案例
linux·运维·vue.js·spring boot·docker·dockerfile
雪芽蓝域zzs11 小时前
(六)打包优化 + Nginx 部署完整配置 + 项目收尾
前端·vue.js
宿67413 小时前
vue3-pinia
前端·vue.js
小白勇闯网安圈16 小时前
Vue 进阶实战:事件修饰符、表单控制、购物车与 Ajax 请求
前端·vue.js·ajax
菀亓17 小时前
ubuntu系统mysql安装
mysql
程序员贺加贝18 小时前
别被 saveBatch 骗了:一次 MyBatis-Plus 批量插入性能排查
mysql
前端炒粉18 小时前
长会话虚拟滚动与渲染优化
前端·javascript·vue.js
l12586518 小时前
# RAG上线评估指标体系:六大核心指标与压测实战全解析
数据库·人工智能·python·mysql·langchain·milvus
宠友信息18 小时前
IM系统开发技术路线分析,即时通讯源码助力快速搭建聊天应用
java·spring boot·redis·websocket·mysql·uni-app·vue
sibylyue19 小时前
基于 Vben Admin 框架的 Vue 3 前端项目配置文件及常用命令
前端·javascript·vue.js