大家好，我是小悟。
作为一个较擅长后端的开发者来说，每当做前端的工作时，就比较头疼。现在有了AI“对话式”编程，对开发者来说真是太棒啦。
使用CodeBuddy也有一段时间了，今天，我将和大家分享，在实战中，用CodeBuddy开发出一个微信支付商户进件小程序的过程，帮商家快速开通微信支付功能。
先看一下效果。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜
图片
图片1、安装
工欲善其事,必先利其器，我们得先有工具。这步很简单，根据你的电脑系统类型，从官网下载对应的安装包。
图片安装好后直接打开，点击开始使用。
图片选择主题、语言设置。
图片从VS Code或Cursor导入IDE配置，没有的话直接跳过。
图片一切准备就绪，登录账号，即可使用。
图片2、开始开发
IDE装好了，就可以开始开发了。CodeBuddy内置多个模型，这边选择了GLM-4.6。
需求描述
帮我开发一个微信支付服务商进件商户的微信小程序，用微信小程序原生语言开发。有两个tabbar，“申请”和“记录”，点击顶部步骤条可以切换。也可以点击底部，上一步或下一步按钮。选择经营类目，自动判断是否需要上传特殊资质，可随时保存草稿。查看进件记录，首先显示全部状态下的记录，待提交状态可以继续修改，不需要的话也可以删除。进行中的状态包含审核中、待验证和待签约，后面两种状态则可长按已生成的码识别，进行验证或者签约。已驳回状态可以查看驳回原因，红色字体标注，可以根据驳回原因，继续修改后再次提交。已完成状态就是进件成功了，会显示商户号。可以使用【增强提示词】优化一下需求描述。
图片以下是增强后的结果，一看就很专业，提交给CodeBuddy。
开发一个微信小程序原生应用，实现微信支付服务商特约商户进件功能。要求包含两个tabbar页面：'申请'和'记录'。在申请页面：1. 顶部设置步骤进度条，点击可跳转到对应未填写或需修改的步骤2. 底部设置'上一步'和'下一步'导航按钮3. 经营类目选择功能需自动判断： - 是否需要上传特殊资质4. 支持随时保存草稿在记录页面：1. 默认展示全部进件记录2. 不同状态处理： - 待提交：可修改或删除 - 进行中（审核中/待验证/待签约）：后两种状态支持长按识别二维码完成验证或签约 - 已驳回：红色字体显示驳回原因，可修改后重新提交（提交时实时校验必填项） - 已完成：显示成功进件的商户号要求所有交互符合微信小程序设计规范，确保流程清晰、操作便捷。然后AI就开始工作了，它从分析、技术、设计、计划四个方面创建项目规划。
图片
图片
图片
图片没用多久时间，代码就写完了，给力。
图片
图片打开微信开发者工具看下效果，直接报错了，这。。。
[ app.json 文件内容错误] app.json: ["tabBar"]["list"][0]["iconPath"]: "images/tab-apply.png" 未找到["tabBar"]["list"][0]["selectedIconPath"]: "images/tab-apply-active.png" 未找到["tabBar"]["list"][1]["iconPath"]: "images/tab-records.png" 未找到["tabBar"]["list"][1]["selectedIconPath"]: "images/tab-records-active.png" 未找到，启动错误，请修复这个问题哦，是tabBar图片路径没找到，它生成了代码，没有生成图标，问题不大。何况谁做程序不会有bug，有bug才正常，接下来就是修改bug的过程。
3、BUG修复
打开微信开发者工具Console，复制错误，发给CodeBuddy，让它帮我修复就好。
图片
图片
图片
图片
图片
图片一系列问答后，CodeBuddy成功修复了问题。另外，像一些必填字段校验、格式校验都自己考虑进去实现了。
CodeSquire
AI代码编写助手，把你的想法变成代码
103 查看详情
包括四大模块，基本信息、经营信息、结算信息和资质材料。点击顶部步骤条可以切换，进入还未填写或需要修改的那一部分资料。也可以点击底部，上一步或下一步按钮，按步就章的填写资料。
基本信息
图片经营信息，选择经营类目，自动判断是否需要上传特殊资质。
图片结算信息
图片资质材料
图片最后确认提交
图片4、增加功能
让它加一个用户授权的功能。
帮我加一下授权功能，调用的是微信小程序授权api，获取用户信息和openid，在提交和查看记录的时候也要检测一下当前用户是否已经完成授权，还没授权的话弹出授权。提示词优化后的结果。
为微信小程序添加完整的授权功能，要求实现以下功能：1) 调用微信官方授权API获取用户基本信息和openid；2) 在用户提交表单和查看记录时自动检测授权状态；3) 未授权用户需弹出授权弹窗引导完成授权流程。请确保授权逻辑完整，包括处理用户拒绝授权的情况，并合理存储获取到的用户数据以便后续使用。AI接收指令后将为微信小程序添加完整的授权功能模块。
图片
图片为了看下效果，让它在【记录】页面各个状态都增加了假数据。
图片状态：全部，显示所有状态的提交记录。
图片状态：待提交，可以重新编辑、删除、直接提交。
图片状态：进行中，包含审核中/待验证/待签约的状态，后两种状态支持长按识别二维码完成验证或签约。
图片状态：已驳回，显示驳回原因，可修改后重新提交。
图片状态：已完成，显示成功进件的商户号。
图片5、最后总结
这个生成的是前端小程序功能，经过一系列操作下来之后，基本上实现了要的功能。
传统开发流程有多麻烦？产品经理写需求文档，设计师出UI图，程序员敲代码，测试再找bug，最后部署上线。
中间随便哪个环节卡壳，项目进度就得推迟。而CodeBuddy直接把这些步骤揉进一个工具里：你用自然语言描述想法，AI自动生成代码框架、设计界面，甚至一键部署到云端。
图片以上就是没有写一行代码，用CodeBuddy做了个微信支付商户进件小程序，附提示词的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/881180.html
微信扫一扫 
支付宝扫一扫 
