在前面几篇文章中,我们使用豆包AI进行了现成代码分析,后台管理系统分析以及C++解题,本篇文章将介绍如何使用豆包AI进行前后端开发。
1.环境准备
前端我们需要准备Vscode编译器,Node.js,后端我们需要准备IDEA编译器,数据库可视化工具可以使用Navicat来进行数据库数据显示,当然也可以使用IDEA自带的可视化来使用
2.前后端快速上手
如果不了解前后端基础或者是框架的同学,可以使用豆包AI进行快速学习,前端我们需要在Vscode中下载MarsCode,后端也需要在IDEA中下载MarsCode,在编译器中询问:快速搭建一个登录页面(后台接口),等回答后我们便可以获得相应的代码,将代码复制到自己的文件中,请注意,代码复制后并不能直接进行运行,还需要进行一定配置,例如前端代码需要使用npm进行项目初始化获得package.json这个包,如果代码中用到了其他依赖,例如sass等,还需要使用npm或pnpm或yml下载依赖。后端我们可能需要更改数据库配置,日志输出配置等内容。
3.接口连调
在前后端编写完成后,为了能够实现前后端数据传输以及动态交互,我们需要对前端某些行为进行接口连接,例如获取用户信息,登录校验等。在连接调试之前,我们可以使用测试工具先对我们编写的接口进行测试。例如Postman,Apifox等,输入url和端口,以及请求方法和参数,如果限定了请求头,还需要修改请求头,点击链接或者发送,如果获取到预期等数据,那么说明该接口没问题,我们便可将其直接链接到前端上,链接之后,我们再使用前端进行测试,如果前端能够获取到后端接口返回的数据,那么说明我们链接成功。
4.总结
最后,基于单体架构的前后端开发便是如此,只不过是接口多,路由多,页面多罢了,最好的是前后端开发者都对对方的工作部分有一定理解,便于沟通和直接对接口需求等。 其他框架此处不再进行展示,例如前端的React与后端的Go,都可以按照这个步骤来进行