「我一半的代码是AI写的」—— 2025年程序员简历标配 😉悄悄领先同行的秘密：CodeBuddy智能编程助手[产品链接] @腾讯云代码助手 CodeBuddy

作为腾讯酝酿已久的重磅利器，codebuddy从一诞生，就开始注定要彻底颠覆以往的编码工作流程，让产品、设计、研发不再是孤立碎片化，产设研一体化，作为一个全栈高级工程师，助力用户高效工作。codebuddy底层集成了时下主流最先进的大模型，claude3.7/4.0、gpt系列等，最基本的算力问题不再是难关，更具挑战力的是，用户如何使用高效的promt提示，整合上下文，进行优质输入输出。

最近我在用react开发后台管理系统，本次文章，就以其中的用户管理模块为例，通过对话交互，开发用户管理模块增删改查功能，后端接口是已经写好了的，先看一下当前的前端样貌，用户管理模块还是个毛坯页面。

现在让我们先准备好api.js文件，我直接将后端接口UserController.java文件复制粘贴给codebuddy，让他给我查漏补缺生成对应的user.js

好了，提示词已经写的很明确了，让它执行吧，这里一律使用Craft模式，我就用claude 4.0了。

此时它是正在改动补充user.js里的api，点击接受，已经生成好了，看下成果

然后我们进入到用管理模块下的/Users/index.jsx文件里，此时还是毛坯，我们进行准备下一步的提示词。

通常后台管理系统，管理模块，都是分页列表形式展示的table结构，支持头部条件查询，那么我们准备的提示词就是如下

后台管理系统，仍是遵循ant ui风格，分页列表table展示用户信息，支持用户名、邮箱、昵称模糊搜索，列表展示用户名、昵称、手机号、邮箱、更新时间(精确到秒)，后端用户字段如下，支持查看详情，回显数据，支持修改，回显数据，修改数据，支持删除，统一走批量删除

/**
 * 用户ID
 */
private Long id;
/**
 * 用户名
 */
private String username;
/**
 * 昵称
 */
private String nickname;
/**
 * 密码密文
 */
private String password;
/**
 * 头像地址
 */
private String avatar;
/**
 * 邮箱
 */
private String email;
/**
 * 手机号
 */
private String phone;
/**
 * 状态 0:禁用 1:正常
 */
private Byte status;
/**
 * 创建人
 */
private String createBy;
/**
 * 创建时间
 */
private Date createTime;
/**
 * 更新人
 */
private String updateBy;
/**
 * 更新时间
 */
private Date updateTime;

让它参考这张经典的增删改查模块图，

此时它正在修改index.jsx和index.scss文件

执行完毕，看下页面效果，展示是展示了，但是没有数据。还有页面排版布局也有问题，没有铺满layout。

让我们进一步的提供提示词优化，并且带上效果截图给它，它也意识到问题了，修改样式

不光修改了问题，还人性化的改进了ui样式，看起来更加简洁，让我们看下修改后的页面，整体页面ui是没问题了，让我们继续看一下，为什么没有数据，api调用应该除了问题。

打开浏览器调试工具看了下，后端接口是调通的，那就是前端问题了，我们将接口返的数据格式复制粘贴给codebuddy，让它自己分析，可能是数据结构出错了。

现在提示词已经给了codebuddy，让它自己去检查前端代码吧，果然如此，它解构错了数据层

展示下最终的列表页效果，分页长长展示

让我们尝试下添加用户，添加功能是一次通过的。

再查看详情，详情页一次通过

修改，一次通过

最后再测试下删除功能，一次通过

最终一个完整的增删改查的前端模块就完成了，如果事先把promt提示词更细化，将功能设计写的更细的话，可以更少的调用大模型，完成完善的系统，大家快去下载尝试一下吧,评论区留言‘CodeBuddy’抽 5 位送永久体验码！