微信小程序（4-6总结）

具体内容（第4章）

组件是页面视图层(WXML)的基本组成单元，组件组合可以构建功能强大的页面结构。小程序框架为开发者提供了器视图、基础内容、表单、导航、多媒体、地图、画布、开放能力等8类(30多个)基础组件。
每一个组件都由一对标签组成，有开始标签和结束标签，内容放置在开始标签和结束标签之间，内容也可以是组件。组件的语法格式如下:
<标签名属性名=”属性值”>内容…</标签名>
组件通过属性来进一步细化。不同的组件可以有不同的属性，但它们也有一些共用属性，如id、class、style、hidden、data - * 、bind */catch *等。

id 组件的唯一表示，保持整个页面唯一，不常用。

class组件的样式类，对应WXSS 中定义的样式。

style 组件的内联样式，可以动态设置内联样式。

hidden 组件是否显示，所有组件默认显示。

data-*    自定义属性，组件触发事件时，会发送给事件处理函数。事件处理函数可    
以通过传入参数对象的currentTarget.dataset方式来获取自定义属性的值。

bind * /catch *组件的事件，绑定逻辑层相关事件处理函数。

容器视图组件
容器视图组件是能容纳其他组件的组件，是构建小程序页面布局的基础组件，主要包括 view、scroll - view和swiper组件。
 

view

view组件是块级组件，没有特殊功能，主要用于布局展示，相当于HTML 中的 div，是布局中最基本的用户界面(UserInterface，UI)组件，通过设置view 的 CSS属性可以实现各种复杂的布局。view组件的特有属性

表单组件

表单组件的主要功能是收集用户信息，并将这些信息传递给后台服务器实现小程序与用户之间的沟通。表单组件不仅可以放置在<form/> 标签中使用，还可以作为单位组件和其他组件混合使用

 具体内容（第5章）

微信小程序（第五章即速应用）-CSDN博客

即速应用的功能特点主要体现以下几个方面：

1.开发流程简单，零门槛制作
使用即速应用来开发微信小程序的过程非常简单，无须储备相关代码知识，没有开发经验的人也可以轻松上手。

（1）登录即速应用的官方网站（www.jisuapp.cn）,进入制作界面，从众多行业模板中选择一个合适的模板

（2）在模板的基础上进行简单编辑和个性化制作

(3)制作完成后，将代码一键打包并下载。

(4)将代码上传至微信开发者工具。

(5)上传成功后，等待审核通过即可。

2、行业模板多样，种类齐全

即速应用为广大开发者提供了非常齐全的行业解决方案。目前，即速应用已经上线60多个小程序行业模板，涉及餐饮(单店版、多店版)、婚庆、旅游、运动、美容、房地产、家居、医药、母婴、摄影、社区、酒店、KTV、汽车、资讯等多个行业。
这些小程序行业模板可以有效地帮助企业拓宽资源整合渠道，降低运营成本，提高管理效率。

3.丰富的功能组件和强大的管理后台

即速应用的功能组件和管理后台非常实用，可以根据实际情况解决商家的不同需求。例如，到店体系可以实现电子点餐、排队预约和线上快速结算;社区体系可以实现评论留言和话题管理;多商家系统可以实现分店统一管理、多门店统一运营;营销工具可以实现会员卡、优惠券的设置等营销方式..
目前，即速应用有4个版本，分别为基础版、高级版、尊享版和旗舰版。基础版为免费使用的版本，适合制作个人小程序，其他版本根据功能不同可以满足不同企业的需求。
即速应用的应用范围主要包括以下类型:

(1)资讯类:新闻、媒体。

(2)电商类:网购(服装、电器、读书、母要.)。
(3)外卖类:餐饮及零售。    12    
(4)到店类:餐饮及酒吧。
(5)预约类:酒店、KTV、家教、家政，其他服务行业。

即速应用界面介绍

登录即速应用官网，单击“注册”按钮，在如图5-1所示的页面填写相应信息，即可完成注册。完成注册后，即可登录账号，使用即速应用。
即速应用的主界面主要分为4个区域，分
别为菜单栏、工具栏、编辑区和属性面板，

1.菜单栏

菜单栏中的“风格”选项用于设置小程
序页面的风格颜色，“管理”选项用于进入后    
台管理页面，“帮助”选项用于提示帮助功
能，“客服”选项用于进入客服界面，“历史”    密码    请输入6-20位密码    
选项用来恢复前项操作，“预览”选项用在PC
端预览制作效果，
作的内容，“生成”选项用于实现小程序打包
 

即速应用组件

即速应用提供了大量的组件供用户快速布局页面，包括7个布局组件、9个基本组件、18 个高级组件和2个其他组件。

布局组件 

布局组件用于设计页面布局，主要包括双栏、面板、
自由面板、顶部导航、底部导航、分割线和动态分类双栏 面板 自由面板

1.双栏组件    

双栏组件用来布局整体，它可以把一个区块分为两部分，操作时显示一个分隔的标志，便于操作，预览时
则不会出现。双栏组件默认设置每个栏占50%总宽，也    动态分类    
可以按实际需要调整比例。双栏里面可以添加基本的组
件，从而达到整体的布局效果。双栏还可以嵌套双栏，即可以在其中的一个栏里嵌入一个双栏，从而将整体分成3部分(若需要将整体分成4部分，就再嵌套一个双栏，依次类推)。双栏组件的属性面板

2.面板组件

面板组件相当于一个大画板，用户可以将很多基本(甚至高级)的组件(如文本组件、图片组件、按钮组件、标题组件、分类组件、音频组件、双栏组件、计数组件等)放进面板组件里一起管理。面板组件的属性面板
自由面板组件
自由面板组件是指放置在该面板内的组件可以自由拖动，调节组件大小。用户既可以向自由面板内拖入部分组件(包括文本组件、图片组件和按钮组件)..........

 具体内容（第6章）

微信小程序（API应用）-CSDN博客

网络API

微信小程序处理的数据通常从后台服务器获取，再将处理过的结果保存到后台服务器，这就要求微信小程序要有与后台进行交互的能力。微信原生API接口或第三方 API提供了各类接口实现前后端交互。

网络 API可以帮助开发者实现网络URL访问调用、文件的上传和下载、网络套接字的使用等功能处理。微信开发团队提供了10个网络API接口。

wx. request(Object)接口用于发起HTTPS 请求。
wx. uploadFile(Object)接口用于将本地资源上传到后台服务器。

wx. downloadFile(Object)接口用于下载文件资源到本地。
wx. connectSocket(Object)接口用于创建一个WebSocket连接。
wx. sendSocketMessage( Object)接口用于实现通过WebSocket连接发送数据。

wx. closeSocket(Object)接口用于关闭WebSocket连接。
wx.onSocketOpen( CallBack)接口用于监听WebSocket连接打开事件。

wx.onSocketError( CallBack)接口用于监听WebSocket错误。
wx. onSocketMessage(CallBack)接口用于实现监听WebSocket接收到服务器的消息事件。
wx.onSocketClose( CallBack)接口用于实现监听WebSocket关闭。在本节，我们将介绍常用的3个网络API。

多媒体API

多媒体API主要包括图片API、录音API、音频播放控制API、音乐播放控制API等，其目的是丰富小程序的页面功能。

文件API

从网络上下载或录音的文件都是临时保不存的，若要持久保存，需要用到文件API。文件 API提供了打开、保存、删除等操作本地文件牛的能力，主要包括以下5个API接口:
wx.saveFile( Object)接口用于保存文件到本地。
wx.getSavedFileList( Object)接口用于获取本地已保存的文件列表。

wx.getSaveFileInfo( Object)接口用于获取本地文件的文件信息。

wx. removeSaveFile( Object)接口用于删除本地存储的文件。
wx.openDocument( Object)接口    用    于新开页面打开文档，支持格式:doc、xls、    
ppt、pdf、docx、xlsx、ppts。

本地数据及缓存API
小程序提供了以键值对的形式进行本地数据缓存功能，并且是永久存储的，但最大不超过10MB，其目的是提高加载速度。数据缓存的接口主要有4个:

wx.setStorage ( Object)或wx.setStorageSyno(key,data)接口用于设置缓存数据。

wx. getStorage(Object)或wx.getStorageSync(key)接口用于获取缓存数据。
wx. removeStorage( Object)或wx.removeStorageSync (key)接口用于删除指定缓存数据。
wx.clearStorage()或wx.clearStorageSync()接口用于清除缓存数据。其中，带Syne后缀的为同步接口，不带Sync后缀的为异步接口。

位置信息API

小程序可以通过位置信息API来获取或显示本地位置信息，小程序支持WGS84和GCj02标准，WGS84标准为地球坐标系，是国际示上通用的坐标系;CCj02标准是中国国家测绘局制定的地理信息系统的坐标系统，是由WG! S84坐标系经加密后的坐标系，又称为火星坐标系。默认为WGS84标准，若要查看位置需要使用GCj02标准。主要包括以下3个API接口:
wx.getLocation(Object)接口 用于获取位置信息。
wx.chooseLocation(Object)接口    用于选择位置信息。    
wx.openLocation(Object)接口J用于通过地图显示位置。

设备相关API

、设备相关的接口用于获取设备相关信息，主要包括系统信息、网络状态、拨打电话及码等。主要包括以下5个接口API:
wx. getSystemInfo( Object)接口、wx.getSystemInfoSync()接口用于获取系统信息。

wx. getNetworkType(Object)接口用于获取网络类型。
wx. onNetworkStatusChange( CallBack)接口用于监测网络状态改变。 wx.makePhoneCall(Object)接口用于拨打电话。 wx.scanCode(Object)接口用于扫描二维码。