第2回/ToDo管理/メンバー機能実装 の履歴(No.3)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 第2回/ToDo管理/メンバー機能実装 へ行く。
  • 1 (2021-06-23 (水) 03:53:07)
  • 2 (2021-06-23 (水) 03:57:12)
  • 3 (2021-06-23 (水) 09:00:29)

第2回/ToDo管理/管理者機能実装

ToDo管理アプリケーションのメンバー機能の実装†

UI紙芝居†

• グループで相談しながら，各自で考えよ

実装方針†

メンバーのユースケースでは，ToDoの取得(UC12, UC15), 登録(UC13)，完了(UC14)を行う よって，下記の順番で実装していく

• M1: ToDoのエンティティを定義
• M2: ToDoをCRUDするレポジトリを作成
• M3: ToDoの登録フォームを作成
• M4: ToDoを登録，取得，完了するサービスを作成
  • 存在チェックや重複チェックも行う
  • ユーザ毎のToDo, Doneを取得する
  • 全員のToDo, Doneを取得する
• M5: サービスを呼び出すコントローラを作成
  • リクエストマッピング
  • 画面生成・遷移
  • ログイン(IC11)はメンバーIDの存在チェックをして，個人ページにリダイレクトすればOK．
• M6: 画面用のHTMLテンプレートを作成する

M1: Entity - エンティティ†

• enrity/ToDo.java

  @Data
  @AllArgsConstructor
  @NoArgsConstructor
  @Entity
  public class ToDo {
      @Id
      @GeneratedValue(strategy = GenerationType.IDENTITY)
      Long seq;         //通し番号
      String title;     //題目
      String mid;       //作成者
      boolean done;     //完了フラグ
      @Temporal(TemporalType.TIMESTAMP)
      Date createdAt;   //作成日時
      @Temporal(TemporalType.TIMESTAMP)
      Date doneAt;      //完了日時
  }

• @GeneratedValue(...) - IDを自動採番するときには，このように書く
• @Temporal - Date型など日時をあらわす属性につける
  • TemporalType.DATE - 日付部のみが永続化される
  • TemporalType.TIME - 時刻部のみが永続化される
  • TemporalType.TIMESTAMP - 日時ともに永続化される

M2: レポジトリ - Repository†

• repository/ToDoRepository.java
  • ヒント：自動実装されるメソッドに加えて，下記のカスタムメソッドを追加する
    • midとdoneの値でToDoを検索するメソッド　→ ユーザのToDoリスト，Doneリストを取得するのに使う
    • doneの値でToDoを検索するメソッド → 全員のToDoリスト，Doneリストを取得するのに使う

M3: フォーム - Form†

• dto/ToDoForm.java
  • 今回の属性はタイトルだけ

M4: サービス - Service†

• service/ToDoService.java
  • public ToDo createToDo(String mid, ToDoForm form) {/* メンバーmidが新しくToDoを作成する */}
  • public ToDo getToDo(Long seq) {/* 番号を指定してToDoを取得 */}
  • public List<ToDo> getToDoList(String mid) {/* midのToDoリストを取得 */}
  • public List<ToDo> getDoneList(String mid) {/* midのDoneリストを取得 */}
  • public List<ToDo> getToDoList() {/* 全員のToDoリストを取得 */}
  • public List<ToDo> getDoneList() {/* 全員のDoneリストを取得 */}

M5: コントローラ - Controller†

• controller/ToDoController.java

M6: 画面 - HTMLテンプレート†

• templates/index.html (アプリTop画面)
• 素材
  • 

• templates/list.html (自分のToDoリスト画面)
• templates/alllist.html (みんなのToDoリスト画面)

実行＆テスト†

• http://localhost:18080/

デプロイ†

• http://localhost:8080/ToDoApp/