使用云开发 Copilot 轻松开发一款待办事项列表应用

// 1. 查询任务列表
const fetchTasks = async () => {
    try {
        const result = await $w.cloud.callDataSource({
            dataSourceName: "dbsx", // 数据模型标识
            methodName: "wedaGetRecordsV2",
            params: {
                getCount: true,
                pageSize: 100,
                pageNumber: 1,
                orderBy: [{ createdAt: 'desc' }],
            }
        });
        setTasks(result.records || []);
    } catch (e) {
        console.log("查询任务失败", e.code, e.message);
    }
};

// 2. 新增任务
const addTask = async () => {
    if (newTask.trim()) {
        try {
            const dueDateTimestamp = selectedDate ? new Date(selectedDate).getTime() : null;

            const result = await $w.cloud.callDataSource({
                dataSourceName: "dbsx",
                methodName: "wedaCreateV2",
                params: {
                    data: {
                        task: newTask,
                        dueDate: dueDateTimestamp,
                        completed: false,
                    }
                }
            });

            console.log("任务添加成功", result);
            fetchTasks(); // 刷新任务列表
        } catch (e) {
            console.log("新增任务失败", e.code, e.message);
        }
        setNewTask('');
        setSelectedDate(null);
    }
};

// 3. 删除任务
const deleteTask = async (id) => {
    try {
        const result = await $w.cloud.callDataSource({
            dataSourceName: "dbsx",
            methodName: "wedaDeleteV2",
            params: {
                filter: {
                    where: {
                        _id: { $eq: id },
                    }
                }
            }
        });
        console.log("任务删除成功", result);
        fetchTasks(); // 刷新任务列表
    } catch (e) {
        console.log("删除任务失败", e.code, e.message);
    }
};

// 4. 更新任务
const saveEdit = async () => {
    try {
        const dueDateTimestamp = selectedDate ? new Date(selectedDate).getTime() : null;
        const result = await $w.cloud.callDataSource({
            dataSourceName: "dbsx",
            methodName: "wedaUpdateV2",
            params: {
                data: {
                    task: newTask,
                    dueDate: dueDateTimestamp,
                    completed: false,  // 保持原有的状态，或者根据需求修改
                },
                filter: {
                    where: {
                        _id: { $eq: editingId }
                    }
                }
            }
        });
        console.log("任务更新成功", result);
        setEditingId(null);
        setNewTask('');
        setSelectedDate(null);
        fetchTasks(); // 刷新任务列表
    } catch (e) {
        console.log("更新任务失败", e.code, e.message);
    }
};

// 5. 任务完成状态切换
const toggleComplete = async (id) => {
    const task = tasks.find(task => task._id === id);
    if (task) {
        try {
            const result = await $w.cloud.callDataSource({
                dataSourceName: "dbsx",
                methodName: "wedaUpdateV2",
                params: {
                    data: { completed: !task.completed },
                    filter: {
                        where: { _id: { $eq: id } }
                    }
                }
            });
            console.log("任务状态更新成功", result);
            fetchTasks(); // 刷新任务列表
        } catch (e) {
            console.log("更新任务状态失败", e.code, e.message);
        }
    }
};