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

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

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

相关推荐
宝杰X73 小时前
Compose Multiplatform+Kotlin Multiplatfrom 第七弹跨平台 AI开源
人工智能·开源·kotlin
悟乙己3 小时前
大型语言模型(LLM)文本中提取结构化信息:LangExtract(一)
人工智能·语言模型·自然语言处理
Theodore_10223 小时前
机器学习(3)梯度下降
人工智能·机器学习
LiJieNiub4 小时前
YOLOv3:目标检测领域的经典革新
人工智能·计算机视觉·目标跟踪
yanxing.D4 小时前
OpenCV轻松入门_面向python(第六章 阈值处理)
人工智能·python·opencv·计算机视觉
yangshuo12814 小时前
Kero AI编程助手正式版深度体验:从安装到实战的完整指南
ai编程
霍格沃兹测试开发学社测试人社区5 小时前
新手指南:通过 Playwright MCP Server 为 AI Agent 实现浏览器自动化能力
运维·人工智能·自动化
JJJJ_iii5 小时前
【机器学习01】监督学习、无监督学习、线性回归、代价函数
人工智能·笔记·python·学习·机器学习·jupyter·线性回归
qq_416276427 小时前
LOFAR物理频谱特征提取及实现
人工智能