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