小程序开发教程(五)(小程序 开发 教程)

十二、小程序的总体架构

1.MINA框架

a.分为View(视图层)、AppService(逻辑层)、Native(系统层)

b.视图层和逻辑层通过系统层的JSBridge进行通信

2.小程序的运行机制

a.热启动:是用户已经打开过小程序,只需把后台运行的小程序调到前台运行。

b.冷启动:用户首次打开小程序或者小程序已经被微信销毁。

c.加载过程:

小程序开发教程(五)(小程序 开发 教程)

启动小程序时在微信客户端的视图层和逻辑层会发生数据交互,如果是第一次运行,会向CDN发起请求下载源码包,CDN是内容分发网络,主要的作用是把请求的内容分发到最近的网络节点服务器,提高用户访问的响应速度和成功率。

3.小程序页面的生命周期

小程序开发教程(五)(小程序 开发 教程)

4.小程序的事件流

小程序开发教程(五)(小程序 开发 教程)

十三、ThinkPHP5后台教程

1.

小程序开发教程(五)(小程序 开发 教程)

2.

小程序开发教程(五)(小程序 开发 教程)

如何注册一个小程序?步骤如下:

1.打开微信公众平台

网址为:https://mp.weixin.qq.com/

注册账号,创建一个小程序

2.填写小程序信息,包括小程序名称和小程序LOGO

设置小程序开发者和管理员

3.下载微信小程序开发者工具

利用开发者工具在本地创建一个小程序项目

并关联小程序ID

4.小程序项目代码的结构

a.小程序的主体部分有3个文件,分别为app.js,app.json,app.wxss,这3个文件在小程序的根目录下

b.app.js文件是小程序主要的逻辑代码,它的主体结构如下:

1.onLaunch函数:小程序初始化以后调用的函数

2.getUserInfo函数:得到用户相关的信息

3.globalData数据对象:用来存储getUserInfo函数获取到的用户信息

c.app.json文件是小程序的页面配置文件,它的结构如下:

1.“pages”用于声明小程序的页面

2.“window”用于设置小程序窗口的样式

d.app.wxss文件是小程序的样式文件,类似css文件

5.小程序页面的结构

a.页面结构主要有js文件,json文件,wxml文件

6.配置统一的接口地址

a.在代码中有些重复的API我们可以将它放到统一的文件中方便管理

b.首先在项目中创建一个config/api.js文件

c.在api.js文件中导出接口地址

示例:export const API_BASE = 'https://www.baidu.com'

d.在对应的页面导入接口地址

示例: import{

API_BASE,

}from'../../config/api'

e.最后就可在页面逻辑中使用这个API_BASE了

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023年4月4日 上午10:40
下一篇 2023年4月4日 上午10:56

相关推荐