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

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

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

相关推荐
墨染天姬2 小时前
【AI】端侧AIBOX可以部署哪些智能体
人工智能
AI成长日志2 小时前
【Agentic RL】1.1 什么是Agentic RL:从传统RL到智能体学习
人工智能·学习·算法
2501_948114242 小时前
2026年大模型API聚合平台技术评测:企业级接入层的治理演进与星链4SAPI架构观察
大数据·人工智能·gpt·架构·claude
小小工匠2 小时前
LLM - awesome-design-md 从 DESIGN.md 到“可对话的设计系统”:用纯文本驱动 AI 生成一致 UI 的新范式
人工智能·ui
黎阳之光3 小时前
黎阳之光:视频孪生领跑者,铸就中国数字科技全球竞争力
大数据·人工智能·算法·安全·数字孪生
小超同学你好3 小时前
面向 LLM 的程序设计 6:Tool Calling 的完整生命周期——从定义、决策、执行到观测回注
人工智能·语言模型
智星云算力3 小时前
本地GPU与租用GPU混合部署:混合算力架构搭建指南
人工智能·架构·gpu算力·智星云·gpu租用
jinanwuhuaguo3 小时前
截止到4月8日,OpenClaw 2026年4月更新深度解读剖析:从“能力回归”到“信任内建”的范式跃迁
android·开发语言·人工智能·深度学习·kotlin
xiaozhazha_3 小时前
效率提升80%:2026年AI CRM与ERP深度集成的架构设计与实现
人工智能
枫叶林FYL3 小时前
【自然语言处理 NLP】7.2.2 安全性评估与Constitutional AI
人工智能·自然语言处理