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

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

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

相关推荐
程序员小崔日记16 小时前
一个命令,切换整个世界:CCSwitch 到底是什么?
ai编程·claudecode·ccswitch
冬奇Lab16 小时前
OpenClaw 源码精读(3):Agent 执行引擎——AI 如何「思考」并与真实世界交互?
人工智能·aigc
量子位18 小时前
全球首份大模型业绩报!MiniMax预判2026三大超级PMF,AI平台公司启程了
aigc·ai编程
没事勤琢磨18 小时前
如何让 OpenClaw 控制使用浏览器:让 AI 像真人一样操控你的浏览器
人工智能
用户51914958484518 小时前
CrushFTP 认证绕过漏洞利用工具 (CVE-2024-4040)
人工智能·aigc
牛马摆渡人52819 小时前
OpenClaw实战--Day1: 本地化
人工智能
前端小豆19 小时前
玩转 OpenClaw:打造你的私有 AI 助手网关
人工智能
悟空码字19 小时前
告别“屎山代码”:AI 代码整洁器让老项目重获新生
后端·aigc·ai编程
BugShare19 小时前
写一个你自己的Agent Skills
人工智能·程序员
机器之心19 小时前
英伟达护城河被AI攻破,字节清华CUDA Agent,让人人能搓CUDA内核
人工智能·openai