零基础用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个人搞定,而且不需要很懂代码的人就开发!

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

相关推荐
“负拾捌”1 小时前
python + uniapp 结合腾讯云实现实时语音识别功能(WebSocket)
python·websocket·微信小程序·uni-app·大模型·腾讯云·语音识别
程序员老刘·15 小时前
Android Studio Otter 3 发布:日常开发选AS还是Cursor?
flutter·android studio·ai编程·跨平台开发·客户端开发
换日线°19 小时前
NFC标签打开微信小程序
前端·微信小程序
光影少年1 天前
AIGC + Taro / 小程序
小程序·aigc·taro
JMchen1231 天前
AI编程范式转移:深度解析人机协同编码的实战进阶与未来架构
人工智能·经验分享·python·深度学习·架构·pycharm·ai编程
2501_915918411 天前
在 iOS 环境下查看 App 详细信息与文件目录
android·ios·小程序·https·uni-app·iphone·webview
HetFrame1 天前
大模型驱动的禅道任务自动化规划与创建
python·ai·自动化·大模型·ai编程·任务·禅道
2501_916007471 天前
没有 Mac 用户如何上架 App Store,IPA生成、证书与描述文件管理、跨平台上传
android·macos·ios·小程序·uni-app·iphone·webview
天空属于哈夫克31 天前
Go 语言实战:构建一个企微外部群“技术贴收藏夹”小程序后端
小程序·golang·企业微信