kazpgmの日記

『プログラム自動作成@自動生成』作成の日記

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

8:14
さて、ページングと、詳細、更新、削除ボタン付けをやっつける。
11:53
①と思ってたが、並び順を忘れてた。ので、割と簡単そうな、並び順を作っている。まず、Flutter側画面

class _UserListState extends State<UserList> {
・・・
  final List<String> _selectItems = ["id", "name", "email", "roles", "enableFlag"];
  final List<String> _selectItemNames = ["ID", "名前", "メールアドレス", "ロール", "可否フラグ"];
  final List<DropdownMenuItem<int>> _items = [];
  int _selectItem = 0;
・・・
  Widget build(BuildContext context) {
・・・
      body: Form(
        key: _formKey,
        child : ListView(
          controller: _scrollController,
          children: _makeWidgets(),
       ),
      ),
・・・
  }
  List<Widget> _makeWidgets() {
      if (_selectedIndex == 0) {
        return _makeCndsWidgets();
      } else {
        return _makeListWidgets();
      }
  }
・・・
  List<Widget> _makeListWidgets() {
・・・
      // 並び順選択
      contentWidgets.add(Center(
        child:Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            const Text("並び順 : ",
              overflow: TextOverflow.clip,
            ),
            DropdownButton(
              items: _items,
              value: _selectItem,
              icon: const Icon(Icons.arrow_downward),
              elevation: 16,
              style: const TextStyle(color: Colors.deepPurple),
              underline: Container(
                height: 2,
                color: Colors.deepPurpleAccent,
              ),
              onChanged: (value) {
                setState(() {
                  _selectItem = value as int;
・・・・・・ここに、バックエンド(SpringBoot)を呼び出して、一覧表を細心にするロジックをこれから作る。
                });
              },
            ),
        ]),
      ),
      );
・・・
    return contentWidgets;
  }
  /// 並び順のドロップダウンリストを作成する
  void setItems() {
    for (int i = 0; i < _selectItemNames.length; i++) {
      _items.add(DropdownMenuItem(
        value: i,
        child: Text(_selectItemNames[i]),
      ));
    }
  }

  void initState() {
    super.initState();
    ・・・
    setItems();
    _selectItem = 0;
  }

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