วันเสาร์ที่ 15 พฤศจิกายน พ.ศ. 2557

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 ต่อไปเร็วๆนี้









ผู้เขียน: procodeblog

ไม่มีความคิดเห็น:

แสดงความคิดเห็น