36、独立 Web 应用与 Angular 应用开发指南

独立 Web 应用与 Angular 应用开发指南

独立 Web 应用开发

1. 数据存储函数
   以下是一个用于存储订单数据的函数：

storeOrder(): Promise<number> {
    let orderData = {
        lines: [...this.order.orderLines.values()].map(ol => ({
            productId: ol.product.id,
            productName: ol.product.name,
            quantity: ol.quantity
        }))
    }
    return Axios.post(urls.orders, orderData).then(response => response.data.id);
}

此函数将订单数据进行整理，并通过 Axios 发送 POST 请求到指定的 URL，返回响应数据中的订单 ID。URL 通常以 /api 为前缀，相对于请求 HTML 文档的 URL。
2. 构建应用
在 webapp 文件夹中运行以下命令来创建生产环境可用的捆绑包：

npx webpack --mode "producti