javascript - Laravel 8 在视图中显示数据并将数据发送到数据库
问题描述
首先,我是编程世界的初学者。只需在今年 1 月初学习打印 hello world 即可。
对于这个项目,我使用的是 Laravel 8。
我在数据库中有 4 个表。第一个是表单,第二个是猫,catdetails是第三个,最后是cat_catdetails。每个表的属性如下:
猫表设置为具有以下数据(固定):
cat和catdetails的关系是多对多的,所以我使用cat_catdetails作为连接表,“<strong>cats and cat_catdetails ”和“<strong>catdetails and cat_catdetails ”之间的关系是一对多的< / p>
基本上我想要实现的目标是这样的
cat_catdetails 表:
在视图中,我创建了这样的东西
选中复选框后,用户可以输入详细信息(此代码已完成)。
到目前为止,这是我能做到的:
<div class="row">
<div class="col">
<table class="table table-bordered table-hover">
<tr>
<th >Cat</th>
<th >Age</th>
<th >Weight</th>
<th >Height</th>
</tr>
@foreach($cats as $cat)
<tr>
<th scope="row">
<input type="checkbox" id="name" name="name" value="{{$cat->id}}"/>{{$cat->name}}
</th>
<td><input type="number" id="age" name="age" value="" disabled /></td>
<td><input type="number" id="weight" name="weight" value="" disabled /></td>
<td><input type="number" id="height" name="height" value="" disabled /></td>
</tr>
@endforeach
</table>
</div>
</div>
问题:
- 如何为这个项目配置控制器?
- 如何使用 @foreach 在视图中显示它并分配每个输入 id ?
- 我的数据库和表流是否可以接受?有什么简单的方法吗?
对不起,如果我的问题很愚蠢。我真的希望有专家能指导我完成这个项目。
谢谢你。
解决方案
首先,您需要了解如何处理数据库。请参阅此链接,以便您了解关系建模中的工作方式。
我不知道您是否真的在做多对多关系,因为您的数据库模型是这样说的,但是您的接口与您的数据库模型不匹配。感觉界面上cat
有很多。cat_datails
你还需要学习前端框架
你想用接口做的事情很难用 fullPHP
或Laravel
. 您可以使用替代前端框架ajax
,如vue js、livewire或其他前端框架。
您也可以检查这个tallstack。该堆栈用于简化 laravel 项目的工作流程。
你检查这个教程
你可以看看这个,也许你可以从他们那里学到一些东西。
Laracast的一些基本内容在这里,其他视频也是免费的。
Coders Tape他可以很好地解释基本。
希望这会帮助你解决你的问题
推荐阅读
- javascript - 添加数据后 Cloud Firestore 数据未更新
- c++ - basic_iostream 和 iostream 的区别?
- javascript - JS“语法错误:预期的表达式,得到'>'”对象内带有箭头函数
- oracle - 无法使用 DBeaver 连接到远程 Oracle 数据库
- filter - 在 Google 表格中过滤值或空白
- dart - Webdev 因意外异常而失败 (Dart SDK 2.0.0-dev.69.1)
- angular - Angular 2+中组件类的Typescript中的类型是什么?
- xaml - Using method from another class in Xamarin
- mysql - MYSQL中空值的左连接
- batch-file - 使用 robocopy 复制今天创建或修改的文件