零基础使用AI从0到1开发一个微信小程序

news/2025/4/1 5:27:18/

零基础使用AI从0到1开发一个小程序>微信小程序

    • 准备
    • 操作记录

准备

想多尝试一些新的交互方式,但我没有相关的开发经验,html,JavaScript 等都不了解,看了一些使用AI做小程序>微信小程序的视频教程,觉得自己也行了,于是有了如下尝试。我的目标是做一个个人日程管理的小程序

名称版本
微信开发者工具稳定版 1.06.2412050
Visual Studio Coden.a.

操作记录

  1. 注册小程序账号:mp.weixin.qq.com。记住小程序信息下的账号信息AppID (其实测试的时候用测试AppID也可以,但会影响后续的代码上传和发布)。
  2. 明确开发目标,与LLM沟通让它帮我们生成代码框架和其中的具体内容。这里我用的是GPT-4o,先按它的生成内容在本地创建相关的文件夹和文件。
    我的文件结构如下,每个文件的具体信息可以在此处下载:
project-root/
├── app.js       // 小程序主逻辑
├── app.json     // 全局配置文件
├── app.wxss     // 全局样式文件
├── pages/
│   ├── index/   // 首页(日程表页面)
│   │   ├── index.js    // 逻辑文件
│   │   ├── index.json  // 页面配置
│   │   ├── index.wxml  // 页面结构
│   │   ├── index.wxss  // 页面样式
├── utils/       // 工具函数
├── cloud/       // 云函数目录 (可选,若使用云开发)
└── project.config.json // 项目配置文件
  1. 打开“微信开发者工具”,填充相关信息,“目录”就是刚刚创建的文件夹地址,并填充第一步中记录的AppID。由于我的小程序没有使用数据库等,我也就”不使用云服务“了,也不需要选择什么模板。
    在这里插入图片描述
  2. 测试:打开“模拟器”,点击“编译”看效果,如有需要就本地修改代码,刷新代码,清楚缓存重新编译。看情况需要选择“真机调试”然后微信扫码测试(这时候都是只有开发者自己可以测试。)
    在这里插入图片描述
  3. 效果呈现:这个小程序可以帮用户记录一天的日程安排。时间从 早上 8 点到晚上 11 点,每隔 15 分钟有一个时间块,用户可以给每个时间块添加、查看或者修改内容,方便管理自己的时间。
    请添加图片描述
  4. 如果需要发布的话,在小程序网页上mp.weixin.qq.com 填写相关信息,按提示提交材料,随后等待审核即可。

整个开发时间大约一个工作日。最初的愿望是宏大的,但和LLM,如Gpt-4o以及DeepSeek-R1多次沟通后,我发觉单纯依靠AI想实现更多交互功能是非常困难的,目前只能实现如下效果。此外,与LLM的沟通也很费时。


http://www.ppmy.cn/news/1584083.html

相关文章

Docker 快速入门指南

Docker 快速入门指南 1. Docker 常用指令 Docker 是一个轻量级的容器化平台&#xff0c;可以帮助开发者快速构建、测试和部署应用程序。以下是一些常用的 Docker 命令。 1.1 镜像管理 # 搜索镜像 docker search <image_name># 拉取镜像 docker pull <image_name>…

大模型在支气管扩张预测及治疗方案制定中的应用研究

目录 一、引言 1.1 研究背景与意义 1.2 研究目的与方法 1.3 国内外研究现状 二、大模型技术概述 2.1 大模型的基本原理与架构 2.2 适用于支气管扩张预测的大模型类型及特点 2.3 大模型在医疗领域的应用现状与优势 三、支气管扩张的相关医学知识 3.1 支气管扩张的病因…

Vue3.5 企业级管理系统实战(十一):全屏切换组件

本篇主要探讨如何在导航栏&#xff08;Navbar&#xff09;中添加全屏切换按钮&#xff0c;并借助功能强大的 screenfull 插件&#xff0c;丝滑实现全屏切换功能&#xff0c;为用户打造更为便捷、流畅的交互体验。 1 安装插件 screenfull screenfull 是一个轻量级的 JavaScript…

Appium中元素定位之一组元素定位API

应用场景 和定位一个元素相同&#xff0c;但如果想要批量的获取某个相同特征的元素&#xff0c;使用定位一组元素的方式更加方便 在 Appium 中定位一组元素的 API 与定位单个元素的 API 类似&#xff0c;但它们返回的是一个元素列表&#xff08;List<MobileElement>&am…

蓝桥杯 班级活动

问题描述 小明的老师准备组织一次班级活动。班上一共有 n 名同学&#xff08;n 为偶数&#xff09;&#xff0c;老师想把所有同学进行分组&#xff0c;每两名同学一组。 为了公平&#xff0c;老师给每名同学随机分配了一个 n 以内的正整数作为 id&#xff0c;第 i 名同学的 i…

C#基础学习(八)终章 C#中的结构体

假如你要用数据记录一个人&#xff0c;你觉得要记录些什么&#xff0c;身高&#xff0c;体重&#xff0c;名字等。那两个人呢&#xff0c;他是不是也有这样的特征&#xff0c;那我们是不是就可以用一种数据类型将他们共有的特征提取出来&#xff0c;这就是我们今天讲的结构体。…

智能制造:自动化焊装线的数字化设计

通过建设焊装车间生产线智能制造系统&#xff0c;致力于打造一个智能化、绿色环保的工厂&#xff0c;不仅提高生产效率&#xff0c;还将节能减排与环保理念深入到生产流程的每一环节&#xff0c;推动制造业向更高的智能化与绿色化方向迈进。 项目目标 智能制造及绿色工厂的打造…

大数据分析与挖掘实训室总体介绍

一、实训室建设目的与意义 大数据分析与挖掘实训室的建设旨在满足当前社会对大数据专业人才的迫切需求。随着大数据技术在各个行业的广泛应用&#xff0c;如金融、医疗、电商等领域&#xff0c;企业对具备数据采集、预处理、分析与挖掘以及数据可视化能力的专业人才需求激增。…