質問編集履歴
6
赤字の説明
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -20,6 +20,8 @@
|
|
|
20
20
|
ShoppingCart↓
|
|
21
21
|
|
|
22
22
|
OrderListing↓
|
|
23
|
+
|
|
24
|
+
赤字は画像に書き込んだもので、実際に表示されているわけではありません.
|
|
23
25
|
|
|
24
26
|
|
|
25
27
|
```ShoppingCartVue
|
5
語次
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
サーバーホストネームは https://euas.person.ee/ です
|
|
7
7
|
|
|
8
8
|
POSTとGETの使い方がまだよく分かっていないのですが、下記の３点を意識しています。
|
|
9
|
-
１）POST / user / carts / {cardId} / orders-指定されたcartIdに基づいてorderを作成します
|
|
9
|
+
１）POST / user / carts / {cardId} / orders -指定されたcartIdに基づいてorderを作成します
|
|
10
|
-
２）GET / user / orders-orderの配列をreturnします。構造はShoppingCartと同じ
|
|
10
|
+
２）GET / user / orders- orderの配列をreturnします。構造はShoppingCartと同じ
|
|
11
|
-
３）GET / user / orders / {orderId}特定のorderをretunします。構造はShoppingCartと同じにする
|
|
11
|
+
３）GET / user / orders / {orderId} -特定のorderをretunします。構造はShoppingCartと同じにする
|
|
12
12
|
|
|
13
13
|
下に２つの画像がありますが、"ShoppingCart"で表示されている３つのプロダクトとその他の情報（Price, qty,Amount,そしてTotalPrice）をまとめて、cartId:1に保存して、"OrderListing"(２枚めの写真)のCartIdとTotalPriceで表示したいと考えています。
|
|
14
14
|
|
4
コードのミスを変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -106,6 +106,8 @@
|
|
|
106
106
|
|
|
107
107
|
```
|
|
108
108
|
|
|
109
|
+
|
|
110
|
+
正直、何処を変えれば、cartIdが表示されるかわからなかったので、ShoppingCartをコピペして、一部を変化させただけになっています。↓
|
|
109
111
|
```OrderListingVue
|
|
110
112
|
<template>
|
|
111
113
|
<div class="OrderListing">
|
|
@@ -119,11 +121,8 @@
|
|
|
119
121
|
|
|
120
122
|
<tr v-for="(item, index) in this.items" :key="item.productId + '_' + index">
|
|
121
123
|
|
|
122
|
-
<td>
|
|
124
|
+
<td>ここにcartIdを表示</td>
|
|
123
|
-
<td>
|
|
125
|
+
<td>ここにcartIdごとのtotalPriceを表示したい</td>
|
|
124
|
-
<td>
|
|
125
|
-
<b-button variant="dark" @click="removeItem(index)">Detail</b-button>
|
|
126
|
-
</td>
|
|
127
126
|
</tr>
|
|
128
127
|
</table>
|
|
129
128
|
|
|
@@ -162,6 +161,9 @@
|
|
|
162
161
|
</style>
|
|
163
162
|
```
|
|
164
163
|
|
|
164
|
+
|
|
165
|
+
|
|
166
|
+
main.js↓では、POSTとGETを設定していくと思うのですが、どうすれば、OrderごとにcartIdに保存できるのかわかりません。
|
|
165
167
|
```main
|
|
166
168
|
import Vue from 'vue'
|
|
167
169
|
import App from './App.vue'
|
3
POST&GET 追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,10 +4,12 @@
|
|
|
4
4
|
開発環境
|
|
5
5
|
Mac, Vue, BoostrapVue
|
|
6
6
|
サーバーホストネームは https://euas.person.ee/ です
|
|
7
|
-
POST / user / carts / {cardId} / orders-指定されたcartIdに基づいてorderを作成します
|
|
8
|
-
GET / user / orders-orderの配列をreturnします。構造はShoppingCartと同じです
|
|
9
|
-
GET / user / orders / {orderId}特定のorderをretunします。構造はShoppingCartと同じです
|
|
10
7
|
|
|
8
|
+
POSTとGETの使い方がまだよく分かっていないのですが、下記の３点を意識しています。
|
|
9
|
+
１）POST / user / carts / {cardId} / orders-指定されたcartIdに基づいてorderを作成します
|
|
10
|
+
２）GET / user / orders-orderの配列をreturnします。構造はShoppingCartと同じ
|
|
11
|
+
３）GET / user / orders / {orderId}特定のorderをretunします。構造はShoppingCartと同じにする
|
|
12
|
+
|
|
11
13
|
下に２つの画像がありますが、"ShoppingCart"で表示されている３つのプロダクトとその他の情報（Price, qty,Amount,そしてTotalPrice）をまとめて、cartId:1に保存して、"OrderListing"(２枚めの写真)のCartIdとTotalPriceで表示したいと考えています。
|
|
12
14
|
|
|
13
15
|
Order Now!ボタンを押すと、ShoppingCartが空になる仕様です。
|
2
初心者アイコンを追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
開発環境
|
|
5
5
|
Mac, Vue, BoostrapVue
|
|
6
|
-
サーバーホストネーム https://euas.person.ee/
|
|
6
|
+
サーバーホストネームは https://euas.person.ee/ です
|
|
7
7
|
POST / user / carts / {cardId} / orders-指定されたcartIdに基づいてorderを作成します
|
|
8
8
|
GET / user / orders-orderの配列をreturnします。構造はShoppingCartと同じです
|
|
9
9
|
GET / user / orders / {orderId}特定のorderをretunします。構造はShoppingCartと同じです
|
1
開発環境について追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
いつもお世話になっております。
|
|
2
2
|
現在、ECサイトと作成する過程で、複数のデータを一つのセットにまとめてLocalStorageに保存する方法について模索しております。
|
|
3
3
|
|
|
4
|
+
開発環境
|
|
5
|
+
Mac, Vue, BoostrapVue
|
|
6
|
+
サーバーホストネーム https://euas.person.ee/
|
|
7
|
+
POST / user / carts / {cardId} / orders-指定されたcartIdに基づいてorderを作成します
|
|
8
|
+
GET / user / orders-orderの配列をreturnします。構造はShoppingCartと同じです
|
|
9
|
+
GET / user / orders / {orderId}特定のorderをretunします。構造はShoppingCartと同じです
|
|
10
|
+
|
|
4
11
|
下に２つの画像がありますが、"ShoppingCart"で表示されている３つのプロダクトとその他の情報（Price, qty,Amount,そしてTotalPrice）をまとめて、cartId:1に保存して、"OrderListing"(２枚めの写真)のCartIdとTotalPriceで表示したいと考えています。
|
|
5
12
|
|
|
6
13
|
Order Now!ボタンを押すと、ShoppingCartが空になる仕様です。
|