欢迎光临
我们一直在努力

Java后端也能独立做全栈?我用飞算 JavaAI 从设计文档一路做到后台页面

在这里插入图片描述

做 Java 后端时,一个常见的卡点是:业务逻辑并不复杂,接口也知道怎么写,但要把需求做成一个能操作的后台,还需要补齐页面、交互、路由和接口调用。项目刚开始,时间往往先花在这些连接工作上。

飞算JavaAI 的全栈功能想解决的,正是后端开发者如何独立推进前后端项目的问题。这次我把体验重点放在两个环节:自然语言需求能否变成可检查的设计文档,以及生成的前后端工程最终能呈现出什么样的后台页面。

本次记录中,生成设计文档用时 14 分钟,生成前后端代码用时 28 分钟。下面结合 IDEA 内的操作过程、工程结构和运行页面,具体拆开看看这些产出。

实测范围说明:本文包含两组操作案例。设计文档部分使用“项目工时与进度看板”,代码生成及运行展示部分使用“RBAC 权限管理系统”,两者不属于同一个业务项目的连续验收。14 分钟和 28 分钟分别是两项生成操作的记录,合计 42 分钟,不代表一个完整项目从需求到上线的总耗时;环境准备、设计确认和运行检查没有单独计时。

一、先明确要验证什么

如果只是让 AI 生成一个表格页面,结果很容易看起来不错。但真正影响后续开发的,往往是页面背后的约定:字段叫什么,日期怎么传,统计口径是否一致,异常如何返回,以及修改数据后哪些区域需要刷新。

因此,我关注的不是生成了多少行代码,而是三个问题:

  • 输入业务需求后,是否能得到有边界、有规则的设计方案?

  • 生成结果是否包含前端、后端和必要的工程说明?

  • 从工程到页面,能看到哪些实际结果,又有哪些部分仍需要继续验证?

  • 本次材料能够确认的环境与项目条件如下。这里列的是此次截图所示配置,不是工具的最低版本要求。

    IDEA、插件、JDK、Node.js 和数据库的完整版本,以及机器配置,没有在现有记录中完整呈现。因此,这些时间适合作为一次操作记录,不适合据此推算所有项目的生成速度。

    二、生成设计文档:先把业务规则说清楚

    需求输入:限定范围,比一句“帮我做个后台”更有用

    设计案例选择的是“项目工时与进度看板”。它有常见的增删改查,也有统计、日期范围和图表刷新规则,比较适合观察工具如何理解业务。

    输入需求时,我先强调了一点:本轮只生成设计文档,确认设计后再生成代码。

    接着明确项目范围:Java 后端,使用插件支持的前端和图表方案,采用本地数据库,只做本地演示,不实现登录、审批、薪资核算或第三方项目管理工具对接。

    这样的限制可以让第一版方案保持聚焦。一个工时看板不需要在开始时就变成完整的人事管理平台。

    在这里插入图片描述

    图 1:在 IDEA 中输入需求,明确本轮先生成设计文档,并写清功能、业务规则和验收要求。

    这次需求主要包含五类功能:

    这里最值得提前写清的,是统计口径。我在需求中指定了:

    完成率 = 已完成任务数 / 任务总数;无任务时显示 0%。

    预计总工时 = 所属任务预计工时之和。

    实际总工时 = 所属工时记录之和。

    日期范围只影响每日工时趋势,不影响项目整体指标和状态分布。

    趋势图需要补齐没有记录的日期,对应工时为 0。

    编辑或删除工时记录后,指标与图表重新从后端获取数据。

    这些约定看起来细碎,却决定页面上的数字有没有解释力。例如,日期筛选到底影响整个看板还是只影响趋势图,如果设计阶段没有说清,后面即使接口都能调用成功,也可能出现“页面正常、统计含义不一致”的问题。

    理解需求:先检查拆解结果,再继续往下走

    提交后,插件进入分步流程:理解需求、设计接口、表结构设计、代码生成计划、生成源码。

    在“理解需求”阶段,这次输入被拆成六个关键点:项目管理、任务管理、工时记录、看板指标、任务状态分布和每日工时趋势。

    在这里插入图片描述

    图 2:需求被拆为六个可检查的条目,并提供调整入口。

    我比较关注的是,原始描述中的限制有没有在拆解时丢失。截图中,单条工时大于 0 且不超过 24 小时、工作日期不能晚于当天、无任务时完成率为 0,以及趋势日期补零等要求,都出现在拆解结果里。

    这一步的价值,是把长段自然语言变成逐项核对的清单。开发者可以先确认“AI 理解的需求”和“自己想做的需求”是否一致。

    接口与表结构:把页面需求落到数据关系上

    接下来,插件给出四组接口方案:项目信息维护、任务信息维护、工时记录管理和看板数据统计。这里的“四组”是功能分组,不是系统总共只有四个 HTTP 接口。

    在这里插入图片描述

    图 3:接口方案按业务职责组织,包含校验条件和统计说明。

    表结构设计页面选择了 MySQL,共设计三张表。结合后续计划中的实体关系说明,分别是 t_project、t_task 和 t_work_hour_record。

    在这里插入图片描述

    图 4:三张表围绕项目、任务、工时记录展开,画面中展示了项目表字段。

    对应的业务关系可以概括为:

    项目(t_project)

    └─ 任务(t_task,通过 project_id 关联项目)

    └─ 工时记录(t_work_hour_record,通过 task_id 关联任务)

    有了这个关系,看板中的统计就有了明确来源:任务数量与状态来自任务数据,实际投入工时来自工时记录。后续审查实现时,也可以沿着这条关系核对查询范围,避免把其他项目的数据算进当前项目。

    生成计划:设计文档不能只有页面清单

    虽然步骤名称叫“代码生成计划”,这一次由于输入明确要求先出文档,计划中的内容实际上围绕设计文档展开,共列出 20 项。

    其中包含页面布局与交互、实体关系、接口契约、异常处理、演示数据、验收用例和本地运行步骤。

    在这里插入图片描述

    图 5:本轮计划围绕设计文档组织,包含接口、统计口径、验收与运行说明等内容。

    下面摘出几类计划中的接口,能更直观看到这份设计的粒度。它们是设计计划中的约定,不表示本文已经逐一调用验证。

    计划还写到了日期格式 yyyy-MM-dd、工时保留两位小数、完成率保留一位小数百分比,以及参数校验、资源不存在等异常情况。

    对我而言,这比只生成一份“功能介绍”更有用:接口字段、统计规则和验收条件越早明确,后面需要反复猜测的地方就越少。

    文档落盘:这一部分用时 14 分钟

    最终,插件显示创建了 design-document.md,工作区中出现对应文件,并提供查看变更、接受等入口。

    在这里插入图片描述

    图 6:设计文档以 Markdown 文件形式生成到工程中。

    本次设计文档生成部分用时 14 分钟。 从材料可以看到,需求已经经过拆解、接口分组、表结构设计和计划组织,最后形成了一个实际文件。

    不过,生成记录和完整文档审查是两件事。截图能够确认文档已经创建,也能看到计划覆盖了哪些内容;要确认文档正文是否逐项落实,仍需打开文件检查。例如演示数据的预期统计结果是否算对、接口返回字段是否足够支撑页面,都需要人工复核。

    三、生成前后端代码:看 RBAC 后台工程的产出

    接下来切换到另一组代码生成案例:RBAC 权限管理系统。它展示的是常见管理后台的前后端工程和页面结果,不是前面工时看板的实现。

    代码生成部分用时 28 分钟

    本次前后端代码生成部分用时 28 分钟。 从 IDEA 截图可以看到,生成结果包含前端目录、后端代码、SQL 文件、设计文档和 README。

    在这里插入图片描述

    图 7:RBAC 项目的工程目录、README 与代码生成结果。

    README 中列出的后端技术包括 Spring Boot 3.2.5、Spring Security、JWT、MyBatis-Plus 3.5.5、MySQL、Redis 等;前端则包括 Vue 3、Vite、Element Plus、Pinia、Vue Router 4 和 Axios。这些是该案例的项目说明,不能据此判断每个依赖的实际调用范围或实现质量。

    在目录上,可以看到前端的 api、assets、layout、router 等组织,以及后端的实体、Mapper、Service、资源配置等内容。对于后端开发者来说,这样的产出至少提供了一个继续阅读和修改的工程起点。

    这里没有把“生成文件数量”当作质量指标。画面中,生成摘要写着“80+ 个文件”,工作区计数显示“已生成 150 个文件”,两处口径并不一致。相比追求一个大数字,更应该检查关键模块是否对应、配置能否使用、代码是否容易维护。

    后端入口:能看到实际 Java 工程结构

    在 RbacApplication.java 中,可以看到 Spring Boot 启动类、Mapper 扫描配置和异步能力相关注解。左侧目录中,也展示了用户、角色、菜单、字典等实体与 Mapper。

    在这里插入图片描述

    图 8:RBAC 项目的 Java 启动类及部分后端目录。

    这说明结果已经进入工程文件层面。接下来开发者可以从启动类、配置和业务模块逐步检查,而不是只拿到一段无法直接放进项目的示例代码。

    但类名存在,不等于业务规则完整;README 中出现 Spring Security 和 JWT,也不等于权限边界已经验证。涉及用户与角色的后台,后续仍要检查不同身份的接口访问行为。

    四、运行起来之后,页面呈现了什么

    启动记录:前端服务已就绪,后端出现启动输出

    后端日志截图展示了 Spring Boot 3.2.5 标识和应用启动阶段输出。

    在这里插入图片描述

    图 9:后端的 Spring Boot 启动阶段日志;当前截图片段没有展示完整启动成功结尾。

    前端通过 npm run dev 启动。日志显示 Vite 5.4.21 已就绪,并给出本地开发地址。

    npm run dev

    在这里插入图片描述

    图 10:前端开发服务已启动,同时控制台出现 Sass legacy JS API 弃用提示。

    这里的 ready in 200 ms 是 Vite 的服务就绪日志,不能与前面的 28 分钟代码生成时间混为一谈。

    日志里的 Sass 提示也值得保留:它没有阻止本次前端服务进入就绪状态,但说明相关构建依赖或调用方式存在后续维护事项。页面能打开之后,开发者仍需要留意这些信号。

    角色与菜单:后台的组织方式已经可见

    角色管理页面展示了角色名称、角色编码、描述、状态、创建时间和操作入口,可以看到超级管理员与普通用户两条记录。

    在这里插入图片描述

    图 11:角色管理页面展示列表数据,并提供新增、编辑、删除入口。

    菜单管理页面则以树形结构呈现目录和菜单,展示图标、排序、权限标识、类型、状态等信息。

    在这里插入图片描述

    图 12:菜单管理页面可见树形层级,以及 user:list、role:list 等权限标识。

    这两张图能够说明页面结构和数据展示已经形成,但无法单独证明权限控制正确。例如普通用户是否不能访问管理接口、隐藏菜单后能否通过直接请求绕过限制,都需要另做验证。

    字典、日志和文件:不仅有列表,也有空状态

    字典管理页面中可以看到用户状态、菜单类型、角色状态等类型,以及“管理数据”等操作入口。

    在这里插入图片描述

    图 13:字典管理页面显示已有字典类型。

    操作日志页面和文件管理页面在截图中都处于无数据状态,但页面保留了筛选区、操作区、表格结构和分页区域。

    在这里插入图片描述

    图 14:操作日志页面的空状态。

    在这里插入图片描述

    图 15:文件管理页面的空状态和上传入口。

    空状态是后台界面的一部分。没有数据时,页面依然要让使用者知道当前在哪里、接下来能做什么。不过,看到上传按钮不等于文件上传、存储、下载和权限检查都已通过;日志列表为空,也不能据此判断操作审计已经生效。

    其余截图还展示了用户管理、参数配置和个人中心。它们与上述页面一起,构成了这次 RBAC 案例的界面展示范围。本文选取部分配图展开,重点放在流程和工程观察上。

    五、时间记录应该怎样解读

    把这次体验的阶段与证据放在一起,比单看“总共多少分钟”更容易理解结果。

    两项生成操作的记录合计为 42 分钟。这个数字有参考意义,但不能改写成“42 分钟完成一个生产级权限系统”,也不能用它与没有实际开展的手工开发过程计算效率倍数。

    同样,这次记录没有单独统计接口调整或联调工作量,因此我不会把“联调耗时为零”作为实测结论。更合理的观察是:工具把设计、接口、数据模型与工程生成放进了同一个工作流程,提供了提前协调前后端约定的机会;这些约定最终是否全部正确,仍要看运行与测试结果。

    六、体验评价:哪些有价值,哪些还要继续检查

    我觉得有价值的地方

    首先,需求不是提交后直接变成一大批文件,而是先经过几个可以查看和调整的步骤。尤其是统计类需求,能先看到口径和边界条件,有助于提前发现理解偏差。

    其次,设计结果能够落成 Markdown 文件。这样后续开发有一个可引用、可修改的依据,需求变更也更容易定位到具体条目。

    最后,代码案例把前端页面和 Java 后端放进了可浏览的工程结构。对于主要负责 Java 的开发者,这减少了从空目录开始组织后台界面的工作,让注意力可以更早转向业务检查和项目维护。

    这次结果的不足与限制

    界面细节仍有打磨空间。截图中部分字段内容较长,展示出现换行或截断,时间字段也直接显示带 T 的格式。它们不一定影响功能,但距离适合长期使用的后台,还有排版和格式统一工作。

    构建日志存在 Sass 弃用提示,生成摘要与工作区文件数量也不一致。这些都提醒我:AI 给出的“已完成”描述不能代替对实际产物的检查。

    此外,本次最明显的材料限制是:设计与代码来自两个不同案例。它们能够分别展示设计生成和工程产出,但不足以证明同一需求从设计到运行全过程都与预期一致。现有截图也没有覆盖新增、编辑、删除、权限拒绝、异常输入等完整操作结果。

    我建议怎样用它推进实际项目

    第一轮先让工具输出设计,明确页面、字段、关系、校验、统计和异常;确认后再进入代码生成。这样发生偏差时,可以先回到设计约定定位问题。

    第二轮检查真实数据流。对工时看板,应验证新增、编辑、删除工时后指标与图表是否刷新,切换项目是否串数据,空项目是否显示 0,以及趋势图是否补齐无记录日期。对 RBAC 后台,则应使用不同角色核对菜单可见性和接口访问权限。

    第三轮再处理交付细节,包括时间格式、长字段展示、错误提示和构建警告。生成代码缩短了起步过程,维护代码仍然需要开发者理解项目,并为改动负责。

    七、写在最后

    这次体验让我更关注 AI 编程工具能否把需求、设计和工程产物连接起来,而不仅是能否生成某个函数。

    14 分钟的设计文档生成记录,展示了工时看板需求如何被拆解成接口、表结构和设计计划;28 分钟的代码生成记录,则展示了 RBAC 前后端工程以及后台页面的产出。两部分都有可见结果,也都有明确的验证边界。

    对于想独立推进中后台项目的 Java 开发者,飞算JavaAI 提供了一条值得实际尝试的路径:先拿一个范围清楚的需求,检查设计,再检查代码和运行行为。最终判断它能帮自己走多远的依据,应当是业务是否正确、代码能否维护,以及验收是否通过。


    #飞算JavaAI #AI编程 #Java #全栈开发 #前后端分离 #后端开发 #前端开发 #IDEA插件 #程序员 #IDEA开发 #Java开发 #SpringBoot #程序员必备

    赞(0)
    未经允许不得转载:171主机测评 » Java后端也能独立做全栈?我用飞算 JavaAI 从设计文档一路做到后台页面
    分享到: 更多 (0)

    评论 抢沙发

    • 昵称 (必填)
    • 邮箱 (必填)
    • 网址