طراحی صفحه جزییات محصولات

[sara_t]

سلام دوستان

دوستان من میخام صفحه جزییات محصول رو طراحی کنم.ممنون میشم راهنماییم کنید.
اول اینکه من یه صفحه محصولات دارم که با کلیک روی تصویر فلان محصول باید وارد یه صفحه جدید بنام جزییات محصول بشم؟

بعدش میخام تو صفحه جزییات محصول چنذتا عکس از اون محصول رو قرار بدم.طراحی این عکسها توی دیتابیس چطوری باید قرار بدم؟
یه چیزی شبیه صفحه جزییات دیجی کالا.ولی طراحی این قسمت دیتابیسم رو نمیدونم.

در کل هم من یه جدول گروه محصولات دارم که گروه بندی رو اونجا انجام دادم و یه جدول محصولات که اسم و مشخصات محصولم رو توش قرار دادم.ویه فولدر بنام images که عکسها رو تو اون فولدر گذاشتم.
توی جدول محصولات هم یه فیلد بنام images دارم که اسم محصول رو توش مینویسم.ولی حالا برای یک محصول که بخام چندتا عکس قرار بدم باید چه طراحی درستی داشته باشم؟

[Moien Tajik]

سلام ,


اول اینکه من یه صفحه محصولات دارم که با کلیک روی تصویر فلان محصول باید وارد یه صفحه جدید بنام جزییات محصول بشم؟

بله ، یه اکشن که اصطلاحا بهش میگن Showthread دارید که ID محصول رو بعنوان ورودی دریافت میکنه و داخل جدول مربوط براساس ID دریافتی ، اون محصول رو پیدا میکنید و نمایش میدید . ( ID ها رو بعنوان Parameter در لینک های هر محصول در صفحه محصولات قرار میدید )


بعدش میخام تو صفحه جزییات محصول چندتا عکس از اون محصول رو قرار بدم.طراحی این عکسها توی دیتابیس چطوری باید قرار بدم؟

به تعداد عکس هایی که میخواید ، input از نوع file میزارید و عکس ها رو با HttpPostedFileBase در اکشن دریافت میکنید و اسم عکس + ID محصول مرتبط رو داخل دیتابیس ذخیره میکنید ( برای اینکه 2 عکس همنام وجود نداشته باشه و مشکل بوجود نیاد ، میتونید اسم عکس رو با GUID عوض کنید )

آموزش آپلود عکس در MVC ( روش دوم ; آپلود و ذخیره آدرس عکس یا همون File System پیشنهاد میشه ) :
http://www.mikesdotnetting.com/article/259/asp-net-mvc-5-with-ef-6-working-with-files


در کل هم من یه جدول گروه محصولات دارم که گروه بندی رو اونجا انجام دادم و یه جدول محصولات که اسم و مشخصات محصولم رو توش قرار دادم.ویه فولدر بنام images که عکسها رو تو اون فولدر گذاشتم.
توی جدول محصولات هم یه فیلد بنام images دارم که اسم محصول رو توش مینویسم.ولی حالا برای یک محصول که بخام چندتا عکس قرار بدم باید چه طراحی درستی داشته باشم؟

جدول شما به این صورت باید باشه :
آیدی عکس ( PK ) ، آیدی محصول ( FK )

موقع استفاده هم ، در صفحه جزئیات محصول ، عکس های مرتبط با ID اون محصول رو از دیتابیس واکشی میکنید و Include میکنید .

موفق باشید

[sara_t]

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


<div class="pricing-heading">

<a>
@Html.ImageFor(modelItem => item.Image, new { width = "96%" }, "Tulips.jpg", "Files", "UploadImages")

@Html.ActionLink("لینک" , "Detailproduct", new { productid = Convert.ToInt32(@item.Id) })
</a>
</div>

[Moien Tajik]

کد Action نیست که بشه مطمئن بود اما این رو امتحان کنید ( جای ActionName نام اکشن خودتون رو قرار بدید ) :

<div class="pricing-heading">
<a href="@Url.Action("ActionName","Detailproduct", new { productid = Convert.ToInt32(@item.Id})">
@Html.ImageFor(modelItem => item.Image, new { width = "96%" }, "Tulips.jpg", "Files", "UploadImages")
@Html.ActionLink("لینک", "Detailproduct", new { productid = Convert.ToInt32(@item.Id) })
</a>
</div>

[sara_t]

یه دنیا ممنون از کمکهاتون مشکلم حل شد.

یه کوچولو اشکال سینتکسی داشت که اینجوری برطرف شد(اینو میذارم شاید کسی بعدا نیاز پیدا کرد)


<a href="@Url.Action("Detailproduct","Home", new { productid = Convert.ToInt32(@item.Id)})">
@Html.ImageFor(modelItem => item.Image, new { width = "96%" }, "Tulips.jpg", "Files", "UploadImages")

</a>