1
2
3
4
5
6

任务三、小程序框架结构

发布时间:2022-09-01 15:43   发布人:曹洪新   浏览次数:201

任务描述

设计一个小程序,利用框架全局文件和框架页面文件实现小程序的页面结构设计、页面样式设计、逻辑结构设计和生命周期设计。

任务目标


1. 掌握微信小程序的目录结构。

2. 掌握页面文件和样式文件的编写方法。

3. 掌握Page()函数和App()函数的作用。

4. 能够正确编写页面和样式文件

任务效果展示



图片.png   图片.png


课前准备


1. 观看线上平台的教学视频了解微信小程序的框架结构

2. 与框架结构的生命周期函数进行对比,分析有何不同

任务实现


一、知识点解读


二、任务实现代码


三、任务实现视频

1665367273558036.png1. 小程序框架结构-1

1665367273558036.png2. 小程序框架结构-2

1665367273558036.png3. 小程序框架结构-3

1665367273558036.png4. 小程序框架结构-4

任务思考


一个小程序页 面通常有哪几个文件构成?

在这些文件中,哪些是必需的?哪些可以删除?