【前后端】如何使用agent来实现django+vue的前后端开发

如何使用agent来实现django+vue的前后端开发

梳理业务需求

使用agent开发,我们也需要提供给agent对应的输入材料,比如需求对应的设计文档和粗略的ui草图,这样才能更好的指引agent开发。故第一步我们需要同客户沟通详细了解需求,再把我们理解的内容简单整理下,通过豆包或其他工具快速来整理设计文档,以下是使用豆包的示例:


agent开发操作

在使用agent开发之前需要做两个准备:

1)将整理好的需求设计md文档和原型文档丢给agent(原型文档可借助免费画图工具来生成,比如墨刀)

2)下载开发框架

接下来是具体的开发示例参考

设计表

给agent发出指令,它会按照框架及文档要求来编写

编写后端内容

一次性编写完成后端接口,且使用postman测试验证无问题

编写前端内容

给出编写前端代码的指令后,访问前端出现报错,可继续往下提问。

第一次编写出现报错时,将报错信息贴给agent,它会自动修复问题。

呈现效果

以上是完全通过agent来开发的前后端需求内容,过程中有问题就解决问题,最终实现了以下效果。

相关推荐
雪芽蓝域zzs20 分钟前
第 3 节:地图点击事件,点击获取经纬度
vue.js
WayneX27 分钟前
开源 Vue 3 组件库 Morya UI:把组件、文档、AI 工具链一起做进一个包
前端·vue.js·前端框架
hai_android38 分钟前
Chat 聊天模块功能总结
前端·javascript·vue.js
志尊宝3 小时前
Vue3 零基础每日笔记(076):防抖节流的正确使用——搜索框、按钮防重复提交、滚动监听
javascript·vue.js·笔记
VidDown3 小时前
上传 2GB 文件别让 Django 接:分片上传、对象存储直传与秒传
python·django·音视频·状态模式·实时音视频·视频编解码·视频
顽疲4 小时前
从零用 Java 实现小红书 SpringBoot Vue UniApp(23)笔记话题多对多:一条笔记进多个话题池
java·vue.js·spring boot
能源革命4 小时前
Vue 网格拖拽布局组件全景指南:7 大方案深度对比
前端·javascript·vue.js
daols884 小时前
vue 表格组件 vxe-table 实现自定义多行编辑功能
前端·javascript·vue.js·vxe-table
志尊宝4 小时前
Vue3 零基础每日笔记(075):图片懒加载与骨架屏
javascript·vue.js·笔记
用户1733598075376 小时前
纯前端 PDF 压平避坑指南:压平后表单字段变了?
前端·javascript·vue.js