Day:1

注:要想使用本地服务器,在新建项目时不能绑定appid,不然将没法访问 小程序

1、微信小程序简介

一、什么是微信小程序:2015年末诞生微信小程序

二、微信小程序能够作什么:api

(1)访问网址:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432服务器

(2)依次点击微信

 

(3)左侧即为微信小程序给咱们提供的全部api网络

2、微信小程序开发准备

一、微信开发帐号微信开发

二、微信开发者工具:必须到微信公众平台----->小程序中去下载对应版本,安装app

3、开发工具的使用

一、打开IDE,须要使用你的微信扫描登陆微信公众平台

二、工具

4、目录结构详解

一、项目配置

(1)默认生成的项目目录

(2)本身建立一个项目目录

 

由于咱们项目里面一个文件没有,就会显示以下错误信息:

那么咱们须要新建一下项目目录:

5、视图与渲染(demo)

注:出现以下图错误,表明你当前页面没有.js文件,运行后会自动建立此文件,你须要添加内容:

如下内容演示代码目录:

 

一、组件的基本使用

 

二、数据绑定

(1).wxml页面中用嵌套大括号

(2).js文件中

三、渲染标签

四、模板的使用

6、微信小程序事件(demo2)

一、什么事事件

二、事件类别

三、事件冒泡

四、事件绑定

五、事件对象详解

7、综合案例-快递查询(demo3)

一、调用快递查询接口以下:

(1)京东:https://reg.jd.com/reg/person  用户名:lichunyu818    密码:

(2)百度:apistore.baidu.com,它虽然暂时不让新用户验证手机号了,可是不影响使用,只是调试功能不能用了,快递查询接口虽然是http的可是改成https也是能够的

注:在咱们写快递查询接口调用时,会报地址错误,咱们只须要在以下图:

而后再到IDE项目中刷新,便可使用了

8、配置讲解(demo4)

一、app的页面配置

二、app的窗口配置

三、app的tabBar配置

四、网络超时配置及debug开启配置

五、页面配置

9、生命周期与app对象的使用(demo5)

10、生命周期与参数传递(demo6)

一、页面的生命周期

二、页面跳转的数据传递

相关文章
相关标签/搜索