#Trae IDE AI编程,实现登录功能。

Trae IDE AI编程,实现登录功能。

借助图文一起理解、同时个人选择solo模式、以及GML-5v的模型

目录

Trae IDE AI编程,实现登录功能。

1.提前准备一些提示词

2.系统会自动找python工具,以及安装适配一些依赖。

3.数据库表已创建成功。

4.已经初始化了一条管理者用户。

5.项目结构(这里大家需要关注)

6.系统已经进入测试阶段

7.初始化完成、完成基础验证、自动启动服务

8.见证成果的时刻啦。

8.1问题来咯,果然梳理

8.2完成单元测试后,还是出现登录问题验证码问题

8.3再次验证验证码问题

9.这次总算成功了。


1.提前准备一些提示词

要求:

a.不能暴露数据库账号密码于对话中,就是不能显性沟通账号密码,所以需要md支持

b.登录的skill.md其实网上很多,因为各个登录功能因人而已,有复杂的登录也有简单的登录、我们主要是为了熟悉提示词。

c.统一工作空间、就是项目空间保持一致,登录模块涉及前后模块内容、以及内容

d.对话模式的提示词我这有一稿,大家可以尝试下

补充说明:我目前的提示词是按流程执行的,后面就是设定成工作流模式,下一步到Cursor或者其他AI工具执行,所以大家如果想验证和实践操作,那就要去找到适合自己的AI工具。因为我们最终的目标就是释放个人时间,让AI帮忙我们分担一些可控的力所能及的事项。

提示词:系统,你是一名顶尖AI编程工程师、python编程专家,先识别redme文件,按格式创建目录,请代码开发一个登录模块:含括登录、注册、忘记密码、数据库、实现常规账号密码验证、实现动态交互mysql数据库,代码实现后,mork2条数据验证下,验证没有问题反馈结果。

剩下的就交给Trae AI识别、分析、执行、测试、反馈结果、最后我们手工验证。

hr

2.系统会自动找python工具,以及安装适配一些依赖。

这里需要耐心等下时间,中间需要验证、检查的步骤不少,给Trae AI一丢丢时间。

说实话:我这次用skill模式去实现“登录”功能,可能并不会太顺利。可能因为链路长、或者内容太多导致它Trae AI识别不全:我的登录模块含括:登录、注册、忘记密码、数据库、以及基础验证。

如果单纯的实现登录功能是很快的,直接对话模式一下子就搞定,我现在也是尝试和探索。

3.数据库表已创建成功。

DDL我贴出来跟大家看看(仅空参考),说明Trae AI编程在sql建表这块,应该能满足我们日常开发。

等大家熟悉后,完全可以反向操作,此时拿到表结构和建表语句,那未来skill.md中继续补充这块的内容,因为skill中,你描述的事情越清晰、目标越明了,它识别和执行的效率就越高。

-- `tom-trae_data`.users 定义

CREATE TABLE `users` (
  `id` int NOT NULL AUTO_INCREMENT COMMENT '用户唯一ID',
  `username` varchar(50) COLLATE utf8mb4_unicode_ci NOT NULL COMMENT '登录用户名',
  `phone` varchar(20) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '手机号(短信登录用)',
  `email` varchar(100) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '邮箱地址',
  `password_hash` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT 'bcrypt密码哈希',
  `role` tinyint NOT NULL DEFAULT '0' COMMENT '0=普通用户 1=企业管理员 2=超级管理员',
  `status` tinyint NOT NULL DEFAULT '1' COMMENT '1=active 2=locked 3=disabled 4=deleted',
  `nickname` varchar(100) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '用户昵称',
  `avatar` varchar(500) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '头像URL',
  `oauth_wechat_openid` varchar(100) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '微信OpenID',
  `oauth_wechat_unionid` varchar(100) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '微信UnionID',
  `oauth_wework_userid` varchar(100) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '企业微信UserID',
  `failed_attempts` int NOT NULL DEFAULT '0' COMMENT '连续登录失败次数',
  `locked_until` datetime DEFAULT NULL COMMENT '账号锁定到期时间',
  `last_login_at` datetime DEFAULT NULL COMMENT '最后登录时间',
  `last_login_ip` varchar(45) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '最后登录IP',
  `created_at` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
  `updated_at` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间',
  PRIMARY KEY (`id`),
  UNIQUE KEY `username` (`username`),
  UNIQUE KEY `phone` (`phone`),
  KEY `idx_phone` (`phone`),
  KEY `idx_email` (`email`),
  KEY `idx_status` (`status`),
  KEY `idx_role` (`role`),
  KEY `idx_wechat_openid` (`oauth_wechat_openid`),
  KEY `idx_wework_userid` (`oauth_wework_userid`)
) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci COMMENT='用户表';

4.已经初始化了一条管理者用户。

说句题外话:我现在是并行执行几个任务的,一边执行+监控代码执行情况、一边整理素材、一边跟家里vx聊家常。(为后续整理总结使用、也可以发号,如果感兴趣的小伙伴,可以同步入手,慢慢在专业领域中挖机自己的潜力和扩展个人影响力,如果能带动身边的小伙伴一起交流就更好了。)

5.项目结构(这里大家需要关注)

项目结构这里需要认真关注、后续才知道代码改动了哪里,才知道更好的去定位跟跟踪。

6.系统已经进入测试阶段

估计应该快了,系统已经自我验证了

测试过程中,碰到问题,会自动分析、定位、修正,然后继续

执行完成后,会告知:执行了啥,等于输出物。

7.初始化完成、完成基础验证、自动启动服务

8.见证成果的时刻啦。

系统自带浏览器模式、如果大家会话这个模式,可以copy路径到浏览器中打开。

登录页面: http://127.0.0.1:5099/login

8.1问题来咯,果然梳理

直接把问题跑给IDE、让它识别,定位好,并修正

就几秒钟的时间,系统已经定位好。这个是比较常见的问题,有时候可能是局部变量导致、局部变量不能全局使用。

找到问题、继续修正、继续验证

系统会自己去验证,只要是当前会话中会根据上下文要求执行

8.2完成单元测试后,还是出现登录问题验证码问题

果然还是逃不过去,最开始我们这里的验证码没有成功展示的吧。大家可用往回看看图。这里也是一次性加载内容太多,Trae IDE 识别不到位的地方。如果单个实现,应该会好很多。

我截图给IDE后,它也能快速识别问题。

8.3再次验证验证码问题

9.这次总算成功了。

好啦,小伙伴们,我们今天的实操就到这,大家自己练习下、有问题随时保持联系。我们下期见。

更多推荐