少儿舞蹈小程序（13）作品播放量累加及点赞

用了13篇我们完整介绍了小程序的首页功能，感兴趣的可以从头到尾照着做一遍，你就能感受到低代码在开发这类应用的强大之处了。

低代码布道师

859人浏览 · 2025-09-11 10:14:46

低代码布道师 · 2025-09-11 10:14:46 发布

1 实现播放累累加功能

1.1 创建API

为了实现播放量的累加功能，我们先需要创建一个API，传入作品的数据标识，然后更新播放量。

选择资源连接，点击+号，选择自定义代码
在这里插入图片描述
输入名称和标识

输入方法的名称和标识

输入如下代码

/**
 * 增加作品浏览量API
 * 根据作品ID增加作品的浏览次数
 */

module.exports = async function (params, context) {
  try {
    // 获取作品ID参数
    const showcaseId = params.showCaseId;
    
    // 参数校验
    if (!showcaseId) {
      return {
        code: 400,
        message: '作品ID不能为空',
        data: null,
        timestamp: Date.now()
      };
    }

    // 查询作品当前信息（使用查询单条记录的语法）
    const showcaseResult = await context.callModel({
      dataSourceName: 'showcase',
      methodName: 'wedaGetItemV2',
      params: {
        filter: {
          where: {
            _id: { $eq: showcaseId }
          }
        },
        select: { $master: true }
      }
    });

    // 检查作品是否存在
    if (!showcaseResult&&Object.keys(showcaseResult).length===0) {
      return {
        code: 404,
        message: '作品不存在',
        data: null,
        timestamp: Date.now()
      };
    }

    // 获取当前浏览量
    const currentViews = showcaseResult.views || 0;
    
    // 更新浏览量（当前浏览量+1）
    const updateResult = await context.callModel({
      dataSourceName: 'showcase',
      methodName: 'wedaUpdateV2',
      params: {
        filter: {
          where: {
            _id: { $eq: showcaseId }
          }
        },
        data: {
          views: currentViews + 1
        }
      }
    });

    // 返回成功结果
    return {
      code: 200,
      message: '浏览量更新成功',
      data: {
        showcaseId: showcaseId,
        previousViews: currentViews,
        currentViews: currentViews + 1
      },
      timestamp: Date.now()
    };

  } catch (error) {
    console.error('增加作品浏览量错误:', error);
    return {
      code: 500,
      message: '服务器内部错误',
      data: null,
      timestamp: Date.now()
    };
  }
};

添加入参
在这里插入图片描述
点击方法测试，这时候要输入入参的值

点击MySQL数据库，找到数据标识列，复制一行的数据

将复制的数据贴入我们的入参中

点击运行测试，成功之后点击出参自动映射

1.2 更新播放量

打开我们的小程序应用
在这里插入图片描述
选中我们的弹窗组件，在弹窗打开时调用数据源方法

选择作品管理，播放量累加方法

入参绑定为弹窗组件的入参的数据标识字段

上一篇中我们只需要播放的视频地址，现在需要修改一下，把整行输入都传入
在这里插入图片描述
播放量累加了之后还需要在弹窗关闭的时候刷新一下数据列表

2 实现点赞功能

2.1 创建API

点赞功能和播放累累加功能是类似的，只是累加的字段不一样。创建一个点赞的方法
在这里插入图片描述
输入如下代码

/**
 * 增加作品点赞API
 * 根据作品ID增加作品的点赞次数
 */

module.exports = async function (params, context) {
  try {
    // 获取作品ID参数
    const showcaseId = params.showCaseId;
    
    // 参数校验
    if (!showcaseId) {
      return {
        code: 400,
        message: '作品ID不能为空',
        data: null,
        timestamp: Date.now()
      };
    }

    // 查询作品当前信息（使用查询单条记录的语法）
    const showcaseResult = await context.callModel({
      dataSourceName: 'showcase',
      methodName: 'wedaGetItemV2',
      params: {
        filter: {
          where: {
            _id: { $eq: showcaseId }
          }
        },
        select: { $master: true }
      }
    });

    // 检查作品是否存在
    if (!showcaseResult&&Object.keys(showcaseResult).length===0) {
      return {
        code: 404,
        message: '作品不存在',
        data: null,
        timestamp: Date.now()
      };
    }

    // 获取当前点赞量
    const currentLikes = showcaseResult.likes || 0;
    
    // 更新浏览量（当前浏览量+1）
    const updateResult = await context.callModel({
      dataSourceName: 'showcase',
      methodName: 'wedaUpdateV2',
      params: {
        filter: {
          where: {
            _id: { $eq: showcaseId }
          }
        },
        data: {
          likes: currentLikes + 1
        }
      }
    });

    // 返回成功结果
    return {
      code: 200,
      message: '点赞量更新成功',
      data: {
        showcaseId: showcaseId,
        previousLikes: currentLikes,
        currentLikes: currentLikes + 1
      },
      timestamp: Date.now()
    };

  } catch (error) {
    console.error('增加作品点赞量错误:', error);
    return {
      code: 500,
      message: '服务器内部错误',
      data: null,
      timestamp: Date.now()
    };
  }
};