微信小程序微信群开发 第1篇
tabBar 是移动端应用常见的页面效果， 用于实现多页面 的快速切换 。 小程序中通常将其分为： 1，底部 tabBar 2，顶部 tabBar
① 打开 配置文件，和 pages、window 平级，新增 tabBar 节点 ② tabBar 节点中，新增 list 数组 ，这个数组中存放的，是每个 tab 项的配置对象 ③ 在 list 数组中， 新增每一个 tab 项的配置对象 。对象中包含的属性如下： pagePath 指定当前 tab 对应的页面路径 【 必填 】 text 指定当前 tab 上按钮的文字【 必填】 iconPath 指定当前 tab 未选中时候的图片路径【可选】 selectedIconPath 指定当前 tab 被选中后高亮的图片路径【可选】
微信小程序微信群开发 第2篇
之后开发者服务器可以根据用户标识来生成自定义登录态，用于后续业务逻辑中前后端交互时识别用户身份。
【注意事项】
openid、unionid 和 code 是微信小程序登录授权中非常重要的三个参数，了解这些参数的作用和用法，有助于开发者更好地设计和开发小程序登录授权功能。
通过()获取code。
将这个code发送给后端，后端会返回一个token，这个token将作为你身份的唯一标识。
将token通过()保存在本地存储。
用户下次进入⻚面时，会先通过() 方法判断token是否有值，如果有值，则可以请求其它数据，如果没有值，则进行登录操作。
微信小程序微信群开发 第3篇
1. 小程序中组件的分类
小程序中的组件也是由宿主环境提供的，开发者可以基于组件快速搭建出漂亮的页面结构。官方把小程序的组件分为了 9 大类，分别是：
① 视图容器 ② 基础内容 ③ 表单组件 ④ 导航组件 ⑤ 媒体组件 ⑥ map 地图组件 ⑦ canvas 画布组件 ⑧ 开放能力 ⑨ 无障碍访问
2. 常用的视图容器类组件
① view ⚫ 普通视图区域 ⚫ 类似于 HTML 中的 div，是一个块级元素 ⚫ 常用来实现页面的布局效果 ② scroll-view ⚫ 可滚动的视图区域 ⚫ 常用来实现滚动列表效果 ③ swiper 和 swiper-item ⚫ 轮播图容器组件 和 轮播图 item 组件
右下角第4段代码解释：
.container1 这里的.表示选择器是一个类选择器。container1是类名，这意味着这个样式规则将应用于所有具有container1类的HTML元素。
display: flex;： 当一个元素设置为display: flex;后，它的直接子元素将按照弹性盒模型（Flexbox）的布局方式排列。Flexbox是一种用于在容器内分配和对齐子元素的一维布局方法。
justify-content: space-around justify-content属性用于设置弹性容器内弹性项目在主轴上的对齐方式。 space-around值表示弹性项目将在主轴上平均分布，每个项目两侧的空间相等
微信小程序微信群开发 第4篇
这是最常见的一种跳转方式,相当于html里的a标签.但需要注意的是 该方法不能跳转tabbar页面.
格式为:
格式为:
格式为:
跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面；该方法只能跳转tabbar页面.
wxml js
关闭所有页面，打开到应用内的某个页面。 跟 一样左上角不会出现返回箭头，但两者却不完全相同；
格式为:
微信小程序微信群开发 第5篇
下载微信web开发者工具，根据自己的操作系统下载对应的安装包进行安装即可。
pages 注册页面 window 窗口信息
模板文件 业务逻辑 样式 页面配置
把新建的文件路径调到最上面那就是主页了，意思就是，第一个路径就是首页的路径!
微信小程序微信群开发 第6篇
Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。 目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。
使用 npm 构建前，请先阅读微信官方的 npm 支持
开发者工具创建的项目，miniprogramRoot 默认为 miniprogram， 在其外部，npm 构建无法正常工作。 需要手动在 内添加如下配置，使开发者工具可以正确索引到 npm 依赖的位置。
由于目前新版开发者工具创建的小程序目录文件结构问题，npm构建的文件目录为miniprogram_npm，并且开发工具会默认在当前目录下创建miniprogram_npm的文件名，所以新版本的miniprogramNpmDistDir配置为 ‘./’ 即可
如果你使用 typescript 开发小程序，还需要做如下操作，以获得顺畅的开发体验。
安装 miniprogram-api-typings
在 中增加如下配置，以防止 tsc 编译报错。 请将path/to/node_modules/@vant/weapp修改为项目的 node_modules 中 @vant/weapp 所在的目录。
以 Button 组件为例，只需要在或中配置 Button 对应的路径即可。 所有组件文档中的引入路径均以 npm 安装为例，如果你是通过下载源代码的方式使用 @vant/weapp，请将路径修改为项目中 @vant/weapp 所在的目录。
引入组件后，可以在 wxml 中直接使用组件
接着打开微信开发者工具，导入example目录的项目就可以预览示例了。
微信小程序微信群开发 第7篇
接着填写账号信息，需要注意的是，填写的邮箱必须是未被微信公众平台注册、未被个人微信号绑定的邮箱，而且每个邮箱仅能申请一个小程序。
激活邮箱之后，选择主体类型为 “个人类型”，并按要求登记主体信息。主体信息提交后不可修改，该主体将成为你使用微信公众平台各项服务和功能的唯一法律主体与缔约主体，在后续开通其他业务功能时不得变更或修改。
微信小程序微信群开发 第8篇
小程序的模板语法约等于vue的模板语法
（不常用）
import 只能导入template内容 template/ < template name=“userCart”> 用户名：{{name}} < /temlate> < import src=“/template/”> < tempate is=“userCart” data=“{{…u1}}”>
include 只能导入非template内容 template/ < view> {{内容}} view> < include src=“/template/”>
显示提示
本地存储
本地取
微信小程序微信群开发 第9篇
开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。
请填写未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱。
选择主体类型，这里选择个人，当然也可以选择企业：
主体类型说明如下：
1个身份证号码和一个手机号码只能注册5个小程序。注意主体信息提交后不可更改。
如果选择的是企业类型帐号，这种账号可选择两种主体验证方式（如果是选择个人账号类型。以下内容就可以忽略了）。
需要用公司的对公账户向腾讯公司打款来验证主体身份，打款信息在提交主体信息后可以查看到。
请根据页面提示，向指定的收款帐号汇入指定金额。
温馨提示：请在10天内完成汇款，否则将注册失败。
通过微信认证验证主体身份，需支付300元认证费。认证通过前，小程序部分功能暂无法使用。
填写管理员信息
确认主体信息不可变更
在小程序管理后台中，补充小程序的基本信息，如名称、图标、描述等。
在开始之前说一下几个知识点。
传统开发：
云开发：
使用传统开发的优缺点：
使用云开发的优缺点：
云开发和传统开发的其它区别：
1）云函数
2）云数据库
3）云存储
注册了账号就可以直接登录后台获取AppID了。
创建小程序，AppID就是上面获取的。
传统开发：