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

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

梳理业务需求

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


agent开发操作

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

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

2)下载开发框架

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

设计表

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

编写后端内容

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

编写前端内容

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

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

呈现效果

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

相关推荐
前端切图崽_小郭11 小时前
虚拟滚动:静态 vs 动态的核心差异与实现?
vue.js
白鲸开源13 小时前
Apache SeaTunnel Zeta Engine 的 Basic Auth 是怎么工作的?
java·vue.js·github
卤蛋fg614 小时前
vue 甘特图 vxe-gantt 的使用(四):周视图的渲染
vue.js
卤蛋fg614 小时前
vue 甘特图 vxe-gantt 的使用(三):月视图的渲染
vue.js
卤蛋fg616 小时前
vue 甘特图 vxe-gantt 的使用(一):年视图的渲染
vue.js
前端开发爱好者16 小时前
支持 110 种文件预览!兼容 Vue、React、Svelte!
前端·javascript·vue.js
秋天的一阵风20 小时前
Vue 3 里被严重低估的 API:InjectionKey
前端·javascript·vue.js
徐小夕1 天前
万字拆解 JitWord:企业级实时协同文档底层架构 + 大模型 AI 融合完整实践
前端·vue.js·github
用户83134859306982 天前
Cesium实现雾气效果:按钮一键控制打开/关闭雾气效果,滑块拖动实时控制雾气浓度
vue.js·cesium
锋行天下2 天前
如何用Vite实现Vue组件的按需打包和远程加载
前端·vue.js·前端框架