(支出)drop downでカテゴリ一覧を表示

[Ryoma137]

• [x] カテゴリー一覧をDBから取得
• [x] カテゴリー一覧をDBから取得テスト作成
• [x] htmlで画面作成
• [x] 作成した画面にDBから取得したカテゴリーを表示
• [x] 作成した画面にDBから取得したカテゴリーを表示テスト作成

[Ryoma137]

• カテゴリー一覧をDBから取得 　　　- repositoryで取得するデータ(category)を絞ってデータをDBから取得。

下記を参考に @queryをつけてqueryを生成する。 https://docs.spring.io/spring-data/jpa/docs/current/reference/html/#jpa.query-methods.at-query

[Ryoma137]

• カテゴリー一覧をDBから取得テスト作成
  • testを書いて実行をすると、Unique index or primary key violation:が発生、primary keyが重複しているのでテストを実行毎にsqlのデータが削除されていないことを確認。→ test-schema.sqlにTRUNCATE文を追加し、実行のたびにデータを削除するようにsqlを変更。

[Ryoma137]

• htmlで画面作成 expense.htmlを作成後、controllerで return"expense";とexpenseを返し、 @GetMappingで指定したURIに接続してもhtmlファイルが読み込まれず、expenseという文字のみ表示される。

[Ryoma137]

HTMLで返すためにIncomeControllerのアノテーションを@RestControllerではなく、@Controllerに変更。 すると、Cannot invoke "com.recordofexpense.recordofexpense.service.AmountService.getCategoryList()" because "this.amountService" is nullのエラーが発生。 実行時にDBにデータがinsertされるSQLファイルが必要なのかと思いsrc/main/resources下にsqlファイルを作成し、INSERT文を記載。 その後実行すると、エラーログTable "AMOUNT" not found (this database is empty)が表示される。（H2は組み込みのDBで実行時にDBが作成されるが、DBが作成する前にINSERTをしようとして table not found になっていると推測している）

[t-ita]

@Ryoma137 また迷走しそうな感じです。ログをしっかりと読んで理解しましょう。

すると、Cannot invoke "com.recordofexpense.recordofexpense.service.AmountService.getCategoryList()" because "this.amountService" is nullのエラーが発生。

これは、単に（どこかの）amountService が null だよって言ってるだけなので、DB は関係ないです。 エラーログに表示されるスタックトレースを見ると、どこでエラーが発生しているのかわかるので、それをもとにエラー箇所を探りましょう

[Ryoma137]

@AllArgsConstructorをつけてconstructorを生成。 すると、Circular view path [expense]: would dispatch back to the current handler URL [/expense] againのエラーが発生。 → pom.xmlに以下のdependencyを追加。

`

org.springframework.boot

<artifactId>spring-boot-starter-thymeleaf</artifactId>

`

実行後、今度は Could not parse as each: "categoryList: ${categoryLists}}" (template: "expense" - line 27, col 23)のエラーが発生。 Thymeleaf側でデータの表示機能で何かしらのエラーが発生、データの表示の仕方が間違っていると推測。

[Ryoma137]

testGetCategory をactualのリストに 各カテゴリーの文字列が入っているテストに変更 着手開始

[Ryoma137]

• testGetCategory をactualのリストに 各カテゴリーの文字列が入っているテストに変更 done *push済
• テストに記述された（getCategoryList の）仕様に合わせて、getCategoryListの実装を変更 着手開始

[Ryoma137]

テストに記述された（getCategoryList の）仕様に合わせて、getCategoryListの実装を変更 done *push済

[Ryoma137]

作成した画面にDBから取得したカテゴリーを表示(thymeleafの修正)　着手開始

[Ryoma137]

DBから取得したデータをthymeleafで表示させるために以下のコードを追加。drop downリストは表示されるが、リスト内に値が何も入ってない。

<select name="category"> <option th:each="categoryList : ${categoryLists}" th:text = "${categoryList.category}"> </option>

[Ryoma137]

作成した画面にDBから取得したカテゴリーを表示のテスト手順

• h2-console(http://localhost:8080/h2-console )に接続し、INSERT文でテーブルに各項目値のデータを追加する
• 支出ページ(http://localhost:8080/expense )に接続、カテゴリー欄のdrop down listに先ほど登録したカテゴリー値が同じカテゴリーの重複がなく表示されていることを確認する

[Ryoma137]

マージ済