مصطفی
2 سال پیش توسط مصطفی مطرح شد
4 پاسخ

رفتن به صفحه محصو ل در react

سلام وفت بخیر من یک apiفروشگاهی دارم تو قسمت شاپ تمام محصولات گرفتم و نمایش دادم میخوام حالا روی یک محصول کلیک شد وارد یک صفحه جدیدی بشه و اطلاعات اون محصول از apiبگیره و دوباره بهم نشون بده مثل همه سایت های فروشگاهی که تو صفحه محصولات محصول هست برای دیدن اطلاعات قیمت و... روش کلیک میکنیم و حالا تعداد رنگ نظرات میبینیم ولی همه اینه از apiمیاد یعنی یکجوری باید idمحصول پاس بدم بهapi و اطلاعت فقط اون محصول بگیرم نمیدونم منظورمو درست رسوندم یا نه ولی ممنون میشم راهنمایی کنید


ثبت پرسش جدید
احسان داوری
تخصص : برنامه نویس
@ehsndvr 2 سال پیش مطرح شد
1

سلام
شما باید از URL Parameters یا URL Variableاستفاده کنید که معمولا در متد GET استفاده میشن یا میتونید از روش دیجی کالا هم استفاده بکنید.
مثلا فرض میگیریم این عکس محصولات شماست :
 دیجی کالا
هرکدوم از این محصولات یک آیدی دارن یعنی یه شناسه دارن برای اینکه شما بتونید اطلاعاتشون رو دریافت کنید، مثل ما آدم ها کد ملی داریم ... حالا فرض میگیریم کاربر روی یکی از این محصولات کلیک کرد ، حالا ما اطلاعات محصول رو میخوایم باید چیکار کنیم ؟

خب ببینید وقتی شما این محصولات رو از api دریافت میکنید و به کاربر نشون میدید (یعنی همون صفحه اول ، وقتی که کاربر تازه وارد سایت میشه) حتما باید یک id یا شناسه برای هرمحصول وجود داشته باشه، شما میاید محصولات رو در صفحه میچینید ، دقت کنید اینجا شما شناسه محصول رو دارید ، و باید یه طوری این شناسه رو به یک api دیگه ارسال کنید تا به شما اطلاعاتی بر گشت داده بشه ...
حالا یه نگاه به دیجی کالا میکنیم:
این لینک یکی از محصولات عکس بالاست، آدرس اینترنتی این محصول 2 بخش داره یعنی :
 تصویر
داخل تصویر 2 تا قسمت مهم هستش، اول اینکه یه جا نوشته dkp-7348376 و قسمت دوم نوشته : تابه-ماهی-عروس-مدل-ویکتوریا-سایز-40 (نکته : دیجی کالا برای نشون دادن صفحه محصول از URL Parameters استفاده نکرده اما شما میتونید از این کار استفاده بکنید)
خب قسمت اول که با عدد هم براتون مشخص کردم میشه آیدی یا شناسه اون محصول 7348376 که دیجی کالا به این صورت داره داده رو از api در یافت میکنه و به ما نشون میده (مثلا این api دیجیکالا هستش با متد GET)

https://digikala.com/p/7348376/

قسمت دوم هم برای نمایش اسم محصول به کاربر هستش ...
این یک روش بود که دیجی کالا انجام داده ...
حالا شما میتونید به این صورت هم کاربر رو به صفحه محصول هدایت بکنید :

https://www.digikala.com/product/dkp-7348376/?id=12345

حالا وقتی کاربر وارد صفحه محصول شد شما یه کد مینویسید که id رو URL دریافت بکنه و برای api ارسال بکنه و بعد از اینکه اطلاعات رو کامل دریافت کرد ، به کاربر نشون بده


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 2 سال پیش مطرح شد
0

سوالتون چیه؟


احسان داوری
تخصص : برنامه نویس
@ehsndvr 2 سال پیش مطرح شد
1

سلام
شما باید از URL Parameters یا URL Variableاستفاده کنید که معمولا در متد GET استفاده میشن یا میتونید از روش دیجی کالا هم استفاده بکنید.
مثلا فرض میگیریم این عکس محصولات شماست :
 دیجی کالا
هرکدوم از این محصولات یک آیدی دارن یعنی یه شناسه دارن برای اینکه شما بتونید اطلاعاتشون رو دریافت کنید، مثل ما آدم ها کد ملی داریم ... حالا فرض میگیریم کاربر روی یکی از این محصولات کلیک کرد ، حالا ما اطلاعات محصول رو میخوایم باید چیکار کنیم ؟

خب ببینید وقتی شما این محصولات رو از api دریافت میکنید و به کاربر نشون میدید (یعنی همون صفحه اول ، وقتی که کاربر تازه وارد سایت میشه) حتما باید یک id یا شناسه برای هرمحصول وجود داشته باشه، شما میاید محصولات رو در صفحه میچینید ، دقت کنید اینجا شما شناسه محصول رو دارید ، و باید یه طوری این شناسه رو به یک api دیگه ارسال کنید تا به شما اطلاعاتی بر گشت داده بشه ...
حالا یه نگاه به دیجی کالا میکنیم:
این لینک یکی از محصولات عکس بالاست، آدرس اینترنتی این محصول 2 بخش داره یعنی :
 تصویر
داخل تصویر 2 تا قسمت مهم هستش، اول اینکه یه جا نوشته dkp-7348376 و قسمت دوم نوشته : تابه-ماهی-عروس-مدل-ویکتوریا-سایز-40 (نکته : دیجی کالا برای نشون دادن صفحه محصول از URL Parameters استفاده نکرده اما شما میتونید از این کار استفاده بکنید)
خب قسمت اول که با عدد هم براتون مشخص کردم میشه آیدی یا شناسه اون محصول 7348376 که دیجی کالا به این صورت داره داده رو از api در یافت میکنه و به ما نشون میده (مثلا این api دیجیکالا هستش با متد GET)

https://digikala.com/p/7348376/

قسمت دوم هم برای نمایش اسم محصول به کاربر هستش ...
این یک روش بود که دیجی کالا انجام داده ...
حالا شما میتونید به این صورت هم کاربر رو به صفحه محصول هدایت بکنید :

https://www.digikala.com/product/dkp-7348376/?id=12345

حالا وقتی کاربر وارد صفحه محصول شد شما یه کد مینویسید که id رو URL دریافت بکنه و برای api ارسال بکنه و بعد از اینکه اطلاعات رو کامل دریافت کرد ، به کاربر نشون بده


مصطفی
تخصص : React
@Mostafank 2 سال پیش مطرح شد
0

ممنون بابت راهنمایی خوبتون 🙏🙏


احسان داوری
تخصص : برنامه نویس
@ehsndvr 2 سال پیش آپدیت شد
1

@Mostafank
خواهش میکنم ، موفق باشید 🌹


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام