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

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

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

相关推荐
用户51914958484513 小时前
使用CSS和GSAP创建3D滚动驱动文本动画
人工智能·aigc
网络精创大傻13 小时前
构建 Multilingo:一个集成 Telex 的 AI 翻译代理
人工智能·搜索引擎
Mintopia13 小时前
🚀 共绩算力:让 AI 创造力驶上“光速通道”
云计算·aigc·ai编程
AI科技星13 小时前
宇宙的几何诗篇:当空间本身成为运动的主角
数据结构·人工智能·经验分享·算法·计算机视觉
胡桃不是夹子13 小时前
torch和torchvision对应版本匹配官网下载
人工智能·python·深度学习
集和诚JHCTECH13 小时前
专为严苛环境而生:高防护等级工业防水平板WPPC-H1520T(P)
人工智能·嵌入式硬件·平板
mit6.82413 小时前
[手机AI开发sdk] 模型冻结&解冻.pb | `aidlite`加速AI模型
人工智能·智能手机
落798.13 小时前
基于 GitCode 云端环境的 CANN ops-math 算子库深度测评:Ascend NPU 上的数学引擎解析
人工智能·gitcode
九河云14 小时前
华为云ECS与Flexus云服务器X实例:差异解析与选型指南
大数据·运维·服务器·网络·人工智能·华为云
AI优秘企业大脑14 小时前
如何提升自动化业务流程的效率?
大数据·人工智能