当前位置: 首页 > news >正文

文心快码制作微信小程序

AI时代来临,听说Baidu Comate也推出了自家的编程工具Zulu,可以从零到一帮你生成代码,趁着现在还免费,试试效果如何。这里以开发一个敲木鱼的微信小程序为例

一、需求分析

写小程序需求文档

首先,第一步我要准确描述我的产品需求,我这里找来了两张微信小程序的截图让Deepseek按照图中的原型来描述需求。
在这里插入图片描述

在这里插入图片描述
Deepseek帮我整理需求如下:

微信小程序「电子木鱼」功能需求文档


一、核心功能模块
  1. 主界面
    • 功德计数器
      • 页面顶部居中显示当前功德数值(默认初始值0,可动态递增)。
    • 手动敲击按钮
      • 按钮文案为“功德+1”,点击后:
        • 功德数+1,伴随木鱼敲击音效(默认音效为木鱼声1)。
        • 触发手机震动(需系统支持)。
        • 若开启“显示个数”,则弹出“+1”浮动动画。
    • 自动积功德开关
      • 开启后,按设定间隔(默认700毫秒)自动增加功德数,并循环播放敲击音效。
      • 提供开关按钮,文案为“自动积功德”。

二、设置页面
  1. 换木鱼样式
    • 提供3种木鱼皮肤(木鱼1/2/3),点击切换主界面木鱼外观。
    • 默认使用木鱼1,切换后保存用户选择。
  2. 换敲击音效
    • 提供3种音效(木鱼声1/2/3),点击试听并应用,保存用户选择。
  3. 声音与交互设置
    • 震动开关:控制点击时是否触发手机震动(默认开启)。
    • 显示个数开关:控制点击时是否显示“+1”浮动动画(默认开启)。
    • 自动敲击间隔:输入框支持自定义间隔时间(单位毫秒,默认700),限制范围为100-5000毫秒。
  4. 敲击文案(开发中)
    • 预留功能入口,当前提示“该个性化功能正在建设当中…”。

三、技术实现要求
  1. 数据持久化
    • 使用微信小程序本地存储(wx.setStorage)保存用户设置(如木鱼样式、音效、间隔时间等)。
    • 功德数支持实时保存,避免进程关闭后数据丢失。
  2. 资源管理
    • 木鱼样式:提供3套木鱼图片/动画资源(静态或简单帧动画)。
    • 音效文件:提供3种短音频文件(格式需适配微信小程序要求)。
  3. 性能优化
    • 自动敲击模式下,采用节流机制防止高频操作导致卡顿。
    • 浮动动画使用CSS动画实现,减少渲染开销。

四、交互细节补充
  • 音效与震动同步:点击敲击时,音效播放与震动需同时触发,增强反馈感。
  • 设置保存提示:切换木鱼/音效后,toast提示“已切换为木鱼2”。
  • 输入校验:自动间隔输入框仅允许数字,超出范围时弹窗提示“请输入100-5000之间的值”。

五、扩展性预留
  • 为“敲击文案”功能预留接口,支持未来自定义敲击时的提示文字(如“功德+1”可改为“福报+1”)。
  • 木鱼与音效的选项支持后台动态配置,便于后续扩展更多样式。

备注:需确保符合微信小程序审核规范(如音效版权、震动权限说明等)。

二、代码开发

让AI工具生成小程序代码,文心快码的插件可以在多个编程工具上使用,比如JetBrains、Visual Stadio等,我这里使用的VsCode来安装 Baidu Comate,

  1. 在 Visual Studio Code 侧边导航单击扩展;
  2. 在搜索框中输入 Baidu Comate;
  3. 找到 Baidu Comate 后单击 Install 安装并重启VSCode IDE。
    在这里插入图片描述
    安装完插件后,点击右下角图标,登录自己的百度账号,就可以进入Zulu页面,
    我们需要创建一个项目文件夹,并打开项目文件夹,把上一步生成的需求文档贴给Zulu
    在这里插入图片描述
    自动执行过程如下:
    在这里插入图片描述
    在这里插入图片描述
    过程中可能会自动执行一些脚本命令,我们需要点击确认
    在这里插入图片描述

三、调试测试

  1. 前往微信公众平台注册小程序账号,后面我们要用到APPID
  2. 微信开发者工具运行调试,我们需要先下载安装微信开发者工具(Windows版),官网:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
  3. 打开微信开发者工具,导入项目

在这里插入图片描述
编译项目,可以看到项目预览效果如下:

在这里插入图片描述
可以看到有个有部分编译报错,点击按钮已经可以实现统计次数的累计,自动功能也能够触发震动,现在我们需要找下静态文件,这里我从网上下载了木鱼图片以及音效文件,添加完之后需要创建assert文件夹以及重命名文件,重新编译后效果如下,已经能看到敲击动画以及听到敲击木鱼声音了。
在这里插入图片描述
点击设置页面,可以看到如下:
在这里插入图片描述
虽然静态文件可能还缺少,但是基本功能已经能用了,这里已经是一次生成的效果,还没进行修改过,控制台有时还会一些报错,当然测试过程中可能要继续让Baidu comate帮你修改下,修改完成后只要让其重新编译一下就可以了。修改好之后需要点击右上角【上传】等待审核成功即可

四、总结

在创建微信小程序之前我并不太熟悉微信小程序的基本代码结构,不得不承认,百度快码至少生成的代码可以一次运行成功,还是让人眼前一亮,当然这个小项目也是没有用到后端一些复杂函数和数据库,功能比较简单,但我们已经能看到AI对项目上下文的理解能力,已经让开发小程序的门槛降低了,这也大大提高了开发者的效率,现在就差一些好想法和创意了。

相关文章:

文心快码制作微信小程序

AI时代来临,听说Baidu Comate也推出了自家的编程工具Zulu,可以从零到一帮你生成代码,趁着现在还免费,试试效果如何。这里以开发一个敲木鱼的微信小程序为例 一、需求分析 写小程序需求文档 首先,第一步我要准确描述…...

flutter provider状态管理使用

在 Flutter 中,Provider 是一个轻量级且易于使用的状态管理工具,它基于 InheritedWidget,并提供了一种高效的方式来管理和共享应用中的状态。相比其他复杂的状态管理方案(如 Bloc 或 Riverpod),Provider 更…...

C++——静态成员

目录 静态成员的定义 静态成员变量 编程示例 存在的意义 静态成员函数 类内声明 类外定义 编程示例 静态成员的定义 静态成员在C类中是一个重要的概念,它包括静态成员变量和静态成员函数。静态成员的特点和存在的意义如下: 静态成员变量 1…...

UDP学习笔记(四)UDP 为什么大小不能超过 64KB?

🌐 UDP 为什么大小不能超过 64KB?TCP 有这个限制吗? 在进行网络编程或者调试网络协议时,我们常常会看到一个说法: “UDP 最大只能发送 64KB 数据。” 这到底是怎么回事?这 64KB 是怎么来的?TCP…...

Linux中用gdb查看coredump文件

查看dump的命令: gdb 可执行文件 dump文件路径查看函数调用栈 (gdb)bt查看反汇编代码 (gdb)disassemble查看寄存器的值 (gdb)info all-registers如果通过上述简单命令无法排查,还是通过-g参数编译带符号表的可执行文件,再用gdb查看...

PyTorch 深度学习 || 7. Unet | Ch7.1 Unet 框架

1. Unet 框架...

LeetCode 热题 100 堆

215. 数组中的第K个最大元素 给定整数数组 nums 和整数 k,请返回数组中第 **k** 个最大的元素。 请注意,你需要找的是数组排序后的第 k 个最大的元素,而不是第 k 个不同的元素。 你必须设计并实现时间复杂度为 O(n) 的算法解决此问题。 示例 …...

LeetCode栈 155. 最小栈

设计一个支持 push ,pop ,top 操作,并能在常数时间内检索到最小元素的栈。 实现 MinStack 类: MinStack() 初始化堆栈对象。void push(int val) 将元素val推入堆栈。void pop() 删除堆栈顶部的元素。int top() 获取堆栈顶部的元素。int get…...

Linux系统03---文件操作时间编程

目录 文件操作 1.1 缓冲区 1.2 基于缓冲区的文件操作---高级 IO 1.3 基于非缓冲区的文件操作—低级 IO 1.3.1 文件描述符 int fd; 1.3.2 函数名:open() 1.3.3 函数名:close() 1.3.4 函数名:write() 1.3.5 函数名:read(…...

4月5日作业

需求: 1.按照图示的VLAN及IP地址需求,完成相关配置 2.要求SW 1为VLAN 2/3的主根及主网关 SW2为VLAN 20/30的主根及主网关,SW1和 SW2互为备份 3.可以使用super vlan 4.上层通过静态路由协议完成数据通信过程 5.AR1为企业出口路由器…...

新一代AI架构实践:数字大脑AI+智能调度MCP+领域执行APP的黄金金字塔体系

新一代AI架构实践:数字大脑智能调度领域执行的黄金金字塔体系 一、架构本质的三层穿透性认知 1.1 核心范式转变(CPS理论升级) 传统算法架构:数据驱动 → 特征工程 → 模型训练 → 业务应用 新一代AI架构:物理规律建…...

低代码开发:重塑软件开发的未来

在数字化转型的浪潮中,企业对软件开发的需求呈爆炸式增长。然而,传统软件开发模式面临着开发周期长、成本高、技术门槛高等诸多挑战。低代码开发平台(Low-Code Development Platform)应运而生,它通过可视化编程和拖拽式…...

小型园区网实验作业

拓扑搭建: 实验需求: 1、按照图示的VLAN及IP地址需求,完成相关配置 2、要求SW1为VLAN 2/3的主根及网关 SW2 为VLAN 20/30 的主根及主网关 SW1和SW2互为备份 3、可以使用super vlan 4、上层通过静态路由协议完成数据通信过程 5、A…...

Gateway 网关 快速开始

一、核心概念 路由(route) 路由是网关中最基础的部分,路由信息包括一个ID、一个目的URI、一组断言工厂、一组Filter组成。如果断言为真,则说明请求的 URL 和配置的路由匹配。 断言(predicates) 断言函数允许开发者去定义匹配 Http Request 中…...

C++中如何使用STL中的list定义一个双向链表,并且实现增、删、改、查操作

一、STL中的 list 是双向链表&#xff0c;但不是循环链表&#xff0c;通过指针访问结点数据&#xff0c;它的内存空间可以是不连续的&#xff0c;使用它能高效地进行各种操作。 二、代码 #include <bits/stdc.h> using namespace std;// 打印链表元素的函数 void print…...

shell脚本中捕获键盘中断信号trap

在 Shell 脚本中&#xff0c;可以通过 trap 命令捕获键盘中断信号&#xff08;通常是 SIGINT&#xff0c;即 CtrlC&#xff09;。以下是具体的实现方法&#xff1a; 1.使用 trap 捕获键盘中断信号 trap 命令用于捕获信号并执行相应的命令或函数。SIGINT&#xff08;信号编号为 …...

让ChatGPT用DeepReaserch指导进行学术写作

目录 ChatGPT在学术论文写作中的作用与分阶段提示词指南 1.选题阶段&#xff08;确定研究课题方向&#xff09; 2.文献综述阶段&#xff08;调研与综述已有研究&#xff09; 3.研究设计阶段&#xff08;设计研究方法与框架&#xff09; 4.撰写正文阶段&#xff08;撰写各部…...

Compose笔记(十四)--LazyColumn

这一节了解一下Compose中的LazyColumn&#xff0c;在Jetpack Compose 中&#xff0c;LazyColumn 是一个用于高效显示长列表或可滚动垂直布局的组件。它类似于传统 Android 开发中的 RecyclerView&#xff0c;但专为 Compose 的声明式 UI 框架设计&#xff0c;能够显著优化性能&…...

CNN-SE-Attention-ITCN多特征输入回归预测(Matlab完整源码和数据)

CNN-SE-Attention-ITCN多特征输入回归预测&#xff08;Matlab完整源码和数据&#xff09; 目录 CNN-SE-Attention-ITCN多特征输入回归预测&#xff08;Matlab完整源码和数据&#xff09;预测效果基本介绍程序设计参考资料 预测效果 基本介绍 1.一种适合光伏功率回归预测的高创…...

Spring Data JPA中的List底层:深入解析ArrayList的奥秘!!!

&#x1f31f; Spring Data JPA中的List底层&#xff1a;深入解析ArrayList的奥秘 &#x1f4a1; 你是否好奇过&#xff0c;为什么Spring Data JPA的查询方法返回的List<T>总是默认为ArrayList&#xff1f;本文将通过技术原理解析、验证实验和性能优化指南&#xff0c;为…...

redis高并发缓存架构与性能优化

Redlock实现原理 超过半数redis节点加锁成功才算成功加锁。 Redlock存在问题 如果主节点挂掉&#xff0c;还没有同步到从节点&#xff0c;重新选举出主节点&#xff0c;那加锁就没有加到这个新的主节点上。 如果增加redis主节点数&#xff0c;那么加锁的性能更差&#xff0c;要…...

解锁多邻国:全方位语言学习新体验

解锁多邻国&#xff1a;全方位语言学习新体验​ ​ 在数字化学习浪潮中&#xff0c;多邻国&#xff08;Duolingo&#xff09;凭借独特优势&#xff0c;成为全球超 5 亿用户的语言学习首选。这款 2012 年诞生于美国匹兹堡的应用&#xff0c;2019 年进入中国市场后&#xff0c;…...

Docker部署SeraXNG接入dify报错解决

报错&#xff1a; 设置授权 配置凭据后&#xff0c;工作区中的所有成员都可以在编排应用程序时使用此工具。 SearXNG base URL* 如何获取 PluginInvokeError: {"args":{},"error_type":"ToolProviderCredentialValidationError","message&q…...

Zookeeper的作用详解

Zookeeper作为分布式协调服务&#xff0c;在分布式系统中承担核心协调角色&#xff0c;其作用可归纳为以下核心功能模块&#xff1a; 一、分布式协调与同步 分布式锁管理 提供独占锁和共享锁&#xff0c;通过创建临时顺序节点实现锁的公平竞争。例如&#xff0c;客户端在/distr…...

高频面试题(含笔试高频算法整理)基本总结回顾34

干货分享&#xff0c;感谢您的阅读&#xff01; &#xff08;暂存篇---后续会删除&#xff0c;完整版和持续更新见高频面试题基本总结回顾&#xff08;含笔试高频算法整理&#xff09;&#xff09; 备注&#xff1a;引用请标注出处&#xff0c;同时存在的问题请在相关博客留言…...

Dify 与 n8n 对比分析:AI 应用开发与自动化工作流工具的深度比较

Dify 与 n8n 对比分析&#xff1a;AI 应用开发与自动化工作流工具的深度比较 摘要 本文对比分析了 Dify 和 n8n 两款工具的核心定位、功能特点、适用场景及技术门槛。Dify 专注于 AI 应用开发&#xff0c;适合快速搭建智能客服、知识库检索等场景&#xff1b;n8n 则定位于通用…...

Systemd构建容器化微服务集群管理系统

实训背景 你是一家云计算公司的 DevOps 工程师&#xff0c;需为某客户设计一套基于 Docker 的微服务集群管理系统&#xff0c;需求如下&#xff1a; 容器自启管理&#xff1a;确保三个服务&#xff08;webapp、api、redis&#xff09;在系统启动时自动运行。依赖顺序控制&…...

手搓多模态-04 归一化介绍

在机器学习中&#xff0c;归一化是一个非常重要的工具&#xff0c;它能帮助我们加速训练的速度。在我们前面的SiglipVisionTransformer 中&#xff0c;也有用到归一化层&#xff0c;如下代码所示&#xff1a; class SiglipVisionTransformer(nn.Module): ##视觉模型的第二层&am…...

nano 编辑器的使用

nano 编辑器的使用 1. 启动 nano2. 编辑文本3. 基本操作4. 保存和退出5. 其他常用快捷键6. 高级用法 nano 是一个简单易用的文本编辑器&#xff0c;适合初学者使用&#xff1a; 1. 启动 nano 在终端中输入 nano 命令&#xff0c;后面可以跟上你想要编辑的文件的名称。如果文件…...

如何搞定学习人工智能所需的数学?

一、明确AI所需的数学核心领域 AI的数学需求并非泛泛而谈&#xff0c;而是集中在几个核心领域。以下是按优先级排序的关键知识点&#xff1a; 线性代数 核心概念&#xff1a;向量、矩阵、特征值分解、奇异值分解&#xff08;SVD&#xff09;。应用场景&#xff1a;图像处理&a…...

TCP/IP五层协议

目录 1. 五层模型结构 2. 各层核心功能与协议 (1) 应用层&#xff08;Application Layer&#xff09; (2) 传输层&#xff08;Transport Layer&#xff09; (3) 网络层&#xff08;Network Layer&#xff09; (4) 数据链路层&#xff08;Data Link Layer&#xff09; (5…...

解决Opencv:TypeError: points is not a numerical tuple

最近刚开始学习Opencv&#xff0c;跟着b站阿婆主敲代码的时候&#xff0c;又又又又&#xff0c;又出现了bug&#xff0c;下面听我娓娓道来~~ --------------------------------------------------------------------------&#xff08;手动分界线&#xff09; 首先描述一下当时…...

LLM-大语言模型浅谈

目录 核心定义 典型代表 核心原理 用途 优势与局限 未来发展方向 LLM&#xff08;Large Language Model&#xff09;大语言模型&#xff0c;指通过海量文本数据训练 能够理解和生成人类语言的深度学习模型。 核心定义 一种基于深度神经网络&#xff08;如Transformer架…...

LeetCode第132题_分割回文串II

LeetCode 第132题&#xff1a;分割回文串 II 题目描述 给你一个字符串 s&#xff0c;请你将 s 分割成一些子串&#xff0c;使每个子串都是回文。 返回符合要求的 最少分割次数 。 难度 困难 题目链接 点击在LeetCode中查看题目 示例 示例 1&#xff1a; 输入&#xf…...

【Leetcode 每日一题】368. 最大整除子集

问题背景 给你一个由 无重复 正整数组成的集合 n u m s nums nums&#xff0c;请你找出并返回其中最大的整除子集 a n s w e r answer answer&#xff0c;子集中每一元素对 ( a n s w e r [ i ] , a n s w e r [ j ] ) (answer[i], answer[j]) (answer[i],answer[j]) 都应当…...

python三大库之---pandas(二)

python三大库之—pandas&#xff08;二&#xff09; 文章目录 python三大库之---pandas&#xff08;二&#xff09;六&#xff0c;函数6.1、常用的统计学函数6.2重置索引 六&#xff0c;函数 6.1、常用的统计学函数 函数名称描述说明count()统计某个非空值的数量sum()求和mea…...

消防车调度问题:基于Matlab的优化求解

摘要 本文聚焦消防车调度问题&#xff0c;介绍如何将其转化为数学模型并利用Matlab进行求解。通过建立损失矩阵&#xff0c;以总损失最小为目标构建线性规划模型&#xff0c;并针对模型求解结果可能出现的不合理情况&#xff0c;增加消防车到达先后次序约束条件。 关键词&…...

批量将 Markdown 转换为 Word/PDF 等其它格式

在工作当中&#xff0c;我们经常会接触到 Markdown 格式的文档。这是一种非常方便我们做记录&#xff0c;做笔记的一种格式文档。现在很多互联网编辑器都是支持 Markdown 格式的&#xff0c;编辑起文章来更加的方便简介。有时候&#xff0c;我们会碰到需要将 Markdown 格式的文…...

C语言学习笔记-9

九、结构体 构造类型&#xff1a; 不是基本类型的数据结构也不是指针类型&#xff0c; 它是若干个相同或不同类型的数据构成的集合 结构体类型&#xff1a; 结构体是一种构造类型的数据结构&#xff0c;是一种或多种基本类型或构造类型的数据的集合。 1.结构体类型定义 定…...

LLM 部署(1)——LLM 部署框架对比

1 Ollama 一个专注于简化大型语言模型&#xff08;LLM&#xff09;在本地部署和运行的开源框架。 简化部署&#xff1a;Ollama使用Docker容器技术来简化LLM的部署过程 捆绑模型组件&#xff1a;Ollama将模型权重、配置和数据捆绑到一个包中&#xff0c;称为Modelfile&#xf…...

Qt坐标体系,控件坐标的设置

Qt窗口坐标体系---平面直角坐标系&#xff08;笛卡尔坐标系&#xff09; 以左上角为0&#xff0c;0坐标原点 给Qt的某个控件&#xff0c;设置位置&#xff0c;就需要指定坐标&#xff0c;对应这个控件来说&#xff0c;坐标系原点就是相对于父控件的 如&#xff1a; QPushButt…...

大数据系列之:Kerberos

大数据系列之&#xff1a;Kerberos 基本概念工作流程安全特性应用场景总结加密原理Kerberos认证流程更改您的密码授予账户访问权限票证管理Kerberos 票据属性使用 kinit 获取票据使用 klist 查看票据使用 kdestroy 销毁票据.k5identity 文件描述 Kerberos 是一种网络认证协议&a…...

【力扣hot100题】(059)单词搜索

这道题给我最大的启示就是不要什么时候都用哈希表&#xff0c;偶尔也要用用数组…… 是这样&#xff0c;一开始还沾沾自喜的以为知道了哈希表的自己一定可以比以前傻傻用数组的我要节省空间&#xff0c;结果发现哈希表不能存储pair用编号存储会时间超限用数组只需要7*7的空间。…...

Java全栈面试宝典:锁机制与Spring生命周期深度解析

目录 一、synchronized锁状态机全解析 &#x1f525; 问题5&#xff1a;synchronized四态转换与性能对比 锁状态转换流程图 锁特性对比表 CAS操作示例 二、ReentrantLock与synchronized深度对比 &#x1f525; 问题6&#xff1a;两大锁机制对比 核心差异矩阵 生产级Re…...

15分钟完成Odoo18.0安装与基本配置

序言:时间是我们最宝贵的财富,珍惜手上的每个时分 Odoo18发行已半年有余&#xff0c;不少企业也已上至生产环境进行使用了。今天我们来看看 Odoo18的安装。 本次安装我们介绍通过阿里云服务器安装Odoo18社区版。 1.服务器准备 1.1操作系统 操作系统使用ubuntu22.04&#xff…...

pom导包成功,但是就是无法使用相关类,同时报错:Library:Maven ‘xxx‘ has broken path

开发环境&#xff1a;Intellij 2023 一、问题记录 在maven工程的pom文件导入如下某一依赖(JGit)。没有显示导包的错误&#xff0c;同时在maven仓库里面找到对应的包是正常下载到相应jar的。 但是就是无法引入相关的类。打开Project Structure&#xff0c;在Dependencies中发现…...

Cocos Creator 进行 Web 发布后,目录结构解析

在使用 Cocos Creator 进行 Web 发布后&#xff0c;生成的目录结构通常包含以下内容&#xff0c;下面为你详细介绍&#xff1a; 1. index.html 这是 Web 项目的入口 HTML 文件&#xff0c;它会加载所需的 JavaScript 文件和资源&#xff0c;从而启动游戏或应用程序。示例代码…...

Linux-磁盘管理

文章目录 1、查看磁盘和文件&#xff08;夹&#xff09;使用情况2、磁盘分区1&#xff09;查看分区情况2&#xff09;MBR分区3&#xff09;GPT分区 3、磁盘分区格式化4、磁盘挂载1&#xff09;挂载2&#xff09;卸载挂载点3&#xff09;永久挂载 1、查看磁盘和文件&#xff08;…...

P1149 [NOIP 2008 提高组] 火柴棒等式(DFS)

题目描述 给你 n 根火柴棍&#xff0c;你可以拼出多少个形如 ABC 的等式&#xff1f;等式中的 A、B、C 是用火柴棍拼出的整数&#xff08;若该数非零&#xff0c;则最高位不能是 0&#xff09;。用火柴棍拼数字 0∼9 的拼法如图所示&#xff1a; 注意&#xff1a; 加号与等号…...

机器学习新范式:Kubernetes + Kubeflow,解锁模型训练与部署的高效密码

一、Kubernetes在机器学习模型训练与部署中的作用 Kubernetes作为一个强大的容器编排平台&#xff0c;为机器学习模型的训练与部署提供了以下核心支持&#xff1a; 分布式训练支持&#xff1a;Kubernetes能够自动化部署和管理PyTorch等机器学习框架的分布式训练任务。通过利用…...