CSSファイルの作成 ブログ用のデザインCSSを src/main/resources/static/css フォルダに作成します。 [crayon-69010d5017445581272302/] CSSファイルの読み込み index.html を以下のように変更してください。 [crayon-69010d501744d873729032/] 課題 以下のように更新日時を表示しなさい … [もっと読む...] about デザインの変更
Spring
詳細画面の作成
詳細画面の作成 PostController にdetail メソッドを追加します。 [crayon-69010d5018490450649104/] 新しくdetail.htmlを作成します。 [crayon-69010d5018492426063676/] 一覧から詳細へのリンク作成 index.htmlを以下のようにすることで、パラメータがついたURLリンクが作成されます。 [crayon-69010d5018493230784215/] … [もっと読む...] about 詳細画面の作成
共通レイアウトの作成
新規JARファイルの追加 gradleというオープンソースビルド自動化システムから共通レイアウトに必要なライブラリーを追加します。 build.gradleファイルの下の方にある設定を以下のように修正します。 [crayon-69010d50185b2172044198/] compile("org.thymeleaf:thymeleaf") compile("org.thymeleaf:thymeleaf-spring5") compile('nz.net.ultraq.thymeleaf:thymeleaf-layo … [もっと読む...] about 共通レイアウトの作成
登録画面の作成
登録画面の作成 add.htmlを作成します。 [crayon-69010d50186fe851019098/] PostControllerに以下のメソッドを追加 [crayon-69010d5018701603686439/] index.htmlにリンクを追加します。 [crayon-69010d5018702017898480/] CSSを変更しデザインを整えます。 [crayon-69010d5018703629675507/] 登録日時、更新日時の自動 … [もっと読む...] about 登録画面の作成
更新画面の作成
更新画面の作成 template/posts/edit.html を作成します。 [crayon-69010d5018874474780733/] th:action="@{/posts/edit/{id}(id=*{id})}" リクエスト先を設定する処理。idの値を主キーにしています。 th:method="put" … [もっと読む...] about 更新画面の作成