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

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

梳理业务需求

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


agent开发操作

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

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

2)下载开发框架

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

设计表

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

编写后端内容

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

编写前端内容

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

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

呈现效果

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

相关推荐
程序员阿黄15 分钟前
基于 Django 与 Vue 3 的智能实验室预约系统设计与实现
后端·python·mysql·django·vue·毕设
晚安日记wanna29 分钟前
Vue2 的 defineProperty 差在哪四层追问筛掉九成候选人
前端·vue.js·面试
dy171713 小时前
vue2树节点刷新后定位到上一节点展开
vue.js
高级程序源17 小时前
django大学生创新创业项目管理系统94923-计算机课程设计、毕业设计
javascript·vue.js·spring boot·后端·python·django·课程设计
VXbishe20 小时前
【课程设计】基于SpringBoot的乡村政务服务系统的设计与实现-计算机毕设77011
javascript·vue.js·spring boot·python·php·课程设计·政务
志尊宝20 小时前
Vue3 零基础每日笔记(037):动手封装 useMouse 与 useWindowSize——事件监听的标准模板
前端·javascript·vue.js·笔记·html5
BillKu21 小时前
vue3双向邦定:使用defineModel替换defineProps+defineEmits
vue.js
IT毕设实战小研1 天前
基于大数据的商场商铺数据分析与可视化的设计与实现
android·java·大数据·django·课程设计
志尊宝1 天前
Vue3 零基础每日笔记(047):动态路由与路由参数——:id 传参、query 传参、props 解耦
前端·javascript·vue.js·笔记·html5
计算机毕设定制辅导-无忧学长1 天前
《基于SpringBoot的中学教师数字胜任力测评网站的设计与实现》
java·vue.js·spring boot·mysql·中学教师数字胜任力测评网站