AI 开发编程题库类小程序（4.3 万用户）

AI 开发编程题库类小程序（4.3 万用户） AI 开发编程题库类小程序（4.3 万用户） Modified July 20, 2025 生成完后，直接复制粘贴即可。 ④ 报错的解决办法 你在使用 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/ 扫码后，选择你的小程序登陆，哪个微信注册的小程序，就用哪个微信扫码。 扫码成功后，选择版本管理 下拉看到开发版本，点击提交审核。 提交审核成功后，会在手机给你发提醒，重新进到网页端，还是这个位置，点击发布即可。 到此，你的小程序成功上线。 上线后怎么体验呢？ 两种方法：一是通过二维码，点击账号详情，可以下载二维码； 生成完后，直接复制粘贴即可。 ④ 报错的解决办法 你在使用 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 developers.weixin.qq.com 大家好，我是小林，春节期间利用 Cursor 开发的题库小程序，迄今已经有 4.3 万用户，全程细节分享给大家。 一、小程序注册 微信小程序注册入： 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 语句 注意：如果你用的是免费版的 Cursor，直接投喂这么多，有概率会直接卡死，只需要将上面的要求分两次给 Cursor 即可，先描述第一个页面，生成完后，在描述第二个页面即可。 3）基于核心功能 Cursor 开发对应的页面 ① 刷题页面 最为核心的功能，先完善页面跳转逻辑，点击不同的题库页面会进行不同的跳转。例：点击 C 语言选择题，先跳转到题库详情页面，点击题库详情页不同的题目可以进入题目详情页面。 ② 完善题库详情页面 很简单，只需要设计页面即可。 组织 Cursor 语句，例： ③ 完善题目详情页面 题目详情页需要较多的语言进行描述。 1）确定题目详情页界面样式 上面为题目，题目右上方可以点击收藏，并且显示收藏状态； 中间不同类型题目对应不同，选择题对应选项，填空题对应一个文本框，判断题则是对、错两个选项； 在选项或者文本框下还包含三个按钮：提交答案、上一题和下一题。 注意：代码分析题是用 Deepseek 做的，后面会提到。 2）题目详情页的功能 判断对错，收藏题目，上一题和下一题的切换。 组织 Cursor 语句，例： ④ 题目收藏页面 组织 Cursor 语句，例： ⑤ 历史记录页面 组织 Cursor 语句，例： ⑥ 搜索页面 组织 Cursor 语句，例： ⑦ 头像和昵称页面 最简单的页面，只要求基本配置。 组织 Cursor 语句，例： 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 即可。