teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問複数のデータを一つのセットとしてlocalStorageに保存したい

編集履歴

質問編集履歴

6

赤字の説明

2020/04/03 10:45

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -42,6 +42,10 @@
42
42
 
43
43
  OrderListing↓
44
44
 
45
+
46
+
47
+ 赤字は画像に書き込んだもので、実際に表示されているわけではありません.
48
+
45
49
  ![OrderListing Page](8308b840e06c65db9d3d311e79d04504.png)
46
50
 
47
51
 

5

語次

2020/04/03 10:45

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -14,11 +14,11 @@
14
14
 
15
15
  POSTとGETの使い方がまだよく分かっていないのですが、下記の３点を意識しています。
16
16
 
17
- １）POST / user / carts / {cardId} / orders-指定されたcartIdに基づいてorderを作成します
17
+ １）POST / user / carts / {cardId} / orders -指定されたcartIdに基づいてorderを作成します
18
-
18
+
19
- ２）GET / user / orders-orderの配列をreturnします。構造はShoppingCartと同じ
19
+ ２）GET / user / orders- orderの配列をreturnします。構造はShoppingCartと同じ
20
-
20
+
21
- ３）GET / user / orders / {orderId}特定のorderをretunします。構造はShoppingCartと同じにする
21
+ ３）GET / user / orders / {orderId} -特定のorderをretunします。構造はShoppingCartと同じにする
22
22
 
23
23
 
24
24
 

4

コードのミスを変更

2020/04/02 19:56

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -214,6 +214,10 @@
214
214
 
215
215
 
216
216
 
217
+
218
+
219
+ 正直、何処を変えれば、cartIdが表示されるかわからなかったので、ShoppingCartをコピペして、一部を変化させただけになっています。↓
220
+
217
221
  ```OrderListingVue
218
222
 
219
223
  <template>
@@ -240,15 +244,9 @@
240
244
 
241
245
 
242
246
 
243
- <td>{{items.id}}</td>
247
+ <td>ここにcartIdを表示</td>
244
-
248
+
245
- <td>{{items.price}}</td>
249
+ <td>ここにcartIdごとのtotalPriceを表示したい</td>
246
-
247
- <td>
248
-
249
- <b-button variant="dark" @click="removeItem(index)">Detail</b-button>
250
-
251
- </td>
252
250
 
253
251
  </tr>
254
252
 
@@ -326,6 +324,12 @@
326
324
 
327
325
 
328
326
 
327
+
328
+
329
+
330
+
331
+ main.js↓では、POSTとGETを設定していくと思うのですが、どうすれば、OrderごとにcartIdに保存できるのかわかりません。
332
+
329
333
  ```main
330
334
 
331
335
  import Vue from 'vue'

3

POST&GET 追記

2020/04/02 19:52

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -10,11 +10,15 @@
10
10
 
11
11
  サーバーホストネームは　https://euas.person.ee/　です
12
12
 
13
+
14
+
15
+ POSTとGETの使い方がまだよく分かっていないのですが、下記の３点を意識しています。
16
+
13
- POST / user / carts / {cardId} / orders-指定されたcartIdに基づいてorderを作成します
17
+ １）POST / user / carts / {cardId} / orders-指定されたcartIdに基づいてorderを作成します
14
-
18
+
15
- GET / user / orders-orderの配列をreturnします。構造はShoppingCartと同じです
19
+ ２）GET / user / orders-orderの配列をreturnします。構造はShoppingCartと同じ
16
-
20
+
17
- GET / user / orders / {orderId}特定のorderをretunします。構造はShoppingCartと同じです
21
+ ３）GET / user / orders / {orderId}特定のorderをretunします。構造はShoppingCartと同じにする
18
22
 
19
23
 
20
24
 

2

初心者アイコンを追記

2020/04/02 19:46

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  Mac, Vue, BoostrapVue
10
10
 
11
- サーバーホストネーム　https://euas.person.ee/
11
+ サーバーホストネームは　https://euas.person.ee/　です
12
12
 
13
13
  POST / user / carts / {cardId} / orders-指定されたcartIdに基づいてorderを作成します
14
14
 

1

開発環境について追記

2020/04/02 19:44

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,6 +4,20 @@
4
4
 
5
5
 
6
6
 
7
+ 開発環境
8
+
9
+ Mac, Vue, BoostrapVue
10
+
11
+ サーバーホストネーム　https://euas.person.ee/
12
+
13
+ POST / user / carts / {cardId} / orders-指定されたcartIdに基づいてorderを作成します
14
+
15
+ GET / user / orders-orderの配列をreturnします。構造はShoppingCartと同じです
16
+
17
+ GET / user / orders / {orderId}特定のorderをretunします。構造はShoppingCartと同じです
18
+
19
+
20
+
7
21
  下に２つの画像がありますが、"ShoppingCart"で表示されている３つのプロダクトとその他の情報（Price, qty,Amount,そしてTotalPrice）をまとめて、cartId:1に保存して、"OrderListing"(２枚めの写真)のCartIdとTotalPriceで表示したいと考えています。
8
22
 
9
23