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