没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词

爱谁谁
发布: 2025-11-27 19:59:02
原创
821人浏览过

大家好,我是小悟。

作为一个较擅长后端的开发者来说,每当做前端的工作时,就比较头疼。现在有了AI“对话式”编程,对开发者来说真是太棒啦。

使用CodeBuddy也有一段时间了,今天,我将和大家分享,在实战中,用CodeBuddy开发出一个微信支付商户进件小程序的过程,帮商家快速开通微信支付功能。

先看一下效果。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片
没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

1、安装

工欲善其事,必先利其器,我们得先有工具。这步很简单,根据你的电脑系统类型,从官网下载对应的安装包。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

安装好后直接打开,点击开始使用。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

选择主题、语言设置。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

从VS Code或Cursor导入IDE配置,没有的话直接跳过。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

一切准备就绪,登录账号,即可使用。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

2、开始开发

IDE装好了,就可以开始开发了。CodeBuddy内置多个模型,这边选择了GLM-4.6。

需求描述

<code class="javascript">帮我开发一个微信支付服务商进件商户的微信小程序,用微信小程序原生语言开发。有两个tabbar,“申请”和“记录”,点击顶部步骤条可以切换。也可以点击底部,上一步或下一步按钮。选择经营类目,自动判断是否需要上传特殊资质,可随时保存草稿。查看进件记录,首先显示全部状态下的记录,待提交状态可以继续修改,不需要的话也可以删除。进行中的状态包含审核中、待验证和待签约,后面两种状态则可长按已生成的码识别,进行验证或者签约。已驳回状态可以查看驳回原因,红色字体标注,可以根据驳回原因,继续修改后再次提交。已完成状态就是进件成功了,会显示商户号。</code>
登录后复制

可以使用【增强提示词】优化一下需求描述。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

以下是增强后的结果,一看就很专业,提交给CodeBuddy。

<code class="javascript">开发一个微信小程序原生应用,实现微信支付服务商特约商户进件功能。要求包含两个tabbar页面:'申请'和'记录'。在申请页面:1. 顶部设置步骤进度条,点击可跳转到对应未填写或需修改的步骤2. 底部设置'上一步'和'下一步'导航按钮3. 经营类目选择功能需自动判断:   - 是否需要上传特殊资质4. 支持随时保存草稿在记录页面:1. 默认展示全部进件记录2. 不同状态处理:   - 待提交:可修改或删除   - 进行中(审核中/待验证/待签约):后两种状态支持长按识别二维码完成验证或签约   - 已驳回:红色字体显示驳回原因,可修改后重新提交(提交时实时校验必填项)   - 已完成:显示成功进件的商户号要求所有交互符合微信小程序设计规范,确保流程清晰、操作便捷。</code>
登录后复制

然后AI就开始工作了,它从分析、技术、设计、计划四个方面创建项目规划。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片
没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片
没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片
没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

没用多久时间,代码就写完了,给力。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片
没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

打开微信开发者工具看下效果,直接报错了,这。。。

<code class="javascript">[ 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" 未找到,启动错误,请修复这个问题</code>
登录后复制

哦,是tabBar图片路径没找到,它生成了代码,没有生成图标,问题不大。何况谁做程序不会有bug,有bug才正常,接下来就是修改bug的过程。

3、BUG修复

打开微信开发者工具Console,复制错误,发给CodeBuddy,让它帮我修复就好。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片
没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片
没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片
没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片
没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片
没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

一系列问答后,CodeBuddy成功修复了问题。另外,像一些必填字段校验、格式校验都自己考虑进去实现了。

Veed AI Voice Generator
Veed AI Voice Generator

Veed推出的AI语音生成器

Veed AI Voice Generator 77
查看详情 Veed AI Voice Generator

包括四大模块,基本信息、经营信息、结算信息和资质材料。点击顶部步骤条可以切换,进入还未填写或需要修改的那一部分资料。也可以点击底部,上一步或下一步按钮,按步就章的填写资料。

基本信息

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

经营信息,选择经营类目,自动判断是否需要上传特殊资质。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

结算信息

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

资质材料

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

最后确认提交

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

4、增加功能

让它加一个用户授权的功能。

<code class="javascript">帮我加一下授权功能,调用的是微信小程序授权api,获取用户信息和openid,在提交和查看记录的时候也要检测一下当前用户是否已经完成授权,还没授权的话弹出授权。</code>
登录后复制

提示词优化后的结果。

<code class="javascript">为微信小程序添加完整的授权功能,要求实现以下功能:1) 调用微信官方授权API获取用户基本信息和openid;2) 在用户提交表单和查看记录时自动检测授权状态;3) 未授权用户需弹出授权弹窗引导完成授权流程。请确保授权逻辑完整,包括处理用户拒绝授权的情况,并合理存储获取到的用户数据以便后续使用。</code>
登录后复制

AI接收指令后将为微信小程序添加完整的授权功能模块。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片
没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

为了看下效果,让它在【记录】页面各个状态都增加了假数据。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

状态:全部,显示所有状态的提交记录。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

状态:待提交,可以重新编辑、删除、直接提交。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

状态:进行中,包含审核中/待验证/待签约的状态,后两种状态支持长按识别二维码完成验证或签约。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

状态:已驳回,显示驳回原因,可修改后重新提交。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

状态:已完成,显示成功进件的商户号。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

5、最后总结

这个生成的是前端小程序功能,经过一系列操作下来之后,基本上实现了要的功能。

传统开发流程有多麻烦?产品经理写需求文档,设计师出UI图,程序员敲代码,测试再找bug,最后部署上线。

中间随便哪个环节卡壳,项目进度就得推迟。而CodeBuddy直接把这些步骤揉进一个工具里:你用自然语言描述想法,AI自动生成代码框架、设计界面,甚至一键部署到云端。

没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词
图片

以上就是没有写一行代码,用CodeBuddy做了个微信支付商户进件小程序,附提示词的详细内容,更多请关注php中文网其它相关文章!

微信app下载
微信app下载

微信是一款手机通信软件,支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊,还能根据地理位置找到附近的人,带给大家全新的移动沟通体验,有需要的小伙伴快来保存下载体验吧!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号