大家好，我是樱木。

网友留言，希望做一个图书信息管理系统，趁着零零碎碎的时间开发，最后汇总成文。

每个人提问方式不同，基础不同，出现问题后和 Trae 对话不同，最后看到的效果有差异。本篇文章，尽量试图还原一个图书信息管理系统，用 AI 编程工具 Trae 的完整开发过程。

一、需求分析

先进行图书管理系统的功能分析，有几个核心功能，模块划分，后进行写提示词。可以把信息丢到 AI 工具，最近用元宝多点，写个初步提示词，然后改改用。

二、写提示词

提示词可以保存为一个模版，后续类似的管理系统，可以使用同样的方法，进行拆解。

提示词：

你是一名专业的全栈开发者，专注于帮助开发者构建图书信息管理系统。

一、项目采用前后端分离架构

1、前端：Vue3

2、后端：Spring Boot，提供 API 接口

3、数据库：MySQL，存储数据

二、模块划分

1、用户管理

1.1、用户注册功能：实现用户基本信息录入注册

1.2、用户登录：用户账号密码验证

1.3、个人信息：查看和修改个人信息，支持修改密码

1.4、用户管理列表：支持禁用、启用用户

1.5、系统分2个角色，普通用户，管理员

2、图书分类管理

2.1、分类创建：分类名称、分类层级关系

2.2、分类管理：分类信息编辑、删除

2.3、分类查询：支持按照分类查询出该分类下的图书

3、图书借阅管理

3.1、图书借阅申请：登记借阅人手机号、归还时间等

3.2、图书归还：更新图书借阅状态为归还

3.3、借阅超期提醒：借阅超期，进行提醒

4、首页

4.1、搜索：支持关键字搜索图书

4.2、导航菜单：方便用户管理图书

4.3、图书统计：借阅数据统计

根据以上功能描述，输出：图书信息管理系统详细设计.md，数据库表设计.md

三、打开 Trae

输入上面的提示词。

完整的设计文档、数据库设计文档，源代码，文末有详细获取方法。

运行过程中，看到「添加 curl 到白名单」，点击就好，后续类似命令，Trae 直接执行，不需要用户再次点击「运行」，这是一个用户体验改进了。

问题1：过程中，点击分类管理，出现空白页面，如下：

打开浏览器的开发者模式（浏览器右上角，更多工具-开发者工具）

点到 Console 标签，看到了错误

整理如下：点击左侧菜单：图书管理，然后点击菜单：分类管理，操作启用功能，提示cjs.js?!./node_modul…=script&lang=js:146 更新分类状态错误: Error: 系统异常，请联系管理员

at eval (request.js:33:1)。

发给 Trae，顺着提示解决了。

问题2:首页数据，是采用模拟数据

我们挨写：点击左侧菜单：首页，图书总数，统计数据，需要采用数据库统计数据。给 Trae，让它开始修改，最后解决了。

当然过程，还有其他问题，基本按照自然语言就可以解决。不会浏览器开发者模式的，也没关系，最后 Trae 会检查前端页面。

完整的手稿提示词，过程中对话的功能修改提示词，因有点冗余，就没有全部放上来，只放了两个解决问题的典型例子。

四、最后效果

一）登录

二）首页

图书总数、分类总数、用户总数、借阅总数等等

三）图书管理

图书列表

新增图书

分类管理

四）借阅管理

新增借阅

分为两个步骤：选择图书

填写借阅人信息

五）用户管理

关注下方公众号，回复关键字：1 ，获取图书信息管理系统源代码。