小程序 分类

小程序分享

二维码生成

目前小程序二维码生成选用的是无限制生成二维码。

我们使用 Postman 软件进行二维码的获取。

调用凭据获取

获取任何二维码都需要先获取 access_token，这是小程序全局唯一后台接口调用凭据。文档地址

Mr.Song2022/8/4...大约 1 分钟

YAML 文件案例

账户页面

账户页面二维码

title: 统一身份认证
grey: true
content:
  - tag: text
    type: p
    heading: 统一身份认证介绍
    text:
      - 学校为每个人分配了一个统一身份，这个身份就是您的邮箱账号和密码。
      - 无论您登录校园网、进入内网查看通知、查看是否欠书未还、查看校园卡余额以及消费记录、进入本科生或研究生选课平台、查成绩、查课表、访问 BB 平台、本科教学服务系统等等，各种与信息查询提交的有关的操作都需要这个统一身份。

  - tag: list
    header: 了解更多
    content:
      - text: 统一身份认证
        icon: apply
        path: authorize

      - text: 校园邮箱
        icon: email
        path: mail

  - tag: footer
    author: Mr.Song
    time: 2020年7月17日

shareable: true

Mr.Song2022/8/4...大约 2 分钟

Page 插件

提示

page.ts 用于小程序页面渲染。

Mr.Song2022/8/4...大约 2 分钟

小程序框架说明

开发框架优点

将界面开发的复杂过程转换为编写简单的 yaml 文件。开发门槛低，
拥有详细的开发文档说明，简单易懂，页面文件自述性高，没有开发基础的人也可以经过简单阅读后看懂页面文件大体描述内容。查看例子点这里
开发者无需着眼于界面样式或是功能的实现，只需着眼于在 yaml 文件中添加渲染界面所需参数并赋值，即可完成界面编写。开发者只需在开发过程中按照开发说明录入参数，并注意格式即可。

Mr.Song2022/8/4...小于 1 分钟

小程序简易开发指南

这里是开发前应当了解的内容，阅读时长大约为五分钟。

json 文件中合法的值有哪些

合法的值大家编辑用到的一共有五种: number(数字)、boolean(布尔值)、string(字符串)、array(数组)和object(对象)。

json 介绍

对象

对象的一组键值对，使用冒号结构表示。

animal: pets

Mr.Song2022/8/4...大约 4 分钟

小程序页面参数表

总体结构

参数	必填	值类型	内容	备注
title	是	`string`	导航栏标题	一般不超过八个字，六字及以下为佳
desc	否	`string`	页面描述	会显示在页脚
author	否	`string`	页面的作者	会显示在页脚
time	否	`string`	页面更新时间	会显示在页脚
grey	否	`boolean`	使用灰色背景	默认为白色背景
cite	否	`string \| string[]`	页面引用链接
content	否	`ComponentConfig[]`	页面的内容	数组的每个对象会最终渲染为一个组件
from	否	`string`	左上角返回按钮文字	设置左上角文字，默认为上一级页面标题
outdated	否	`boolean`	是否已过时	可展示一条“页面过时”提示
shareable	否	`boolean`	是否可被分享	是否可以使用小程序的界面分享，默认为 `false`
contact	否	`boolean`	“联系开发者”按钮	是否在分享菜单中显示“联系开发者”，默认为 `true`

Mr.Song2022/8/4...大约 14 分钟

宿主环境

宿主环境是微信客户端给小程序所提供的环境。小程序借助宿主环境提供的能力，可以完成许多普通网页无法完成的功能。

Mr.Song2022/8/4...大约 4 分钟

代码构成

文件组成

小程序的代码由四种文件组成:

.json 后缀的 JSON 配置文件，主要用作小程序配置
.wxml 后缀的 WXML 模板文件，为视图层，相当于 HTML
.wxss 后缀的 WXSS 样式文件，为样式部分，相当于 CSS
.js 后缀的 JS 脚本逻辑文件，为脚本部分，处理小程序逻辑与行为

目录结构

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。

Mr.Song2022/8/4...大约 7 分钟

小程序指南