フロント側を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