微信小程序（第五章即速应用）

学习目标

了解即速应用的特征

掌握即速应用布局组件，基础组件和高级组件

掌握即速应用后台管理

掌握即速应用小程序打包上传

即速应用概述

即速应用的优势

即速应用是深圳的咫尺公司开发的一款同时兼具微信小程序和支付宝小程序快速开发的功能的工具，用户只需简单拖拽可视化组件，就可以实现在线小程序开发，据不完全统计2021年上半年全网小程序数量已超过700万，其中微信小程序DAU达4.1亿，数量超过430万，MAU为9亿，日人均使用时长达1350秒.

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

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
端预览制作效果，
作的内容，“生成”选项用于实现小程序打包

2.工具栏

工具栏包括“页面管理”“组件库”2个         
选项卡，“页面管理”实 和添加分组以及对某一页面进行改 、收藏、复制、删除操作。“组件库”有9个基础组件、7个布局组件、18个高级组件和2个其他组件。

3.编辑区

编辑区是用来制作小程序页面的主要区域，通过拖拽组件实现页面制作，右边的“前进”“后退”选项可以进行恢复操作，“模板”选项可以用来选择模板，“元素”选项可以用来显示页面中的组件及其层次关系，“数据”选项可以用来进行页面数据管理,“模块”选项可以用来选择模块。

4.属性面板

属性面板用来设置选定组件的属性及样式，包括“组件”和“组件样式”两个选项卡。“组件”选项卡用来设置组件内容及点击事件;“组件样式”选项卡用来设置组件的样式，不同组件有不同的样式需要设置。

即速应用组件

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

布局组件 

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

1.双栏组件    

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

2.面板组件

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

3.自由面板组件

自由面板组件是指放置在该面板内的组件可以自由拖动，调节组件大小。用户既可以向自由面板内拖入部分组件(包括文本组件、图片组件和按钮组件)，也可以拖入任意相关容器组件，用于不规则布局自由面板组件的属性

4.顶部导航组件

顶部导航组件固定于页面顶部，用于编辑顶部的导航。常用的手机应用在顶部有一条导航，上面写有手机应用App的名称或logo，以及返回键等。顶部导航组件的属性面板设置

5.底部导航组件

底部导航组件固定于页面底部，用于编辑底部的导航。底部导航组件的属性面板设置

6.分割线组件

分割线组件被放置于任意组件之间用于分割线组件

7.动态分类组件

动态分类组件仅适用于电商、到店类小程序。用户通过选择动态分类组件的样式，可以实现顶部分类、侧边栏分类来展示应用数据、商品数据等。动态分类的二级有图模式只适用于电商类小程序。动态分类组件的属性面板

5.2.2 基本组件

基本组件是小程序页面常用的组件，包括文本、图片、按钮、标题、轮播、分类、图列表、图文集和视频，

1、文本组件    

文本组件用于展示文字、设置点击事件，是小程序页面中最常用的组件。   
图片组件用于在页面中展示图片，其属性面板 。

3.按钮组件    

按钮组件用于在页面中设置按钮，

    4.标题组件    

标题组件用于在页面中设置标题，

5.轮播组件

组件的样式,可    轮播组件用于实现图片的轮播展示，其属性面板 。    
级有图模式只适用    单击“添加轮播分组”按钮进入管理后台，然后单击“轮播管理”→“新建分组”选   
项可以创建轮播分组， 分别填写“分组名称”和“分组描述”，单击“确定”按钮

6.分类组件

分类组件可以设置不同内容展示在不同类别中，还可以添加删除分类的个数及进行相应的设置分类组件的属性

7.图片列表组件

图片列表组件可以将图片已列表的形式展示，还可以设置图片的名称，标题和点击事件

8.视频组件

视频组件用于展示视频

高级组件

高级组件

通常需要后台数据，通过设置后台数据来实现数据后台化，让小程序的数据随时更新及时修改

动态列表组件

是纳入基础组件来展示后台数据的容器通过添加基础组件来展示对应的后台数据

双栏线组件

面板组件

动态容器组件

用于动态页面，即所在页面绑定了数据对象。动态容器组件中可以添加多种组件-文本组件，图片组件，按钮组件和标题组件分类组件音频组件双栏组件，计数组件。

分类导航

悬浮窗组件

即速应用后台管理

即速应用后台提供了非常强大的后台管理，开发者在后台进行修改操作就可以让数据即时更新，开发者还可以通过后台来查看小程序数据管理，用户管理，商品管理，营销工具，多商家管理等功能，

打包上传

即速应用可以将小程序打代码打包，该代码包可以通过微信开发者工具来对接微信小程序