案例一：AI 开发题库类小程序

一、小程序注册

微信小程序注册入： https://mp.weixin.qq.com/

鼠标放上去，会有一个查看详情按钮

点击进入页面，拉到底部

点击前往注册，输入个人信息，注册需要未使用过的邮箱，如果已有邮箱被占用，

重新申请一个邮箱，可以使用 163、QQ、新浪邮箱等，注册的时候需要绑定手机号

注册完成后，小程序的基本信息填一下，主要是以下 4 样

1、小程序名称

不知道起什么名字的话，就先和自己的微信名一样，后面可以再改，一年一次改名机会。

2、小程序头像

同理，可以先用自己的微信头像。

3、小程序简介

简介自己写就行，不知道写什么的话，写：我的第一个小程序。

4、小程序类目

统一选择教育服务-在线服务

二、下载小程序开发工具

这是微信小程序自己的开发工具，写代码要用这个工具，官网链接：

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

点击链接进去后，Windows 系统下载第一个红框，苹果电脑下载第二个红框

下载完成之后，安装开发工具，建议不要安装到 C 盘，可以安装到 D 盘，或 E 盘

三、微信小程序开发流程

包含两部分：一是我理解的 AI 编程，二是给大家完整拆解一个题库 Demo。

1、AI 编程的核心

我有个反人性的观点，有悖于主流观点，我个人认为：AI 编程的核心在未来不是编程能力，而是挖掘需求的能力，甚至能和个人 IP 互相赋能。

为什么这么说呢，有实操依据的，往下看。

前几天看到朋友说，他在改造一个不同领域的旧项目，旧项目中的部分代码不全，缺个别函数。

如果换真人来干，遇到这种需求，第一件事一定是先看项目背景，熟悉业务流程。

但他随便尝试了一下，简单给大模型对话了一下，大模型居然自动补全了函数，而且基本上可以跑。

我听到是非常震惊的，放在以前程序员还需要去学习其他领域的项目背景，需要了解业务才能知道这个函数要实现什么功能，是需要大量的时间去学习的。

但是大模型它本身就是通用人工智能，它就具备其他领域的知识储备，所以它的学习成本几乎为零。

这真的很可怕，我觉得不仅仅是国内，全球都一样，1-3 年的初级程序员在未来可能真的不如 AI 好用了。

而且这个未来没几天了，Deepseek 这一波又会加速巨变。

福兮祸之所伏，祸兮福之所倚。

上面是悲观的祸，但福也顺带来了，什么呢？

大大降低了技术门槛，个体户、学生……很容易学几天后就上手写代码。

我开头说的小程序，实际上真的很 low，low 到我有点排斥写复盘。

能跑起来的核心是发现用户需求 + IP 冷启动（种子用户基于我自身的编程读者）。

因为冷启动足够多，再加上真实解决了需求，就裂变了，就开始出现转发分享，又反哺我的 IP。

所以福就在这里，未来需要的是出题家视角的程序员，牛马加班式的做题家很危险。

不多说，下面直接给大家来个实操分享，我以一个非常简单的题库类小程序 Demo 举例，哪怕不懂代码应该也是可以看懂逻辑的。

2、Cursor 开发小程序详

我从开发到变现全部跑通了，大概 5 个环节，题库语料库是我以前写公众号的积累，不是 AI 写的，这种核心内容不能敷衍。

1）项目初始化明确自己的需求

① 技术栈

前端：JavaScript+WXML+WXSS

后端：为了简便开发，不涉及后端，所以将题目收藏和刷题记录保存在本地

② 核心功能

按题型刷题：包含选择，填空，判断，代码分析四种题型。

搜索功能：可以对题目搜索，具备热门搜索和历史搜索。

基于本地缓存的题目收藏：题目可以收藏。

基于本地缓存的刷题记录：记录刷的题，并且会将对错记录下来。

获取头像和昵称：头像和昵称只用于展示，不会采集。

2）梳理 Cursor 能看懂的业务逻辑

根据需求组织项目框架语句，确保 Cursor 可以听懂。

① 对上述核心功能进行总结

我们需要 2 个页面（首页+我的）

首页是搜索框和题库，点击搜索框，进入搜索页面；点击题库，进入对应的题库页面。

我的页面由 3 部分组成，头像昵称、题目收藏，点击会进入不同页面。

② 构建出大致的 UI

如果没有设计思路，建议上微信看看同类型小程序是怎么做的。

首页最上方为搜索框，中间为题库，导航栏固定在最下面。

我的最上方为头像昵称，中间为收藏，历史，导航栏依然在下面。

③ 组织 Cursor 语句

我要做一个微信小程序，小程序是一个题库小程序，可以刷题、记录和收藏，请按照以下要求进行生成。

要求：

1）拥有两个导航页面；
2）第一个导航页面为题库页面，包含搜索框，题库以及导航栏；
3）第一个导航页面要求搜索框在最上面，题库居中，导航栏在最下面；
4）第二个导航页面为我的页面，包含头像昵称、题目收藏和历史记录；
5）第二个导航页面要求头像昵称在最上面，题目收藏和历史记录居中，导航栏在最下面；
6）注意：一定要把 UI 图片投喂给 Cursor，不会做，可以截图其他同类型小程序的页面

注意：如果你用的是免费版的 Cursor，直接投喂这么多，有概率会直接卡死，只需要将上面的要求分两次给 Cursor 即可，先描述第一个页面，生成完后，在描述第二个页面即可。

3）基于核心功能 Cursor 开发对应的页面

① 刷题页面

最为核心的功能，先完善页面跳转逻辑，点击不同的题库页面会进行不同的跳转。例：点击 C 语言选择题，先跳转到题库详情页面，点击题库详情页不同的题目可以进入题目详情页面。

② 完善题库详情页面

很简单，只需要设计页面即可。

组织 Cursor 语句，例：

帮我完善该小程序的题库详情页。
要求：
1）点击不同题库，跳转到对应的题库详情页面；
2）题库详情页最上方为题库介绍，中间为题目，页面下方固定一个开始刷题的按钮；
3）点击不同的题目会进入对应的题目详情页。

③ 完善题目详情页面

题目详情页需要较多的语言进行描述。

1）确定题目详情页界面样式

上面为题目，题目右上方可以点击收藏，并且显示收藏状态；

中间不同类型题目对应不同，选择题对应选项，填空题对应一个文本框，判断题则是对、错两个选项；

在选项或者文本框下还包含三个按钮：提交答案、上一题和下一题。

注意：代码分析题是用 Deepseek 做的，后面会提到。

2）题目详情页的功能

判断对错，收藏题目，上一题和下一题的切换。

组织 Cursor 语句，例：

完善小程序的题目详情页。

要求：
1）题目详情页上面为题目，题目右上方可以点击收藏，并且显示收藏状态；
2）中间不同类型题目对应不同，选择题为对应选项，填空题为对应一个文本框，判断题则是对、错两个选项；
3）在选项或者文本框下还包含三个按钮：提交答案、上一题和下一题；
4）点击提交答案可以对所有类型的题进行正误判断；
5）无论对错，在提交答案后都会把解析给出；
6）点击上一题会跳转到上一题，如果为第一题则提示当前为第一题，点击下一题请参考点击上一题的做法；
7）点击提交答案后会自动隐藏提交答案的按钮。

④ 题目收藏页面

组织 Cursor 语句，例：

完善小程序的收藏页面。
要求：
1）请根据页面的收藏状态将题目展示到收藏页面；
2）按时间排序，最近收藏的记录在上面；
3）具备一键清除的功能，一键清除所有收藏题目；
4）收藏页面的题目右方有个单独的收藏按钮，点击可以直接取消收藏，不用点进题目再取消。

⑤ 历史记录页面

组织 Cursor 语句，例：

完善小程序的历史记录页面。
要求：
1）在题目详情页只要点击提交答案，即记录下来，并且将对错也同时记录；
2）在历史记录页面展示时也会展示对错；
3）具备一键清除的功能，一键清除所有历史题目；
4）历史记录页面的题目右方有个单独的删除按钮，点击可以单独删除。

⑥ 搜索页面

组织 Cursor 语句，例：

完善小程序的搜索页面。
要求：
1）具备历史搜索和热门搜索并且完善该功能的逻辑；
2）根据题目进行搜索，每输入一个字符都会间隔 0.2 秒进行一次被动搜索；
3）只有点击搜索按钮才会记录历史。

⑦ 头像和昵称页面

最简单的页面，只要求基本配置。

组织 Cursor 语句，例：

完善小程序的头像和昵称页面。

要求：

1）点击头像，弹出“使用微信头像”或者从相册选择；
2）点击昵称，弹出“使用微信昵称”或者自己输入；
3）头像昵称只在本地展示，不进行采集。

4）使用 Deepseek 优化项目

你也可以用 Cursor 进行优化，但是我不建议，因为 Cursor 总是在优化的时候会对其他东西进行修改。

如果你让他单纯修改 wxss 文件，那效果很不好，甚至还不如之前的。

刚好春节期间 Deepseek 爆火，我就用了一下，哎，蛮好用的。

① 将代码分析题补上去

Deepseek 会完整的生成代码，按照提示一步一步来即可，实测，没有任何问题，如果你有任何问题，都可以问 Deepseek，或者直接用 Cursor 生成。

因为 Deepseek 只能处理部分代码，不像 Cursor 直接修改项目。因此要手动将 Deepseek 的代码添加到自己的项目中，在自己的项目主包下创建空白文件夹（read+readQuestion），用于存放 Deepseek 的代码。

将页面添加到 app.json，接下来，直接把 Deepseek 的全部代码复制到新创建文件夹对应的的 WXML、WXSS、JS 文件中，接着在修改跳转逻辑，将跳转页面改为刚才新创建的 read 页面，也就是 Deepseek 生成的首页了。

在修改 read 页面的跳转操作，跳转到 readQuestion 页面，也就是 Deepseek 生成的 question 页面。

因为 Deepseek 生成的题库我放在第四个，所以我添加了个 else 语句，当点击 id=4 的题库就会跳转到 Deepseek 生成的 read 页面。点击 read 页面的题跳转到 readQuestion 页面，read 页面里的跳转路径改为指向 readQuestion 即可。

注意：read 是题库详情页，readQuestion 是题目详情页。

② 在题库页面添加轮播图

直接把代码发给 Deepseek，告诉他你需要在题库和搜索中间加个轮播图即可，非常简单。

Deepseek 不仅会生成 WXML，他还会直接生成 WXSS，我的建议是直接复制粘贴，格式微调即可。

③ 完善你认为不满意的 WXSS 样式

直接将 wxml 文件发给 Deepseek，详细描述你的需求即可。注意你需要发送一份完整的 WXML 和 WXSS 代码，让他先分析你的样式，进而修改。

先分析已经优化好的 WXML 文件：

接着分析已经优化好的 WXSS 文件：

最后，把你要分析的 WXML 发给 Deepseek 即可。

生成完后，直接复制粘贴即可。

④ 报错的解决办法

你在使用 Cursor 的过程中一定会报错。建议将报错的信息和代码发给 Deepseek，百分之 90 的概率，Deepseek 可以解决。如上图所示。

3、Cursor 注意事项

1）指令精准

在进行对话的过程中，指令一定要足够清晰，一定要精准定位到你要改的地方。

例：我要添加页面应该这样描述：”在小程序的 XXXXX（可以是对位置的描述‘在 XX 页面和 XX 页面中间’等或者是逻辑操作‘点击某个东西，跳转到新的页面’）增加/跳转到一个新的页面。要求：1...2...等等“。

2）前置条件

在增加或修改某个功能的时候，要加上前置语句。

例：在 XX 页面的其他功能和样式不变的情况下，增加某个功能/修改某个功能。要求：1...2...等等。

3）卡顿怎么办

如果你需要长时间（数天甚至更久）使用 Cursor，Cursor 可能会卡住。

这个时候你只需要对 Cursor 说：“这是一个微信小程序，请详细分析该项目”等 Cursor 分析完后，在接着描述需求即可。

4、Deepseek 注意事项

根据情况确定你是否需要深度思考。如果你打开深度思考，Deepseek 可能会过度理解而且加载缓慢，效率反而降低。正常情况下，不用打开深度思考，Deepseek 依然可以很好的完成任务。

例：WXML 代码...WXSS 代码...JS 代码（顺序无所谓），这是我的小程序页面，请在不改变 XXXX 的前提下，修改/增加某个功能/样式。

注意：需要前置语句，使用时需要发送较为详细的代码，让 Deepseek 可以更高效的修改。

四、测试小程序

正常每做完一个需求，自己都要测试一下，看看是否有 bug，怎么测试呢？

点击编辑，再点预览，

之后会弹出一个二维码，用微信扫码即可手机体验。

五、小程序发布

代码测试无问题后，点击右上角的上传，此时会提示让你填写版本号。

第一次发版选择：版本升级，版本号可以写 1.0.0，填写好后点击上传。

上传成功之后，去小程序网页端后台：https://mp.weixin.qq.com/

扫码后，选择你的小程序登陆，哪个微信注册的小程序，就用哪个微信扫码。

扫码成功后，选择版本管理

下拉看到开发版本，点击提交审核。

提交审核成功后，会在手机给你发提醒，重新进到网页端，还是这个位置，点击发布即可。

到此，你的小程序成功上线。

上线后怎么体验呢？

两种方法：一是通过二维码，点击账号详情，可以下载二维码；

二是可以如下图#小程序：你的小程序名称，微信里面可以直接点击跳转。

六、小程序商业化变现

变现主要有两个模式：一是广告流量主，二是付费订阅。

1、接入微信小程序官方广告

小程序广告很香的，比公众号的流量主要多不少，尤其是激励式广告，一个点击基本上能有 1 元左右。

小程序流量开通需要 500 用户，和公众号一样，具体开通位置在流量主-广告管理位置，可以设置不同的广告类型。

选择你想插入的广告类型，点击获取代码：

按照提醒，将广告代码插入到你想展示的位置即可，官方也有具体的文档提醒：

如果你的日活能破百，一个月赚几千还是挺容易的。

除了激励式广告代码稍微复杂点，像视频广告只需要复制一行代码到 wxml 页面即可。

2、付费订阅

广告模式适合小白玩，找到正反馈后还是要做增值服务赚钱，比如付费订阅。

我订阅很便宜，9.9 永久解锁，上面是真实交易截图，但付费订阅需要你自己有微信商户号。

小程序开放只能接微信的，我印象中支付宝不行，具体可以去看下官方文档。

七、注意事项

小程序做好后上线还需要备案和微信认证。

备案仅需身份信息即可。

如果没有微信认证，能正常上线，但是分享和被其他人搜索的功能无法使用。

认证位置在微信公众平台——左下角头像——账号设置——小程序备案和微信认证

微信认证个人类型的还需要缴纳 30 元，企业类型的一年 300 元，如果认证不通过，金额不退回，请慎重！！

微信认证详细信息，请参考官方文档：developers.weixin.qq.com