目录

一、即时应用概述 1、即时应用的优点

即时应用是深圳市聚驰网络技术开发有限公司开发的一款具备快速开发微信小程序、支付宝小程序能力的工具。用户只需拖放可视化组件即可开发在线小程序。据不完全统计，微信小程序正式发布一年内，已有超过5万个微信小程序在 Apps上打包并带码成功上线。

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

(1).开发流程简单，生产零门槛

使用 App开发微信小程序的过程非常简单。无需储备相关编码知识，没有开发经验的人也能轻松上手。

(a) 登录即时申请官网（），进入制作界面，从众多行业模板中选择合适的模板。

(b) 基于模板的简单编辑和个性化。

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

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

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

（2）。行业模板多样、类型齐全

即时应用为开发者提供了非常齐全的行业解决方案。目前，即应用已推出60多个小程序行业模板，涵盖餐饮（单店版、多店版）、婚庆、旅游、体育、美容、房产、家居、医药、母婴、摄影、社区、酒店、KTV、汽车、信息等行业。

这些小程序行业模板可以有效帮助企业拓展资源整合渠道、降低运营成本、提高管理效率。

（3）。丰富的功能组件和强大的管理后台

即时应用的功能组件和管理后台非常实用，可以根据实际情况解决商户的不同需求。目前，即时应用有4个版本，分别是基础版、高级版、尊享版和旗舰版。基础版为免费版，适合制作个人小程序。其他版本可以根据不同的功能满足不同企业的需求。

即时应用的应用范围主要包括以下几种：

(a) 信息：新闻、媒体。

(b)电子商务：网上购物（服装、电器、阅读、母婴……）。

(c) 外卖：餐饮和零售。

(d) 店内类别：餐厅和酒吧。

(e) 预订类：酒店、KTV、家教、家政等服务行业。

2.即时应用界面介绍

登录即时申请官网，点击“注册”按钮，在页面填写相应信息，完成注册。完成注册后，您可以登录您的帐户并使用即时应用程序。

即时应用程序的主界面主要分为4个区域，分别是菜单栏、工具栏、编辑区域和属性面板，如图所示。

(1).菜单栏

菜单栏中的“样式”选项用于设置小程序页面的样式颜色，“管理”选项用于进入后台管理页面，“帮助”选项用于提示帮助功能， “客户服务”选项用于进入客户服务界面。 “历史”选项用于恢复之前的操作，“预览”选项用于在PC上预览制作效果，“保存”选项用于保存制作的内容，“生成”选项用于实现小程序打包和上线设置。

(2).工具栏

工具栏包括2个“页面管理”和“组件库”

选项卡，“页面管理”可以添加分组以及修改、收藏、复制和删除某个页面。 “组件库”有9个基本组件、7个布局组件、18个高级组件和2个其他组件。

(3).编辑区

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

(4).属性面板

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

2. 即时应用组件

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

1.布局组件

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

(1).双立柱组件

双柱组件用于整体布局。它可以将一个块分成两部分。操作时会显示分隔标记，方便操作，但预览时不会出现。双列组件默认设置为每列占总宽度的50%，动态分类可以根据实际需要调整比例。双柱上可添加基础组件，达到整体布局效果。双列还可以嵌套双列，即可以在其中一列中嵌入双列，从而将整体分为 3 部分（如果需要将整体分为 4 部分，则再嵌套一个双列，然后很快）。

(2).面板组件

面板组件相当于一块大画板。用户可以将许多基础（甚至高级）组件（如文本组件、图片组件、按钮组件、标题组件、分类组件、音频组件、双栏组件、计数组件等）放入面板中。在组件中一起管理。属性如图所示。

（3）。自由面板组件

自由面板组件是指放置在面板中的组件可以自由拖动、调整大小。用户可以将一些组件（包括文本组件、图片组件和按钮组件）拖入自由面板中，或者拖入任何相关的容器组件以使用不规则布局。属性如下所示。

(4).顶部导航组件

顶部导航组件固定在页面顶部，用于编辑顶部导航。常用的移动应用程序顶部有一个导航，上面写有移动应用程序App的名称或标志，以及返回键等。

(5).底部导航组件

底部导航组件固定在页面底部，用于编辑底部导航。

（6）。分割线组件

分割线组件放置在任意组件之间，以实现分离。分割线组件的属性面板如图所示。

(7).动态分类组件

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

弹出组件

滑动面板组件

侧边栏组件

类别导航组件

2. 基本组成

基础组件是小程序页面常用的组件，包括文字、图片、按钮、标题、轮播、类别、图片列表、图片集、视频等。

(1).文本组件

文本组件用于显示文本并设置点击事件。是小程序页面中最常用的组件。文件属性如图所示。

(2).图片组件

图片组件用于在页面上显示图片，其属性面板如图

(3).按钮组件

按钮组件用于设置页面上的按钮。其属性面板如图

(4).标题组件

组件用于设置页面的标题，其属性面板如图所示。

(5).轮播组件

组件用于实现图像的轮播显示，其属性面板如图所示。

点击“添加轮播组”按钮进入管理后台，然后点击“轮播管理”→“新建组”选项创建轮播组。分别填写“群组名称”和“群组描述”，点击“确定”按钮，进入轮播管理界面。

(6).分类组件

分类组件可以设置不同的内容显示在不同的类别中，也可以添加或删除类别的数量并进行相应的设置。其属性面板如图所示。

(7).图片列表组件

图片列表组件可以以列表的形式展示图片，还可以设置图片的名称、标题和点击事件。图片列表组件的属性面板如图所示。

（8）。图文采集组件

图库组件用于显示图片、标题和简介

(9).视频组件

视频组件用于显示视频，其属性面板如图所示。

视频组件提供三种视频源：Web应用、小程序、云服务。 Web应用程序使用视频通用代码来确定视频的来源。比如打开优酷网站，找到自己需要的视频，进入“分享给朋友”页面，就会显示通用代码，如图。

单击“复制通用代码”按钮，将复制的通用代码粘贴到如图所示的文本框中。保存后即可将视频添加到小程序项目中。

3. 高级组件

高级组件通常需要背景数据。通过设置后台数据，将数据后台化，使得小程序的数据可以随时更新，及时修改，如图。下面介绍几个常用的组件。

(1).动态列表组件

动态列表组件是一个容纳基本组件的容器，用于显示后台数据。通过添加基础组件来显示相应的后台数据。其属性面板如图所示。

要使用动态列表组件，必须在后台进行数据管理。点击“管理对象”按钮，进入管理后台。

单击“添加数据对象”按钮，进入“数据对象列表”页面。

单击“添加字段”按钮添加相应的字段。

单击“保存”按钮，返回“对象管理”页面。

点击“数据管理”按钮，进入“数据管理”页面。

点击“+添加数据”按钮创建新数据并进入“添加数据”页面。

添加相应的数据并保存，继续添加所需的数据。

返回编辑页面。为了方便布局，请将“自由面板”组件拖到动态列表中，然后将一个图像和两个文本组件拖到“自由面板”组件中。

在动态列表属性面板中的绑定数据对象中选择“Down ”数据对象。同时，图片组件与数据对象的样式字段绑定，文本组件分别与数据对象的名称和价格字段绑定。

最终效果如下。

(2).个人中心组件

个人中心组件显示与个人信息相关的组件，包括图片、昵称、我的订单、送货地址、购物车等，如图所示。

个人中心组件的属性面板如图

(3).动态表单组件

动态表单组件相当于HTML中的标签。是一个容器组件，可以添加子表单组件和基础组件，收集用户提交的相关信息到后台数据对象。动态表单组件的属性面板如图所示。

在编辑页面添加对应的动态表单子组件（如“评分”），如图。

点击如图属性面板中的“管理对象”按钮，添加数据对象列表，如图。

前端提交相关数据，通过后端可以查看并统计，如图。