第 1 课 AI Code Reviewer 快速上手与完整体验

Corey2026/7/22大约 5 分钟面试题面试题

来源：第 1 课 AI Code Reviewer 快速上手与完整体验

课程目标：

知道这个 Java + AI 审查器能做什么
能在本机跑起来前后端
完整体验一次“代码 → AI 审查 → 优化后的代码”的闭环

一、本课要解决什么问题？

痛点 1： 日常写完代码，没有人帮你做 Code Review，很多隐患拖到上线才暴露
痛点 2： 想用 AI 帮忙看代码，但只会在聊天窗口里“问一问”，无法形成固定流程
本课目标： 用一套 Java + AI 小工具，把“AI 代码审查”固化成一个稳定流程：
输入代码 → AI 给评分 & 问题列表 → 生成一份优化后的完整代码

二、项目整体结构（只看关键）

后端（backend） – Spring Boot 3
controller/ReviewController.java：审查接口入口（/api/review/quick）
service/ReviewService.java：负责审查流程 & 落库
service/AIReviewService.java：与阿里通义千问对话，拿到 JSON 审查结果
dto/ReviewDto.java：请求 / 响应的数据结构
前端（frontend） – Vue 3 + TypeScript
src/App.vue：页面布局和交互逻辑
src/api/review.ts：封装调用 /api/review/quick 的 API
src/assets/style.css：样式（包括左右布局、优化代码区域等）

三、运行环境准备

必须软件：
Java 17+
Node.js（自带 npm）
必须配置：
获取阿里云 DASHSCOPE 的 API Key
在后端配置中填写：
可以在环境变量里设置 DASHSCOPE_API_KEY
或在 backend/src/main/resources/application.yml 中配置：

qwen:
  api-key: "你的-dashscope-api-key"

四、启动步骤（后端 + 前端）

启动后端（Spring Boot）

终端执行：

cd backend
./mvnw spring-boot:run

成功后：
控制台会看到 Tomcat started on port 8080
后端地址：http://localhost:8080

启动前端（Vite + Vue 3）

新开一个终端：

cd frontend
npm install
npm run dev

浏览器访问：http://localhost:5173

五、第一次完整体验：审查一段“有坑”的 Java 代码

在左侧输入区粘贴下面的示例代码：

import java.util.List;

public class UserUtils {
    // 这是一个充满槽点的代码片段
    public String handle(List&lt;String&gt; list, String type) {
        String s = "";
        if (type == "VIP") { // 使用 == 比较字符串
            for (int i = 0; i < list.size(); i++) {
                String u = list.get(i);
                if (u.length() > 5) {
                    s = s + u + ","; // 频繁字符串拼接
                    System.out.println("Add user: " + u); // 直接打印日志
                }
            }
        } else {
            return null; // 返回 null，不利于调用方处理
        }
        return s;
    }
}