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

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

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

相关推荐
灵感__idea3 小时前
《AI工程》:为什么需要RAG和智能体?
aigc·openai·ai编程
kyriewen5 小时前
Anthropic 估值逼近万亿美元,Claude Sonnet 5 + Claude Science 一天两连发
前端·ai编程·claude
冬奇Lab5 小时前
Workflow 系列(04):Multi-Agent 协调——编排器边界、并发控制与上下文隔离
人工智能·工作流引擎
冬奇Lab5 小时前
每日一个开源项目(第147篇):HyperGraphRAG - 用超图表示 N 元关系,RAG 的第三代范式
人工智能·开源·graphql
甲维斯6 小时前
Github + 阿里云oss实现类似codex的自动更新!
人工智能
阿里云大数据AI技术7 小时前
光轮智能 × 阿里云:共建 Physical AI 云上数据、评测与持续学习基础设施
人工智能·机器学习
机器之心7 小时前
实锤了:Claude Code偷查用户,时区、中国AI实验室全是关键词
人工智能·openai
网易云信7 小时前
Cursor点燃个人开发者,企业级AI为何频频受挫?Agent工厂从提效工具到AI员工的跃迁
人工智能·开源