一、背景

这里首先要区分清楚的是：

（1）使用带AI能力的AI IDE工具编程，你可以编出一套传统应用。

（2）使用带AI能力的AI IDE工具编程，你还可以编出一套带AI能力的应用。

1、传统应用

什么是传统应用？传统应用就是给你个登录框，让你登录进去，然后给你一堆菜单，你借着对这个应用比较熟的原因，很快找到了你要操作的功能的位置（在第三个子菜单的第五行）。。。然后你打开这个功能，输入abcde。。。点击提交，然后系统给你一个结果。

对。传统应用就是这么繁琐。

2、AI能力应用

那什么叫做带AI能力的应用？

AI能力的应用，简单点，就是要自然语言来告诉系统，你要做啥，然后应用跟你交互完了之后，完成了任务。

那我们来看下实际实现中的区别。

二、制作一个简单的注册登录功能（传统型）

大家都很熟悉这个了。

我们来尝试一下。

1、规划需求

典型的登录注册页面就是这个样子的：

参考 ：http://bigmodel.cn/login

当然，对于手机号码登录这个有点难，因为短信验证码要花钱，可以考虑通过邮箱注册，并通过邮箱验证码验证邮箱是否合法。

2、切换能读图的模型

由于Trae对于 Doubao-Seed-2.0-Code版可以读图，但是张小白买的GLM Coding Plan的GLM4.7或者GLM5,Trae暂时都不支持图片理解，为了把需求读取做了，张小白特意改了模型：

3、向Trae描述需求

张小白就贴入上面登录的几张图。

我需要做个app，首先实现注册/登录功能，可以参考提供的图片。采用 邮箱注册登录、账号登录。登录成功后提供 “我的账号”功能，列出账号名、账号ID、注册邮箱、注册时间等信息。后台使用MySQL数据库，配置信息如下： 'host': 'localhost', 'port': 3306, 'user': '****', 'password': '****', 'database': 'cook'

当然，免费的就需要排队，好在张小白不急，耐心等待即可。

不一会儿：

Trae看来是读懂了图。

它连广告都抄了。。。

4、调试原型

调试的方法Easy Vibe教程

也介绍了：

直接使用大语言模型帮助你进行编码和修改文件： 直接说“做一个登录页”，它先生成基础代码结构； 把报错信息和相关代码丢给它，让它先分析原因并给出修改建议； 在你确认后，让它自动新建文件、批量改代码，处理跨文件的体力活。

点击“立即注册”

输入必要的信息进行调试：

报服务器错误：

报“服务器错误”，请帮忙调试

不过现在我们不需要识别图片了，换成GLM-5模型再试试：

点击这个位置的终止按钮。

返回注册成功。

查看MySQL数据库信息：

有一条用户记录。

登录试试：

返回：

这个功能很快就实现了。

后面可以在此基础上优化，比如增加邮箱验证，增加验证码防止攻击，增加绑定微信，增加微信扫码登录等功能。

这里暂时就不做了。

三、制作一个带AI能力的注册登录功能

1、规划需求

那么，一个带AI的注册功能应该怎么做呢？

在首页上加一个Copolit按钮，点击后进入AI交互式画面。分别问一下： 你是否注册过？ 如果已经注册，直接问用户用户名，密码，进入登录后的页面。 如果用户没有注册，则提问： 你想设置什么样的用户名？ 你的注册邮箱是什么？ 请设置你的密码。 然后系统就会自动完成注册。

2、Trae的实现

点击“使用 Copilot快速登录/注册”

输入“没有，我要注册”

输入密码后，就完成了注册功能。不过这个过程太快了。张小白截图都来不及截。

数据库里面也多了一条记录：

看到没有，AI其实在打破传统系统的操作方式。通过简单的对话，就可以实现业务操作。

BTW：其实也不能完全说这样的代码是具备AI能力的，只是【AI靠对话来交互】，【靠对话来编程】，所以【靠对话来完成业务】姑且认为是AI能力的一种表现形式。