乐于分享
好东西不私藏

0代码AI全自动软件开发实例:需求->设计->开发->自动化测试

0代码AI全自动软件开发实例:需求->设计->开发->自动化测试

最近应老同学的要求帮他的公司开发了一个简单的外勤工作填报系统。需求非常简单,但是麻雀虽小五脏俱全,用户管理、权限管理、前端页面、后端服务、后台数据库、PC/平板/手机多端适配、UI设计一样都不能少。
对于我这样一个编程二把刀要自行编写这样一个程序实在是无能为力,幸好现在有了AI,全程0代码,完全通过自然语言交互,半天时间就完成了系统的设计、开发、测试、上线工作,其中还有一半的时间是在等待排队,谁让咱们没花钱呢,忍了!
一、选型
1、AI开发工具选的Trae Solo模式:字节出品,关键是完全免费,虽然经常要排队。
2、概要设计模型选的DeepseekV4-Pro:据说这家伙比较擅长做设计。
3、代码编写模型选的GLM5.2:据说这个模型写代码不必国外的模型差,对于我这种简单需求当然是毫无压力。

二、开发流程
1、编写需求文档:这个比需自己手写,需求写得越清晰后面越不容易跑偏,好在写代码咱是二把刀,写文档还是比较在行的。直接写了一个《外勤工作填报系统》需求文档,用word写,存成word文件即可。详细内容见附录。
2、概要设计:选择DeepseekV4-Pro模型,然后指定需求文档位置即可。
提示词
根据设计文档/《外勤工作填报系统》需求文档.docx中的需求对系统进行一个概要设计,给出原型页面展示。
然后就不用管了,Trae自动生成《规划设计文档》。摘要内容见附录。
3、代码开发:选择GLM5.2模型,给出
提示词
根据《规划设计文档》进行系统开发。
现在可以出去喝茶了,系统自己一通忙活。
等系统完成开发,会在本地启动一个测试服务,按照Trae给出的提示,点击测试链接,看一眼新鲜出炉的系统。总体感觉还不错,让我自己设计页面肯定没有这么好看。
4、自动化测试:
提示词:
安装自动化测试skill,对系统进行自动化测试,包括PC端、PAD端、手机端的测试。
Trae先是会出一份《自动化测试计划》,简单看一眼,里面有几十个测试用例,不用管他,让他继续自动测试。
Trae会自动安装一个叫做playwright的测试软件,这里可能需要手动授权允许软件安装。
之后就不用管了,playwright会弹窗各种窗口,不要去动它们,让它自己玩。
等个10分钟左右,测试完成,34个测试用例全部通过!
5、编写文档:
提示词:
编写相关文档,包括管理员手册、用户手册、安装部署手册、日常维护手册,手册使用word格式。
很快就完成了文档编写。先按照管理员手册、用户手册,在本地对系统进行一个简单的使用测试。
6、安装部署:
原理上安装部署也可以通过Trae来完成,Trae提供链接远程主机功能,可以对服务器进行直接操作,不过还是不太放心,还是选择了手动部署。好在安装部署手册写的很详见,按照手册一步一步执行基本上问题不大。手册里唯一没有写的就是在云服务器上要在安全组里添加服务端口,以开发相关端口。
到此整个设计、开发、测试、安装部署工作全部完成,全程0代码,完全通过自然语言交互。对于代码用到的Vue 3 + Vite前端框架、Element PlusUI 组件库、CSS Media Query + Flexible 布局移动端适配这些玩意我是完全不懂,不过这完全不影响系统能用。
附录:相关文档和系统截图
1、需求文档
2、设计文档摘要
3、系统截图