讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 人工智能 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 人工智能 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
当前位置：首页 > 后端开发 > php教程 >

正文

0

0

Laravel 管理后台集成：内容管理最佳实践

霞舞

霞舞

发布时间：2025-10-18 09:02:01

|

992人浏览过

|

来源于php中文网

原创

laravel 管理后台集成：内容管理最佳实践

本文档旨在指导开发者如何在 Laravel 框架下构建一个内容管理系统（CMS），并解决在前端页面展示管理后台数据时遇到的“Undefined variable”错误。我们将以博文管理和关于我们信息管理为例，详细讲解后台数据录入、编辑、展示的完整流程，并提供关键代码示例和注意事项，帮助开发者快速搭建可维护、易扩展的内容管理系统。

问题分析与解决方案

出现 Undefined variable: aboutresult 错误的原因是在 user.english.index 视图中使用了 $aboutresult 变量，但在对应的控制器方法 EngHafizController@home 中，只将 $result 变量传递给了视图。

正确的做法是将 $aboutresult 和 $result 两个变量都传递给 user.english.index 视图。修改后的 EngHafizController@home 方法如下：

get();
        $data['result'] = DB::table('posts')->get();
        return view('user.english.index', $data);
    }

    // ... 其他方法
}

解释：

  • $data['aboutresult'] = DB::table('abouts')->get();：从 abouts 表中获取所有数据，并将其赋值给 $data 数组中的 aboutresult 键。
  • $data['result'] = DB::table('posts')->get();：从 posts 表中获取所有数据，并将其赋值给 $data 数组中的 result 键。
  • return view('user.english.index', $data);：将包含 aboutresult 和 result 键的 $data 数组传递给 user.english.index 视图。

内容管理系统构建步骤

以下将更详细地介绍如何构建一个完整的内容管理系统，包括后台管理和前台展示两部分。

1. 数据库设计

首先，需要设计数据库表结构。根据需求，我们创建了 posts 表用于存储博文信息，abouts 表用于存储“关于我们”信息。

posts 表结构：

字段名 数据类型 说明
id INT 主键，自增
title VARCHAR(255) 标题 1
description TEXT 描述 1
title2 VARCHAR(255) 标题 2
description2 TEXT 描述 2
image VARCHAR(255) 图片 1 文件名
image2 VARCHAR(255) 图片 2 文件名
created_at TIMESTAMP 创建时间
updated_at TIMESTAMP 更新时间

abouts 表结构：

字段名 数据类型 说明
id INT 主键，自增
title3 VARCHAR(255) 标题
heading3 VARCHAR(255) 标题
description3 TEXT 描述
image3 VARCHAR(255) 图片文件名
created_at TIMESTAMP 创建时间
updated_at TIMESTAMP 更新时间

可以使用 Laravel 的 Migration 来创建这些表：

php artisan make:migration create_posts_table
php artisan make:migration create_abouts_table

然后在对应的 Migration 文件中定义表结构。

2. 后台管理功能实现

后台管理功能主要包括数据的增删改查（CRUD）操作。

2.1 模型创建

首先，创建对应的 Eloquent 模型：

php artisan make:model Post
php artisan make:model About

2.2 控制器实现

创建控制器 PostController 和 AboutController 来处理后台请求。

I-Shop购物系统
I-Shop购物系统

部分功能简介：商品收藏夹功能热门商品最新商品分级价格功能自选风格打印结算页面内部短信箱商品评论增加上一商品，下一商品功能增强商家提示功能友情链接用户在线统计用户来访统计用户来访信息用户积分功能广告设置用户组分类邮件系统后台实现更新用户数据系统图片设置模板管理CSS风格管理申诉内容过滤功能用户注册过滤特征字符IP库管理及来访限制及管理压缩，恢复，备份数据库功能上传文件管理商品类别管理商品添加/修改/

下载

PostController：

orderBy('id','desc')->get();
        return view('admin.post.list',$data);
    }
    function submit(Request $req)
    {
      //validation
      $req->validate([
        'title'        => 'required',
        'description'  => 'required',
        'title2'        => 'required',
        'description2'  => 'required',
        'image'        =>  'mimes: jpg,jpeg,png',
        'image2'        => 'mimes: jpg,jpeg,png'
      ]);

      //storing image
      $image=$req->file('image');
      $ext = $image->extension();
      $file=time().'.'.$ext;
      $image->storeAs('public/post',$file);

      $image2=$req->file('image2');
      $ext2 = $image2->extension();
      $file2=time().'.'.$ext2;
      $image2->storeAs('public/post/secondbanner',$file2);


      //array
      $data = array(
        'title'        => $req->input('title'),
        'description'  => $req->input('description'),
        'title2'        => $req->input('title2'),
        'description2'  => $req->input('description2'),
        'image'        => $file,
        'image2'        => $file2,


      );
      //inserting data
      DB::table('posts')->insert($data);
      $req->session()->flash('msg','Data has been Added'); 
      return redirect('/admin/post/list');
    }
    function delete(Request $req , $id)
    {
      DB::table('posts')->where('id',$id)->delete();
      $req->session()->flash('msgForDelete','Data has been Deleted'); 
      return redirect('/admin/post/list');
    }
    function edit(Request $req , $id)
    {
      $data['result'] = DB::table('posts')->where('id',$id)->get();
        return view('admin.post.edit',$data);
    }
    function update(Request $req , $id)
    {
      //validation
      $req->validate([
        'title'        => 'required',
        'description'  => 'required',
        'title2'        => 'required',
        'description2'  => 'required',
        'image'        => 'mimes: jpg,jpeg,png',
        'image2'        => 'mimes: jpg,jpeg,png'
      ]);
      //array
      $data = array(
        'title'        => $req->input('title'),
        'description'  => $req->input('description'),
        'title2'        => $req->input('title2'),
        'description2'  => $req->input('description2'),
      );

      if($req->hasfile('image'))
      {
        $image=$req->file('image');
        $ext = $image->extension();
        $file=time().'.'.$ext;
        $file2=time().'.'.$ext;
        $image->storeAs('public/post/',$file,$file2);
        $data['image']=$file;
      }

      if($req->hasfile('image2'))
      {
        $image2=$req->file('image2');
        $ext = $image2->extension();
        $file2=time().'.'.$ext;
        $image2->storeAs('public/post/secondbanner',$file2);
        $data['image2']=$file2;
      }

      //updating data
      DB::table('posts')->where('id',$id)->update($data);
      $req->session()->flash('msg','Data has been Updated'); 
      return redirect('/admin/post/list');
    }
}

AboutController：

orderBy('id','desc')->get();
        return view('admin.post.about.aboutlist',$data);
    }
    function about_submit(Request $request)
    {
      //validation
      $request->validate([
        'title3'        => 'required',
        'heading3'      => 'required',  
        'description3'  => 'required',
        'image3'        => 'mimes: jpg,jpeg,png'
      ]);

      //storing image
      $image3=$request->file('image3');
      $ext = $image3->extension();
      $file=time().'.'.$ext;
      $image3->storeAs('public/post/about_image',$file);
      //array
      $data = array(
        'title3'        => $request->input('title3'),
        'heading3'        => $request->input('heading3'),
        'description3'  => $request->input('description3'),
        'image3'        => $file,
      );

      //inserting data
      DB::table('abouts')->insert($data);
      $request->session()->flash('msg','Data has been Added'); 
      return redirect('/admin/post/about/aboutlist');
    }
    function about_delete(Request $request , $id)
    {
      DB::table('abouts')->where('id',$id)->delete();
      $request->session()->flash('msgForDelete','Data has been Deleted'); 
      return redirect('/admin/post/list');
    }
    function about_edit(Request $request , $id)
    {
      $data['aboutresult'] = DB::table('abouts')->where('id',$id)->get();
        return view('admin.post.about.aboutedit',$data);

    }
    function about_update(Request $request , $id)
    {
      //validation
      $request->validate([
        'title3'        => 'required',
        'heading3'      => 'required',  
        'description3'  => 'required',
        'image3'        => 'mimes: jpg,jpeg,png'
      ]);
      //array
      $data = array(
        'title3'        => $request->input('title3'),
        'heading3'        => $request->input('heading3'),
        'description3'  => $request->input('description3'),
      );

      if($request->hasfile('image3'))
      {
        $image3=$request->file('image3');
        $ext = $image3->extension();
        $file=time().'.'.$ext;
        $image3->storeAs('public/post/about_image',$file);


        $data['image3']=$file;
      }
      //updating data
      DB::table('abouts')->where('id',$id)->update($data);
      $request->session()->flash('msg','Data has been Updated'); 
      return redirect('/admin/post/about/aboutlist');
    }
}

2.3 视图创建

创建对应的 Blade 视图文件，用于展示数据和提供表单。例如：

  • admin/post/list.blade.php：博文列表
  • admin/post/add.blade.php：添加博文
  • admin/post/edit.blade.php：编辑博文
  • admin/post/about/aboutlist.blade.php：关于我们列表
  • admin/post/about/aboutadd.blade.php：添加关于我们信息
  • admin/post/about/aboutedit.blade.php：编辑关于我们信息

示例：admin/post/list.blade.php

@extends('admin.layouts.app')
@section('main-content')



    

        

           
English Home Section

            
{{session('msg')}}

            
{{session('msgForDelete')}}

        

        

          Add Post
         

        
        

           
                 @foreach ($result as $list)
                 
                 @endforeach
                

              
                 

                    ID
                    Title 1
                    Description 1
                    Title 2
                    Description 2
                    Image 1
                    Image 2
                    Action
                 

              
              
              

                  {{$list->id}}
                  {{$list->title}}
                  {{$list->description}}
                  {{$list->title2}}
                  {{$list->description2}}
                  @@##@@image) }}" width="150px"/> @@##@@image2) }}" width="150px"/>             
Edit
                     Delete
                  
                

              
                 

                    ID
                    Title 1
                    Description 1
                    Title 2
                    Description 2
                    Image 1
                    Image 2
                    Action
@endsection

2.4 路由配置

在 routes/web.php 文件中配置后台路由：

Route::group(['prefix' => 'admin/post'], function () {
    Route::get('list', [App\Http\Controllers\admin\Post::class, 'listing']);
    Route::get('add', function () {
        return view('admin.post.add');
    });
    Route::post('submit', [App\Http\Controllers\admin\Post::class, 'submit']);
    Route::get('delete/{id}', [App\Http\Controllers\admin\Post::class, 'delete']);
    Route::get('edit/{id}', [App\Http\Controllers\admin\Post::class, 'edit']);
    Route::post('update/{id}', [App\Http\Controllers\admin\Post::class, 'update']);

    // About Routes
    Route::group(['prefix' => 'about'], function () {
        Route::get('aboutlist', [App\Http\Controllers\admin\AboutController::class, 'about_listing']);
        Route::get('about', function () {
            return view('admin.post.about.about');
        });
        Route::post('aboutsubmit', [App\Http\Controllers\admin\AboutController::class, 'about_submit']);
        Route::get('aboutdelete/{id}', [App\Http\Controllers\admin\AboutController::class, 'about_delete']);
        Route::get('aboutedit/{id}', [App\Http\Controllers\admin\AboutController::class, 'about_edit']);
        Route::post('aboutupdate/{id}', [App\Http\Controllers\admin\AboutController::class, 'about_update']);
    });
});

3. 前台展示功能实现

前台展示功能负责将后台管理的数据展示给用户。

3.1 控制器修改

如前面所述，确保 EngHafizController@home 方法正确传递数据。

3.2 视图修改

修改 user.english.index 视图，正确展示数据。


@foreach ($result as $list)
    @@##@@image) }}" class="d-block w-100" alt="...">
    

        
{{ $list->title }}

                                   
        
{{ $list->description }}
                              
        Read More
    

    

        @@##@@image2) }}" class="d-block w-100" alt="...">
        
{{ $list->title2}}

        
{{ $list->description2 }}

    

@endforeach


@foreach($aboutresult as $aboutlist)
    

        
{{$aboutlist->title3}}

    

@endforeach

代码优化与注意事项

  • 使用 Eloquent 模型： 尽量使用 Eloquent 模型来操作数据库，而不是直接使用 DB::table()，这样可以提高代码的可读性和可维护性。
  • 图片存储路径： 建议将图片存储在 public/storage 目录下，并在 .env 文件中配置 FILESYSTEM_DISK=public，然后使用 php artisan storage:link 命令创建软链接。
  • 表单验证： 使用 Laravel 的表单验证功能，确保数据的有效性。
  • 错误处理： 完善错误处理机制，例如使用 try-catch 块捕获异常，并记录日志。
  • 权限控制： 根据实际需求，添加权限控制功能，限制不同用户对后台管理功能的访问。
  • 前端优化： 使用前端框架（如 Vue.js、React）来构建交互性更强的用户界面。

总结

本文详细介绍了如何在 Laravel 框架下构建一个内容管理系统，并解决了在前端页面展示管理后台数据时遇到的“Undefined variable”错误。通过遵循本文档的步骤和建议，开发者可以快速搭建一个可维护、易扩展的内容管理系统，满足各种业务需求。

Laravel 管理后台集成：内容管理最佳实践Laravel 管理后台集成：内容管理最佳实践

相关文章

kali怎么挖php漏洞_用uniscan探测php站隐藏漏洞点【技巧】

php二维转一维包含子数组_php含子数组降维array_reduce【教程】

php代码示例怎样实现分页功能_php分页功能代码示例详解【示例】

php格式文件怎么用emeditor打开_emeditor打开php设置【步骤】

php判断字符串长度包含html标签吗_php去标签测长度法【技巧】

相关标签:

php vue react laravel js 前端 go vue.js svg cms cad app laravel 前端框架 数据类型 表单验证 try catch public JS undefined table 数据库

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：Laravel：更新模型数据时避免修改时间戳 下一篇：从 PHP API 获取数据并填充 Flutter 表格

作者最新文章

如何使用XPath结合data属性精准提取HTML元素内容

2026-01-27 09:43

《生化危机：代号维罗妮卡》重制版首批细节 2027年Q1发售

2026-01-27 09:44

JavaScript 中数组浅拷贝与深拷贝的正确用法详解

2026-01-27 09:47

如何正确将完整字符串赋值给HTML文本输入框

2026-01-27 09:58

《刺客信条》系列负责人起诉育碧 外媒分析或会影响《刺客信条》系列未来

2026-01-27 09:59

《寂静岭2：重制版》开发者表示 我们正在见证恐怖游戏的复兴

2026-01-27 10:10

《恶意不息》合作玩法盘活了整个游戏 Steam峰值超6万人

2026-01-27 10:11

《筑梦颂》开发商新作《Star Birds》更新：加入餐饮流水线与关卡生成器

2026-01-27 10:26

《巅峰守卫》Steam多半差评 上线几个小时流失一半玩家

2026-01-27 10:31

苹果发布iOS 26.2.1：适配AirTag 2！iPhone 15及以上必升

2026-01-27 10:34

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

AI 编程开发AI 聊天问答
豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

AI 编程开发AI大模型
通义千问
通义千问

阿里巴巴推出的全能AI助手

AI 编程开发Agent智能体
腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文档处理AI 聊天问答
文心一言
文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI 编程开发AI 文本写作
讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

AI 文本写作中文写作
即梦AI
即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接图画生成
ChatGPT
ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI 编程开发AI 文本写作
智谱清言 - 免费全能的AI助手
智谱清言 - 免费全能的AI助手

智谱清言 - 免费全能的AI助手

AI 编程开发Agent智能体

相关专题

更多
laravel组件介绍
laravel组件介绍

laravel 提供了丰富的组件，包括身份验证、模板引擎、缓存、命令行工具、数据库交互、对象关系映射器、事件处理、文件操作、电子邮件发送、队列管理和数据验证。想了解更多laravel的相关内容，可以阅读本专题下面的文章。

319

2024.04.09

laravel中间件介绍
laravel中间件介绍

laravel 中间件分为五种类型：全局、路由、组、终止和自定。想了解更多laravel中间件的相关内容，可以阅读本专题下面的文章。

278

2024.04.09

laravel使用的设计模式有哪些
laravel使用的设计模式有哪些

laravel使用的设计模式有：1、单例模式；2、工厂方法模式；3、建造者模式；4、适配器模式；5、装饰器模式；6、策略模式；7、观察者模式。想了解更多laravel的相关内容，可以阅读本专题下面的文章。

372

2024.04.09

thinkphp和laravel哪个简单
thinkphp和laravel哪个简单

对于初学者来说，laravel 的入门门槛较低，更易上手，原因包括：1. 更简单的安装和配置；2. 丰富的文档和社区支持；3. 简洁易懂的语法和 api；4. 平缓的学习曲线。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。

374

2024.04.10

laravel入门教程
laravel入门教程

本专题整合了laravel入门教程，想了解更多详细内容，请阅读专题下面的文章。

85

2025.08.05

laravel实战教程
laravel实战教程

本专题整合了laravel实战教程，阅读专题下面的文章了解更多详细内容。

65

2025.08.05

laravel面试题
laravel面试题

本专题整合了laravel面试题相关内容，阅读专题下面的文章了解更多详细内容。

68

2025.08.05

数据类型有哪几种
数据类型有哪几种

数据类型有整型、浮点型、字符型、字符串型、布尔型、数组、结构体和枚举等。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。

309

2023.10.31

俄罗斯Yandex引擎入口
俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总，涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

158

2026.01.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

相关下载

更多
I-Shop购物系统
易企CMS1.8
网奇.NET商城系统
绿色大气办公家具类企业织梦模板1.0
易通cmseasy免费的企业建站程序2.0 UTF-8 build 201000510 中文版
巨人企业网站管理系统2.0
贝特协同办公系统(BetterCOS)

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PHP课程
PHP课程

共137课时 | 9.9万人学习

JavaScript ES5基础线上课程教学
JavaScript ES5基础线上课程教学

共6课时 | 11.2万人学习

PHP新手语法线上课程教学
PHP新手语法线上课程教学

共13课时 | 0.9万人学习

最新文章

更多
如何在 Laravel 表单过滤后精准保留多选框（Checkbox）的选中状态
如何在 Laravel 表单过滤后正确保持复选框（checkbox）的选中状态
WooCommerce 订阅商品加入购物车后自动跳转至结算页的精准实现
如何在 Laravel 表单过滤后精准保持复选框选中状态
如何安全地将点分隔字符串转换为多维数组（避免使用 eval）
将字符串路径安全转换为多维数组的 PHP 实现方案
如何防止表单在 JavaScript 确认逻辑未通过时重复提交
如何在 WooCommerce 中实现订阅产品加入购物车后自动跳转至结算页
如何正确实现表单提交前的 JavaScript 确认验证
如何在 WooCommerce 中实现订阅产品加入购物车后自动跳转至结算页面
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部