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

大家好，我是视觉君。

最近的 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 版本更新，支持智普清言的最新模型，使用下来，效果不错！这让樱木看到国产大模型的希望。建议大家使用起来，大家说好，那才是真的好！

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

---

关于我们

看到这里，相信你对本文核心主题已经有了更深入的理解。但 AI 和大模型领域更新迭代极快，单篇文章的内容很难覆盖所有细节，只能算是入门铺垫。

我平时会在【小灰熊大模型】这个公・Z・号里，系统整理 AI 大模型相关的实用资料，比如最新模型技术白皮书、实战调参手册、行业落地案例合集，还会每周更新 AI 前沿动态速递。

里面沉淀的干货具体包括：

• 大模型入门学习路线图，帮新手少走弯路
• 大模型方向必读书籍 PDF 版，方便随时查阅
• 大模型面试题库，覆盖常见考点和高频问题
• 大模型项目源码，可直接参考实操
• 超详细海量大模型 LLM 实战项目，从 0 到 1 带练
• Langchain/RAG/Agent 学习教程，聚焦热门技术方向
• LLM 大模型系统 0 到 1 入门学习教程，适合零基础
• 吴恩达最新大模型视频 + 课件，同步前沿课程内容

一直以来，我都在专注分享 AI 与大模型领域的干货 —— 从基础原理拆解到进阶实战教程，从开源工具测评到商业落地思考，每一篇内容都尽量打磨得细致实用，希望能帮大家快速跟上技术浪潮。

如果需要上述资料，关注后在GZH后台回复关键词【大模型福利】就能获取，后续也会持续更新更多针对性资源，一起在 AI 领域慢慢深耕成长～