大家好,我是小悟。
作为一个较擅长后端的开发者来说,每当做前端的工作时,就比较头疼。现在有了AI“对话式”编程,对开发者来说真是太棒啦。
使用CodeBuddy也有一段时间了,今天,我将和大家分享,在实战中,用CodeBuddy开发出一个微信支付商户进件小程序的过程,帮商家快速开通微信支付功能。
先看一下效果。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜
工欲善其事,必先利其器,我们得先有工具。这步很简单,根据你的电脑系统类型,从官网下载对应的安装包。
安装好后直接打开,点击开始使用。
选择主题、语言设置。
从VS Code或Cursor导入IDE配置,没有的话直接跳过。
一切准备就绪,登录账号,即可使用。
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的过程。
打开微信开发者工具Console,复制错误,发给CodeBuddy,让它帮我修复就好。
一系列问答后,CodeBuddy成功修复了问题。另外,像一些必填字段校验、格式校验都自己考虑进去实现了。
包括四大模块,基本信息、经营信息、结算信息和资质材料。点击顶部步骤条可以切换,进入还未填写或需要修改的那一部分资料。也可以点击底部,上一步或下一步按钮,按步就章的填写资料。
基本信息
经营信息,选择经营类目,自动判断是否需要上传特殊资质。
结算信息
资质材料
最后确认提交
加功能让它加一个用户授权的功能。
帮我加一下授权功能,调用的是微信小程序授权api,获取用户信息和openid,在提交和查看记录的时候也要检测一下当前用户是否已经完成授权,还没授权的话弹出授权。
提示词优化后的结果。
为微信小程序添加完整的授权功能,要求实现以下功能:1) 调用微信官方授权API获取用户基本信息和openid;2) 在用户提交表单和查看记录时自动检测授权状态;3) 未授权用户需弹出授权弹窗引导完成授权流程。请确保授权逻辑完整,包括处理用户拒绝授权的情况,并合理存储获取到的用户数据以便后续使用。
AI接收指令后将为微信小程序添加完整的授权功能模块。
为了看下效果,让它在【记录】页面各个状态都增加了假数据。
状态:全部,显示所有状态的提交记录。
状态:待提交,可以重新编辑、删除、直接提交。
状态:进行中,包含审核中/待验证/待签约的状态,后两种状态支持长按识别二维码完成验证或签约。
状态:已驳回,显示驳回原因,可修改后重新提交。
状态:已完成,显示成功进件的商户号。
这个生成的是前端小程序功能,经过一系列操作下来之后,基本上实现了要的功能。
传统开发流程有多麻烦?产品经理写需求文档,设计师出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
南京市珐之弘网络技术有限公司专注海外推广十年,是谷歌推广.Facebook广告全球合作伙伴,我们精英化的技术团队为企业提供谷歌海外推广+外贸网站建设+网站维护运营+Google SEO优化+社交营销为您提供一站式海外营销服务。