微信小程序第五章总结

最新推荐文章于 2024-06-20 15:53:29 发布

蛙waao

最新推荐文章于 2024-06-20 15:53:29 发布

阅读量982

点赞数 22

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/2301_81811419/article/details/137275682

版权

一.即速应用的优势

1.开发流程简单，零门槛制作

登录即速应用的官方网站(www.jisuapp.cn)，进入制作界面，从众多行业模板中选择一个合适的模板。
在模板的基础上进行简单的编辑和个性化制作。
制作完成后，将代码一键打包并下载。
将代码上传至微信开发者工具。
上传成功后，等待审核通过即可。

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

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

二.即速应用界面介绍

登录即速应用官网，单击”注册“按钮，填写相应信息，即可完成注册。

该应用的主界面主要分为4个区域，分别为菜单栏、工具栏、编辑区和属性面板，如下图所示：

1.菜单栏

”风格“选取用于设置小程序页面的颜色，”管理“选项用于进入后台管理页面，”帮助“选项用于提示帮助功能，”客服“选项用于进入客服界面，”历史“选项用来恢复前项操作。

2.工具栏

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

3.编辑区

4.属性面板

二.即速应用组件

1.布局组件

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

（1).双栏组件

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

(2).面板组件

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

(3).自由面板组件

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

(4).顶部导航组件

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

(5).底部导航组件

底部导航组件固定于页面底部，用于编辑底部的导航。通过底部导航组件可以添加标签、删除标签，同时可以分别设置每个标签的名称、原始图片、点击图片及链接至某一页面；通过组件面板可以进行组件背景色、图片及文字的设置。底部导航组件的制作效果如图所示。

(6).分割线组件

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

(7).动态分类组件

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

2.基本组件

(1).文本组件

文本组件用于展示文字、设置点击事件，页面中最常用的组件。文本组件的属世面板如图所示。

(2).图片组件

图片组件用于在页面中展示图片，其属性面板如图所示。

(3).按钮组件

图片组件用于在页面中展示图片，其属性面板如图所示。

(4).标题组件

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

(5).轮播组件

轮播组件用于实现图片的轮播展示，其属性面板如图所示。
单击“添加轮播分组”按钮进入管理后台，然后单击“轮播管理”→“新建分组”选丽以创建轮播分组，如图所示。
分别填写“分组名称”和“分组描述”，单击“确定”按钮进入图所示的轮播管界面。

(6).分类组件

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

(7).图片列表组件

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

(8).图文集组件

图文集组件用于展示图片、标题和简介。

(9).视频组件

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

视频组件提供网页应用、小程序和云服务3种视频来源。网页应用使用视频通用代码来确定视频来源。例如，打开优酷网站，找到需要的视频，进入“分享给朋友”页面，通用代码就显示出来，如图所示。
单击“复制通用代码”按钮，把复制好的通用代码粘贴到图5-31所示的文本框中，保存后即可在小程序项目中添加该视频。

3.高级组件

高级组件通常需要后台数据，通过设置后台数据来实现数据后台化，让小程序的数据时更新，及时修改，如图所示。下面介绍其中的几种常用组件。

(1).动态列表组件

动态列表组件是容纳基础组件来展示后台数据的容器，通过添加基础组件来展示对应的后台数据。

(2).个人中心组件

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

(3).动态表单组件

动态表单组件相当于HTML中的<form>标签，是一个容器组件，可以添加子表单组件和基本组件，用来收集用户提交的相关信息给后台数据对象。

(4).评论组件

评论组件提供信息发布或回复信息的组件，评论组件的属性面板如图所示。

(5).计数组件

计数组件可以用于点赞、统计浏览量等类似的计数功能。

(6).地图组件

地图组件用于显示指定地址的地图，常用于实现定位及导航功能，地图组件的属性面板如图所示。

(7).城市定位组件

城市定位组件通常与列表类组件搭配使用，常见搭配有动态列表和商品列表。例如，城市定位组件与商品列表搭配，可以实现通过城市定位来搜索出某具体位置信息下的商品列表。

(8).悬浮窗组件

悬浮窗组件的固定搭配有：客服、我的订单、购物车、回到顶部。悬浮窗组件通常出现在个人中心或商品列表页面。

4.其他组件

其他组件包括音频组件和动态容器组件。

(1).音频组件

音频组件用于播放音乐（每个页面有一个音频组件即可），手动点击播放按钮后即可实现播放。音频文件可以选择音频库中的音乐，也可以上传本地音频进行更换，音频组件的属性面板如图所示。

(2).动态容器组件

动态容器组件用于动态页面，即所在页面绑定了数据对象。动态容器组件中可以添加多种组件——文本组件、图片组件、按钮组件、标题组件、分类组件、音频组件、双栏组件，计数组件。其中，文本组件和图片组件可以绑定相应的数据对象字段（填充相应动态数据)，若有计数组件，则会自动与动态容器关联。动态容器组件的属性面板如图所示。