用AI十五分钟帮我开发一个前后端分离的系统,全程不用手敲一行代码是一种怎样的体验?

2025-12-10 16:31:56
文章摘要
用AI十五分钟帮我开发一个前后端分离的系统,全程不用手敲一行代码。

前言

本篇将分享:如何用AI编程助手(主要是Claude Code),快速开发出一套测试管理平台,全程不用自己手敲一行代码。当然,你也可以自由发挥,开发运营平台、开发平台、CRM平台......本篇主要记录运用AI编程工具开发测试管理平台的实战,以及如何一步步优化迭代、查找问题、修复bug......这套测试管理平台功能包括:

  1. 项目管理:管理测试涉及到的项目---已完成
  2. 版本管理:各个项目的迭代版本---已完成
  3. 测试用例:手动录入,关联到各个项目和版本,支持多对多---已完成
  4. 评审管理:测试用例评审流程,通过、拒绝、弃权等---已完成
  5. 执行记录:记录各个版本下测试用例执行情况,做到可溯源---已完成
  6. 智能助手:通过iframe嵌入Dify知识库+聊天机器人---已完成
  7. AI智能用例生成:包括大模型配置、提示词管理、智能需求分析、多大模型生成+评审用例---已完成
  8. 其他规划和开发中的功能:测试报告,数据看板,AI生成用例记录、一键导入测试用例列表

由于功能非常多,开发过程中我记录的内容也非常多,所以计划写成一个系列文章。通过本系列,你可以了解到:

  1. 如何和AI编程助手交互,下达指令
  2. AI编程助手在接到用户指令后,是如何工作的
  3. AI开发完成后,如何部署配置依赖,启动运行
  4. 如何让AI编程助手快速开发新功能
  5. 如何给AI精准提交报错信息,让它快速修复bug
  6. 如何通过AI编程助手逐步优化、完善系统功能
  7. 我的踩坑一些经验

一、工作流拆解

想要了解AI是如何工作的,最快捷的方式就是看它在接收到用户指令后,如何拆解任务,细分为一个个的子任务。

例如我给它下达了开发一个测试用例管理平台的指令(这里我并没有给出很详细的提示词或功能清单,而是指定了技术栈,让它模仿现有的平台去写一个平台):

请你模仿阿里云的"testhub"平台,帮我编写一个测试用例管理平台,技术栈用Python+Django+Vue3

首先是任务拆解,可以看到Claude在接到了用户指令后,将开发测试用例管理平台的任务拆分为了以下几步:

☐ 创建Django项目结构

☐ 设计数据库模型

☐ 创建Django后端API

☐ 创建Vue3前端项目

☐ 实现核心功能模块

☐ 创建项目配置文件

1.创建Django项目结构

① 首先Claude创建了项目目录,并通过django-admin命令创建了后端项目

mkdir -p testhub_platform && cd testhub_platform && django-admin startproject backend .

② 随后Claude列出了开发项目所需的依赖项、并写入requirements.txt文件

③ 紧接着Claude开始更改配置,配置路由文件,并且,每执行完一步,Claude都会给出反馈结果。

④ 然后Claude创建了各个app应用目录

通过名称我们也能直观地了解到该APP的用途,例如:projects是项目管理、testcases是用例管理、reports是测试报告。

mkdir -p /Users/chenjigang/claude_home/testhub_platform/apps/{users,projects,testcases,testsuites,executions,reports}

2.设计数据库模型

Claude自动编写了各个APP的models文件,创建各个应用的__init__.py和apps.py文件。

3.创建Django后端API

Claude自动创建了Django后端API的序列化器和视图

4.创建Vue3前端项目

不管是后端项目的路由、视图、模型,还是前端项目的配置、路由绑定、样式......全程都是Claude在操作。


5.实现核心功能模块

甚至连README.md都贴心地帮我生成好了。

十五分钟左右的时间,整个项目框架和核心功能组件全写完了!

二、启动项目

AI编写完成,并不代表项目就能成功运行了,我们人为需要参与的,包括:安装依赖、同步数据、配置数据库等一系列准备工作。README.md文件中已经帮我写好了详细的操作步骤,照着做就可以了。

1.安装项目依赖

创建虚拟环境和安装依赖,也可以自己在设置中安装依赖。

以下是Claude帮我生成的详细的操作步骤:

用户想运行这个TestHub项目,我需要指导他完整的安装和运行步骤。让我整理一下需要做的事情:

  1. 创建虚拟环境
  2. 安装Python依赖
  3. 配置数据库
  4. 运行Django迁移
  5. 安装前端依赖
  6. 启动前后端服务

  我应该给出完整的步骤指南。

⏺ 要运行这个TestHub项目,您需要按以下步骤操作:

  1. 环境准备

  首先确保您有以下环境:
  - Python 3.8+
  - Node.js 16+
  - MySQL 5.7+
  - Redis 6.0+

  2. 后端设置

  # 进入项目目录
  cd /Users/chenjigang/claude_home/testhub_platform

  # 创建Python虚拟环境
  python3 -m venv venv

  # 激活虚拟环境
  source venv/bin/activate # macOS/Linux
  # 或者 venv\Scripts\activate # Windows

  # 安装Python依赖
  pip install -r requirements.txt

  # 安装PyMySQL
  pip install PyMySQL

  3. 数据库配置

  创建 .env 文件:
  touch .env

  在 .env 文件中添加配置:
  SECRET_KEY=your-very-secret-key-here
  DEBUG=True
  DB_NAME=testhub
  DB_USER=root
  DB_PASSWORD=your_mysql_password
  DB_HOST=localhost
  DB_PORT=3306
  REDIS_URL=redis://localhost:6379/0

  在MySQL中创建数据库:
  CREATE DATABASE testhub CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

  4. Django初始化

  # 创建迁移文件
  python manage.py makemigrations

  # 执行数据库迁移
  python manage.py migrate

  # 创建超级用户
  python manage.py createsuperuser

  # 启动开发服务器
  python manage.py runserver

  5. 前端设置

  打开新终端窗口:
  cd /Users/chenjigang/claude_home/testhub_platform/frontend

  # 安装Node.js依赖
  npm install

  # 启动前端开发服务器
  npm run dev

  6. 访问应用

  - 前端应用:http://localhost:3000
  - 后端API:http://localhost:8000
  - API文档:http://localhost:8000/api/docs/
  - Django管理后台:http://localhost:8000/admin/

  7. 可能遇到的问题

  如果遇到模块导入错误,需要创建缺失的应用文件:
  # 在backend目录下
  python manage.py startapp users apps/users
  python manage.py startapp projects apps/projects
  # 等等...

  您现在可以按照这些步骤来运行项目了!有什么问题随时问我。

配置好依赖环境,首次执行迁移命令的时候报错了:

项目的app中缺失了很多urls文件,随后我告诉了claude,它帮我创建了这些缺失的文件。我只是给它提供了一个报错信息,Claude就自动完成了所有问题的修复:

2.数据库配置

① 创建 .env 文件

在 .env 文件中添加配置:

SECRET_KEY=your-very-secret-key-here
DEBUG=True
DB_NAME=testhub
DB_USER=root
DB_PASSWORD=your_mysql_password
DB_HOST=localhost
DB_PORT=3306
REDIS_URL=redis://localhost:6379/0

② 创建专用数据库

# 创建专门的数据库用户(推荐):
CREATE DATABASE testhub CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

3.Django初始化

① 创建迁移文件

python manage.py makemigrations

② 执行数据库迁移

# 执行数据库迁移
python manage.py migrate

③ 创建超级用户

python manage.py createsuperuser

④ 启动后台项目

python manage.py runserver

后台项目启动成功!

4.前端设置

① 安装Node.js依赖

# 进入前端项目目录执行
npm install

② 启动前端项目

npm run dev

但是启动报错了:

遇到问题直接丢给大模型。原来是缺失了组件文件,Claude5分钟帮我创建完成!

再次启动,启动成功,页面访问正常。

由于是刚刚开发完成,第一次部署,所需要做的前置准备工作会很多。但是随着前后端项目的相继启动成功、登录页面的出现,此时此刻,也算是苦尽甘来。


三、登录注册问题解决

Claude帮我搭建完前后端框架、写完核心功能模块只用了15分钟!以往,如果是人来弄的话,怎么着也得3-7天。这就是AI的魔力!

开发完核心功能确实是15分钟,但是我部署各个依赖环境,直到项目成功运行,却花了2个小时。当然,如果你本来就存在MySQL、Redis这些,那就会快得多。

由于首次登录,没有账号。所以准备注册一个账号,顺便也可以试一下注册功能是否正常,结果第一下就报错了:

好吧,不管了,直接将报错信息继续丢给大模型处理。

两分钟改完

快是挺快的,但改完了一个问题又来了另一个问题,报CSRF错误:

继续丢给大模型。

改完之后,这次倒是没报什么CSRF的错了,但是,又又报其他错了:

交给大模型修复完后,再次点击注册,又报了用户已存在的报错,看样子是注册成功了?

来查一下Django管理后台中的用户,果然和我预想的一样:第一次提交注册的时候就已提交成功了,所以第二次才会提示重复。

但现在要解决第一次提交报错的问题:

大模型修改后,按照它给的步骤进行操作:

① 运行迁移命令

② 重启Django服务

③ 再次注册,注册成功

我用这个新注册的账号,也能够登录成功,真TM不容易啊!

你以为到这里就完了吗?这个小小的注册功能带来的问题只是开胃前菜,后续还会有越来越多的问题和挑战!使用AI虽然大大解放了人力,但没点耐心,还真干不好这点事。今天就先到这里,下篇继续。

声明:该内容由作者自行发布,观点内容仅供参考,不代表平台立场;如有侵权,请联系平台删除。
标签:
Claude
大模型