wx小程序之hello_world

1.新建程序入口:app.js文件,这是程序的入口文件,我们需要在里面调用app()方法,如图所示,里面包含了app的生命周期

wx小程序之hello_world_第1张图片

2.创建注册管理页面的文件app.json,如图所示,我们写了一个pages来管理我们所有的页面,pages的值是一个列表;

wx小程序之hello_world_第2张图片

3.创建页面:创建页面又分了4个小步骤:

a:创建布局hellowx.wxml,这个文件主要用来写页面的模样:

wx小程序之hello_world_第3张图片

b:注册页面文件:hellowx.js,主要用于管理我们的生命周期,以及一些初始化操作,我们可以看到page里面有很多生命周期函数,

wx小程序之hello_world_第4张图片

c:页面的配置文件hellowx.json:主要用于一些配置属性或者初始化数据

wx小程序之hello_world_第5张图片

d:页面的样式:hellowx.wxss,把样式独立出来,解耦;

wx小程序之hello_world_第6张图片

这样我们的页面就写好了,我们可以看到我们把一个页面分成了四个部分来写,分别是界面布局,注册界面管理生命周期,数据配置以及界面样式,写这么多的目的就是为了解耦,互不干扰;

最后我们把页面放进我们的app.json这个管理页面的文件里面去,保存成功,我们的hellowx就出来了;

wx小程序之hello_world_第7张图片

你可能感兴趣的:(wx小程序之hello_world)