タグ

Thymeleafに関するJHashimotoのブックマーク (6)

  • SpringBoot+ThymeleafのアプリでCSSが読み込めない - Qiita

    サーバーサイドの勉強のためにSpringBootで簡単なTodoアプリを作ってるのですが、CSSが全然ロードしてくれなくて結構な沼にハマったのでメモ。 パスの問題? まず疑ったのがパスの指定の仕方。あるあるですからね。 いろんなパスの指定の仕方を試しました。それでもうまく行きません。 src/main/resources ├── application.properties ├── dump.sql ├── static │   ├── css │   │   └── style.css │   └── js └── templates ├── category │   └── list.html └── todo └── list.html ../../static/css/style.cssってやってみたり、css/style.cssってやってみたり・・ ステータスコード400 ここで

    SpringBoot+ThymeleafのアプリでCSSが読み込めない - Qiita
  • Thymeleaf3で改行コードを改行タグに変換する独自ダイアレクトを作成

    要旨 Thymeleafで改行コードを含む文字列を出力してもHTMLソース内で改行されるだけで表示上は改行されない。 改行コードを改行タグに変換して文字列を出力する機能を持つ独自ダイアレクトを作成しth:textの代替ダイアレクトとして使用する。 なお、Thymeleaf2と3では実装が異なるが稿ではThymeleaf3を扱う。 環境 Java SE 8 (jdk-8u181) Maven 3.5.4 Spring Boot 2.0.5 Thymeleaf 3.0.9 概要 Processorクラス(操作を実際に記述するクラス)を実装する Dialectクラス(Processorをまとめてダイアレクトとして定義するクラス)を実装する Beanに設定する テンプレートで使用する 詳細手順 Processorクラス(操作を実際に記述するクラス)を実装する クラス定義 Thymeleafが提供

    Thymeleaf3で改行コードを改行タグに変換する独自ダイアレクトを作成
  • Thymeleafで検索結果の表を書く(tableの書き方) - Qiita

    Thymeleafの利点と便利なところ ThymeleafはHTMLファイルをそのままWebアプリケーションのテンプレートとして使え、名前空間:thで値を出力する属性を指定します。つまり、ブラウザで直接HTMLファイル(一般的にモックアップHTMLと呼ばれるもの)を見ても、Webアプリの出力結果も画面のレイアウトは崩しません。 例:検索結果の一覧表 一覧表を<table>でレイアウトするときは、たいてい仮の検索結果を数件程度モックアップに組み込みます。その後、Webアプリに組み込むときには、この仮に作ったタグを削除し、JSPなどへ変換しますが、Thymeleafではこの手間もなくせます。 <!-- 一覧結果 --> <table class="table table-striped"> <thead> <tr> <th>#</th> <th>タスク名</th> <th>登録日</th> <

    Thymeleafで検索結果の表を書く(tableの書き方) - Qiita
  • thymeleafの基本的な記法を覚える その2 - するめとめがね

    数日ぶりです! この絵を描いたのはなんか「するめとめがね」とか名乗っておきながらめがねについて全く書いてなかったという背景があったりなかったりします! するめの話が未だに出てない気がするのはさておき今日もやってみます! リストの出力 リストの出力にはth:eachを使います。 <ul> <li th:each="dto : ${dtoList}"><a th:href="${dto.url}" th:text="${dto.title}">title</a></li> </ul> こんな具合でdtoListのvalueをdtoとして参照出来るようになります。 前回の記事で書いた記述の簡略化も使うと以下のようにちょっとすっきりします。 <ul> <li th:each="dto : ${dtoList}" th:object="${dto}"><a th:href="*{url}" th:t

    thymeleafの基本的な記法を覚える その2 - するめとめがね
  • 必要最小限のサンプルでThymeleafを完全マスター - 行きあたりばったりエンジニアの日記

    この記事は? Java EE Advent Calendar 2016 - Qiitaの12日目です。 昨日の記事は@yyYankさんの「どうすんのJava EE - Javaプログラマのはしくれダイアリー」でした。明日は@n_agetsuさんです。 Thymeleafは、Javaで作られたテンプレートエンジンです。JSPの代替技術として近年注目されていて、JJUG CCCなどで話を聞いていても、利用事例が増えているように感じます。 ブログ情報も多く、検索すると「チートシート」のようなブログがいっぱい出てきます。 ただ、Thymeleafは多機能なのでチートシートもボリュームがあり、Thymeleafを初めて学習する人にはちょっと重たいなあ・・・と感じていました。 そこで今回は、JSPから移行したい方が、まず最初に理解すべき必要最低限の項目をまとめました。 アジェンダ 環境準備 4つの記法

    必要最小限のサンプルでThymeleafを完全マスター - 行きあたりばったりエンジニアの日記
  • Thymeleafチートシート - Qiita

    Spring BootではJSPではなくThymeleafが推奨されているのでチートシート作った。なお、表記中のサンプルはController側は全てController.java、View側は全てlist.htmlとしている。 値を表示する

    Thymeleafチートシート - Qiita
  • 1