iT邦幫忙

2024 iThome 鐵人賽

DAY 14
0
佛心分享-SideProject30

用React Native打造找餐店APP系列 第 14

[Day 14] 從介面到發想資料格式(五)

  • 分享至 

  • xImage
  •  

前言:昨天分享了當餐廳老闆在使用APP時,在訂單管理頁面會操作甚麼功能,進而決定他需要哪一些資料欄位使用

緊接著,要分享第二個 Views :餐點管理

https://ithelp.ithome.com.tw/upload/images/20240814/20132295HPLCZIFKOn.png

基本資訊

  • 菜品名稱 (Food Name): 點心小拼盤
  • 價格 (Food Price): 80
  • 描述 (Description): 套餐加價
  • 原價 (Origin Price): 110
  • 折扣價 (Discount Price): 90
  • 狀態 (Status): 尚未上架
  • 菜品分類 (Category): 早餐
  • 上架時間 (Availability Time): 07:00-10:00
  • 庫存數量 (Stock Quantity): 50

圖片

  • 圖片 (Food Image):
    可提供後台上架多張商品圖

營養資訊 (Nutritional Information)

  • 卡路里 (Calories): 250
  • 蛋白質 (Protein): 10
  • 脂肪 (Fat): 15
  • 碳水化合物 (Carbohydrates): 20

銷售狀態 (Sales Status)

  • 銷售狀態 (Sales Status): 即將上架

折扣活動 (Discount Events)

  • 折扣活動 (Discount Events): 週末特惠

評分 (Rating)

  • 評分 (Rating): 4.5

標籤 (Tags)

  • 標籤 (Tags):
    • 熱門
    • 推薦

供應商 (Supplier)

  • 供應商 (Supplier)

製作時間 (Preparation Time)

  • 製作時間 (Preparation Time)

配料 (Ingredients)

  • 配料 (Ingredients):
    • 麵包
    • 奶油
    • 火腿
    • 生菜

附加選項 (Additional Options)

  • 附加選項 (Additional Options):
    • 加蛋
    • 加奶

促銷標籤 (Promotion Tag)

  • 促銷標籤 (Promotion Tag): 新品

食譜 (Recipe)

  • 食譜 (Recipe): 將麵包切片,塗上奶油,加上火腿和生菜...

以下是目前根據以上發想後的資料格式:

 {
 "id": 1,
  "foodName": "點心小拼盤",
  "foodPrice": 80,
  "description": "套餐加價",
  "originPrice": 110,
  "discountPrice": 90,
  "foodImage": ["https://images.unsplash.com/photo-1481931715705-36f5f79f1f3d?q=80&w=2112&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", "https://images.unsplash.com/photo-1481931715705-36f5f79f1f3d?q=80&w=2112&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"],
  "category": "早餐",
  "availabilityTime": "07:00-10:00",
  "stockQuantity": 50,
  "nutritionalInformation": {
    "calories": 250,
    "protein": 10,
    "fat": 15,
    "carbohydrates": 20
  },
  "salesStatus": "即將上架",
  "discountEvents": ["週末特惠"],
  "rating": 4.5,
  "tags": ["熱門", "推薦"],
  "supplier": "本地農場",
  "preparationTime": "10分鐘",
  "ingredients": ["麵包", "奶油", "火腿", "生菜"],
  "additionalOptions": ["加蛋", "加奶"],
  "promotionTag": "新品",
  "recipe": "將麵包切片,塗上奶油,加上火腿和生菜..."
 } 

上一篇
[Day 13] 從介面到發想資料格式(四)
下一篇
[Day 15] 從介面到發想資料格式(最後)
系列文
用React Native打造找餐店APP25
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言