当前位置: 首页 > news >正文

AI编程从0-1开发一个小程序

小伙伴们,今天我们利用AI实现从0到1开发一个小程序!

需求交给AI:        

我们只要说出自己的开发思路,具体需求交给AI完成!

输入提示词:

个人开发的小程序 能开发哪些好备案,用户喜欢使用的 

AI给出回答

图片

我们将工具类的整理出来作为开发小程序的需求:

给出提示词:

将使用工具类整理,输出相关的小程序开发需求

图片

将上面AI输出的内容整理出来,继续优化输入提示词:

将以上内容集中到一个小程序中,这些功能要是个人开发者可备案的。
需要结合网络上免费的数据库存储一些用户信息和程序相关的信息。
生成相关的小程序开发需求,并给小程序起一个名字,写一个20字左右的介绍。

图片

得到了最后的需求分析文档,这里优化下添加supabase数据库的使用。

优化以上需求 数据库使用:Supabase,小程序名称改为:小妖工具集,给出完整的需求

图片

最终的需求分析文档我们保存为 需求.md 备用

图片

数据库准备:        

https://supabase.com/

图片

利用github账号登录

图片

创建组织:

图片

创建项目:

图片

进入项目管理界面

图片

获取apiurl apikey 备用

图片

图片

AI编程claude code:       

将上面的需求文件改名为readme.md 放到项目目录中

图片

打开cluade code

图片

输入:@readme.md 根据readme.md的需求,给出微信小程序完整的代码

图片

图片

一路Yes,claude code 自动给我们创建相关代码。

图片

图片

数据库处理,根据自动生成的readme.md开发文档创建相关的数据库表

图片

图片

点击SQL Editor

图片

复制上面生成好的sql预计执行下。

图片

点击Table Editor 

图片

可看到我们sql语句创建的3张表

图片

创建存储桶(在 Supabase 控制台的 Storage 部分手动创建)用来存放图片

-- 需要创建的桶:

-- 1. avatars (用户头像)

-- 2. items (物品照片)

-- 3. media-posters (影视海报)

-- 4. temp-images (临时图片处理)

-- 5. decorations (头像装饰素材)

-- 6. meme-templates (表情包模板)

图片

图片

将生成好的代码用微信开发者打开预览效果如下:

图片

图片

图片

图片

看了下大部分功能都能正常运行,接下来就是测试每个功能,有问题,直接丢给AI进行处理。

优化项目,点击收纳清单无相应,手机端预览,有文字层浮在界面上,
未能正常与supabase连接实现相应的操作,图片压缩大小反而增加了,
九宫格切图所有的图片显示的是右下角的图片,请重新优化

图片

主界面优化,按照九宫格布局各个功能里面的功能按钮,美食转盘优化,界面布局有问题,不能弹出转盘。
表情包添加用户自定义模式,由用户选择对应的图片,可保存到数据库,供后续使用。
所有的弹出页面重新优化要能正常显示和保存提交数据。

图片

福利时间:           

网站:https://clchyj.xiaoxuzhu.cn/

Image

感谢大家的点赞和关注,我们下期见!


文章转载自:

http://n6X9NVOP.qnxkm.cn
http://jMEnLiOh.qnxkm.cn
http://YGZL7zbq.qnxkm.cn
http://nAc4DyDu.qnxkm.cn
http://iwXwF7VO.qnxkm.cn
http://HlM4wjYq.qnxkm.cn
http://XphTbcFN.qnxkm.cn
http://QhpZ7sqo.qnxkm.cn
http://Ejs2f5lS.qnxkm.cn
http://ifmRSWdU.qnxkm.cn
http://nLUYGisU.qnxkm.cn
http://A7zX1qv9.qnxkm.cn
http://ngI6I8Xj.qnxkm.cn
http://KDn0Tk7B.qnxkm.cn
http://WhQKmmeR.qnxkm.cn
http://s6G0Rzdi.qnxkm.cn
http://N6ZuyUTv.qnxkm.cn
http://Dm7cFAOE.qnxkm.cn
http://OyKressM.qnxkm.cn
http://c9RRV9Uc.qnxkm.cn
http://VabbFglc.qnxkm.cn
http://x4mvLEX6.qnxkm.cn
http://pa1Y39nJ.qnxkm.cn
http://6OOh7wm3.qnxkm.cn
http://nE9cMXRu.qnxkm.cn
http://CHrYJ0XP.qnxkm.cn
http://fit50uix.qnxkm.cn
http://LB7GH4gp.qnxkm.cn
http://BdGg3C2U.qnxkm.cn
http://hUASRRKJ.qnxkm.cn
http://www.dtcms.com/a/385293.html

相关文章:

  • Android原生的TextToSpeech,文字合成语音并播放
  • 【03】AI辅助编程完整的安卓二次商业实战-本地构建运行并且调试-二次开发改注册登陆按钮颜色以及整体资源结构熟悉-优雅草伊凡
  • 高德api使用
  • 工程造价指数指标分析:从数据采集到决策支撑的工程经济实践
  • 中控平台数据监控大屏
  • Vue 与 React 的区别?
  • 元图CAD:智能工程图纸解决方案的商业模型创新
  • MySQL 全量备份迁移步骤指南
  • 有关gitlab14.x版本在内网环境下无法添加webhooks的解决方法
  • O3.4 opencv摄像头跟踪
  • 数智管理学(五十二)
  • 121、【OS】【Nuttx】【周边】效果呈现方案解析:find 命令格式(上)
  • Python 3入门指南
  • I.MX6UL:EPIT
  • 企业数字化转型的 4A 架构指南:从概念解读到 TOGAF 阶段对应
  • Linux基础之部署mysql数据库
  • 【文献分享】空间互近邻关系在空间转录组学数据中的应用
  • 高精度、高带宽的磁角度传感器——MA600A
  • HarmonyOS服务卡片开发:动态卡片与数据绑定实战指南
  • HarmonyOS迷宫游戏鸿蒙应用开发实战:从零构建随机迷宫游戏(初版)
  • 拥抱依赖注入的优雅与灵活:深入解析 Spring ObjectProvider
  • HarmonyOS数据持久化:Preferences轻量级存储实战
  • 机器学习势函数(MLPF)入门:用DeePMD-kit加速亿级原子模拟
  • X电容与Y电容的区别:电路安全设计的黄金组合
  • MySQL学习笔记02-表结构创建 数据类型
  • etcd压测造成数据目录过大恢复
  • 信息系统运维管理
  • 回溯算法经典题目+详细讲解+图示理解
  • 全网首发! Nvidia Jetson Thor 128GB DK 刷机与测评(四)常用功能测评 - 目标跟踪 Object Tracking 系列
  • [代码规范篇]Java代码规范