Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
students
shopping-mall
Commits
bbd71444
Commit
bbd71444
authored
Jan 25, 2021
by
박상호
🎼
Browse files
hello it's me NICE TO MEET YOU
parent
32e08aba
Changes
8
Show whitespace changes
Inline
Side-by-side
client/src/Pages/Product.js
View file @
bbd71444
import
axios
from
'
axios
'
;
import
axios
from
'
axios
'
;
import
React
,
{
useState
,
useEffect
,
useRef
}
from
'
react
'
;
import
React
,
{
useState
,
useEffect
,
useRef
}
from
'
react
'
;
import
{
Row
,
Col
,
Form
,
Card
,
Button
}
from
'
react-bootstrap
'
;
import
{
Row
,
Col
,
Form
,
Card
,
Button
,
Image
}
from
'
react-bootstrap
'
;
import
{
Redirect
}
from
'
react-router-dom
'
;
import
{
Redirect
}
from
'
react-router-dom
'
;
import
catchErrors
from
'
../utils/catchErrors
'
;
import
catchErrors
from
'
../utils/catchErrors
'
;
...
@@ -29,7 +29,7 @@ function Product({ match, location }) {
...
@@ -29,7 +29,7 @@ function Product({ match, location }) {
}
}
function
pushOptions
()
{
function
pushOptions
()
{
setCart
([...
cart
,
{
color
,
size
,
productId
:
product
.
id
,
count
:
1
}])
setCart
([...
cart
,
{
color
,
size
,
productId
:
product
.
id
,
count
:
1
}])
selected
.
sizes
=
false
selected
.
sizes
=
false
selected
.
colors
=
false
selected
.
colors
=
false
console
.
log
(
product
)
console
.
log
(
product
)
...
@@ -53,8 +53,8 @@ function Product({ match, location }) {
...
@@ -53,8 +53,8 @@ function Product({ match, location }) {
e
.
preventDefault
()
e
.
preventDefault
()
let
preprice
=
0
let
preprice
=
0
const
asd
=
cart
.
filter
((
el
)
=>
el
.
color
!==
e
.
target
.
id
||
el
.
size
!==
e
.
target
.
name
)
const
asd
=
cart
.
filter
((
el
)
=>
el
.
color
!==
e
.
target
.
id
||
el
.
size
!==
e
.
target
.
name
)
asd
.
map
((
el
)
=>
{
asd
.
map
((
el
)
=>
{
preprice
=
preprice
+
el
.
count
*
product
.
price
preprice
=
preprice
+
el
.
count
*
product
.
price
})
})
setCart
(
asd
)
setCart
(
asd
)
setPrice
(
Number
(
preprice
))
setPrice
(
Number
(
preprice
))
...
@@ -69,8 +69,8 @@ function Product({ match, location }) {
...
@@ -69,8 +69,8 @@ function Product({ match, location }) {
}
}
})
})
let
preprice
=
0
let
preprice
=
0
addCount
.
map
((
el
)
=>
{
addCount
.
map
((
el
)
=>
{
preprice
=
preprice
+
el
.
count
*
product
.
price
preprice
=
preprice
+
el
.
count
*
product
.
price
})
})
setPrice
(
Number
(
preprice
))
setPrice
(
Number
(
preprice
))
setCart
(
addCount
)
setCart
(
addCount
)
...
@@ -163,8 +163,24 @@ function Product({ match, location }) {
...
@@ -163,8 +163,24 @@ function Product({ match, location }) {
<
/Row
>
<
/Row
>
<
Row
className
=
"
justify-content-center mt-5 mx-0
"
>
<
Row
className
=
"
justify-content-center mt-5 mx-0
"
>
<
Col
sm
=
{
11
}
md
=
{
8
}
>
<
Col
sm
=
{
11
}
md
=
{
8
}
>
<
h3
style
=
{{
borderBottom
:
"
1px solid #91877F
"
,
paddingBottom
:
"
5px
"
,
marginBottom
:
"
1em
"
}}
>
설명
<
/h3
>
<
h3
style
=
{{
borderBottom
:
"
1px solid #91877F
"
,
paddingBottom
:
"
5px
"
,
marginBottom
:
"
1em
"
}}
className
=
"
p-3
"
>
<
div
><
/div
>
설명
<
/h3
>
<
Col
className
=
'
m-3 text-center d-flex justify-content-center
'
>
<
div
style
=
{{
wordBreak
:
'
break-all
'
,
wordWrap
:
'
break-word
'
,
fontFamily
:
"
맑은 고딕
"
}}
className
=
"
p-3
"
>
<
h1
className
=
'
m-3
'
>
{
product
.
name
}
<
/h1
>
<>
<
Image
src
=
{
`/images/
${
product
.
main_img
}
`
}
style
=
{{
objectFit
:
"
contain
"
,
width
:
'
100%
'
}}
/
>
<
/
>
<
Card
className
=
'
m-3 d-flex justify-content-center
'
>
<
Card
.
Body
>
{
product
.
description
}
<
/Card.Body
>
<
/Card
>
<
h3
className
=
'
mt-5
'
>
[
Detail
Images
]
<
/h3
>
<
Image
src
=
{
`/images/
${
product
.
detail_imgs
}
`
}
style
=
{{
objectFit
:
"
contain
"
}}
className
=
'
m-3
'
/>
<
/div
>
<
/Col
>
<
/Col
>
<
/Col
>
<
/Row
>
<
/Row
>
<
Row
className
=
"
justify-content-center mx-0 pt-3 px-2
"
style
=
{{
position
:
"
fixed
"
,
bottom
:
"
0
"
,
width
:
"
100%
"
,
backgroundColor
:
"
#fff
"
}}
>
<
Row
className
=
"
justify-content-center mx-0 pt-3 px-2
"
style
=
{{
position
:
"
fixed
"
,
bottom
:
"
0
"
,
width
:
"
100%
"
,
backgroundColor
:
"
#fff
"
}}
>
...
...
client/src/Pages/ProductRegist.js
View file @
bbd71444
...
@@ -136,7 +136,7 @@ function ProductsRegist() {
...
@@ -136,7 +136,7 @@ function ProductsRegist() {
for
(
let
key
in
product
)
{
for
(
let
key
in
product
)
{
if
(
key
===
"
main_image
"
||
key
===
"
detail_image
"
)
{
if
(
key
===
"
main_image
"
||
key
===
"
detail_image
"
)
{
formData
.
append
(
key
,
product
[
key
][
0
])
formData
.
append
(
key
,
product
[
key
][
0
])
}
else
if
(
key
===
"
sizes
"
||
key
===
"
colors
"
){
}
else
if
(
key
===
"
sizes
"
||
key
===
"
colors
"
||
key
===
'
sub_category
'
){
for
(
let
i
=
0
;
i
<
product
[
key
].
length
;
i
++
){
for
(
let
i
=
0
;
i
<
product
[
key
].
length
;
i
++
){
formData
.
append
([
key
],
product
[
key
][
i
])
formData
.
append
([
key
],
product
[
key
][
i
])
}
}
...
...
client/src/Pages/ProductsList.js
View file @
bbd71444
...
@@ -30,8 +30,9 @@ function ProductsList({ match }) {
...
@@ -30,8 +30,9 @@ function ProductsList({ match }) {
const
response
=
await
axios
.
get
(
`/api/categories/sub/
${
mainCategory
}
`
)
const
response
=
await
axios
.
get
(
`/api/categories/sub/
${
mainCategory
}
`
)
setSubcategory
(
Object
.
values
(
response
.
data
)[
0
])
setSubcategory
(
Object
.
values
(
response
.
data
)[
0
])
console
.
log
(
"
response data=
"
,
response
.
data
)
// console.log("response data=", response.data)
console
.
log
(
"
object value=
"
,
Object
.
values
(
response
.
data
));
// console.log("object value=", Object.values(response.data));
// console.log("object value=2", Object.values(response.data)[0]);
}
catch
(
error
)
{
}
catch
(
error
)
{
catchError
(
error
,
setError
)
catchError
(
error
,
setError
)
...
@@ -39,9 +40,10 @@ function ProductsList({ match }) {
...
@@ -39,9 +40,10 @@ function ProductsList({ match }) {
}
}
async
function
getProductlist
()
{
async
function
getProductlist
()
{
console
.
log
(
"
tlfgpd
"
)
try
{
try
{
const
response
=
await
axios
.
get
(
`/api/product/getproduct/
${
mainCategory
}
`
)
const
response
=
await
axios
.
get
(
`/api/product/getproduct/
main/
${
mainCategory
}
`
)
console
.
log
(
"
response.data=
"
,
response
.
data
)
console
.
log
(
"
response.data=
main
"
,
response
.
data
)
setProductlist
(
response
.
data
)
setProductlist
(
response
.
data
)
}
catch
(
error
)
{
}
catch
(
error
)
{
...
@@ -49,6 +51,46 @@ function ProductsList({ match }) {
...
@@ -49,6 +51,46 @@ function ProductsList({ match }) {
}
}
}
}
async
function
handleSubname
(
e
)
{
const
subname
=
e
.
target
.
name
console
.
log
(
"
subname=
"
,
subname
)
try
{
console
.
log
(
"
first test!!!!!!!!
"
)
const
response
=
await
axios
.
get
(
`/api/product/getproduct/sub/
${
subname
}
`
)
console
.
log
(
"
subname response data=
"
,
response
.
data
)
setProductlist
([
response
.
data
])
}
catch
(
error
)
{
console
.
log
(
"
error22
"
)
}
// const listvalue = Object.values(productlist)
// for (let i = 0; i < listvalue.length; i++) {
// const list = listvalue[i].sub_category[0]
// console.log("list=", list)
// console.log("include=", subcategory.includes("LONG DRESS"))
// if (listvalue[i].sub_category[0] === subcategory[0]) {
// console.log("yes")
// }
// else {
// console.log("no")
// }
}
// if (productlist.sub_category) {
// }
// console.log("list", list)
// for (let i = 0; i < list.length; i++) {
// if (response.data[i] === "subcategory") {
// console.log("handlesub=", response.data[i].sub_category)
// }
// else {
// console.log("handlesub=2 ", response.data[i].sub_category)
// }
// }
// }
return
(
return
(
<
div
>
<
div
>
<
style
type
=
"
text/css
"
>
<
style
type
=
"
text/css
"
>
...
@@ -75,7 +117,7 @@ function ProductsList({ match }) {
...
@@ -75,7 +117,7 @@ function ProductsList({ match }) {
<
h1
style
=
{{
fontSize
:
"
3rem
"
}}
className
=
"
text-center
"
>
{
mainCategory
}
<
/h1
>
<
h1
style
=
{{
fontSize
:
"
3rem
"
}}
className
=
"
text-center
"
>
{
mainCategory
}
<
/h1
>
<
div
className
=
"
text-center
"
>
<
div
className
=
"
text-center
"
>
<
ButtonGroup
className
=
"
m-3
"
variant
=
"
outline-light secondary
"
style
=
{{
display
:
"
inline-block
"
}}
>
<
ButtonGroup
className
=
"
m-3
"
variant
=
"
outline-light secondary
"
style
=
{{
display
:
"
inline-block
"
}}
>
{
subcategory
.
map
(
el
=>
(
<
Button
className
=
"
m-1
"
variant
=
"
secondary
"
>
{
el
}
<
/Button>
))
}
{
subcategory
.
map
(
el
=>
(
<
Button
className
=
"
m-1
"
variant
=
"
secondary
"
name
=
{
el
}
onClick
=
{
handleSubname
}
>
{
el
}
<
/Button>
))
}
<
/ButtonGroup
>
<
/ButtonGroup
>
<
/div
>
<
/div
>
<
/Col
>
<
/Col
>
...
...
server/controllers/category.controller.js
View file @
bbd71444
...
@@ -12,12 +12,12 @@ const getCategory = async (req, res) => {
...
@@ -12,12 +12,12 @@ const getCategory = async (req, res) => {
}
}
const
getSubCategory
=
async
(
req
,
res
)
=>
{
const
getSubCategory
=
async
(
req
,
res
)
=>
{
console
.
log
(
"
req.params=
"
,
req
.
params
);
console
.
log
(
"
req.params=
?(getsubcategory)
"
,
req
.
params
);
const
{
sub
}
=
req
.
params
const
{
sub
}
=
req
.
params
try
{
try
{
const
subcategory
=
await
Category
.
findOne
({},
{
_id
:
0
}).
select
(
`
${
sub
}
`
)
const
subcategory
=
await
Category
.
findOne
({},
{
_id
:
0
}).
select
(
`
${
sub
}
`
)
// console.log("sub= ",subcategory);
res
.
json
(
subcategory
);
res
.
json
(
subcategory
);
console
.
log
(
"
sub=
"
,
subcategory
);
}
catch
(
error
)
{
}
catch
(
error
)
{
res
.
status
(
500
).
send
(
'
카테고리를 불러오지 못했습니다.
'
)
res
.
status
(
500
).
send
(
'
카테고리를 불러오지 못했습니다.
'
)
}
}
...
...
server/controllers/product.controller.js
View file @
bbd71444
...
@@ -58,6 +58,15 @@ const getlist = (req, res) => {
...
@@ -58,6 +58,15 @@ const getlist = (req, res) => {
}
}
}
}
const
subname
=
async
(
req
,
res
)
=>
{
try
{
console
.
log
(
"
last subname::: LET ME SEE
"
)
res
.
json
(
req
.
findsubname
)
}
catch
(
error
)
{
res
.
status
(
500
).
send
(
'
상품을 불러오지 못했습니다.
'
)
}
}
const
categoryId
=
async
(
req
,
res
,
next
,
category
)
=>
{
const
categoryId
=
async
(
req
,
res
,
next
,
category
)
=>
{
try
{
try
{
const
productslist
=
await
Product
.
find
({
main_category
:
category
})
const
productslist
=
await
Product
.
find
({
main_category
:
category
})
...
@@ -65,32 +74,41 @@ const categoryId = async (req, res, next, category) => {
...
@@ -65,32 +74,41 @@ const categoryId = async (req, res, next, category) => {
res
.
status
(
404
).
send
(
'
상품을 찾을 수 없습니다.
'
)
res
.
status
(
404
).
send
(
'
상품을 찾을 수 없습니다.
'
)
}
}
req
.
productslist
=
productslist
req
.
productslist
=
productslist
console
.
log
(
"
nononono
"
,
req
.
productslist
)
next
()
next
()
}
catch
(
error
)
{
}
catch
(
error
)
{
res
.
status
(
500
).
send
(
'
상품을 불러오지 못했습니다.
'
)
res
.
status
(
500
).
send
(
'
상품을 불러오지 못했습니다.
'
)
}
}
}
}
const
sub
getlist
=
(
req
,
res
)
=>
{
const
sub
categoryId
=
async
(
req
,
res
,
next
,
subname
)
=>
{
try
{
try
{
res
.
json
(
req
.
subproductslist
)
console
.
log
(
"
Please===>>>
"
,
subname
)
}
catch
(
error
)
{
const
findSubname
=
await
Product
.
findOne
({
sub_category
:
subname
})
res
.
status
(
500
).
send
(
'
상품을 불러오지 못했습니다.
'
)
// const findSubname = await Product.find({ sub_category: { $elemMatch: { subname: req.subname }}})
}
console
.
log
(
"
findSubname111=
"
,
findSubname
)
}
// const onlySub = findSubname.sub_category
// console.log(";;", onlySub)
// console.log(".", Object.values(onlySub))
const
subcategoryId
=
async
(
req
,
res
,
next
,
subcategory
)
=>
{
if
(
!
findSubname
)
{
try
{
console
.
log
(
"
ㅏㅁㄴ우하ㅣㅜㅁㄴ어ㅏㅣ훔ㄴ어ㅏㅣ휴
"
)
const
subproductslist
=
await
Product
.
find
({
sub_category
:
subcategory
})
const
findSubname
=
{
if
(
!
subproductslist
)
{
_id
:
'
nothing
'
,
res
.
status
(
404
).
send
(
'
상품을 찾을 수 없습니다.
'
)
pro_name
:
'
상품준비중
'
,
price
:
0
,
main_imgUrl
:
''
}
}
req
.
subproductslist
=
subproductslist
console
.
log
(
"
findSubname2222=
"
,
findSubname
)
next
()
res
.
send
(
findSubname
)
}
res
.
send
(
findSubname
)
// next()
}
catch
(
error
)
{
}
catch
(
error
)
{
res
.
status
(
500
).
send
(
'
상품을 불러오지 못했습니다.
'
)
res
.
send
(
'
상품을 불러오지 못했습니다.
'
)
}
}
}
}
//https://docs.mongodb.com/manual/reference/operator/projection/elemMatch/index.html
const
plusPurchase
=
async
(
req
,
res
)
=>
{
const
plusPurchase
=
async
(
req
,
res
)
=>
{
const
{
products
}
=
req
.
body
const
{
products
}
=
req
.
body
...
@@ -99,7 +117,7 @@ const plusPurchase = async (req, res) => {
...
@@ -99,7 +117,7 @@ const plusPurchase = async (req, res) => {
for
(
let
i
=
0
;
i
<
products
.
length
;
i
++
)
{
for
(
let
i
=
0
;
i
<
products
.
length
;
i
++
)
{
const
count
=
products
[
i
].
count
const
count
=
products
[
i
].
count
const
product
=
await
Product
.
findOne
(
const
product
=
await
Product
.
findOne
(
{
_id
:
products
[
i
].
productId
.
_id
}
{
_id
:
products
[
i
].
productId
.
_id
}
)
)
const
purchase
=
product
.
purchase
const
purchase
=
product
.
purchase
await
Product
.
updateOne
(
await
Product
.
updateOne
(
...
@@ -114,4 +132,4 @@ const plusPurchase = async (req, res) => {
...
@@ -114,4 +132,4 @@ const plusPurchase = async (req, res) => {
}
}
}
}
export
default
{
imageUpload
,
regist
,
getToHome
,
getAll
,
categoryId
,
getlist
,
subcategoryId
,
subgetlist
,
plusPurchase
}
export
default
{
imageUpload
,
regist
,
getToHome
,
getAll
,
categoryId
,
getlist
,
subcategoryId
,
subname
,
plusPurchase
}
\ No newline at end of file
\ No newline at end of file
server/controllers/user.controller.js
View file @
bbd71444
...
@@ -32,7 +32,7 @@ const userById = async (req, res, next, id) => {
...
@@ -32,7 +32,7 @@ const userById = async (req, res, next, id) => {
const
signup
=
async
(
req
,
res
)
=>
{
const
signup
=
async
(
req
,
res
)
=>
{
const
{
name
,
number1
,
number2
,
id
,
password
,
tel
,
email
}
=
req
.
body
const
{
name
,
number1
,
number2
,
id
,
password
,
tel
,
email
}
=
req
.
body
console
.
log
(
"
whatup
"
,
req
.
body
)
console
.
log
(
"
whatup
"
,
req
.
body
)
try
{
try
{
if
(
!
isLength
(
password
,
{
min
:
8
,
max
:
15
}))
{
if
(
!
isLength
(
password
,
{
min
:
8
,
max
:
15
}))
{
return
res
.
status
(
422
).
send
(
'
비밀번호는 8-15자리로 입력해주세요.
'
)
return
res
.
status
(
422
).
send
(
'
비밀번호는 8-15자리로 입력해주세요.
'
)
...
...
server/routes/product.routes.js
View file @
bbd71444
...
@@ -13,16 +13,16 @@ router.route('/getproduct')
...
@@ -13,16 +13,16 @@ router.route('/getproduct')
router
.
route
(
'
/getproduct/all
'
)
router
.
route
(
'
/getproduct/all
'
)
.
get
(
productCtrl
.
getAll
)
.
get
(
productCtrl
.
getAll
)
router
.
route
(
'
/getproduct/:category
'
)
router
.
route
(
'
/getproduct/
main/
:category
'
)
.
get
(
productCtrl
.
getlist
)
.
get
(
productCtrl
.
getlist
)
router
.
route
(
'
/getproduct/
:subcategory
'
)
router
.
route
(
'
/getproduct/
sub/:subname
'
)
.
get
(
productCtrl
.
sub
getlist
)
.
get
(
productCtrl
.
sub
name
)
router
.
route
(
'
/pluspurchase
'
)
router
.
route
(
'
/pluspurchase
'
)
.
post
(
productCtrl
.
plusPurchase
)
.
post
(
productCtrl
.
plusPurchase
)
router
.
param
(
'
category
'
,
productCtrl
.
categoryId
)
router
.
param
(
'
category
'
,
productCtrl
.
categoryId
)
router
.
param
(
'
sub
category
'
,
productCtrl
.
subcategoryId
)
router
.
param
(
'
sub
name
'
,
productCtrl
.
subcategoryId
)
export
default
router
export
default
router
\ No newline at end of file
test/test.js
0 → 100644
View file @
bbd71444
const
inventory
=
{
sibal
:
[
{
name
:
'
apples
'
,
quantity
:
2
},
{
name
:
'
bananas
'
,
quantity
:
4
},
{
name
:
'
cherries
'
,
quantity
:
9
}
]
}
const
result
=
inventory
.
find
(
fruit
=>
fruit
.
name
===
'
cherries
'
);
const
what
=
inventory
.
find
({},{
sibal
:
{
$elemMatch
:
{
quantity
:
2
}
}
})
// db.schools.find( { zipcode: "63109" },
// { students: { $elemMatch: { school: 102, age: { $gt: 10} } } } )
console
.
log
(
result
);
console
.
log
(
what
);
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment