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


大家好,我是小悟。

作为一个较擅长后端的开发者来说,每当做前端的工作时,就比较头疼。现在有了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成功修复了问题。另外,像一些必填字段校验、格式校验都自己考虑进去实现了。

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

基本信息

图片

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

图片

结算信息

图片

资质材料

图片

最后确认提交

图片

4、增加功能

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

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

提示词优化后的结果。

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

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

图片
图片

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

图片

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

图片

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

图片

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

图片

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

图片

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

图片

5、最后总结

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

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

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

图片


# console  # 让它  # 上传  # 弹出  # 上一步  # 类目  # 的是  # 未找到  # 帮我  # 两种  # 商户  # bug  # ui  # ide  # 微信支付  # vs code  # ai  # 电脑系统  # 后端  # 小程序  # 工具  # 电脑  # app  # 微信  # 微信小程序  # json  # 前端  # js 


相关栏目: 【 Google疑问12 】 【 Facebook疑问10 】 【 网络优化91478 】 【 技术知识72672 】 【 云计算0 】 【 GEO优化84317 】 【 优选文章0 】 【 营销推广36048 】 【 网络运营41350 】 【 案例网站102563 】 【 AI智能45237


相关推荐: VideoInu AI 动画制作:教程、功能与Pro账户赠送  历史影像解密:唇语专家如何还原一战士兵对话?  恐怖游戏惊魂:虚拟主播带你逃离病娇女孩的魔爪  ChatGPT 4o 辅助学生复习 GRE 词汇的方法  AI 时代高效开发:版本控制与 AI 协同工作流  DeepSeek 在量化交易策略回测中的实战教程  LeetCode问题解析:移除回文子序列,掌握字符串技巧  探索占星术:揭秘 कुंडली 中的 शुक्र,财富与运势的钥匙  如何通过 DeepSeek 优化 Kubernetes 配置文件  Claude 4.5 深度解析: Coding, VS Code & AI Agent 新纪元  批改网ai检测工具怎样生成改进建议_批改网ai检测工具改进建议查看与应用【攻略】  ChatGPT官方入口 ChatGPT官网网页版访问步骤详解  百度ai助手工具栏怎么关 百度ai助手状态栏隐藏  亚马逊KDP电子书掘金:月入1万美元的秘密策略  使用Agent AI Book Cover Creator轻松设计吸睛图书封面  AI简历优化指南:如何让你的简历轻松通过ATS筛选系统  AI赋能副业:五大掘金机会,轻松开启智能创收时代  AI驱动营销:如何利用人工智能构建高效营销漏斗  怎么用AI帮你设计一套个性化的手机App图标?  豆包AI怎么关闭消息推送_通知与提醒管理设置教程  AI Vibe Coding: 快速打造落地页,低代码平台实战教程  AdobeExpressAI智能排版怎么快速生成Logo_AdobeExpressAI智能排版Logo生成入口【步骤】  豆包 AI 辅助进行精简版个人周报撰写技巧  ClaudePC端怎么设主题色_ClaudePC端主题设置步骤【教程】  MAKA AI排版怎样设置动画效果_MAKA AI排版动画添加与参数调整【技巧】  Kling 2.0终极指南:AI视频创作秘籍,告别低质量  利用豆包 AI 进行个性化旅行 Vlog 脚本设计  tofai网页版官方入口 tofai官网登录网址  AI驱动的合同审查:Adobe Acrobat AI助手提升效率与准确性  百度ai助手任务栏怎么关 百度ai助手任务栏图标隐藏  AI写作鱼怎么一键生成朋友圈文案_AI写作鱼文案风格切换与字数设置【指南】  AI音频增强和视频背景替换终极指南  教你用AI一键去除图片水印,操作简单效果惊人  百度AI助手官方入口 文心一言网页版登录入口  AI怎么修复模糊视频 视频画质增强AI软件Topaz Video使用【教程】  n8n教程:如何用AI自动生成个性化简历  数据集中化:提升AI效率,节省企业时间与成本的终极指南  AI图像识别如何减少保险欺诈和加速理赔  智行ai抢票能否抢下铺票_智行ai抢票下铺优先设置与成功率提升【技巧】  唇语解读的界限:名人的隐私与公众的好奇心  PixianAI抠图怎么修复瑕疵_PixianAI瑕疵修复与手动涂抹工具【步骤】  飞猪旅行AI如何预约抢票_飞猪AI抢票预约与加速包使用【攻略】  揭秘:发电机咒语的音频魔力与音乐的力量  简历没回改:利用AI润色让你的文字更专业  MetaGPT:AI驱动的软件开发团队,颠覆传统编码模式  打破传统,拥抱幸福:公主如何找到真我?  QuickBooks Desktop 到 Online 迁移指南:轻松转移您的公司数据  AI聊天机器人:朋友还是谄媚者?深度解析与实用建议  Semrush Summary Generator: 高效总结长篇文章的终极指南  AI猫咪视频创作指南:轻松打造百万级YouTube Shorts 

 2025-11-27

了解您产品搜索量及市场趋势,制定营销计划

同行竞争及网站分析保障您的广告效果

点击免费数据支持

提交您的需求,1小时内享受我们的专业解答。

南京市珐之弘网络技术有限公司


南京市珐之弘网络技术有限公司

南京市珐之弘网络技术有限公司专注海外推广十年,是谷歌推广.Facebook广告全球合作伙伴,我们精英化的技术团队为企业提供谷歌海外推广+外贸网站建设+网站维护运营+Google SEO优化+社交营销为您提供一站式海外营销服务。

 87067657

 13565296790

 87067657@qq.com

Notice

We and selected third parties use cookies or similar technologies for technical purposes and, with your consent, for other purposes as specified in the cookie policy.
You can consent to the use of such technologies by closing this notice, by interacting with any link or button outside of this notice or by continuing to browse otherwise.