12月14日(木)1、2コマ目

今日、やったこと

[練習問題]REST API 従業員一覧

今日のホワイトボード

クライアントからサーバーへJSONデータを送る

クライアント側(JavaScript)

まず、送信データのオブジェクト作成。

fetch()で送信。そのさい、送信データのオブジェクトをJSON形式に変換(json.stringify(送信データ)) してHTTPのボディ部にセット。


サーバー側(Java)

受信データ(JSON形式)からJacksonを使ってJavaクラス(Employeeクラス)のインスタンス生成。

ただし、JSON形式(JavaScriptのオブジェクト)の各プロパティとJavaクラスのフィールドを対応させるために、Javaクラスのフィールドに@JsonPropertyをつける。

図 クライアント->サーバー データ送信

URL、パスパラメータ

REST APIではリクエストするURLで呼び出すサービスを識別する。
クラス、メソッドに付ける@Path()アノテーションでURLやパスパラメータを指定する。
なお、パスパラメータは引数に付ける@PathParam()で引数にセットすることができる。
図 URL、パスクエリ
なお、クライアント側からサーバーに値を渡す方法にはパスパラメータ以外にクエリパラメータもある。

[練習問題]REST API 従業員一覧

正解例をあげておきます。

index.html

とくにややこしいことはないかと。


employee.js

テーブルを作成するinitTable()関数にてテーブル行にボタンを追加するあたりがポイント。


Employee.java

各フィールドに@JsonPropertyをつけることで、jacksonがJSONからEmployeeクラスのインスタンスを生成してくれる。


EmployeeDAO.java

ややこしいことはないかと。


MyResource.java

前回作ったサンプルとほぼ同じ。


次回は

評価用課題を出します。

このブログの人気の投稿

12月22日(金)1、2コマ目

12月21日(木)1、2コマ目

10月24日(火)1、2コマ目