[Day25] 第二十五章-新增空白的point表单 (跨资料查询还有对应细节)

前言

昨天我们完成了point简单的read 跟route model controll等
今天我们在进入评分前有一件很重要的事情要先做
也就是说point表单
比如说roni 对 amdin使用者的化学技能评分前

我们需要先判断是否有评分过!?

如果有评分过我们的api要改成patch也就是更新分数
如果没有评分过! 那我们要新增一个point的纪录表来记录我们的评分

这些是非常重要喔
那要如何判断呢
user_id(技能拥有者)
judge_user_id(评分者ID)
skill_id(技能ID)

也就是说我们要茶道第一个是技能拥有者是谁?然後技能是哪种?还有现在评分的人是谁?
这件事情在做对应是非常重要的一件事喔!
新手可能会被这这种逻辑搞到头昏眼花

目标

建立好前端ajax
建立好一张新的point表单

实作

在前端views/point/index.blade.php中

<head>
  <!-- Scripts -->
  <script src="{{ asset('js/app.js') }}" defer></script>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"> </script>
  <!-- Styles -->
  <link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>

<body>
  <div>
    <table class="table table-bordered">
      <thead>
        <tr>
          <th>ID</th>
          <th>标题</th>
          <th>使用者ID</th>
          <th>技能评分</th>
        </tr>
      </thead>
      <tbody>
        @foreach($skills as $skill )
        <tr>
          <td>{{$skill->id}}</td>
          <td>{{$skill->title}}</td>
          <td>{{$skill->user_id}}</td>
          <td><button type="button" class="btn btn-primary" onclick="myFunction('{{$skill->id}}','{{$skill->user_id}}')">进入评分</button></td>
        </tr>
        @endforeach
      </tbody>
    </table>
  </div>
</body>

<script>
  function myFunction(skill_id, user_id) {
    var data = {
      skill_id,
      user_id
    }
    $.ajax({
        method: "POST",
        url: "/points",
        dataType: 'json',
        data
      })
      .done(function(msg) {
        console.log(msg)
      });
  }
</script>

我们要把skill_id跟持有者id传到後端在做表单控制

在button function中我们可以把两个参数带入
然後透过ajax把它送到後端

public function store(Request $request)
    {
        //
        $data  = $request->all();
        $user = Auth::user();
        $result = Point::query()
            ->where('user_id', '==', $data['user_id'])
            ->where('judge_user_id', '==', $user->id)
            ->where('skill_id', '==', $data['skill_id'])->get()->first();
        if (empty($result)) {
            $newpointdata = new Point;
            $newpointdata->user_id = $data['user_id'];
            $newpointdata->judge_user_id = $user->id;
            $newpointdata->skill_id = $data['skill_id'];
            $newpoint = $newpointdata->save();
            dd($newpoint);
            return $newpoint;
        }

        // return empty($result);
    }