Question

在我的应用程序中，我构建了一个页面，用户可以在其中看到一个进度条，该进度条显示在后台发生的操作的进度。此进度条的一部分如下：如果数据库中存在具有特定ID的某个行，则必须检入jQuery。如果确实存在，则进度条必须跳至30％。如果它不存在那么它必须什么都不做。

我有一个名为Droplets的数据库表，其中有一个名为Webshop_id的字段。如果此表中存在Droplet，其中webshop_id具有用户刚刚创建的droplet，则进度条将变为30％。

要澄清的小摘要

使用jQuery检查数据库中是否存在webshop_id if( Droplet::where("webshop_id", "=", $webshop->id)->exists()) Make the progress bar 30% in width else { Just do nothing }
如果确实存在，请将进度条的宽度设置为30％;
如果它不存在。什么都不做。

PHP中关于此问题的简单if语句看起来像这样

@extends('layouts.home') @section('content')
<div class="container" id="showEffect">
<div class="row justify-content-md-center">
<div class="col-md-10">
  <div class="card depth-5 p-4 mb-5">
    <div class="card-header p-4 bg-white">
      <div class="row">
        <div class="col-md-12">
          <h2 class="mb-4 text-green"><i class="fal fa-check-circle mr-3"></i> Payment succesfull!</h2>
        </div>
        <div class="col-md-8">
          <p class="text-muted m-0">Thank you! Your payment has been recieved! The order is confirmed. A reciept is being send to <b>{{ $order->user->email }}</b></p>
        </div>
      </div>
    </div>
    <div class="card-body">
      <div class="row">
        <div class="col-md-12">
          <h5>Summary</h5>
          <div class="card depth-2">
            <div class="card-body">
              <div class="row">
                <div class="col-md-6 text-right">
                  <ul class="list-unstyled">
                    <li class="text-muted">Payment ID:</li>
                    <li class="text-muted">Order date:</li>
                    <li class="text-muted">Payment method:</li>
                    <li class="text-muted">Total sum: </li>
                  </ul>
                </div>
                <div class="col-md-6 text-left">
                  <ul class="list-unstyled">
                    <li>{{ $payment->id }}</li>
                    <li>{{ $order->created_at->toFormattedDateString() }}</li>
                    <li>{{ $payment->method }}</li>
                    <li>€ {{ $order->price_sum }}</li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="card-footer mt-3 bg-white">
      <h4>Your Webshop</h4>
      <p class="text-muted">Your webshop is installing! We advise you not to click away if u want to prevent cancelling the installation</p>

      <div class="row">
        <div class="col-md-12 text-right">
          <h3>37%</h3>
        </div>
        <div class="col-md-12 mb-3">
          <div class="progress mb-3">
            <div id="progress-install" class="progress-bar andcode-progress progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100" style="width: 10%"></div>
          </div>
        </div>
        <div class="col-md-12 text-right">
          <a href="" class="btn btn-orange disabled">See the result</a>
        </div>
      </div>
    </div>
  </div>
</div>
</div>
</div>

{{ $webshop->id }}

<div class="andcode-clouds">

</div>
<script>
$(document).ready(function() {
var checkdb = function() {
  // Bestaat de droplet met de webshop id van de aangemaakte webshop in de database. Als deze wel bestaat, Spring naar 30%. Als hij niet bestaat. Dan niks
  var ele = document.getElementById('progress-install');
  ele.style.width = 30 + '%';
 };
 setInterval(checkdb(), 1000 * 60);
 })
 </script>
 @endsection

但是这需要在jQuery中完成，以使进度条的宽度达到30％。处理这个问题的最佳方法是什么？

需要发生这种情况的页面如下所示。

{{ $webshop->id }}

我可以随时在此刀片文件中拨打<a>。此ID必须与小滴表中的“Webshop_ID”匹配

Answer 1

使用您的逻辑

创建一个控制器功能

function() {
    if( Droplet::where("webshop_id", "=", $webshop->id)->exists())

       $id_exists = 1;

    else {

        $id_exists = 0;

    }

    return response()->json(['id_exists' => $id_exists]);
}

然后在你的刀片文件中

在脚本中对上面的控制器函数进行ajax调用并获取id_exists的值现在你可以决定是否在这个结果上显示进度条

Answer 2

您可以使用这种方式从数据库和控制器验证中执行此操作

$table->string('abc')->unique();

这是迁移文件中的表列

$this->validate($request,[
    'abc'=>'table_name:unique',
]);

这是您的控制器代码，其中 abc 是您的请求密钥 $ table-＆gt;字符串（＆＃39; abc＆＃39;） - ＆gt; unique（）; 这是您的表的列名，table_name是您必须用自己的表替换的表名名。

Laravel jQuery - 检查数据库中是否存在行

2 个答案: