小程序开发文档:项目结构、页面结构、应用启动说明

2018/7/27 18:31:33
摘要: 开发微信小程序,需要提前去学习了解的东西不少,比如它的运行环境、它的开发工具、它的项目结构、页面结构以及应用启动说明等等

开发微信小程序,需要提前去学习了解的东西不少,比如它的运行环境、它的开发工具、它的项目结构、页面结构以及应用启动说明等等。本文接下来的篇幅,就来说简单说明一下以上的相关问题,总结一些必须学习的小程序开发知识。

  1、关于小程序运行环境

关于微信小程序开发,官方贴出的说明指出,wxApp的运行环境一共有3个平台,分别是IOS的webkit,即苹果开源的浏览器内核;Android的X5,即QQ浏览器内核,以及开发者在开发时用的nw.js,即C++实现的web转桌面应用。

  2、关于项目结构

  关于页面结构的问题,我们主要介绍几个参数:

(1)project.config.json:项目配置文件,支持es6配置,appid等信息

(2)pages:功能页面

(3)app.json:应用主题样式及pages路由配置,其中pages路由第一项决定首页

(4)app.wxss:pages通用样式

(5)App.js:应用入口,pages可通过getApp()获取,提供公用接口及数据

3、关于页面结构

  关于页面结构的问题,主要有三个内容,分别是js、wxml、wxss。

(1)js是功能逻辑实现,页面数据、页面交互事件处理

(2)wxml为页面布局文件

(3)wxss为页面组件样式

4、关于应用启动

应用启动时所需的生命周期函数主要有三个,分别是:onLaunch(初始化完成)、onShow(启动时,后由后台进入前台)、以及onHide(由前台进入后台)。

(1)App.onLaunch()-->App.onShow()-->pages[0].onLoad()-->App.onLaunch.onHiden()

(2)onLaunch()用户授权信息获取,调用异步api: wx.login()、wx.getSetting()

(3)Index.onLoad()页面加载,获取数据调用更新页面setData


声明:文章"小程序开发文档:项目结构、页面结构、应用启动说明"为互诚科技—微信小程序开发公司的原创文章,转载请注明出处,谢谢合作!
标签:小程序开发文档
电话咨询:18011971195(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 微信小程序开发目录结构介绍

    在进行微信小程序开发的时候,有一个固定的默认的目录结构,该结构中包含一个app(主体部分)和多个page(页面),其中分别有四种文件类型

  • 微信小程序开发过程中常见的问题解析

    在开发与测试微信小程序的过程中,也许会出现工具报错、页面加载、页面转发等问题。而既然出现问题就需要想办法去解决

  • 微信小程序运营必须双向互动、多向传播

    微信小程序开发的难度是APP的六分之,所要考虑的开发问题也比较简单,所以相比起开发一个APP,小程序的开发就显得简单得多

  • 开发微信小程序之后,该如何去运营推广?

    说到小程序的运营与推广,在现今微信事业群给出的权限下,小程序在推广方面会比公众号麻烦一些。

  • 微信小程序升级用户信息会让UnionID的获取方式

    自从微信小程序可以与公众号、APP之间实现打通之后,虽然可以相互之间获得一些信息,但是操作流程还是比较麻烦的,不利于提升用户体验的满意度。所以,为了更加方便用户使用,微信官方又信息获取方式这一块来进行功能的优化升级,能更加便捷快速地获取用户信息以及UnionID。这一块的升级具体包括两个部分:

  • 小程序相比起传统网络平台,有什么营销优势?

    传统的网络媒体平台做营销时,一般都是以PC端作为出发点来设计流程、界面,只有在PC端上才能看到这些营销消息,这样的限制性条件就会让营销效果大打折扣。而以微信小程序等为代表的新媒体营销平台,相对于PC端来说,就有更加符合现代发展趋势与市场需求的优势了,这些优势主要有以下几个方面: