14、SportsStore 应用开发：REST 与结账流程实现

SportsStore 应用开发：REST 与结账流程实现

1. 引言

在 SportsStore 应用开发中，为了让用户能够顺利完成购物流程，需要添加支持与 RESTful 网络服务器交互、处理大量数据以及结账下单的功能。本文将详细介绍这些功能的实现过程。

2. 分页支持与界面展示

在界面上，通过一系列按钮让用户在不同页面间切换，同时还有选择元素用于改变排序属性和页面大小。相关代码如下：

<div className="col-9 p-2">
    <ProductPages />
    <ProductList products={ this.props.products }
        addToCart={ this.handleAddToCart } />
</div>

3. 扩展 REST 数据源和数据存储

为了向 Web 服务发送订单，需要扩展 REST 数据源和数据存储。具体步骤如下：
1. 定义数据类型和操作类型 ：在 Types.js 文件中添加新的数据类型和操作类型。

export const DataTypes = {
    PRODUCTS: "products",
    CATEGORIES: "categories",
    ORDERS: "orders"
}
export cons