如何搭建采购订单小程序

<!-- 示例代码：小程序页面结构 -->
<view class="container">
  <view class="header">采购订单管理</view>
  <button bindtap="createOrder">创建订单</button>
  <button bindtap="trackOrder">跟踪订单</button>
  <view class="orders">
    <block wx:for="{{orders}}" wx:key="id">
      <view class="order">
        <text>{{item.orderId}}</text>
        <text>{{item.status}}</text>
      </view>
    </block>
  </view>
</view>

// 示例代码：小程序逻辑
Page({
  data: {
    orders: []
  },
  onLoad: function () {
    this.fetchOrders();
  },
  fetchOrders: function () {
    wx.request({
      url: 'https://your-backend-api.com/orders',
      success: (res) => {
        this.setData({ orders: res.data });
      }
    });
  },
  createOrder: function () {
    wx.navigateTo({
      url: '/pages/createOrder/createOrder'
    });
  },
  trackOrder: function () {
    wx.navigateTo({
      url: '/pages/trackOrder/trackOrder'
    });
  }
});

// 示例代码：Node.js后端API
const express = require('express');
const app = express();
const bodyParser = require('body-parser');
const mongoose = require('mongoose');

app.use(bodyParser.json());

mongoose.connect('mongodb://localhost:27017/purchase_orders', { useNewUrlParser: true, useUnifiedTopology: true });

const orderSchema = new mongoose.Schema({
  orderId: String,
  status: String
});

const Order = mongoose.model('Order', orderSchema);

app.get('/orders', async (req, res) => {
  const orders = await Order.find();
  res.json(orders);
});

app.post('/orders', async (req, res) => {
  const order = new Order(req.body);
  await order.save();
  res.json(order);
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

{
  "orderId": "string",
  "status": "string",
  "supplier": "string",
  "items": [
    {
      "productId": "string",
      "quantity": "number",
      "price": "number"
    }
  ],
  "createdAt": "date",
  "updatedAt": "date"
}