第四章:AI 实战开发16. 账本管理功能开发

账本管理功能开发 - Quest 模式实战与调试

大家好,这节课呢,我们要继续往下开发账本管理模块。

创建 Quest 任务

新建任务

首先我们点击左侧的 Quest 模式,然后点击”新建任务”。

编写提示词

然后我们来写下提示词。提示词呢,不用写的太复杂,因为详细的信息都在需求文档中,我们只需要介绍一下当前的情况以及需要做哪些事情。

这个文档是软件的设计文档,是按照顺序从上往下开发的。

当前已经完成了:
- 登录、注册的基础功能
- 底部导航栏功能
- 分类管理模块

现在需要继续开发账本管理模块,参照当前的文档。

账本管理的入口可以放在"我的"页面中。

可以参考后端和前端的项目信息(project-rules)。

现在开始吧。

提示词说明

首先我们简单的介绍一下这个文档,然后说明一下当前的进度,告诉 AI 我们已经完成了哪些功能。

因为是按照顺序开发的,前面的已经完成了,然后下面需要继续开发账本管理模块。

我们还补充了一点,告诉他账本管理的入口可以放在”我的”页面中,因为我们也是考虑到之前在做分类管理的时候没有入口,所以这里提醒一下。

查看设计文档

我们来看一下,现在账本管理模块的设计已经做好了。

从上往下看一下:

  1. 概述
  2. 系统架构设计 - 介绍了当前系统的一些架构信息,包括技术栈、模块的位置
  3. 核心功能设计 - 分为这几块功能:
    • 账本的初始化
    • 创建、查询、编辑、删除
    • 设置默认账本
    • 切换账本
  4. 数据库表设计
  5. 接口设计

看起来大致没有什么问题,点击”采纳”。

创建新分支

在开始任务之前呢,我们先新建一个分支。

创建分支

在当前分支的基础上去新建,点击”创建新分支”。

分支的名称呢,我们就用:

v1.0.0-3-账本管理模块

然后回车。

开始任务

建好分支之后呢,我们直接点”开始任务”。

那么现在这个任务就是在新的分支上面去写代码。

查看任务总结

任务已经完成了,我们来看一下给我们的总结。

主要工作

  • 设计了完整的账本管理模块架构,涵盖数据库表结构、后端 API 接口和前端的界面
  • 实现了后端服务
  • 实现了前端功能
  • 在”我的”页面中集成了入口

核心功能

  • 新用户注册的时候会自动创建一个默认的账本
  • 支持增删改查(软删除)
  • 支持设置默认账本功能
  • 完善的数据权限控制和错误处理机制

什么是软删除?

软删除的意思就是数据并不会真的从数据库里面给删掉,只是在界面上看起来删掉了,这样方便我们去做一些数据的追溯。

然后下面做了一些编译检查,再下面是变更的文件。

我们暂时先点”接受”。

测试功能

下面呢我们来测试一下。

重启项目

首先我们重启一下项目,点击”停止”,然后”一键启动”。

测试入口

然后我们回到”我的”界面,我们看到这里已经有了”账本管理”的入口。

点击”账本管理”,发现刚才提示加载失败了。

调试问题

第一次报错

我们来看一下控制台,这里提示查询账本列表失败,报错的信息呢是:

no matter data for book was found

使用 AI 解决问题

我们仍然是借助 AI 来解决这个问题。

点击右上角的 AI 对话框,然后新建一个会话。

然后回到左侧的资源管理器,找到刚才我们的 Quest 模式生成的这个 Quest 文档,把它添加到会话中。

描述问题

然后描述一下:

我使用 Quest 模式根据这个文档完成了账本管理模块的功能,
但是进入到账本管理界面,后端报错了。

报错信息如下:
[复制的报错信息]

然后选中左侧的报错信息,复制粘贴到这个地方,然后直接回车。

第二次报错

看起来这个问题已经解决了,我们继续来测试一下。

回到”我的”页面,然后再次点击”账本管理”,仍然有报错信息。

重启项目

那首先重启一下项目。

启动之后呢,仍然提示加载失败,看一下服务端的控制台,这里还是有一个报错信息。

继续调试

我们继续将这个报错信息扔给 AI,然后告诉他:

重启之后,服务端仍然有报错信息,报错信息如上。

然后回车。

再次测试

改好之后呢,我们再测试一下,最好还是重新启动一下吧。

问题解决

现在项目的启动没有报错信息了。

功能验证

我们来测试一下功能。

创建账本

回到”我的”界面,然后点击”账本管理”。

然后点击”创建第一个账本”,输入账本的名称,比如说叫”测试账本”。

⚠️

图标功能问题

这里的功能设计看起来是有点问题的,因为我们也不知道账本的图标的名称是什么。我们先随便输入一个试试,看看如果不行的话,后面再改。

现在新增账本的功能呢,看起来是没有问题了。

测试多账本

然后我们再新增一个”测试账本2”。

我们将”账本2”设为默认的,然后”测试账本2”右侧有了一个”默认”的图标。

测试删除功能

然后我们再点击一下删除功能。

默认的账本呢,它不能再次设置为默认,也不能删除,所以只有一个编辑的功能,看起来是合理的。

我们把”测试账本”给删除掉,看起来功能也是正常的。

功能测试完成

那么账本管理的功能呢,也就完成了。

提交代码

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

暂存修改

点击左侧的”源代码管理器”,一共有 16 个文件修改。

点击目录右侧的加号,然后点击”提交”。

输入提交信息

然后在这里输入:

账本管理功能

发布分支

现在代码就已经提交到了当前的这个分支上面,但是呢,这个分支还没有推送到远程仓库。

我们只需要把分支发布出去就行了,也就是推送到远程的仓库。

现在代码就已经提交了。

💡

遇到问题?

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

下一步

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

👉 下一节:账目记录功能开发


相关信息

💬 扫码了解更多信息

客服微信二维码

添加微信

知识星球二维码

加入知识星球