分享我开发小程序的学习心得
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
从零起步,开发微信小程序
微信小程序开发门槛低,易入手,我将分享我从零起步开发小程序的步骤,让大家快速上手小程序开发。
这里,我将以实例,一步一步教会你开发小程序,大家可以先用微信扫描一下以下二维码,看看实际效果。
(一)整体框架介绍
小程序包含一个描述整体程序的app和多个描述各自页面的page。我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
其实,通过简单介绍我们就可以完成对小程序的配置。
针对上图,我做个解释:
①页面申明:每个页面都需要在此处做申明,把地址直接写在
此处,如果页面不多,可以像我一样,不在分级了。
②标题配置:英文名的含义不难理解。
③Tabbar设置:就是底部标签。(如下图)
(二)首页index
这个小程序总共有7个页面,接下来,我将逐一个页面介绍。在单独介绍每个页面之前,我们先把页面的结构跟大家做下解释。
小程序的页面主要有四个文件,格式分别为:.json、.js、.wxml和.wxss。可以说结构非常严谨,js负责逻辑,wxml是前端,wxss的样式。
先介绍下wxml页面