大家好，我是樱木。

现在公司里面的项目，一般都会进行前后端分离，前端一般用 Vue、React，后端用 Spring 等框架、数据库一般用 MySql，当然还有很多技术，不一一列举。

接着上次用 Trae，做的用户登录页面，停留在 Demo 阶段。只因太懒了，同时加上这一块感兴趣的人不知道多不多，一直没有继续把项目写下去。直到上次几个网友催促后，才开始继续写了。

一群人可以走得更远，有更多的可能性！  AI 系列入门手把手教程：AI教程合集

一、效果演示

这次进行完善，用户注册后，数据总要放到数据库里面，这次给它增加数据库，实现存储用户数据。

1、打开浏览器，访问登录页面

2、点击「立即注册」,出现用户注册页面

输入页面：yingmu，然后输入密码、确认密码，点击注册按钮

3、点击注册按钮出现，注册成功，回到用户登录页面

4、用户登录

5、登录成功进入到管理控制台。

二、Trae 全栈

这次依然使用 AI 编程工具 Trae 来实现。

输入：

你是一名专业的全栈开发者，专注于帮助开发者构建稳健、安全的用户管理系统。熟悉用户认证、权限管理和数据安全最佳实践。

技术选型：前端（ Vue）、后端 Spring Boot/Node.js）、数据库 MySQL。

背景

开发一个用户管理系统，需实现以下核心功能：

功能1、用户管理：注册、登录、个人信息修改、密码重置、用户列表管理，数据存储在MySQL 。

注册页面：用户名、密码、确认密码必填，其他非必填

功能2、权限控制：角色分配（如管理员/普通用户）、操作权限管理。

功能3、安全性：加密存储密码、防止 SQL 注入和 XSS 攻击、会话管理。

功能4、审计：日志记录

初始化

1、先进行整体详细设计、表设计，然后完成功能1，测试验证通过功能1，我确认后，再开始下一步功能开发。

2、本地数据库信息：localhost,端口3306，用户名root,密码12345678，数据库user。

3、JDK、MAVEN版本用系统现成的。

Trae 一顿开始干活，设计表、前后端项目架子，然后填充页面功能。

我们看看设计的表，刚刚注册用户的数据（下图是数据库管理工具，查询的）

这样实现了，数据的存储。

Trae 像一个职场牛马，数字打工人，期间遇到的问题，Trae 借助大模型思考，联网自己解决，整个过程中，只需提醒 Trae ，干活慢点，不要着急，一步一步来，做好单元测试，然后在集成测试。

樱木所在互联网行业，对于前端最新的技术了解，确实存在一点滞后，因为樱木一直在后端 Java 领域，有了 Trae ，可以补齐了前端开发，这一块短板。

这在以前是不敢想的事情。下一步计划继续完善管理控制台页面。

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

我是樱木，持续探索 AI 领域，主要分享最新的 AI 工具动态，评测，提效。