You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

3.2 KiB

ShoppingCart

这是一个移动端的网页底部有4个tab栏。第1个tab栏是购物车栏可以查看购物车商品、添加、删除商品。第2个tab栏是商品栏显示所有商品把product的所有内容一条条列出来就行了需要分页 mybatis plus分页查询。第3个tab栏是订单栏显示用户的所有订单可能也需要分页。第4个tab栏是用户栏显示用户的个人信息id 用户名 地址地址支持修改。另外无论在哪个tab栏右上角都有一个横幅显示“欢迎您xxx”xxx是当前用户的用户名

1.数据库设计

  1. User 表 (用户表)

    • id (主键,自增长,唯一)
    • username (用户名,唯一)
    • password (用户密码,加密存储)
    • location (用户地址)
  2. Product 表 (商品表)

    • id (主键,自增长,唯一)
    • name (商品名)
    • description (商品描述)
    • price (商品价格)
    • quantity (商品库存量)
  3. CartItem 表 (购物车项表)

    • id (主键,自增长,唯一)
    • user_id (外键,关联 User 表的 id)
    • product_id (外键,关联 Product 表的 id)
    • quantity (购物车中商品的数量)
  4. Order 表 (订单表)

    • id (主键,自增长,唯一)
    • user_id (外键,关联 User 表的 id)
    • product_id (外键,关联 Product 表的 id)
    • quantity (订单中商品的数量)
    • order_status (订单状态,如:已创建、已付款、已发货、已完成、已取消等)

2. Restful API 接口设计

  1. 用户相关接口

    • POST /user/register 用户注册
    • POST /user/login 用户登录
    • GET /user/{userId} 获取用户信息
    • PUT /user/{userId}/location 更新用户地址
  2. 商品相关接口

    • GET /product 获取所有商品
    • GET /product/{productId} 获取单个商品的详细信息
  3. 购物车相关接口

    • GET /user/{userId}/cart 获取购物车中的所有商品
    • POST /user/{userId}/cart/add/{productId} 将商品添加到购物车
    • POST /user/{userId}/cart/remove/{productId} 从购物车中移除商品
    • POST /user/{userId}/cart/decrease/{productId} 减少购物车中的商品数量
  4. 订单相关接口

    • GET /user/{userId}/orders 获取用户的所有订单
    • POST /user/{userId}/orders/create 创建新的订单
    • DELETE /user/{userId}/orders/{orderId} 删除指定的订单

测试接口接口返回200请求成功。添加iPhone14成功。 POST /product/addToCart/{productId}

image

image

POST /product/removeFromCart/{productId}

image

GET /product/cart image

前后端联调

image

五、其他说明

后端地址localhost:8088