0后端(0代码实现AI换装工具！AI帮我打工的一天！)

一个无人不认为AI将改变世界的时代，我们发现这个实现未来工作方式的过程，正在以迷人的速度进行。我们不再需要进行无数日夜的程序编写，只要有嘴，AI就能帮你完成一个完整的项目。而这些，就是在一个叫做Cursor的工具中发生的。

今天，我将与你分享如何通过Cursor的自然语言指令，在一天内完创建一个AI换装工具。整个过程不需要写一行代码，前端使用React，后端使用Python的FastAPI框架，本项目开发需要一定的编程基础，本文主要是提供整个开发过程的思路要点。

项目名称：秒拍AI换装工具

1. 功能实现

- 官网基本介绍

- 实现用户注册登录

- 实现AI一键换装功能并消耗积分

- 实现AI图片精修功能

2. 技术架构

前端框架：React

后端框架：Python FastAPI

AI虚拟换衣API：阿里炼云

01 项目启动阶段

1. 安装 Cursor AI开发工具（cursor.com）Cursor 介绍说明：不懂代码的人也可以用Cursor，5分钟快速完成一个简单的支付页面
   
   
2. 
   
3. 
   

2. 新建项目文件夹

分别创建客户端项目和服务端项目文件夹

3. 打开Cursor，选择Open a folder，分别打开两个文件窗口。

4.前端React项目配置

（1）客户端窗口新建终端，输入npx create-react-app calculator-app

附录react项目配置地址教程：

https://blog.csdn.net/shensanbai95/article/details/129996853

（2）服务端窗口新建终端Command+i，输入“帮我把这个项目按照FastAPI的框架生成文件。”

服务端架构

project_root/├── router/                 # 路由层，处理 HTTP 请求│   ├── task.py            # 任务相关的路由处理│   └── ...                # 其他路由模块│├── dao/                    # 数据访问层│   ├── model_task.py      # 任务相关的数据模型│   ├── model_user.py      # 用户相关的数据模型│   └── ...                # 其他数据模型│├── middleware/            # 中间件层│   ├── auth.py           # 认证中间件│   └── ...               # 其他中间件│├── utils/                 # 工具类│   ├── outfit_anyone.py  # 虚拟试衣客户端│   └── ...               # 其他工具类│└── main.py               # 应用程序入口点

客户端架构

├── public/                 # 静态资源目录│   ├── index.html         # HTML 模板│   └── manifest.json      # PWA 配置文件├── src/                   # 源代码目录│   ├── api/              # API 接口层│   │   └── auth.js       # 认证相关接口│   ├── components/       # 公共组件│   │   └── Header/      # 头部导航组件│   ├── context/         # React Context│   │   └── ThemeContext.js  # 主题上下文│   ├── pages/           # 页面组件│   │   ├── Dashboard/   # 仪表盘页面│   │   ├── History/     # 历史记录页面│   │   ├── Home/        # 首页│   │   └── Login/       # 登录页面│   ├── router/          # 路由配置│   │   └── index.js     # 路由定义│   ├── utils/           # 工具函数│   │   └── http.js      # HTTP 请求工具│   ├── App.js           # 根组件│   └── App.css          # 全局样式├── .env.development     # 开发环境配置└── .env.production      # 生产环境配置

02 前端项目开发

1. 官网页面介绍开发
2. 
   

输入Command+i ，告诉AI“我需要开发一个AI换装的工具，帮我按照这个风格设计”，同时这里可以贴一张相似工具的官网截图发给他，让AI仿造就可以了。

一般他第一次出来的效果都是比较差的，耐心点中间重复的告诉他你觉得不足的地方让他更改就好了，直到你满意为止。

不断battle一段时间..... 大概调教了三轮，最后的效果就出来了，效果其实很不错的，中间没有写一行代码，全部是Cursor生成的。

2. 登录页面开发

登录页面也是一样的告诉他，“帮我实现一个登录和注册一体的手机号验证方式的登录页面”。中间调整的过程也是把它当成人一样沟通，直到达到满意的效果。

最后他生成好的代码，你点击一下accept就可以了，他就可以自动替换。这就是最后登录页的效果，其实也都不错。

3. 工作台页面开发

工作台的页面主要功能就是AI换装的功能操作，还是历史记录的任务查看，我们先把大的框架让AI做出来，再去增加细分的功能点。这种时候我们可以自己先制定一个草图画出大致的框架。就像是这样，连同草图和问题一起发给AI，“我需要你按照这样的页面布局帮我实现这个AI换装的工作台页面”。

中间也是不断调教，最后的大概的框架效果就出来了。

中间按照自己的业务需求不断调整完善优化，也是对聊的一个过程，不断修改。

与AI大概Battle了一段时间，达到了我满意的效果。

03 后端项目开发

1. 连接数据库
2. 
   

我们可以命令AI，基于这个项目，“帮我实现连接我本地Mysql的数据库，思考清楚帮我开始构建，按照严格的FastAPI框架。”

附录教程：

https://juejin.cn/post/7223373957087936549

2. 建立数据表

首先我们得先建立数据表，主要包括用户表，任务表，上传资源图像存放表，精修表。这些我们都是可以直接告诉AI来帮忙建立，比如：“帮我创建一个用户数据表，字段包括userid、nickname、faceImg、credit、phone的”。

3. 实现手机号验证码登录

这里具体参照阿里云短信验证的配置方式，具体代码部分可复制粘贴到Cursor，让他基于此示例去融入到我们的项目里。

阿里云文档：

https://help.aliyun.com/zh/idaas/security-authentication/developer-reference/client-integration/?spm=a2c4g.11186623.help-menu-111120.d_3_1.20c738cesYP7j8&scm=20140722.H_262673._.OR_help-T_cn-DAS-zh-V_1

将我们封装好的API的整个py文件复制到客户端的项目里，告诉Cursor“这是我们的短信验证服务端代码，请基于此实现验证码登录校验。”

也是反复的调教AI，改到直到我们满意的结果，需要耐心，遇到错误的问题也是直接复制给Cursor就可以！最后实现调用客户端的发送验证码API。

4. 实现上传图片转换成在线链接

我们选择的是阿里云的oss存储服务，严格按照文档的说明配置就好，过程和配置手机号验证码相似，再次不重复说明。最后服务端封装好api，依旧是把代码复制到客户端告诉AI让他按照此接口实现图片上传。

5. 实现AI换装功能

这里我们需要先熟悉AI换装的整个业务过程，我们选择阿里炼云的服务能力，我们先熟悉文档。

阿里文档：

https://help.aliyun.com/zh/model-studio/developer-reference/outfitanyone-quick-start?spm=a2c4g.11186623.help-menu-2400256.d_3_3_17_1.3f7f4c44j0IbgO&scm=20140722.H_2796627._.OR_help-T_cn~zh-V_1

搞清楚之后，按照业务逻辑把阿里云的API请求结构复制到Cursor并告诉他这个是阿里云的AI试衣API请求示例，“我需要你帮我封装成一个API，并将返回的结果写入任务表里，思考清楚并实现。”，贴上以下代码。

curl --location 'https://dashscope.aliyuncs.com/api/v1/services/aigc/image2image/image-synthesis/' \--header 'X-DashScope-Async: enable' \--header 'Authorization: Bearer ' \--header 'Content-Type: application/json' \--data '{    "model": "aitryon",    "input": {        "top_garment_url": "https://dashscope-swap.oss-cn-beijing.aliyuncs.com/aa-test/sample-top.jpg",        "bottom_garment_url": "https://dashscope-swap.oss-cn-beijing.aliyuncs.com/aa-test/sample-bottom.jpg",        "person_image_url": "https://dashscope-swap.oss-cn-beijing.aliyuncs.com/aa-test/sample-person.png"    },    "parameters": {        "resolution": -1,        "restore_face": true    }  }'

中间可能会有小问题，但是和AI讲明白你的业务逻辑，最后还是能成功实现的。

创建成功之后阿里也是有回调结果的接口，严格按照以上的方式继续让Cursor去做就好，遇到报错就解决报错，最重要的一定是耐心，找到问题根源所在，适当可以打印信息来debug。

04 效果实现展示

总结

作为开发者，最近用AI开发有很大的感悟，就是我们的工作不再局限于“敲代码”，而是更多地转向“设计逻辑”和“优化体验”。AI带来的开发效率提升不仅在于节省时间，更在于它赋予了开发者更多创造的自由。

通过Cursor，我完成了过去需要数天时间才能完成的任务。未来，AI工具将成为开发者不可或缺的助手。它们不仅能够提高生产力，还能帮助我们更专注于创意和创新。我们正处在一个前所未有的技术变革期，而AI工具无疑是这场变革的引领者。

最后只能说，用嘴"写代码"的感觉真好！