【PHP项目实战训练】——laravel框架的实战项目中mysql数据库的数据的数据在blade.php中展示

曼亿点 2024-07-19 12:05:06 阅读 78

在这里插入图片描述


👨‍💻个人主页:@开发者-曼亿点

👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!

👨‍💻 本文由 曼亿点 原创

👨‍💻 收录于专栏:PHP程序开发


请添加图片描述

请添加图片描述

文章目录

⭐前言⭐🎶将Mysql的内容展示在blade中代码解析:结束语🥇


⭐前言⭐

在 Web 开发中,将数据库中的数据展示在页面上是非常常见的需求之一。Laravel 框架提供了强大的工具和简洁的语法来处理数据库操作,使得数据展示变得简单而高效。本教程将指导您如何使用 Laravel 框架从 MySQL 数据库中检索数据,并将其展示在 Web 页面上,为您的用户提供丰富的内容和良好的用户体验。

前提条件:

已经安装了 Composer 和 Laravel 开发环境。

拥有一个 MySQL 数据库,并且已经在 Laravel 项目中配置好数据库连接。

步骤概述:

1.创建数据库模型和迁移: 使用 Laravel 的迁移工具创建数据库表,并创建相应的模型来与数据库表进行交互。

2.填充数据库: 如果数据库中没有数据,您可以使用 Laravel 的数据填充功能或手动添加数据到数据库表中。

3.创建路由: 在 routes/web.php 文件中设置路由,定义要在页面上展示数据的路由地址。

4.编写控制器方法: 创建一个控制器,并编写相应的方法来处理路由请求。在方法中,从数据库中检索数据并将其传递给视图。

5.创建视图: 使用 Blade 模板引擎创建视图文件,并在其中编写 HTML 和 PHP 代码来展示从数据库中检索到的数据。

6.展示数据: 在视图文件中使用循环结构,逐条展示从数据库中检索到的数据,并设计页面布局和样式使数据呈现更加美观和易读。


🎶将Mysql的内容展示在blade中


在数据库中添加以下的字段,可以自行添加自己想要的内容:

在这里插入图片描述

现在展示master.blade.php的代码:

<code>

<html lang="en">code>

<head>

<meta charset="UTF-8">code>

<meta name="viewport"code>

content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">code>

<meta http-equiv="X-UA-Compatible" content="ie=edge">code>

<link rel="stylesheet" href={ {asset('/css/bootstrap.min.css')}}>code>

<script src={ {asset('/js/jquery-3.6.1.min.js')}}></script>

<title>学生考勤签到系统</title>

<style>

body {

cursor: pointer;

}

</style>

</head>

<body>

{ {csrf_field()}}

<div class="container">code>

<h1 style="text-align: center;margin: 30px 0">学生考勤签到系统</h1>code>

<form action="{ {asset('select')}}" method="get" id="formInfo">code>

<div>

<input type="text" name="classType" id="classType">code>

<input name="reset" type="submit" value="查询">code>

</div>

</form>

<form action="delectall.php" method="get">code>

<div style="float: right">code>

<input onclick="return alert('确定重置?')" name="reset" type="submit" value="重置">code>

</div>

</form>

<table class="table table-hover" id="info">code>

<thead>

<tr>

<th>班级</th>

<th>姓名</th>

<th>电话</th>

<th>状态</th>

<th>签到</th>

<th>操作</th>

</tr>

</thead>

<tbody>

@foreach($data as $v)

<tr>

<td>{ {$v->class}}</td>

<td>{ {$v->name}}</td>

<td>{ {$v->tel}}</td>

<td>{ {$v->zt}}</td>

<td>

<a type="submit" onclick="return confirm('是否已到场?')" href="{ {asset('updata')}}?id={ {$v->Id}}"><button>签到</button></a>code>

</td>

<td>

<button>

<a onclick="return confirm(' 确定要删除吗?')" href="{ {asset('dela')}}?id={ {$v->Id}}">删除</a>code>

</button>

</td>

</tr>

@endforeach

</tbody>

</table>

<div class="text-center">code>

<button>

<a href="{ {asset('addym')}}">添加学生</a>code>

</button>

</div>

</div>

<script>

</script>

</body>

</html>

其展示的路由为:

Route::get(“show”,[UserController::class,‘show’]);

相关控制器的代码如下:

// 列表展示

public function show()

{

$data = DB::table("student")->get();

return view("master",["data"=>$data]);

}

效果展示图:

在这里插入图片描述

代码解析:

$data 通过DB::table(“student”)->get();获取student表相关的全部数据,取得数据或通过return view(“master”,[“data”=> $ data]); 跳转到master.blade.php中,并将student表中的数据传输给master.blade.php中的data中,由此可见小小的data,里面包含了student表中的全部内容。最后通过@foreach( $ data as $v)循环将其一 一的获取得到, { { $v->class}}此方法是对列名的获取,以此内推即可得到。


结束语🥇

以上就是PHP程序设计

持续更新PHP程序设计教程,欢迎大家订阅系列专栏🔥PHP程序开发你们的支持就是曼亿点创作的动力💖💖💖

请添加图片描述



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。