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

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

相关推荐
AI_Cloud_推荐27 分钟前
DeepSeek-V4-Pro 的 4.5 和 12:不是加价,是同名不同版本
阿里云·语言模型·代理模式·ai编程·百度云
OpenTiny社区32 分钟前
React 正式登场!GenUI SDK v1.4.0 三框架渲染、出码与 Agent 生态重磅升级~
前端·ai编程
星核0penstarry1 小时前
宕机那天 API 还能用,所以模型是假的?
运维·服务器·人工智能·大模型·ai编程·模型指纹
andrsted1 小时前
练题簿在线免费刷题:个人备考,从练新题到模拟自测怎么用?
学习·微信小程序·小程序·学习方法·刷题
死磕音视频1 小时前
Cursor 入门:用 AI 编辑器读懂项目并完成第一次修改
ai编程·代码编辑器·cursor·编程入门
前端双越老师1 小时前
程序员 1v1 访谈系列第五期:裁掉正岗,招外包
agent·ai编程·全栈
多客:duokelijie2 小时前
婚恋交友小程序合规梳理:上线运营需要准备哪些资质与许可手续?
后端·mysql·微信小程序·前端框架·uni-app·php·持续部署
咬代码的兽7 小时前
满大街的 AI Agent,怎么判断真假?五个土办法
ai编程·ai agent·agentagent
Tangyuewei13 小时前
小米的 Coding Agent 开源了
人工智能·开源·ai编程