
真的能用Cursor 5分钟实现一个图片压缩的微信小程序?
AI编程不是一蹴而就的,不要看了几篇 5分钟用Cursor实现一个应用,简单的应用可以,稍微有点难度的应用还是需要我们去拆解。然后让Cursor来实现
💪🏻 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来实现
更多推荐
所有评论(0)