関心トピックの表示

@GetMapping(SETTINGS_TAGS_URL)
public String updateTags(@CurrentUser Account account, Model model) {
       model.addAttribute(account);
       return SETTINGS_TAGS_VIEW_NAME;
}

tagを入力できるフォームが表示されると、データ情報は伝達されません.アカウント情報のみを転送!実際には、formを入力するビューで、登録した他のtags情報をクエリーできるはずです.したがって、AccountServiceのgetTagsからタグをインポートします.
Tagエンティティタイプではなく、文字列形式で送信されます.文字列タイプのリストに送信します.したがって、タグは文字列に変わり、文字列を収集してリスト送信に変換します.
…撮影後に体力トレーニングをして慣れると簡単ですが、初めて見ると難しい…

タイムラインstringユーティリティ

タイムスライスで入力する値を生成します.生成時に渡されるのは文字列リストです.
入力した文字列はListです.of(「Spring」,「Hibernaet」,「JPA」)をSpring,Hibernate,JPAに変えたいです.このようにしてこそ、tagifyは各タグとして認識される.タイムマシンが提供するstringユーティリティを使用して接続すればよい.

<input id="tags" type="text" name="tags" th:value="${#strings.listJoin(tags, ',')}"
	class="tagify-outside" aria-describedby="tagHelp"/>

tagsリストの各データをカンマで結合すると、データを変換できます.

Ajax whitelist

Dynamically-loaded suggestions list (whitelist) from the server (as the user types) is a frequent need to many.
Tagify comes with its own loading animation, which is a very lightweight CSS-only code, and the loading state is controlled by the method tagify.loading which accepts true or false as arguments.
Below is a basic example using the fetch API. I advise to abort the last request on any input before starting a new request.
予め選択を与える.他のプレイヤーが使っているtagsがあれば、展示できます.
出典:インフラストラクチャ白旗仙のSpringとJPAベースのWebアプリケーション開発
https://github.com/yairEO/tagify#ajax-whitelist