零基础用AI编程开发微信小程序-开始篇

大家好,我是菜哥!

现在用AI开发小程序真的很方便而且高效,最近我们的AI编程星球上了一整套的AI编程开发微信小程序教程,今天我把开始篇的内容分享给大家。

一个小程序的开发大概分下面几个阶段:

  • 需求分析

  • 小程序账号准备

  • 项目初始化

  • 前端开发

  • 后端开发

  • 前后端接口联调

  • 测试与优化

  • 部署上线

我画了一个脑图,便于大家理解:

01.需求和定位

这次我们开发一个姓名打分的微信小程序,就是你开发一个小程序一定要有一个点子,其实从软件工程的角度来说,就是需求:可以是你生活的中的一个痛点,可以是一个工作上的一个需求等等。

项目需求:

我们输入一个姓名,然后微信小程序可以帮我给这个名字进行打分,然后显示姓名的分数以及音律,结构,文化内涵等等,这些角度进行解释。

02.原型的设计

原型设计就是快速的利用PPT先把你的项目的假的功能图,示意图画画出来,这样可以有一个非常直观的感受,然后把这个原型设计进行工程后和程序化。

比如我们姓名打分,我们希望是输入一个名字,类似这样的:

这个我用PPT设计出的一个图:

就好像你去盖房子,不是上来就开始弄砖瓦,弄水泥去盖了,你需要先画一个草图,这个楼房什么设计,分前端和后端,前端应该显示什么,后端你希望显示什么。

当然这些对于有经验的软件工程师是很容易的,如果你是文科生,或者是完全不懂代码的,也没有关系,你可以用文字找deepseek或者chatgpt去聊一下你的创意,让他给你出一个简单的需求功能的分析。

03.利用deepseek帮助你把点子细化

下面我们就用deepseek来给大家演示一下,如果细化你的需求。为我们后面AI编程的需求说明文档打基础。

输入你的点子给deepseek ,提示词如下:(需要要懂一点提示词工程的基本概念)

我现在是一个微信小程序开发小白,我现在要开发一个姓名打分的微信小程序,然后请你帮我细化一下这个需求,然后详细的列出来

经过deepseek帮你梳理,基本你的点子从模糊的想法已经到非常具体的,清晰了,无论是功能上还是设计上都很清晰。(如果你自己开发其他的小程序也是这样步骤,要学会举一反三)

04.技术实现

这一步清楚之后,我们就要想一下这个姓名打分的后端怎么做,上面列出了技术栈的一些点子和设计。我再来把它展开说一下:

前端:微信小程序框架(WXML、WXSS、JavaScript)

后端:我们这个案例就是用大模型去做,就是我们扔给大模型一个名字,让大模型去打分,然后把打分的结果我们发给前端微信小程序即可。

下面是演示图:

这样的话,我们整个的设计篇基本差不多了,下面就是分别按照前端和后端去开发了,以前这样的项目需要2个人,前端一个人,后端一个人。前端复杂UI设计,前端框架,后端复杂接口api设计,业务的处理和数据库的增删改查。

现在有了AI编程,这些全部都可以1个人搞定,而且不需要很懂代码的人就开发!

具体的前后端的开发,我星球写好了有兴趣的可以看看!

相关推荐
CHU7290352 小时前
淘宝扭蛋机抽盒小程序前端功能解析:解锁趣味抽盒新体验
前端·小程序
海石3 小时前
去到比北方更北的地方—2025年终总结
前端·ai编程·年终总结
forgetAndforgive3 小时前
免费使用cc opus 4.6等顶级模型,注册送三天plus会员!白嫖活动又来了
chatgpt·ai编程
2501_933907213 小时前
深圳本凡科技专业企业APP开发,助力手机应用创新优化
科技·微信小程序·小程序
玄同7654 小时前
从 0 到 1:用 Python 开发 MCP 工具,让 AI 智能体拥有 “超能力”
开发语言·人工智能·python·agent·ai编程·mcp·trae
每天都要加油呀!5 小时前
TypeError: uni.requestPayment is not a function
小程序
java1234_小锋5 小时前
分享一套优质的微信小程序校园志愿者系统(SpringBoot后端+Vue3管理端)
微信小程序·小程序·校园志愿者
2501_916008897 小时前
深入解析iOS机审4.3原理与混淆实战方法
android·java·开发语言·ios·小程序·uni-app·iphone
打破砂锅问到底0077 小时前
AI 驱动开发实战:10分钟从零构建「微信群相册」小程序
人工智能·微信·小程序·ai编程
林武7 小时前
remotion-best-practices
ai编程