学习目标
了解即速应用的特征
掌握即速应用布局组件、基础组件和高级组件
掌握即速应用后台管理
掌握即速应用小程序打包上传
5.1 即速应用概述
5.1.1 即速应用的优势
即速应用是深圳市咫尺网络科技开发有限公司开发的一款同时兼具微信小程序和支付宝小程序快速开发能力的工具，用户只需简单拖拽可视化组件，就可以实现在线小程序开发。据不完全统计，在微信小程序正式发布的1年内，在即速应用上打包代码并成功上线的微信小程序已经超过5万个。
即速应用的功能特点主要体现在以下几个方面：
1．开发流程简单，零门槛制作
使用即速应用来开发微信小程序的过程非常简单，无须储备相关代码知识，没有开发经验的人也可以轻松上手。
（1）登录即速应用的官方网站（www.jisuapp.cn），进入制作界面，从众多行业模板中选择一个合适的模板。
（2）在模板的基础上进行简单编辑和个性化制作。
（3）制作完成后，将代码一键打包并下载。
（4）将代码上传至微信开发者工具。
（5）上传成功后，等待审核通过即可。
2．行业模板多样，种类齐全
即速应用为广大开发者提供了非常齐全的行业解决方案。目前，即速应用已经上线60多个小程序行业模板，涉及餐饮（单店版、多店版）、婚庆、旅游、运动、美容、房地产、家居、医药、母婴、摄影、社区、酒店、KTV、汽车、资讯等多个行业。
这些小程序行业模板可以有效地帮助企业拓宽资源整合渠道，降低运营成本，提高管理效率。
3．丰富的功能组件和强大的管理后台
即速应用的功能组件和管理后台非常实用，可以根据实际情况解决商家的不同需求。例如，到店体系可以实现电子点餐、排队预约和线上快速结算；社区体系可以实现评论留言和话题管理；多商家系统可以实现分店统一管理、多门店统一运营；营销工具可以实现会员卡、优惠券的设置等营销方式......
目前，即速应用有4个版本，分别为基础版、高级版、尊享版和旗舰版。基础版为免费使用的版本，适合制作个人小程序，其他版本根据功能不同可以满足不同企业的需求。
即速应用的应用范围主要包括以下类型：
（1）资讯类：新闻、媒体。
（2）电商类：网购（服装、电器、读书、母婴......）。
（3）外卖类：餐饮及零售。
（4）到店类：餐饮及酒吧。
（5）预约类：酒店、KTV、家教、家政，其他服务行业。
5.1.2 即速应用界面介绍
登录即速应用官网，单击"注册"按钮，在如图5-1所示的页面填写相应信息，即可完成注册。完成注册后，即可登录账号，使用即速应用。
图5-1 注册
即速应用的主界面主要分为4个区域，分别为菜单栏、工具栏、编辑区和属性面板，如图5-2所示。
图5-2 即速应用主界面
1．菜单栏
菜单栏中的"风格"选项用于设置小程序页面的风格颜色，"管理"选项用于进入后台管理页面，"帮助"选项用于提示帮助功能，"客服"选项用于进入客服界面，"历史"选项用来恢复前项操作，"预览"选项用在PC端预览制作效果，"保存"选项用于保存已制作的内容，"生成"选项用于实现小程序打包上线设置。
2．工具栏
工具栏包括"页面管理""组件库"2个选项卡，"页面管理"实现添加页面和添加分组以及对某一页面进行改名、收藏、复制、删除操作。"组件库"有9个基础组件、7个布局组件、18个高级组件和2个其他组件。
3．编辑区
编辑区是用来制作小程序页面的主要区域，通过拖拽组件实现页面制作，右边的"前进""后退"选项可以进行恢复操作，"模板"选项可以用来选择模板，"元素"选项可以用来显示页面中的组件及其层次关系，"数据"选项可以用来进行页面数据管理，"模块"选项可以用来选择模块。
4．属性面板
属性面板用来设置选定组件的属性及样式，包括"组件"和"组件样式"两个选项卡。"组件"选项卡用来设置组件内容及点击事件；"组件样式"选项卡用来设置组件的样式，不同组件有不同的样式需要设置。
5.2 即速应用组件
即速应用提供了大量的组件供用户快速布局页面，9个基础组件和11个应用组件。
5.2.1 基础组件
基础组件用于编辑内容，如图5-2所示。
1.文本组件
文本组件是用来编辑文字信息，可以设置字体的大小，字体的样式和位置等。
2.图片组件
图片组件主要是用来插入图片，或者进行图片模板，设置图片的样式等。
3.按钮组件
按钮组件是用来拉一个按钮框，可以编辑按钮的文字，也可以设置按钮的类型和样式等。
4.标题组件
标题组件是用来编辑标题的组件，可以编辑标题的文字，样式等。
5.商品列表组件
商品列表组件是用来设置以下商品的组件，可以设置组件样式，选择模板等。
6.视频组件
视频组件是用来插入视频或者更改其样式，可以选择视频组件的样式 等。
7.轮播组件
轮播组件用于实现图片的轮播展示，可以更改组件样式添加轮播图，以及数据的绑定等。
8.公告组件
公告组件是用来添加公告，可以输入公告信息，添加组件的样式等等。
9.添加其他组合
添加其他组件是用来选择组合模板，如图所示，可以在组合模板库中选择自己喜欢的模板。
5.2.2 应用组件
应用组件用于设计页面布局，如图5-3所示。
图5-3 布局组件
1．双栏组件
双栏组件用来布局整体，它可以把一个区块分为两部分，操作时显示一个分隔的标志，便于操作，预览时则不会出现。双栏组件默认设置每个栏占50%总宽，也可以按实际需要调整比例。双栏里面可以添加基本的组件，从而达到整体的布局效果。双栏还可以嵌套双栏，即可以在其中的一个栏里嵌入一个双栏，从而将整体分成3部分（若需要将整体分成4部分，就再嵌套一个双栏，依次类推）。双栏组件的属性面板如图5-4所示。
图5-4 双栏组件属性面板
2．分割线组件
分割线组件被放置于任意组件之间，用于实现分割。分割线组件的属性面板如图所示。
3.弹窗组件
弹窗组件是用来新建弹窗，可以找模板或者新建弹窗等。
4．面板组件
面板组件相当于一个大画板，用户可以将很多基本（甚至高级）的组件（如文本组件、图片组件、按钮组件、标题组件、分类组件、音频组件、双栏组件、计数组件等）放进面板组件里一起管理。面板组件的属性面板如图5-5所示。
图5-5 面板组件属性面板
5．自由面板组件
自由面板组件是指放置在该面板内的组件可以自由拖动，调节组件大小。用户既可以向自由面板内拖入部分组件（包括文本组件、图片组件和按钮组件），也可以拖入任意相关容器组件，用于不规则布局。自由面板组件的属性面板如图5-6所示。
图5-6 自由面板组件属性面板
6.滑动面板组件
滑动面板组件是用来设置单面横滑和多面横滑，也可以使用模板等。
7．动态分类组件
动态分类组件仅适用于电商、到店类小程序。用户通过选择动态分类组件的样式，可以实现顶部分类、侧边栏分类来展示应用数据、商品数据等。动态分类的二级有图模式只适用于电商类小程序。
