runメソッド

@RestController

HTTPメソッドのマッピング（GET,POST,PUT,DELETE)

最低限の構成のアプリケーション作成

POJOの利用 

Jacksonを利用したJSONの返却

商品クラスの作成と利用

@Compornent

＠Autowired

検索ロジッククラスの作成

@Qualifier

検索ロジック本番用クラスの作成

@RequestParam

@PathVariable

パラメータの対応、商品情報の検索機能追加

個数パラメータへの対応1

個数パラメータへの対応2

POSTメソッドの対応

SpringBootの基本技術を使い、商品情報を返却するAPIを作成するレッスンです。
Springフレームワークを使った簡単なアプリケーション作成を通し、各学習要素への理解を深めていきます。

SpringBootコース

SpringBootによるアプリケーション作成

商品検索APIの作成

これまで、メニュー名による検索のみを行ってきました。ここからはカテゴリによる検索ができるように機能拡張していきます。
ここでは、検索用フォーム（`menu_search.html`）に、カテゴリ選択用ドロップダウンを表示するため、コントローラーを修正していきます。

## 完成イメージ
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/5b6e0041-18ee-4604-a741-fc758156f249.png)
---

## 8.1 カテゴリ情報の取得、テンプレートとの連携
- `MenuController.java`を開き、以下のソースコードを参考に、修正する
  - 引数に`Model model`を追加する
  - `showSearchForm`メソッド内で`findAllCategories()`を呼び出す
  - 戻り値（カテゴリ一覧情報）を変数`model`に追加(格納)する

```java~MenuController
    //引数を追加する
    @GetMapping("/menu")
    public String showSearchForm(Model model) {
        // ここから追加-----------------------------------------
        MenuRepository menuRepository = new MenuRepository();

        // カテゴリ一覧を取得してモデルへ追加
        List<String> categories = menuRepository.findAllCategories();
        model.addAttribute("categories", categories);

        // ここまで-----------------------------------------

        return "menu_search";
    }
```

## 8.2 メニュー検索画面にドロップダウン追加
- `menu_search.html`を開き、以下のHTMLを参考に、修正します。
  - カテゴリ選択用の`<select>`要素を追加します
  - `th:each`で`categories`をループし、`<option>`要素を表示できるようにします

```html~menu_search
    <h1>カフェメニュー検索</h1>
    <form action="/menu/results" method="get">
        <label for="name">メニュー名:</label>
        <input type="text" id="name" name="name" />

        <label for="category">カテゴリ:</label>
        <select id="category" name="category">
            <option value="">--全て--</option>
            <option th:each="cat : ${categories}" th:value="${cat}" th:text="${cat}"></option>
        </select>


        <button type="submit">検索</button>
```

## 8.3 動作確認
- アプリケーションを起動
- ブラウザで*http://localhost:8080/menu* にアクセス
- 検索フォームにカテゴリ選択用のドロップダウンが追加されていることを確認

この段階ではカテゴリによる絞り込みはまだ実装されていません。
そのため、検索フォームにカテゴリ選択用のドロップダウンが追加されていることが確認できれば大丈夫です。次に進んでカテゴリ検索処理を完成させましょう！

機能追加：カテゴリ検索のドロップダウン（任意）

8. 機能追加：カテゴリ検索のドロップダウン（任意）