フロント側をFlutter（スマホ）Thymeleaf（PC）、バックエンド側SpringBootの自動作成勉強中

10:38
①今日は、削除ボタン時の「削除確認ダイヤログ」を作ろう。
16:09
①削除ボタン時の「削除確認ダイヤログ」ができた。
■Flutter側スマホ画面

↓ID=12を選んで削除ボタン押下。「削除確認ダイヤログ」が表示される。

↓OK押下。削除メッセージを付加して、ユーザー情報一覧画面が表示される。

■Flutter側プロフラム
・UserList.dartから「削除ボタン」あたりを抜粋

                  Container(
                    margin: const EdgeInsets.fromLTRB(5, 0, 5, 5),
                    padding: const EdgeInsets.fromLTRB(5, 0, 5, 0),
                    child: ElevatedButton(
                      onPressed: () async {
                        String? _str = await openDialogComm(context, '削除してもよろしいですか？') ;
                        if (_str == 'OK') {
                          // 情報一覧リストへ、del_do、httpアクセス
                          httpForDelDo(element["id"]);
                        }
                      },
                      style: ElevatedButton.styleFrom(
                        primary: Colors.blue,
                      ),
                      child: const Text("削除"),
                    ),
                  ),
                ]
              ),
              ],
            )
        ),
        );
      }
    }
    return contentWidgets;
  }

  Future<String?> openDialogComm(BuildContext context, String msg) async {
    var result  = await showDialog<String>(
      context: context,
      barrierDismissible: false,
      builder: (BuildContext context) {
        return SimpleDialog(
          title: Text(msg),
          children: <Widget>[
            SimpleDialogOption(child: const Text('OK'), onPressed: () {
              Navigator.pop(context, 'OK');
            },),
            SimpleDialogOption(child: const Text('キャンセル'), onPressed: () {
              Navigator.pop(context, 'CANCEL');
            },)
          ],
        );
      },
    );
    return result;
  }

■2022/06/15に、勉強した成果：『Flutter_JavaSpringプログラム自動作成◎自動生成ツール』をVectorに載せました。Zenn本も書きました。使ってみての感想や間違いの指定や、こうやったほうがいいとかの情報があればメールください。
・Vector
www.vector.co.jp
・Zenn本(Flutter_JavaSpringプログラム自動作成)
zenn.dev