💪🏻 1. Python基础专栏,基础知识一网打尽,9.9元买不了吃亏,买不了上当。 Python从入门到精通
😁 2. 毕业设计专栏,毕业季咱们不慌忙,几百款毕业设计等你选。
❤️ 3. Python爬虫专栏,系统性的学习爬虫的知识点。9.9元买不了吃亏,买不了上当 。python爬虫入门进阶
❤️ 4. Ceph实战,从原理到实战应有尽有。 Ceph实战
❤️ 5. Java高并发编程入门,打卡学习Java高并发。 Java高并发编程入门

​最近在参加破局AI编程的航海行动,行动手册里有个图片综合处理的小程序案例,有图片压缩,图片识别,抠图去背景等功能。

安装使用微信开发者工具

打开 https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html 下载微信开发者工具。

然后点击创建小程序,这里输入项目名称,选择一个目录,然后选择一个测试 AppID。点击创建。

在这里插入图片描述

生成首页

首先就是编写生成首页的提示词

帮我做一个图片综合处理的微信小程序,功能如下:
1.图片压缩
2.抠图去背景
3.图片识别
4.证件照制作
5.图片裁剪
6.图片格式转换

先初始化首页,在将现有的首页改为这6个功能入口

打开Cursor,选择前面存放小程序的目录,然后输入编写好的首页提示词。

在这里插入图片描述

这里需要创建文件夹啥的,Cursor会给出提示。

在这里插入图片描述

等Cursor编写完成代码之后,点击 Accept All 按钮接受所有代码, 来看看首版实现效果。

在这里插入图片描述

这里页面的功能按钮太靠下了,接着让大模型调整一下。

6个功能入口太靠下了,请将这些功能入口居中平铺

在这里插入图片描述

调整之后,功能按钮的布局好多了。

在这里插入图片描述

实现图片压缩功能

图片压缩功能的实现过程有点点小曲折,按照手册我写了个初版的提示词,比较简单。

实现一下图片压缩,在新页面实现,功能如下:
1. 上传图片功能
2. 图片预览
3. 选择压缩百分比
4. 保存压缩后的图片

在这里插入图片描述

等Cursor编写完代码之后,点击 Accept All 接受所有代码。

在这里插入图片描述

代码生成好之后点击 编译 按钮加载最新的代码。就可以看到上传图片的按钮了。

在这里插入图片描述

上传一张图片测试下效果,发现并不理想。

压缩后的图片只剩下的半截,图片的尺寸也变成了 800*800的了。很显然,这样的效果达不到我们的预期。

在这里插入图片描述

接着修改提示词:

现在图片压缩之后内容丢失了,图片压缩不是截图,要保证图片的完整性,只是图片的大小变小了,还需要展示图片压缩前和压缩后的大小方便对比,请重新修改代码,

在这里插入图片描述

它重新生成一版之后,压缩后图片的内容还是被截断了。

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

最后实在不行使用DeepSeek 让他生成一段提示,我告诉DeepSeek一些背景信息以及我想实现的效果,让他给出一个提示词。

我想用cursor实现一个图片压缩的功能,用微信小程序实现,但是 反反复复的一直没有实现,请你生成一个能实现此功能的提示词

在这里插入图片描述

然后将DeepSeek 生成的提示词复制到Cursor中。

在这里插入图片描述

来看看最后生成的效果吧,这次图片的原始大小,压缩后的大小以及压缩率都展示出来了。

在这里插入图片描述

下载压缩之后的图片,图片内容完整,大小确实变小了。功能完美的实现了。

在这里插入图片描述

AI编程不是一蹴而就的,不要看了几篇 5分钟用Cursor实现一个应用,简单的应用可以,稍微有点难度的应用还是需要我们去拆解。然后让Cursor来实现

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐