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

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

梳理业务需求

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


agent开发操作

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

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

2)下载开发框架

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

设计表

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

编写后端内容

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

编写前端内容

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

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

呈现效果

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

相关推荐
Listen·Rain1 小时前
Vue3中customRef详解
前端·javascript·vue.js
濮水大叔1 小时前
Hooks 之后,为什么前端仍需要“包裹”能力?
vue.js·react.js·前端框架
山东点狮信息科技有限公司2 小时前
企业级开源OA系统推荐
vue.js·spring boot·性能优化·系统架构·开源
不瘦80斤不改名4 小时前
全家桶、乐高积木与类型引擎:重新认识 Django、Flask 与 FastAPI
django·flask·fastapi
gis开发之家4 小时前
《Vue3 从入门到大神33篇》Vue3 源码详解(三):响应式核心思想——从 Object.defineProperty 到 Proxy
前端·javascript·vue.js·vue3·vue3源码
濮水大叔5 小时前
在 DTO 中使用 Form Layout 配置复杂表单,支持 Tabs/Groups/Sections
vue.js·typescript·node.js
张人玉6 小时前
Vue 3 + ECharts 智慧城市大屏——赣州智慧城市数据可视化平台
vue.js·echarts·智慧城市
come112346 小时前
Vue 3 与现代 JavaScript 常用语法指南
前端·javascript·vue.js
敖行客Allthinker6 小时前
Vuex 状态响应机制:watch 与 subscribe 的对比分析
vue.js
用户2930750976696 小时前
Vue3 流式 AI 对话:深入理解两个 done 与 buffer 缓存机制
vue.js