22.3.29航海996期第4週第4日TIL

4175 ワード

TIL テキストリンク

Done list

1)実施
レポート

課題要求、コメント関連UIの修正(ここをクリックしてコメントを作成)

課題要求に従ってレビューUD APIを実施する(ログイン、ユーザ認証APIと連携して使用し、レビュー作成者のみが修正/削除可能)

会員入力Validation実施(ニックネーム、パスワードが重複しているかどうか、パスワード-conmmパスワードが同じかどうかなど)

Trouble shooting

1.投稿記事作成者のみが投稿記事を修正する機能を表示します。

投稿/コメントリストに投稿/コメントを作成したユーザーのみが、ボタンの変更/削除機能を実現できます.

APIがクライアントに送信するデータは良いが、投稿/コメントリストの各投稿/コメント項目が現在ログインしているユーザーによって作成されているかどうかをクライアントに知らせる論理を書くのは難しい.

で思いついた方法は、
1)SSR方式ではクライアントから直接データを呼び出すことができないため,投稿/コメントリストの復唱はtbodyのtrタグの個数に基づいて行う.(tbody->trが最終的に生成する長さは、APIが提供するデータ配列の長さと同じである.-1の原因はtheadを排除するためである.)
2)trの属性にuserIDを入れ,ログインユーザのトークン中のuserIDと比較する!
3)2つのuserIDが同じtr修正/削除ボタンのみが表示されます.

let currentUserId_DB = response.user._id
    for ( let i =0; i < document.getElementsByTagName('tr').length-1; i++){
      let fixbtnId = $(`#fixbtn${i}`).attr('class').split('`')[1]
      if (currentUserId_DB === fixbtnId){
        $(`#fixbtn${i}`).show()
      }