IDEA 集成 AI 插件快速构建 Java 全栈功能实战
作为后端开发者,日常工作中难免需要在多种工具间切换。在通用大模型中提问、复制代码,再回到 IntelliJ IDEA 编译调试,这种上下文的中断往往会影响开发节奏。虽然 AI 编码能力日益增强,但 JetBrains IDE 在重构和调试场景下的体验依然扎实。
本文将演示一条更顺畅的路径:将 AI 编码能力直接接入 JetBrains 生态,通过插件完成从数据库到前端界面的整套开发工作。我们将使用 Qoder 插件配合 Vaadin MCP Server,在一个 Spring Boot + Vaadin Flow 项目中,演示如何在短时间内完成两个典型的全栈功能。
场景说明与准备工作
适用读者
- 已在使用 IntelliJ IDEA 或其他 JetBrains IDEs
- 熟悉 Spring Boot 和基础 Java Web 开发
- 希望在本地项目中使用 AI 进行端到端改造
示例项目信息
- 技术栈:Spring Boot + Vaadin Flow
- 包结构:org.vaadin.spring.tutorial
- 示例仓库:https://github.com/agentic-coding-durability-evalset/vaadin-demo
需要准备的工具
- 已安装 JetBrains IDE
- 已安装 Qoder JetBrains 插件
- 建议安装 Excalidraw 插件,用于在 IDE 中绘制简单原型图
- 访问 Vaadin MCP Server 文档:https://mcp.vaadin.com/docs
本教程分为两个任务:第一个任务侧重界面和 CRUD;第二个任务侧重认证、授权和系统改造。
实战概览:7 分钟完成两个全栈功能
在这个示例项目中,我们希望在现有基础上完成两件事:
- 钱包管理功能:包含余额卡片、消费表单和消费记录表格,从原型到可运行页面。
- 登录和权限系统:包含账号表、加密密码、角色管理、登录界面和权限控制,让所有页面纳入统一的访问控制。
下面从第一个任务开始,按步骤演示在 JetBrains 中的完整操作。
任务一:2 分钟完成钱包管理功能
先从一个典型的企业应用功能入手。你需要一个'钱包管理'页面,用来展示当前余额、输入消费记录、查看消费列表。如果手写代码,需要创建 Entity、Repository、Service 和 View,还要配置路由和菜单,一般会花掉半小时。用 Qoder JetBrains 插件,可以把这个过程压缩到 2 分钟左右。
步骤一:在 IDE 中画出界面原型
- 打开 JetBrains IDE,导入或打开示例项目。
- 在 IDE 中安装并启用 Excalidraw 插件。
- 新建一个 Excalidraw 画板。
- 用简单图形画出页面原型,例如:
- 顶部放一张余额卡片
- 中间放一个输入消费记录的表单
- 底部放一个消费记录表格
界面原型只需要表达结构,不追求美观。Qoder 会根据原型推断布局和组件。
步骤二:在 Qoder 中配置 Vaadin MCP Server
- 打开 Qoder JetBrains 插件侧边栏。
- 点击右上角的用户头像,进入「个人设置」。
- 在「MCP 服务」区域添加一个新服务:
- 名称:vaadin
- 类型:SSE 或 Streamable HTTP
- URL:https://mcp.vaadin.com/docs

