springboot+mysql+vue3 评论敏感词屏蔽功能具体实现

评论敏感词屏蔽功能可以通过以下步骤实现：

1. 在 MySQL 数据库中创建一个敏感词表，用于存储所有需要屏蔽的敏感词。

2. 在 Spring Boot 中使用 MyBatis 或 JPA 等框架，将敏感词表映射为一个实体类，并创建一个 DAO 层用于操作该表。

3. 在后端编写一个过滤器，用于过滤评论中的敏感词。过滤器可以在评论提交到后端之前进行拦截，并根据敏感词表进行屏蔽。

4. 在前端使用 Vue3，通过 AJAX 请求将评论提交到后端，并接收后端返回的结果。如果评论中包含敏感词，前端可以弹出提示框进行提醒。

下面是一个简单的示例代码，仅供参考：

MySQL敏感词表：

CREATE TABLE `sensitive_words` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `word` varchar(255) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

Spring Boot 实体类：

@Entity
@Table(name = "sensitive_words")
public class SensitiveWord {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Integer id;

    @Column(name = "word")
    private String word;

    // getter 和 setter 方法
}

Spring Boot DAO 层：

@Repository
public interface SensitiveWordDao extends JpaRepository<SensitiveWord, Integer> {
    List<SensitiveWord> findAll();
}

Spring Boot 过滤器：

@WebFilter(filterName = "sensitiveWordFilter", urlPatterns = "/comment/*")
public class SensitiveWordFilter implements Filter {
    private List<String> sensitiveWords = new ArrayList<>();

    @Autowired
    private SensitiveWordDao sensitiveWordDao;

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
        List<SensitiveWord> words = sensitiveWordDao.findAll();
        for (SensitiveWord word : words) {
            sensitiveWords.add(word.getWord());
        }
    }

    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
        HttpServletRequest httpRequest = (HttpServletRequest) request;
        String comment = httpRequest.getParameter("comment");

        for (String word : sensitiveWords) {
            if (comment.contains(word)) {
                HttpServletResponse httpResponse = (HttpServletResponse) response;
                httpResponse.setStatus(400);
                httpResponse.getWriter().write("评论中包含敏感词");
                return;
            }
        }

        chain.doFilter(request, response);
    }

    @Override
    public void destroy() {

    }
}

Vue3 组件：

<template>
  <div>
    <textarea v-model="comment"></textarea>
    <button @click="submitComment">提交</button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      comment: ''
    }
  },
  methods: {
    submitComment() {
      axios.post('/comment', {
        comment: this.comment
      }).then(response => {
        alert('评论成功');
      }).catch(error => {
        alert(error.response.data);
      });
    }
  }
}
</script>