百度360必应搜狗淘宝本站头条
分布式事务框架shiro框架框架图cad怎么画框架scrapy框架
当前位置：网站首页 > 技术文章 > 正文

微信小程序开发入门之框架结构（微信小程序开发的框架）

ccwgpt 2024-10-01 07:58 24 浏览 0 评论

上一篇简单介绍了小程序的特性以及部分功能的预览，没看过的点击文章下面的相关链接。

本文旨在介绍微信小程序的框架结构，对官方文档的解读。

首先明白一点，小程序基本开发基于MVC，即模型，视图，控制器，模型层在这里表现的不是很明显，大部分时候都以全局变量（或页面局部变量）的形式存在，一般存在与控制器中。视图在此为.wxml文件所表示的，它将控制器得到的数据和wxml文件进行组合，渲染。而视图与控制器的交互可通过绑定事件的形式触发控制器各个函数的执行，大部分事件会传递目标节点对象作为参数。数据交互可通过能传递值的组件或响应绑定事件来解决。下面分部分介绍开发方法。

新建项目，首先会建立小程序主控制逻辑与配置文件，其中包括 app.js (控制小程序逻辑，响应生命周期回掉函数操作，全局变量的定义等), app.json(小程序窗口，特性配置等，像下拉刷新，导航栏配置，tabBar等。) , app.wxss (样式配置)。

app.json文件配置：

遵循json文件格式规范，通过配置此文件可以设置小程序的特性。文件如下图：

  • pages（数组）：用于配置小程序页面文件，添加新的页面，必需配置此属性。

  • window ：用于配置小程序窗口特性，包括背景颜色，风格，导航栏，是否启用下拉刷新等。

window属性中可通过tabs配置tabBar，如下示例：

各个属性含义如下：

App.js文件说明：

此文件用于注册小程序，使用方法App()，接收object参数，初始化小程序，如下图：

其中onLaunch，onShow，onHide用于响应生命周期回掉，也可自定义全局变量及方法。

object参数说明：

属性类型描述触发时机
onLaunchFunction生命周期函数--监听小程序初始化当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
onShowFunction生命周期函数--监听小程序显示当小程序启动，或从后台进入前台显示，会触发 onShow
onHideFunction生命周期函数--监听小程序隐藏当小程序从前台进入后台，会触发 onHide
其他Any开发者可以添加任意的函数或数据到 Object 参数中，用 this 可以访问

前台、后台定义： 当用户点击左上角关闭，或者按了设备 Home 键离开微信，小程序并没有直接销毁，而是进入了后台；当再次进入微信或再次打开小程序，又会从后台进入前台。

只有当小程序进入后台一定时间，或者系统资源占用过高，才会被真正的销毁。

注册页面

如果说上面的只是对整个小程序的配置注册，这里的具体的页面操作才是和用户交互的真正载体，每个页面都可单独存放一个文件夹，方便管理，同时WAService会将此文件夹中的页面样式文件进行渲染。每个页面都由js文件进行控制，wxml进行布局，wxss就是样式设置了。用于响应生命周期方法有onLoad(监听页面加载)，onReady(监听页面初次渲染完成)，onShow(监听页面显示)，onHide(监听页面隐藏)，onUnload(监听页面卸载)，示例如下：

其中data为页面初始数据，也是视图绑定数据的来源，视图中的变量都会从data的值中找到相对应的进行替换。程序中可通过this.data访问到data中的值，但不直接设置，因为需要通知更新视图中的数据，如自行直接设置，则视图数据与此设置过的数据就不一致了，这里可以通过this.setData()方法进行设置，接受object对象。还有一个方法onPullDownRefreash，用于监听页面的下拉刷新操作，可用于更新数据，wx.stopPullDownRefresh()停止刷新动画。

视图层

即wxml文件的相关操作，WXML（WeiXin Markup Language）是框架设计的一套标签语言，与html/xml有极大相似性。

以上仅简单介绍，详情查看文档。

相关推荐

netty系列之:使用Jboss Marshalling来序列化java对象

简介在JAVA程序中经常会用到序列化的场景，除了JDK自身提供的Serializable之外，还有一些第三方的产品可以实现对JAVA对象的序列化。其中比较有名的就是Googleprotobuf。当然...

6款可替代dreamweaver的工具

dreamweaver对一个web前端工作者来说，再熟悉不过了，像我07年接触web前端开发就是用的dreamweaver，一直用到现在，身边的朋友有跟我推荐过各种更好用的可替代dreamweaver...

Java—类加载的基本机制和过程

类加载的基本机制和过程运行Java程序，就是执行java这个命令，指定包含main方法的完整类名，以及一个classpath，即类路径。类路径可以有多个，对于直接的class文件，路径是class文件...

什么是双亲委派机制?(转载)

原文章地址：https://www.cnblogs.com/hollischuang/p/14260801.html什么是双亲委派机制首先，我们知道，虚拟机在加载类的过程中需要使用类加载器进行加载，而...

[架构师必看]我在系统设计上犯过的14个错

在上篇《架构师画像》的文章中提到了自己在系统设计上犯过的一些错，觉得还挺有意义的，这篇文章就来回顾下自己近八年来所做的一些系统设计，看看犯的一些比较大的血淋淋的错误（很多都是推倒重来），这八年来主要做...

ONOS架构之子系统介绍

前言：为了方便灵活性，ONOS采取的是一种模块化结构，一方面能灵活地组织各种模块，容易让开发者扩展出新的模块，同时通过隔离令系统的模块各司其职而不会互相干扰。实际上ONOS是由多个子系统组成，本文将对...

基于微信小程序的在线课堂系统设计与实现-计算机毕业设计源码

摘要随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，在线课堂微信小程序被用户普遍使用，为方便用户能够...

微信小程序云开发教室预约系统的前后端交互与数据库设计

需求描述：需要申请使用教室时，可点击教室申请查看教室的使用状况及相关设备。确定好需要的教室后，按学期、校区、教学楼、周次、星期、节次、等维度筛选，并备注用途。例如：当我点击该教室申请占用后，该教室状态...

微信小程序开发准备材料以及方式

这里讲述小程序注册类型为企业类型时所需要的资料，首先需要一个新的邮箱号，作为登陆账号，需要管理员或者法人的身份信息、已绑定银行卡的微信号、手机号、营业执照、开户银行信息，或者一些特殊行业所需要的办理的...

webman 事务回滚失效问题记录

大家好,我是yangyang.最近有用到webman这个框架写业务,写代码的过程中,遇到了一个奇葩的问题:基于webman下使用laravel的orm组件事务回滚不生效简单介绍下webmanwebma...

PHP实时通信:Workerman篇

一般做Web开发，用的是HTTP协议进行通信，是一个简单的请求-响应协议。做PHP开发的都很清楚这一点。只能由浏览器发起请求，服务器响应内容。服务器不能主动向浏览器推送消息。多个浏览器之间也不能互相发...

PHP培训课程内容都有哪些?PHP培训哪些内容?

作为一门经久不衰的开发语言，php开发工程师一直是很多年轻人选择学习和就业的职业方向，那么PHP培训课程主要学习哪些内容呢?一、企业级开发专题:深入剖析企业实际开发过程,教授最实用的企业级技术PHP7...

go 和 php 性能如何进行对比?

PHP性能很差吗？每次讲到PHP和其他语言间的性能对比，似乎都会发现这样一个声音：单纯的性能对比没有意义，主要瓶颈首先是数据库，其次是业务代码等等。好像PHP的性能真的不能单独拿出来讨论似的。但其实一...

突然发现php工作变少了

突然发现php工作变少了。好像不大行了，被go取代了魔法涂鸦python和php对比如下:1.python依赖管理需然简单，但依赖本身做的比较宽松，一但版本更新，或修改，就有一堆问题；2.传统py...

php高并发的瓶颈到底在哪

php高并发的瓶颈到底在哪？是同步阻塞？还是nginx+fpm不断创建-销毁进程资源过度消耗？高并发到底是什么问题，是语言问题嘛，为什么说php不适合高并发？求大佬指点从2009年后一直用lnmp，从...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表