第四章:AI 实战开发15. 分类管理功能开发

分类管理功能开发 - Quest 模式实战

大家好,前面的课程呢,我们已经完成了底部导航栏的开发。

导航栏是我们页面的入口啊,所以我们需要放在前面开发。

开发顺序的重要性

后面我们自己在做软件的时候呢,在设计或者开发之前也要先想清楚,哪些功能我们需要先开发,哪些需要往后面放。如果不确定,也可以问一下 AI。

确定下来之后呢,再去动手。

那么接下来,我们要继续进行分类管理模块的开发。

启动项目

启动项目

我们先启动一下项目,选择”一键启动服务端和客户端”。

打开客户端

启动好之后,打开客户端的控制台,打开网页,然后按住 F12

登录

启动之后呢,我们先登录一下。

输入手机号码,打开服务端的控制台,点击”获取验证码”。

然后输入左侧的验证码 329357,登录。

使用 Quest 模式开发

新建 Quest 任务

点击左侧的这个 Quest 按钮,我们仍然是用 Quest 模式来完成。

点击”新建任务”,然后点击”添加上下文”,找到这个需求文档。

输入提示词

提示词呢,我已经提前写好了,我直接粘贴进来啊:

这个文件是我们正在开发的记账软件的粗略的设计文档。
按照文档的顺序从上往下开发。

现在已经完成了登录、注册的基础功能和业务功能需求下的底部导航栏的功能。

现在需要完成业务功能需求下的分类管理模块的功能,
参照这个文档的要求来做设计。

此次只做分类管理模块,不要设计其他无关的功能模块。

我们的提示词呢,其实写的很简单,只是描述了一下当前的现状,然后告诉他要做什么事情。详细的内容呢,都在这个需求文档中。

我们直接回车。

查看设计文档

设计文档现在就已经生成好了。

文档是 Markdown 的格式,源代码的形式呢也不太方便查看,我们先点击”采纳”,然后大致的浏览一下。

这里都是流程图,然后是接口的设计、服务端实现的策略、然后是客户端实现的策略。

后面是测试、风险评估与应对(就是我们开发的过程中可能会遇到哪些问题),然后是后续迭代的规划,最后是开发检查清单。

后面还有接口文档的补充,还有配置项的说明。

看一下大致没什么问题的话,我们就直接点”开始任务”。

执行开发任务

现在任务已经在启动了。

我们看到 Quest 模式其实是给我们添加了很多待办事项,然后它会按照这个待办的列表逐个去完成。

这里需要我们手动去执行一下,执行一个选择,我们就选择 y

功能开发完成

分类管理模块的功能呢,现在已经开发好了。

添加功能入口

但是我们发现一个问题,这个功能开发好之后,界面上好像没有入口。

我们点一下看看,界面没有任何变化。

新建对话

我们点击侧边聊天框,然后新建一个对话。

添加上下文

然后回到资源管理器,选择”虚拟文档”,添加到会话。

然后找到刚才 Quest 模式给我们生成的设计文档啊,在这个 qoder-quest 目录下面,category-management-development 啊,就是分类管理模块。

双击打开,这里还有一个分类管理完成的总结,我们也来看一下。

我们现在把这两个文件也添加到上下文。

编写提示词

我们先写一下提示词:

我刚才根据需求文档中的业务功能需求下的第二点"分类管理模块",
使用 Quest 模式设计出了开发文档,文档是:
[设计文档]

然后根据这个文档,使用 Quest 模式完成了功能。
功能完成的总结是:
[总结文档]

现在有一个问题:功能完成之后,界面上没有入口,
我没有办法直接去测试界面功能。

我希望把这个功能的入口放到导航栏中"我的"对应的界面中,
放在"退出登录"按钮的上方。

名称就叫"分类管理",点击进去之后可以管理记账相关的分类。

帮我完成这个功能。

然后告诉他帮我完成这个功能,回车。

确认执行

这里需要我们去确认一下,我们点击”运行”。

入口添加完成

现在分类管理的功能呢已经开发好了,在”我的”这个界面上呢,我们现在有一个”分类管理”的入口。

验证功能

我们点击进去看一下。

因为现在这个分类呢,都是预置好的,并且不支持用户手动去维护,所以呢这里没有编辑和新增的功能,主要就是一个查看。

对照需求文档

我们来对照一下原始的需求。

支出分类

然后看一下预制的支出的分类,预制支出的分类呢,主要有:

  • 餐饮
  • 交通
  • 购物
  • 娱乐
  • 医疗
  • 住房
  • 通讯
  • 学习
  • 其他

这里是一致的。

收入分类

然后我们再看一下收入的分类,收入的分类呢,主要有:

  • 工资
  • 奖金
  • 理财
  • 兼职
  • 红包
  • 其他

这边也是工资、奖金、理财、兼职、红包、其他,顺序也是一致的。

验证结果

这些数据呢,是预制的分类,不可删除、不可修改,所以目前来看,是没有什么问题的。

后续使用

具体的使用呢,我们后面去完成记账功能的时候啊,会用到。

提交代码

接下来我们来提交一下代码。

打开源代码管理

点击左侧的”源代码管理”。

创建新分支

这个功能呢,是一个新的功能,我们最好是新建一个分支。

点击底部的分支名称,然后”创建新的分支”。

创建新的分支呢,是在当前分支的基础上去创建,所以会包含之前分支的功能。

我们输入:

v1.0.0-2-分类管理功能

然后回车。

回车之后呢,底部的分支显示的就是我们当前新建的分支,那么我们后面的提交呢,都是提交到这个新的分支上面。

提交代码

点击目录右侧的加号啊,我们先把目录给收起来,然后点击”提交”。

提交信息我们写:

分类管理功能

发布分支

然后这里需要先发布一下分支,因为我们刚才新建分支之后,没有把分支给提交到远程仓库。

点击”发布”。

这样我们刚才提交的信息啊,包含那个分支,就一起推送到了远程仓库。

💡

遇到问题?

如果在开发分类管理功能时遇到问题,可以扫描下方的微信二维码帮您看下(免费咨询)

下一步

分类管理功能开发完成后,接下来我们需要:

👉 下一节:账本管理模块开发


相关信息

💬 扫码了解更多信息

客服微信二维码

添加微信

知识星球二维码

加入知识星球