论坛成就系统：如何用 JS 和 SQL 代码实现

以下是一个使用 JS 和 SQL 代码表示的论坛成就系统的示例，其中包含创建数据库表、前端 JS 代码和触发成就的逻辑。

在数据库中创建一个名为 achievements 的表，用于存储用户的成就信息，包括成就 ID、成就名称和用户 ID 等字段。

CREATE TABLE achievements (
  id INT PRIMARY KEY AUTO_INCREMENT,
  name VARCHAR(50),
  user_id INT
);

在前端页面的 JS 代码中，可以使用以下代码触发并添加成就：

// 当用户第一次发帖时
function onFirstPost(userId) {
  // 检查数据库中是否已经存在该成就
  const existingAchievement = checkAchievementExists('first_post', userId);
  if (!existingAchievement) {
    // 向数据库中添加成就
    addAchievement('first_post', userId);
    // 展示成就获得提示
    showAchievementNotification('First Post Achievement Unlocked!');
  }
}

// 当用户第一次回帖时
function onFirstReply(userId) {
  const existingAchievement = checkAchievementExists('first_reply', userId);
  if (!existingAchievement) {
    addAchievement('first_reply', userId);
    showAchievementNotification('First Reply Achievement Unlocked!');
  }
}

// 检查数据库中是否已经存在指定成就
function checkAchievementExists(achievementName, userId) {
  // 查询数据库中是否存在指定成就
  // 使用适当的 SQL 查询语句
  // 返回成就对象或 null
}

// 向数据库中添加成就
function addAchievement(achievementName, userId) {
  // 向数据库中插入新成就记录
  // 使用适当的 SQL 插入语句
}

// 展示成就获得提示
function showAchievementNotification(message) {
  // 在页面上展示成就获得提示
  // 可以使用 alert() 函数或其他方式展示提示信息
}

在论坛的发帖和回帖功能中，可以调用上述函数来触发相应的成就。例如：

// 当用户发帖时
function post(userId) {
  // 发布帖子的逻辑
  // ...
  // 触发第一次发帖成就
  onFirstPost(userId);
}

// 当用户回帖时
function reply(userId) {
  // 回复帖子的逻辑
  // ...
  // 触发第一次回帖成就
  onFirstReply(userId);
}

以上是一个简单的论坛成就系统的示例，你可以根据实际需求进行修改和扩展。