HarmonyOS 应用中复杂业务场景下的接口设计

import express from 'express';

const app = express();

// 模拟业务数据
const orders = [
  { id: 1, user: 'John', amount: 100, status: 'pending', createdAt: '2023-10-01' },
  { id: 2, user: 'Alice', amount: 200, status: 'completed', createdAt: '2023-09-25' },
  { id: 3, user: 'Bob', amount: 150, status: 'cancelled', createdAt: '2023-10-05' },
];

// 通用响应格式
function formatResponse(code: number, message: string, data: any) {
  return { code, message, data };
}

// 复杂查询接口
app.get('/api/orders', (req, res) => {
  const { user, status, sortBy, page = 1, limit = 10 } = req.query;

  let result = [...orders];

  // 按用户筛选
  if (user) {
    result = result.filter(order => order.user === user);
  }

  // 按状态筛选
  if (status) {
    result = result.filter(order => order.status === status);
  }

  // 排序
  if (sortBy) {
    result.sort((a, b) => (a[sortBy] > b[sortBy] ? 1 : -1));
  }

  // 分页
  const start = (page - 1) * limit;
  const end = start + limit;
  const paginatedData = result.slice(start, end);

  res.json(formatResponse(200, 'Success', paginatedData));
});

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

import fetch from '@system.fetch';

export default {
  data: {
    orderList: []
  },

  async fetchOrders(params: string) {
    try {
      const response = await fetch.fetch({
        url: `http://localhost:3000/api/orders${params}`,
        method: 'GET',
        responseType: 'json'
      });
      this.orderList = response.data.data; // 取响应中的数据部分
    } catch (error) {
      console.error('请求失败:', error);
    }
  }
};

import { View, Text, Button, List, ListItem } from '@ohos.arkui';

export default {
  build() {
    return (
      <View>
        <Button
          value="获取全部订单"
          onClick={() => this.fetchOrders('?page=1&limit=10')}
        />
        <Button
          value="获取Pending订单"
          onClick={() => this.fetchOrders('?status=pending')}
        />
        <List>
          {this.orderList.map(order => (
            <ListItem>
              <Text>{`订单ID: ${order.id}, 用户: ${order.user}, 状态: ${order.status}`}</Text>
            </ListItem>
          ))}
        </List>
      </View>
    );
  }
};