本章学习目标
1.了解即速应用的特征
2.掌握即速应用布局组件,基础组件和高级组件
3.掌握即速应用后台管理
4.掌握即速应用小程序打包上传
5.1 即速应用概述
5.1.1 即速应用的优势
1.开发流程简单,零门槛制作
(1)登录即速应用的官网(http://www.jisuapp.cn),进入制作界面,从众多行业模版中选择一个合适的模版。
(2)在模版的基础上进行简单编辑和个性化制作
(3)制作完成后,将代码一键打包并下载
(4)将代码上传至微信开发者工具
(5)上传成功后,等待审核通过即可
2.行业模版多样,种类齐全
3.丰富的功能组件和强大的管理后台
(1)资讯类:新闻,媒体。
(2)电商类:网购(服装,电器,读书,母婴...)
(3)外卖类:餐饮及零售
(4)到店类:餐饮及酒吧
(5)预约类:酒店,KTV,家教,家政,其他服务行业
5.1.2 即速应用界面介绍
1.菜单栏
2.工具栏
3.编辑区
4.属性面板
5.2 即速应用组件
即速应用提供了大量的组件供用户快速布局页面,包括7个布局组件,9个基础组件,18个高级组件和2个其他组件。
5.2.1 布局组件
布局组件用于设计页面布局,主要包括双栏,面板,自由面板,顶部导航,底部导航,分割线和动态分类。
1.双栏组件
2.面板组件
3.自由面板组件
4.顶部导航组件
5.底部导航组件
6.分割线组件
7.动态分类组件
5.2.2 基本组件
基本组件是小程序页面常用的组件,包括文本,图片,按钮,标题,轮播,分类,图片,列表,图文集和视频。
1.文本组件:用于设置文字,点击事件。
2.图片组件:用于页面展示图片
3.按钮组件:用于页面设置按钮
4.标题组件:用于设置页面标题
5.轮播组件:用于实现图片轮播展示
6.公告组件
7.商品列表组件
8.组合组件
9.视频组件:用于展示视频
5.2.3 高级组件
高级组件通常需要后台数据,通过设置后台数据来实现数据后台化,让小程序的数据随时更新,及时修改。
1.动态列表组件
动态列表组件是容纳基础组件来展示后台数据的容器,通过添加基础组件来展示对应的后台数据。
如图所示:
2.个人中心组件
个人中心组件显示个人相关信息,包括图像,昵称,我的订单,收货地址,购物车等。
如图所示:
3.动态表单组件
动态表单组件相当于HTML中的<form>标签,是一个容器组件,可以添加子表单组件和基本组件,用来收集用户提交的相关信息给后台数据对象。如图所示:
4.评论组件
评论组件提供信息发布或回复信息的组件,评论组件的属性面板如图所示:
5.计数组件
计数组件可以用于点赞,统计浏览量等类似的计数功能。计数组件的属性面板如图所示:
6.地图组件
地图组件用于显示指定地址的地图,常用于实现定位及导航功能,地图组件的属性面板如图所示。
7.城市定位组件
城市定位组件通常与列表类组件搭配使用,常见搭配有动态列表和商品列表。
8.悬浮窗组件
悬浮窗组件的固定搭配有:客服,我的订单,购物车,回到顶部。
5.2.4 其他组件
其他组件包括音频组件和动态容器组件。
1. 音频组件
2.动态容器组件
5.3 即速应用后台管理
即速应用后台管理提供了非常强大的后台管理,开发者在后台进行修改操作就可以让数据即时更新,开发者还可以通过后台来查看小程序数据管理,用户管理,商品管理,营销工具,多商家管理等功能。
1.数据管理
数据管理包括数据总览,访客分析和传播数据功能。
2.分享设置
分享设置主要提供可以分享应用的方式。
3.用户管理
用户管理主要用于实现对用户进行添加,分组,群发消息,储值金充值,赠送会员等更能。
4.应用数据
应用数据是后台管理的主要内容,前端组件(动态列表,动态表单)的数据都是通过在应用数据中的数据对象来管理的,类似通过数据库存放和管理数据。
5.轮播管理
轮播管理是前端软播组件的后台数据管理器,通过软播管理来设置前端软播组件展示的图片内容。
6.分类管理
分类管理适用于电商,到店,应用数据。分类管理可以通过选择动态分类组件样式来实现在顶部分类或侧边栏分类以展示应用数据,商品数据等效果。动态分类的二级有图模式只适用于电商。
7.商品管理
商品管理是后台管理的主要内容,前端商品列表组件的数据来源于后台商品管理。商品管理可以管理商品列表,积分商品,位置管理,支付方式,订单管理,拼图订单管理,订单统计,账单明细,运放管理和评价管理功能。
8.经营管理
经营管理主要包括子账号管理,手机端客户关系管理和短信接收管理,便于管理者管理小程序的运营。
9.营销工具
营销工具是小程序营销推广的有力工具,主要有会员卡,优惠券,积分,储值,推广,秒杀,集集乐,拼团活动,大转盘,砸金蛋,刮刮乐等。
10.多商家管理
多商家管理是即速应用为众多商家的商城(如‘华东商城’,‘义乌商城’等)开设的管理功能,方便管理者统计每家店铺的订单及进行收益分析。
5.4 打包上传
即速应用可以将小程序的代码打包,改代码包可以通过微信开发者工具来对接微信小程序。
5.4.1 打包
进入即速应用后台管理,选择左边选项“分享设置”按钮,单击“微信小程序”选项,选择“代码包下载”选项,单击确认按钮 如图所示:
通过“微信小程序-小程序-设置-开发设置”获取appID和appSecret,在“服务器配置”中填写相关信息,选择相应分类,单击“打包按钮,即可成功打包 ”
5.4.2 上传
5.5 本章小结
本章主要讲解微信小程序的第三方工具-即速应用,首先介绍了即速应用的优势及待点,然后介绍了即速应用的布局组件、基础组件、高级组件和其他组件,最后介绍了即速应用的后台管理及包、上传功能。通过对本章的学习,可以为以后使用即速应用制作各类小程序打下坚实的基础。