实战课小程序开发全案精讲附赠资源基础.pptxVIP

微信小程序开发全案精讲主讲人：小刚老师

第1章微信小程序基础1.1微信小程序介绍1.2微信小程序开发工具的使用1.3微信小程序框架文件1.4微信小程序逻辑层微信小程序开发全案精讲

第1章微信小程序基础1.5微信小程序视图层1.6微信小程序组件介绍1.7微信小程序API说明微信小程序开发全案精讲

什么是微信小程序？关键字：无需下载安装卸载触手可及用完即走小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不关心是否安装太多应用的问题。应用将无处不在，随时随地可用，但又无需安装卸载。1.1微信小程序介绍第1章微信小程序基础微信小程序开发全案精讲

微信小程序的发展历程（1）2016年1月9日，微信团队首次提出应用号概念；（2）2016年9月22日，微信公众平台对外发送小程序内侧邀请，内侧名额200个；（3）2016年11月3日，微信小程序对外公测，开发完成后可以提交审核，但公测期间不能发布；（4）2016年12月28日，张小龙在微信公开课解答外界对微信小程序几大疑惑，包括没有应用商店、没有推送消息等等内容；（5）2016年12月30日，微信公众平台对外公告，上线的微信小程序，最多可生成10000个带参数的二维码；（6）2017年1月9日，微信小程序正式上线；1.1微信小程序介绍第1章微信小程序基础微信小程序开发全案精讲

微信小程序提供的功能（1）支持分享当前页功能，分享到群或单个好友；（2）小程序线下扫码功能；（3）小程序支持挂起状态；（4）小程序的消息通知；（5）小程序和公众号的关联；（6）小程序的有哪些信誉好的足球投注网站和历史列表；1.1微信小程序介绍第1章微信小程序基础微信小程序开发全案精讲

微信小程序的不提供的功能（1）小程序没有集中入口，没有应用商店；（2）小程序没有订阅关系；（3）小程序不能推送消息；（4）小程序不能做游戏；1.1微信小程序介绍第1章微信小程序基础微信小程序开发全案精讲

1.1微信小程序介绍第1章微信小程序基础微信小程序开发全案精讲

开发说明（1）微信小程序开发文档：（2）公众平台申请开发者账号：（3）申请一个AppID：1.2微信小程序开发工具的使用第1章微信小程序基础微信小程序开发全案精讲

框架全局文件（1）app.js小程序逻辑；（2）app.json小程序公共设置；（3）app.wxss小程序公共样式表；1.3微信小程序框架文件第1章微信小程序基础微信小程序开发全案精讲

工具类文件1.3微信小程序框架文件第1章微信小程序基础微信小程序开发全案精讲

框架页面文件1.3微信小程序框架文件第1章微信小程序基础微信小程序开发全案精讲

逻辑层（1）app.js里使用App()函数注册一个小程序；（2）页面对应的js里使用Page()函数来注册一个页面；（3）模块化；1.4微信小程序逻辑层第1章微信小程序基础微信小程序开发全案精讲

WXML页面文件WXML（WeiXinMarkupLanguage）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。（1）数据绑定（2）条件渲染（3）列表渲染（4）模板（5）引用（6）事件1.5微信小程序视图层第1章微信小程序基础微信小程序开发全案精讲

WXSS样式文件WXSS(WeiXinStyleSheets)是一套样式语言，用于描述WXML的组件样式。WXSS用来决定WXML的组件应该怎么显示。为了适应广大的前端开发者，我们的WXSS具有CSS大部分特性。同时为了更适合开发微信小程序，我们对CSS进行了扩充以及修改。1.5微信小程序视图层第1章微信小程序基础微信小程序开发全案精讲

组件分类（1）视图容器组件；（2）基础内容组件；（3）表单组件；（4）导航组件；（5）媒体组件；（6）地图组件；（7）画布组件；（8）客服会话组件1.6微信小程序组件介绍第1章微信小程序基础微信小程序开发全案精讲

常用API说明（1）网络操作：发起请求、上传、下载、websocket；（2）媒体操作：图片、录音、视频；（3）文件操作：保存文件、删除文件、打开文件；（4）数据操作：保存数据、获得数据、删除数据；（5）位置操作：获取位置、查看位置；（6）设备操作：系统信息、网络状态、重力感应、罗盘、拨打电话、扫码；（7）界面操作：交互反馈、导航、动画、绘图、下拉刷新；（8）开放接口操作；登录、用户信息、微信支付、分享；1.7微信小程序API说明第