発展課題 (r2:ウェブアプリケーション)
注意点
このページは復習 (2)の発展課題を掲載しています。発展課題については「復習回の課題について」をよく読んでから取り掛かってください。
作業について
今回の課題は以下のパッケージに作成してください。
パッケージの名前 |
---|
j1.review02 |
作成するクラスの名前は問題ごとに指示があります。下記を参照してください
課題の提出方法については下記を参照してください。
また、別のコンピューター上に移動する際には、下記を参考にプログラムを持ち帰ってください。
問題
商品の一覧から商品を選択し、ショッピングカートに追加するプログラムを作成します。
作成するプログラムは次の3つです。
- ショッピングカートに追加する商品を一覧から選択する画面
- 追加された商品の一覧と、合計金額を表示する画面
- 商品を購入後の画面
a. 商品一覧の表示
作成するクラス |
---|
ItemList |
動作を確認するためのURL |
---|
http://localhost:8888/j1.review02/ItemList |
ラジオボタンで5個の商品とそれぞれの価格を表示するプログラムを作成してください。
b. 商品の追加とカートの表示
作成するクラス |
---|
CartView |
ItemListで選択された商品と価格をテーブルで表示するプログラムを作成してください。
これはショッピングカートのような仕組みで、これまでに追加された商品の一覧を画面に表示します。
ItemListには「カートに追加」ボタンを追加し、そのときに選択されていた商品と価格をテーブル上に表示します。
商品名 | 価格 |
---|---|
(1回目に入力した商品名) | (1回目に入力した価格) |
(2回目に入力した商品名) | (2回目に入力した価格) |
(3回目に入力した商品名) | (3回目に入力した価格) |
(4回目に入力した商品名) | (4回目に入力した価格) |
(5回目に入力した商品名) | (5回目に入力した価格) |
合計 | (1回目から5回目までの価格の合計) |
また、この画面の末尾には商品を選択する画面にジャンプするためのハイパーリンクを表示してください。
c. 購入画面の表示
作成するクラス |
---|
ThankYou |
ショッピングカートを空にして「ありがとうございました」と表示するプログラムを作成してください。
CartViewには「商品を購入」ボタンを追加し、クリックされたらこれまでに追加された商品の一覧を削除してください。
また、この画面の末尾には商品を選択する画面にジャンプするためのハイパーリンクを表示してください。
d. ログインの要求
それぞれのプログラムで、ログインを要求してください。
ログインは最初のページ(商品の選択)だけではなく、すべてのプログラムでチェックしてください。最初のページだけでチェックした場合、 http://localhost:8888/j1.review02/ThankYou のように直接アクセスするとログイン認証を突破されてしまいます。
クラス | ログインしていない場合の動作 |
---|---|
ItemList | ログイン画面を表示する |
CartView | エラーメッセージとログイン画面へのハイパーリンクを表示する |
ThankYou | 〃 |