node.jsでテーブル結合後の扱い方

Question

ヘディングのテキスト### 前提・実現したいこと

Expressのapp.getでテーブルを結合した後にapp.postでのクエリの適切な処理

発生している問題・エラーメッセージ

発生している問題

SNSを作っています。
トップページでのapp.getでトップページに表示する投稿のpostテーブルとicon情報を格納しているusersテーブルの結合後にapp.postの処理が適切にされないためかいいねや投稿の削除ができません。
初めて三ヶ月も経っていない若輩者で理解力が足りていませんが助言の方よろしくお願いします。

### 該当のソースコード
app.get('/',(req,res)=>{
    connection.query(                          //usersとpostを結合しusersに保存しているiconを取得
      'SELECT * FROM post JOIN users ON post.user_id=users.id ORDER BY post.id DESC',             //昇降順をpostのidの降順に
      (error,results)=>{
        res.render('top.ejs',{post:results,errors:[]});       //投稿をトップページに表示
      }
    );
  });

  app.post('/',(req,res)=>{
    const text=req.body.text;                              //req.bodyに保存されいている投稿内容を変数textに
    const user_id=req.session.userId;                      //セッションにあるuserIdをDBに記録
    const username=req.session.username;                   //ユーザーネーム
    const favo_id=req.body.favoid;                         //投稿のid
    const del_id=req.body.del;
    const errors=[];
    var today = new Date();                                //日時取得
    const todays =today.getFullYear() + "-" +  (today.getMonth()+1) + "-"+ today.getDate()  + "-" + today.getHours() + "-" + today.getMinutes();
    const imgUrl=req.body.img;                              //入力フォームの画像を代入


      connection.query(       //投稿処理
          'INSERT INTO post(text,user_id,date,username,img) VALUES(?,?,?,?,?)',
          [text,user_id,todays,username,imgUrl],
          (error, results) => {
            res.redirect('/');
          }
      );                      //これは適切に処理されています

      connection.query(      //投稿へのいいね+1後に、いいねをしたユーザーのいいね付与数を増やす
        'UPDATE post SET favo=favo+1 WHERE id=?',   //取得した投稿のidを探しいいね+1処理
        [favo_id],
        (error_p,results_p)=>{
          connection.query(
            'UPDATE users SET give_like = give_like+1 WHERE id=?',    //いいねしたユーザーの付与数+1
　　　　　　　　　　　　　　//ここをusers.give_likeなどにしても適切に動きません
            [user_id],
            (error_f,results_f)=>{
            });
        });


      connection.query(                 //投稿idを取得し削除
　　　　　　　//この記述では動きません
        'DELETE FROM post WHERE post.id=?',
        [del_id],
        (error_d,results_d)=>{

        }
      );
  });

<div class="post-wrapper">
            <%post.forEach((posted)=>{%>

            <div class="post">
                <img class="icon" src="<%=posted.icon%>">
                <a href=""><%=posted.username%></a>    <!--投稿者-->
                <p class="post-info">|　　<%=posted.date%> <span class="like"><form action="/" method="post" id="like-form"><%=posted.favo%></span> <button type="submit" name="favoid" value="<%=posted.id%>" id="favo-submit"><i class="fas fa-hands"></i></button></form>
                
                    <%if(posted.user_id ===locals.userId){%>
                        <form action="/" method="post" id="del">
                            <button type="submit" name="del" value="<%=posted.id%>">delete</button>
                        </form>
                    <%}%></p>         <!--投稿日表示-->
                
                
                <div class="content">
                    <p><%=posted.text%></p>         <!--投稿内容-->
                </div>
                <%if(posted.img===""){%>     <!--画像のアドレスを入力しimgタグで表示-->
                    
                <%}else{%>
                    <img class="content-img" src="<%=posted.img%>" alt="">
                <%}%>
            </div>
            <%})%>
        </div>

	#	名前	タイプ	照合順序	属性	NULL	デフォルト値	コメント
	1	id 主	int(11)		　　　　	いいえ	なし		AUTO_INCREMENT

	2	username	varchar(15)　utf8mb4_general_ci　いいえ　なし
	3	email	varchar(30)　utf8mb4_general_ci　いいえ　なし	
	4	password	char(50)　utf8mb4_general_ci　いいえ　なし
	5	give_like	int(10)		　　　　いいえ	0	
	6	have_like	int(10)		　　	いいえ	なし
	7	icon	char(150)　utf8mb4_general_ci　いいえ　/images/adminster.jpg	

	#	名前	タイプ	照合順序	属性	NULL	デフォルト値	コメント	
	1	id 主	int(11)			　　　　　いいえ	なし		AUTO_INCREMENT
	2	text	varchar(100)utf8mb4_general_ci	はい	NULL			
	3	favo	int(10)		　　　　　	いいえ　	0				
	4	user_id	int(11)			　　　いいえ	なし				
	5	date	char(20)　utf8mb4_general_ciいいえ	なし			
	6	username　varchar(15)　utf8mb4_general_ci　いいえ	なし			
	7	img	varchar(1000)	utf8mb4_general_ci　いいえ　なし			

試したこと

結合をやめた場合は正常にいいねや削除の処理ができるため、テーブル結合後のクエリの扱いへの理解が足りていないようです。(ORDER BYで結合しサイト上で表示されているデータを取得するexpressの記述法)

HTMLで削除の処理の記述で取得したpos.idの代わりに整数の値をnode.jsに渡し直接クエリの削除を試みましたが処理されませんでした。
やはりクエリの処理がおかしいようです。

####補足情報（FW/ツールのバージョンなど）

Comments

[nonoshu]

post テーブルと　users テーブルのテーブル構造は提供可能ですか？
HTMLにセットした　id　の値 が質問者さんの意図した値になっていないのではと想像しています。

提供が難しい場合はデバッグして
HTML側に意図した値がセットされているか確認するのも
解決への道です。

Answer 1

自己解決しました。
どうやらpostテーブルとusersテーブルの両方にidカラムがあったことが原因のようです。
console.logで結合後のSQLを見てみるとpostのidがなくusersのidしか表示されていませんでした。

他にもっとスマートなやり方があると思いますが私はpostのidカラムをpost_idとusersのidと分けることで正常に処理されました。
ありがとうございました。

Comments

[tuna-kan]

追記ですが、普通にSQLの時点でidを変更すれば動くと思います。

変更前
'SELECT * FROM post JOIN users ON post.user_id=users.id ORDER BY post.id DESC'

変更後
'SELECT *,post.id AS post_id FROM post JOIN users ON post.user_id=users.id ORDER BY post.id DESC'