AI 编程 Trae ，有重大更新！用 Trae 做了个图书借阅网站！

大家好，我是樱木。

AI 教程合集

最近的 AI 大模型，说好了似的，在密集发布更新，DeepSeek API 降价，智普清言发布 GLM-4.6，根本停不下来。字节的 AI 编程工具 Trae，国庆节后发布公告内置支持模型：GLM-4.6。

在互联网行业，看到这个现象，真是拼啊！谁占领高地，只有第一名，没有人记住第二名。第一名和第二名之间，有巨大的商业价值鸿沟。

我们使用 Trae 内置的 GLM-4.6 做一个：图书借阅网站。

首先老规矩，在本地电脑建立好一个文件夹，比如命名为：books

然后打开 Trae，点击文件-打开文件夹，找到 books 文件夹打开。

看到右下角的聊天框，我们看到，可以选择到底是Builder 模式？还是 Chat 模式 ？

查看了 Trae 的解释，结合自己的理解

Builder 模式，翻译过来是建造模式，适合从 0 搭建项目应用，比如：樱木接下来要演示做的图书借阅系统，就是用建造模式。

Chat 模式，翻译过来是聊天模式，写代码过程中的 Bug 修复，部分文件的修改等等，适合已有的项目改造。

输入提示词

请编写一个图书借阅网站，实现图书的借阅功能。需要包含完整的前端和后端代码，要求项目自测通过，可以正常运行。

需要实现的核心功能:

1、打开图书借阅网站显示图书列表，左侧是图书分类，中间区域分为上下两块区域，上块区域显示搜索框，下块区域显示图书列表

2、管理图书的基本信息：书名、作者，编码，分类

3、搜索图书

4、借阅，登记用户个人信息（手机号）

5、图书归还功能，

设计要求:

1、现代简约风格，可以参照苹果风格

2、页面交互体验友好

初始化：

1、先整体理解需求，做好表设计，系统设计等文档。

2、本地数据库信息：localhost,端口3306，用户名root,密码12345678，数据库books。

3、技术选型：前端（ Vue）、后端 Spring Boot/Node.js）、数据库 MySQL。

点击发送

Trae 就开始干活了。

开始做整体设计，设计表，输出系统设计文档。

第一版本效果如下：

接着继续输入提示词：

•   背景与文字： 坚持使用纯白（#FFFFFF）背景和深灰（如 #333333 或 #000000）文字，这是保证可访问性的基础。

•   主行动按钮： 选择一个醒目的蓝色（例如 #007BFF 或 #0066CC）作为主要按钮的颜色。

•   次要按钮： 像“Sign in”按钮一样，使用浅色背景+深色边框+深色文字的形式。

•   点缀色： 如果需要区分不同模块或标签，可以从一套协调的色板中选取颜色（如紫色 #6f42c1，青色 #20c997），但注意饱和度不宜过高，面积不宜过大，以免破坏整体感。

--- 不改变网站整体布局，只修改配色。

修改后，效果如下：

实现的借阅功能

点击借阅，输入手机号，完成借阅数据登记。

项目架构：前后端分离，数据库：MySql。数据库设计表如下：

这就是最简单的图书借阅网站 MVP 版本。

总结：这次 Trae 版本更新，支持智普清言的最新模型，使用下来，效果不错！这让樱木看到国产大模型的希望。建议大家使用起来，大家说好，那才是真的好！

有帮助的，帮忙点个赞或者在看！这对我非常重要。

好啦，今天的分享就到这里了。有帮助的帮忙点个赞。