[笔记]学习做微信小程序

news/2025/2/11 5:57:29/

学习视频:前端微信小程序开发教程
本篇文章 只对关键内容笔记,用于自用。

这里写目录标题

  • 注册、下载、安装
  • 我的小程序ID:wxe1fbd6939d8797d8
  • 我的小游戏ID:wx8b2c3e47ac9127b7
    • 开发者工具外观代理设置
  • 创建第一个小程序
    • 主界面5个组成部分
  • 小程序代码的构成
    • 项目基本组成
    • 页面组成部分
    • JSON配置文件
    • WXML模板
    • WXSS样式
    • JS逻辑交互
  • 宿主环境
    • 宿主环境简介
    • 通信模型
    • 运行机制![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/8f4a61625a0544458f4c69933ed26511.png)

注册、下载、安装

前期注册使用可参考博客:微信开发者工具

注册小程序网址:https://mp.weixin.qq.com/
在这里插入图片描述
注册了一个 个人账号后
进入小程序后台,获取小程序的App ID。

创建的账号是小游戏还是小程序要注意!
否则像创建小程序,输入ID自动会跳转到小游戏。

我的小程序ID:wxe1fbd6939d8797d8

我的小游戏ID:wx8b2c3e47ac9127b7

在这里插入图片描述
下载安装微信开发者工具:
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

开发者工具外观代理设置

在这里插入图片描述

创建第一个小程序

在这里插入图片描述
然后缓存目录创建空文件夹dy1,创建小程序选择该文件夹。
因为创建的账号是小游戏,导致输入AppID 自动从小程序变为小游戏。

主界面5个组成部分

在这里插入图片描述

小程序代码的构成

项目基本组成

在这里插入图片描述

页面组成部分

index存放的是index首页,logs存放的是logs日志

在这里插入图片描述

.js 页面脚本
.json 当前页面配置
.wxml 页面模板结构
.wxss 页面的样式表

JSON配置文件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

拿到别人的项目,要先进project.config.json,找到里面的"appid"进行修改
"projectname"项目名称和小程序名称 无关,不需要相同
"setting " 与详情中的本地设置相对应。

在这里插入图片描述
“rules” 索引规则。
"allow"指都允许被索引,"disallow"不允许索引
"*"指所有页面
在这里插入图片描述

关闭黄色提示消息

在这里插入图片描述
在pages->index->index.json 中的配置优先级最高,高于app.json

在这里插入图片描述

在这里插入图片描述

保存,即可更新目录。

在这里插入图片描述

WXML模板

在这里插入图片描述
在这里插入图片描述

WXSS样式

在这里插入图片描述
在这里插入图片描述

JS逻辑交互

在这里插入图片描述
在这里插入图片描述

宿主环境

宿主环境简介

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

通信模型

在这里插入图片描述
在这里插入图片描述

运行机制在这里插入图片描述

在这里插入图片描述


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

相关文章

[C#]使用OpenCvSharp实现区域文字提取

【官方框架地址】 github.com/shimat/opencvsharp 【算法介绍】 采用opencv算法实现文字区域提取,步骤如下: (1)形态学操作 (2)查找轮廓 (3)筛选那些面积小的 (4&#…

RabbitMQ(十)队列的声明方式

目录 1.编程式声明补充:RabbitTemplate 和 AmqpAdmin 的区别 2.声明式声明补充:new Queue() 和 QueueBuilder.durable(queueName).build() 的区别 背景: 在学习 RabbitMQ 的使用时, 经常会遇到不同的队列声明方式,有的…

对话惠买集团董事长兼CEO杜瑞勇:直播电商粗放时代结束,如何用AI+XR打造精细化的智慧直播生态?

“ 未来将是专业选手精细化运营的智慧直播时代。“ 整理 | 梦婕 编辑 | 渔舟 出品|极新&北京电子商务协会 直播电商在经过爆发式增长后,从业者不断涌入,竞争日趋激烈,行业发展必然将会进入到一个缓慢增长阶段。直播…

大数据StarRocks(六) :Catalog

StarRocks 自 2.3 版本起支持 Catalog(数据目录)功能,实现在一套系统内同时维护内、外部数据,方便您轻松访问并查询存储在各类外部源的数据。 1. 基本概念 内部数据:指保存在 StarRocks 中的数据。 外部数据&#xf…

C++11_lambda表达式

文章目录 一、lambda表达式1.lambda的组成2.[capture-list] 的其他使用方法2.1混合捕捉 二、lambda表达式的使用场景1.替代仿函数 总结 一、lambda表达式 lambda表达式是C11新引入的功能,它的用法与我们之前学过的C语法有些不同。 1.lambda的组成 [capture-list] …

C#基础:通过QQ邮件发送验证码到指定邮箱

一、控制台程序 using System; using System.Net; using System.Net.Mail;public class EmailSender {public void SendEmail(string toAddress, string subject, string body){// 设置发件人邮箱地址以及授权码string fromAddress "xxxxxqq.com";string password …

Python快速排序

快速排序是一种常用的排序算法,它通过递归地将数组分割成较小的子数组,然后对这些子数组进行排序,最终将它们合并成一个有序的数组。具体步骤如下: 1. 选择一个基准元素,通常是数组中的第一个元素。 2. 将数组分成两部…

考古学家 - 华为OD统一考试

OD统一考试 分值: 200分 题解: Java / Python / C 题目描述 有一个考古学家发现一个石碑,但是很可惜发现时其已经断成多段。 原地发现N个断口整齐的石碑碎片,为了破解石碑内容,考古学家希望有程序能帮忙计算复原后的石…