Feature นำหนังสือลงตระกร้า - panupongth148/Project-SW-DEV-TOOLS-AND-ENV-Group4 GitHub Wiki

User Flow

UserFlowBuyBook

ประกอบด้วยหน้าต่าง ๆ ดังนี้

1. Login Page

ผู้ใช้ทำการเข้าสู่ระบบเพื่อจะรับสิทธิ์ในการเข้าใช้งานส่วนต่าง ๆ ของหน้าเว็บไซต์ได้

2. Main Page

หน้าหลักของเว็บไซต์ซึ่งประกอบไปด้วยโลโก้ แถบของเมนู ส่วนของรายการโปรโมชั่นต่าง ๆ และแสดงส่วนของรายการหนังสือแนะนำ

3. Book Info Page

แสดงรายละเอียดของหนังสือหนึ่งเล่มที่เลือก ได้แก่ รูปภาพ ชื่อ คำอธิบาย ราคา และจำนวนของหนังสือ

4. Cart Page

หน้าตะกร้าใส่หนังสือของผู้ซื้อ เก็บรายการของหนังสือที่ผู้ใช้เพิ่มเข้าตะกร้าเพื่อเตรียมพร้อมที่จะซื้อและจะแสดงอยู่ที่หน้านี้ โดยจะมีการแสดงราคารวมของสินค้าทั้งหมดในตะกร้า และผู้ซื้อสามารถเพิ่มหรือลบหนังสือออกจากตะกร้าได้

5. Payment Page

ในหน้านี้ผู้ชื้อต้องทำการกรอกรายละเอียดต่าง ๆ ได้แก่ ชื่อ-นามสกุล ที่อยู่ เบอร์โทรศัพท์ และตัวเลือกการจัดส่ง เพื่อทำการสั่งซื้อสินค้า คำสั่งซื้อจะสำเร็จเมื่อกรอกรายละเอียดและชำระเงินเรียบร้อย

6. Bill Page

เป็นหน้าที่จะแสดงรายละเอียดสินค้าที่ออเดอร์ที่ลูกค้าชำระเงิน

UI Flow

buybuukIU

Acceptance test

Acceptance test

Technical

Frontend

fronbuy

Backend

backbuy

API DESIGN

  • Add To Cart
POST /cart/addbook/:id
Request body:

{
    "_id":"object(id)",
    "book_name":"book name",
    "book_price":100,
    "book_count":1
}
Response Status 200:

{
  "success": true
}

Database

DataBuy

Back to Task 2