ASP.NET MVC Music Store Series 1

คร่าวๆ

Series MVC Music Store เป็นบทความการสร้าง web application แบบ step-by-step ด้วย ASP.NET MVC และ Visual Web Developer บทความนี้ยังเหมาะสำหรับผู้สนใจที่จะเริ่มเขียน web ด้วยเช่นกัน ซึ่งเราจะสร้างเว็บ music store ง่ายๆกัน โดยมีส่วนประกอบกัน 3 ส่วนคือ shopping (การแสดงสินค้า), checkout (การสั่งซื้อ), administration (การบริหารเว็บ)

เรามาดูตัวอย่างคร่าวๆ กันว่าจะได้ web application หน้าตาแบบไหน

รูปที่ 1 หน้า Home

 

รูปที่ 2 สามารถเลือกแสดงตามประเภทของสินค้าหรือเพลง

รูปที่ 3 สามารถแสดงแต่ละอัลบั้มหรือสินค้า และเลือกซื้อได้โดยการกดปุ่ม Add to cart

รูปที่ 4 สามารถดูรายการที่จะซื้อสินค้า และยกเลิกรายการได้

รูปที่ 5 เมื่อต้องการซื้อสินค้า จะมีหน้า Log On หรือสมัครก่อนเพื่อยืนยันการซื้อสินค้า

รูปที่ 6 หน้าจอการสมัคร

 

รูปที่ 7 หลังจากสมัคร สามารถกรอกข้อมูลที่อยู่เพื่อส่งสินค้า

รูปที่ 8 เมื่อสั่งซื้อสินค้า จะแสดงหน้าจอยืนยันการซื้อสินค้า

รูปที่ 9 หน้าจอการบริหารงานระบบสามารถเพิ่มสินค้า แก้ไขข้อมูล หรือลบรายการสินค้าออกได้

 

ติดตามต่อได้ใน Series ต่อไปเร็วๆนี้

 ASP.NET MVC Music Store Series 2

ผู้เขียน: procodeblog