首页
学习
活动
专区
圈层
工具
发布

花了2个小时用Cursor写了个图片处理工具

平时经常需要批量对图片进行处理,一直没有找到一个称手的工具,今天就用cursor写了个图片批量处理的小工具。

软件开发

起手指令:

这是一个wails项目,后端使用go,前端使用vue3,element-plus# 项目名称图片批量处理工具## 功能- 图片批量格式转换   - 选择图片文件夹   - 选择要转换成什么格式(jpg/png)   - jpg 质量   - 选择要输出的位置   - 开始转换   - 转换进度- 图片批量调整尺寸   - 设置目标尺寸   - 设置要输出的位置   - 设置要输出的格式(jpg/png)   - jpg 质量   - 添加图片   - 移除图片   - 开始调整   - 调整进度## 界面- 菜单栏- 页面   - 图片格式转换   - 图片调整尺寸## 菜单栏- 图片格式转换- 图片调整尺寸## 代码要求- 代码要注释## 目录结构- frontend // 前端   - src       - components //组件       - pages // 页面       - router       - stores       - utils       - assets       - App.vue       - main.ts       - main.go- app.go

中间经过不断的调整,最终成品展示:

再写个宣发页面

想着把这个软件放出去给大家用,于是就让cursor再给写一个用于宣发下载的页面。

为这个软件生成一个宣传的静态页面,页面上要提供下载地址。软件的两个功能的截图放在web\images下了生成的宣传页放到web\index.html网页使用html+tailwind css ,[#设计风格]优雅的极简主义美学与功能的完美平衡;- 恰到好处的留白设计;- 细腻的微交互;- 舒适的视觉比例;- 响应式设计- 支持内容区域自适应- 移动端优先考虑核心功能展示[#技术规格]- 简洁的html结构- 图标:引用在线矢量图标库内的图标(任何图标都不要带有背景色块、底板、外框)- 图片: 使用开源图片网站unsplash链接的形式引入- 样式必须引入 tailwindcss CDN来完成

效果如下:

体验地址

只支持window10,11。64位

http://image-toolbox.app.yesiming.com/

  • 发表于:
  • 原文链接https://page.om.qq.com/page/OR45tdivUi5puoPKiLfihsTg0
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

相关快讯

领券