美文网首页程序员
wx小程序之hello_world

wx小程序之hello_world

作者: hello_我的哥 | 来源:发表于2019-01-08 16:32 被阅读23次

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

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

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

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

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

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

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

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

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

    相关文章

      网友评论

        本文标题:wx小程序之hello_world

        本文链接:https://www.haomeiwen.com/subject/ltoprqtx.html