点击硬核王同学” 选择关注|点赞|收藏” 

福利干货第一时间送达!

大家好,我是硬核王同学,最近在做免费的嵌入式知识分享,帮助对嵌入式感兴趣的同学学习嵌入式、做项目、找工作!

零基础借助AI完成Web全栈项目开发接单经验分享

一、背景

大家好,我是硬核王同学,一名嵌入式工程师。

最近参加了破局AI俱乐部的AI编程训练营,通过输出倒逼输入的办法,让我实现从零基础到Web全栈的开发,并接单成功结算,赚了180元。

今天跟大家简单讲下整个过程,希望能给你们点启发。

项目地址:git@github.com:wangtian1999/demo-app.git

二、零基础起步

刚开始也是怀疑,到底能不能通过AI编程接单赚钱。随着在星球上看到很多人分享自己的经历,想着心动不如行动,鼓起勇气报名了最新一期的AI编程商单变现营,报名费199,21天内打卡满12天就返还。

为了退报名费,也为了真的想挣到除了工资以外的收入,我第一天看完行动手册,立马就开始接单。

第一单说来也巧,早上上班之前刚加上一些发单的中介,开会的时候,都没仔细看客户需求,就直接抢到了这个Web全栈的单子。

虽然我是一名嵌入式工程师,编程经验也有不少,但做这个项目,还是没多少把握。因为我Web全栈知识储备,几乎为零,HTML、CSS、JavaScript这些词,以前也就偶尔听说过。

虽然不确定自己能不能把这个单子做出来,但是硬着头皮,想着输出倒闭输入,就算做不了也可以退单,或者让给群里的其他人做,我也仅仅只是浪费了点时间,也能学到不少东西,所以就直接按照行动手册上的教学,开始了这个项目的开发。

三、AI编程助力项目开发

刚开始按照手册要求,下载了Cursor、Trae,通过AI编程工具开始开发这个项目。

以下是这个项目的需求:

Java系统要求,有个注册登录,数据库里要能存储文档、图片、数据,登入后有一个简单的内容的增删改查,查询需要有同义词的查询。
不用注册功能,数据据里留几帐号,登录后才能使用全部功能,不登录只能查询和增加,系统名是吉林省制造企业碳排放数据资源聚合系统。
增加和修改页,里面要有企页名,企业规模,碳排放量,碳排放时间,数据来源,图片(选填),文档(选填)

总体来说客户的需求比较乱,而且是在我询问的情况下才回答的,所以按照行动手册的步骤,我们通过AI帮助整理输出一个需求文档:

你是一名需求输出大师,帮我整理下以上需求,并输出Markdown的文档。
吉林省制造企业碳排放数据资源聚合系统需求文档
一、系统概述
系统名称:吉林省制造企业碳排放数据资源聚合系统
系统目的:提供碳排放相关数据的存储、管理、查询及内容增删改查功能,以支持吉林省制造企业的碳排放数据管理与分析。
二、用户权限与登录
登录机制:
系统预设若干账号,用户需通过预设账号登录系统以使用全部功能。
未登录用户仅能进行数据查询和增加操作,无法进行数据修改和删除。
三、功能需求
用户登录
功能描述:用户通过预设账号登录系统。
输入:用户名、密码。
输出:登录成功或失败提示。
数据存储
功能描述:系统需支持存储文档、图片、数据等多种类型的信息。
存储要求:
文档:支持常见格式(如PDF、DOCX等)的上传与存储。
图片:支持常见格式(如JPG、PNG等)的上传与存储。
数据:以结构化形式存储碳排放相关数据,支持后续查询与分析。
内容管理(需登录后使用)
功能描述:登录用户可进行数据的增删改查操作。
具体功能:
增加:支持上传新的文档、图片或录入新的碳排放数据。
删除:支持删除已存储的文档、图片或碳排放数据记录。
修改:支持对已存储的碳排放数据进行修改。
查询:支持按条件查询已存储的文档、图片或碳排放数据。
查询功能(支持未登录用户使用)
功能描述:支持用户按条件查询碳排放数据,并提供同义词查询功能以增强查询灵活性。
查询条件:
可按企业名称、时间范围、碳排放量等条件进行查询。
同义词查询:
定义:同义词指意义相近或相同的词汇,如“喜欢”的同义词是“稀罕”。
实现方式:系统内置同义词词典,用户在查询时输入关键词,系统自动匹配并返回包含该关键词及其同义词的查询结果。
词典来源:可选用现有的开源同义词词典或根据实际需求构建专用词典。

将需求文档整理好后,发给客户确认没问题,就开始新建项目。

我是通过这个文视频学习搭建开发环境的:

【15分钟快速搭建 Springboot+Vue+Mysql 全栈开发环境】 https://www.bilibili.com/video/BV1Dx4y1x719/?share_source=copy_web&vd_source=b6b05c8c04d1043c77428867deb4a656

新建好项目工程文件后,通过AI编程工具,打开这个文件夹,开始我们下一步阶段性开发。

你是一位资深架构师,我希望你能分析我提供的需求,然后进行阶段性功能拆分。

# 开发语言

java

# 需求

1.根据吉林省制造企业碳排放数据资源聚合系统需求文档,提取需要开发的需求。

# 要求

- 只需要输出和阶段性功能开发有关的信息,不要其他信息

- 程序结构简单、简洁易懂、有简单注释、功能完善

- 严格按照我提供的需求,不要自己新造需求

- 输出保存为develop.md

输出如下:Cursor 一共帮我们分了五个阶段,接下来按照阶段开发即可

吉林省制造企业碳排放数据资源聚合系统开发计划
一、系统架构设计
1. 技术栈选择
前端:React + TypeScript + Ant Design
后端:Spring Boot + MyBatis-Plus
数据库:MySQL
文件存储:MinIO
2. 系统模块划分
用户认证模块
文件存储模块
数据管理模块
查询检索模块
二、开发阶段规划
第一阶段:基础架构搭建(预计2周)
项目初始化
前端项目搭建
后端项目搭建
数据库设计
文件存储服务配置
用户认证模块
用户登录功能
权限控制实现
登录状态管理
第二阶段:核心功能开发(预计3周)
文件存储模块
文档上传功能(PDF、DOCX等)
图片上传功能(JPG、PNG等)
文件存储管理
数据管理模块
碳排放数据结构设计
数据CRUD接口开发
数据验证与处理
第三阶段:查询功能开发(预计2周)
基础查询功能
多条件查询实现
查询结果展示
分页功能
同义词查询功能
同义词词典集成
同义词匹配算法
查询结果优化
第四阶段:系统优化与测试(预计1周)
性能优化
查询性能优化
文件上传优化
缓存策略实现
系统测试
功能测试
性能测试
安全测试
三、数据库设计(初步)
-- 用户表
CREATE TABLE user (
    id BIGINT PRIMARY KEY AUTO_INCREMENT,
    username VARCHAR(50) NOT NULL UNIQUE,
    password VARCHAR(100) NOT NULL,
    role VARCHAR(20) NOT NULL,
    create_time DATETIME,
    update_time DATETIME
);

-- 碳排放数据表
CREATE TABLE carbon_emission (
    id BIGINT PRIMARY KEY AUTO_INCREMENT,
    enterprise_name VARCHAR(100) NOT NULL,
    emission_date DATE NOT NULL,
    emission_amount DECIMAL(10,2) NOT NULL,
    file_url VARCHAR(255),
    create_time DATETIME,
    update_time DATETIME,
    create_by BIGINT,
    update_by BIGINT
);

-- 文件存储表
CREATE TABLE file_storage (
    id BIGINT PRIMARY KEY AUTO_INCREMENT,
    file_name VARCHAR(100) NOT NULL,
    file_type VARCHAR(20) NOT NULL,
    file_url VARCHAR(255) NOT NULL,
    file_size BIGINT NOT NULL,
    create_time DATETIME,
    create_by BIGINT
);
四、API接口设计(初步)
1. 用户认证接口
POST /api/auth/login - 用户登录
POST /api/auth/logout - 用户登出
2. 文件管理接口
POST /api/files/upload - 文件上传
GET /api/files/{id} - 文件下载
DELETE /api/files/{id} - 文件删除
3. 碳排放数据接口
POST /api/emissions - 新增数据
PUT /api/emissions/{id} - 更新数据
DELETE /api/emissions/{id} - 删除数据
GET /api/emissions - 查询数据
五、注意事项
安全性考虑
密码加密存储
文件上传安全控制
接口访问权限控制
性能考虑
大文件上传优化
查询性能优化
缓存策略
可扩展性考虑
模块化设计
接口版本控制
配置外部化 

提示词:

很好,接下来进行第一阶段的开发,开发完成我提醒我测试

接下来就逐步按照这个文档开发即可。

四、遇到的挑战与解决办法

当然,开发Web全栈项目肯定没有像上面写的这样简单,期间碰到了各种各样的坑。

比如Cursor的免费次数用光了,我就换到Trae上,因为会员价格比较便宜,写代码能力也不错,还有项目架构一上来就有问题,不可能让AI一下子就把前后端工程全都做出来,最后还是分开为两个项目,先把前端工程写好后,再优化后端工程。

还碰到了后端和前端无法通信的问题,也是请教了做Java的大哥,一起联调了一下才打通(当然也不是白请教,给大哥包了个50的红包hh)。

图片

图片

图片

图片

图片

五、经验总结与展望

最后,经过不断地优化,还真让我把这项目按时交付了,尾款也顺顺当当到账啦!

飞书文档 - 图片

从啥都不懂的小白,到能独立完成Web全栈项目,这一路的辛苦没白费。这也让我更坚信,只要肯学、善用工具,没什么事儿是干不成的。

通过这次AI编程变现的经历,我发现想快速得到结果得有方法,比如要按照行动手册学习和做项目,遇到难题别一直钻牛角尖,借助工具和他人经验很重要。

如果你也想通过AI编程变现,可以照着我的方法现在就做起来!而且在编程的未来,AI肯定是最大助力,一定要掌握好这个工具,AI编程绝对还替代不了程序员,但会AI编程的程序员,一定会替代不会AI编程的程序员。未来我打算继续深挖这俩领域,用AI提升效率,不断拓展能力边界,说不定以后还能搞出更多新花样,大家一起加油干!

------  END  ------

如果觉得有用请点个免费的赞

您的支持就是我最大的动力,这对我很重要!!!

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐