前排提醒：这里是新星计划2023【微搭低代码搭建小程序】学习方向的报名入口，一经报名，不可更换。 ↓↓↓报名方式：（下滑到本页面底部） 一、关于本学习方向导师 博客昵称：低代码布道师 博客主页：低代码布道师 个人简介：腾讯云微搭低代码高级布道师，CS

从数据源读取的好处是，我们的内容可以动态维护，而且微搭提供了企业工作台，可以提供网页后台的功能，这样运营人员就可以按照企业的日常需要不断的更新信息，也方便维护。我们本篇就把首页的效果都实现完毕了，首页分为四部分内容，分别是轮播图、宫格导航、图文卡片和tab栏，尤其显示内容的时候都需要从数据源读取。小程序还有一类需求就是展示服务的列表，我们这里用图文卡片组件来实现，我们先要添加一个标题，使用网格布局来实现。这里要注意的是默认选中我们选择首页，而且菜单里的跳转也需要选择首页，才会出现首页被选中的效果。

小程序一般会在首页显示商品的分类，这类需求我们在微搭中是使用宫格导航组件来实现。

点击变量，点击新建变量输入变量名称swaperlist，类型选择对象，选择我们的轮播图数据源，方法选择查询列表。

低码编辑器使用的是javascript，因此你需要先学习一下javascript，我们这里用到了条件判断语句，条件判断先是用If来判断小括号里的表达式的值，如果返回true则执行大括号里边的语句，如果返回false则执行else语句里的内容。业务逻辑我们有了，那该如何实现以上的逻辑呢？在前边的章节里我们已经在小程序启动的生命周期函数中执行了用户信息加载的逻辑，我们需要根据返回的结果做判断。这里的pageId需要赋值你需要跳转的页面的id，params是页面传参，需要就传入，不需要也可以不传。

本节我们主要是讲解地图定位组件如何使用，介绍了如何创建腾讯地图API，如何获取API key以及地图方法的代码调用，如果觉得有用，点一个在看吧。我们需要根据结果来具体的进行处理，可能是计算也可能是直接展示，要结合你自身的业务场景来做具体的实现。一般这种API除了在组件上使用外，我们还可以通过代码的形式访问，官方提供了访问api的模板。然后我们在组件上选择我们设置好的API，这样地图定位组件就配置好了。我们的入参需要参考API的方法，调用哪个方法就传对应方法的入参。创建API的时候需要输入API key。

我们本篇主要介绍了页面跳转传参的方法，传参有两种设置，一种是将值保存到全局变量供下一个页面使用，还有一种是新建页面URL参数，在跳转的时候设置值。除了页面传参外我们还讲解了表单容器的使用方法，在微搭中看到的页面都可以使用大颗粒的组件由平台自动生成，缩短了开发时间，减少了出错的几率。如果感兴趣，打开你的微搭，照着做一下吧。

在程序开发中，一般是打断点来观察堆栈里的变量的情况，但是在线的开发工具没办法打断点，我们就用console.log在控制台中打印信息，也方便我们对比结果和我们的预期是否相符合。好了，这一篇我们就介绍到这里，主要是讲解了自定义应用的创建方法以及如何初始化变量，喜欢就点在看吧，让更多愿意学习低码的人看到。微搭中的小程序需要通过创建自定义应用来创建，进入控制台，点击应用，点击新建应用，选择新建自定义应用。按照我们前述章节，是需要先判断用户的类型，根据不同的类型引导到注册页面，来填写具体的信息。

我们需求里系统管理员审核数据，目前的模型应用还不足以满足我们自定义开发，可以简单的理解为审核功能就是管理员可以编辑数据，修改状态就可以。按我们的需求分析，系统管理员来审核数据，要想审核数据需要给管理员提供一个管理后台。我们从编辑器访问企业工作台其实是使用的超级管理员，日后运营起来是需要通过域名访问的，可以在自定义域名模块配置自己企业的域名。我们在上一篇中介绍了数据源的设计及创建方法，本篇我们就根据我们创建好的数据源来设计功能。登录控制台，点击应用，点击新建应用，点击新建模型应用。点击根据页面一键生成。

我们使用低码工具本身就是腾讯自家的产品，所以就免去了获取的工作，我们直接在系统变量里就可以得到，在后续的开发过程中演示如何获取openid。这一篇的内容就到这，主要讲解了如何拆解一个小程序，用户规划哪几类，分别可以干什么。我们最后讲解一下数据源设计的时候为啥需要增加一个openid的字段，每一个访问微信小程序的用户，微信都给分配了一个唯一标识，叫openid。比如我们作为业主，经常有请家政的需求，比如每逢过年的时候需要擦玻璃，那么需要一个小程序能分门别类的展示各项服务，可以看到服务的内容和价格。

微搭提供了丰富的字段类型，包括文本、布尔值、数字、数组、对象、邮箱、电话、网址、图片、富文本、日期时间、枚举、地理位置、文件、自动编号、地区、计算公式、主子明细、关联关系在数据源设计时选择恰当的类型，在我们表单提交页面会根据字段类型自动的完成页面的创建。

我经常说技术和艺术是相通的，要想做好小程序，也是需要有一点美术的功底，不见得我们自己做出好看的图标来，但是把颜色搭配好也是必须的。在小程序中，如果你的页面是由多个组成的，往往涉及到页面切换的问题。在页面跳转时候还可以携带参数，通常我们的底部导航不建议携带参数，从产品规划上你不同的菜单是不同的业务，并不需要先从上一个页面选中某个参数带入到下一个页面中。选择好图标后，我们通常需要下载两种颜色的素材，一种是选中后的效果一种是未选中的效果。tab栏组件的布局模式一共是分成三种图文的，只有图标的，只有文字的。

本篇我们介绍了我们小程序开发中经常会用的三种组件，数据列表、数据详情、表单容器的使用方法。掌握这些常用组件，就可以快速开发出页面来，打开你的微搭赶快试试吧。

我们的需求是从数据源中读取图片，就需要创建一个变量用来存放我们从数据源读取到的数据。在应用模块，点击编辑应用，进入我们已经创建好的应用打开应用编辑器，点击顶部导航条上的变量点击新建变量输入变量名，类型选择对象，选择我们刚刚创建的数据源像轮播容器这种需要从数据源读取数据的组件，总是先需要考虑定义数据源的结构，也就是考虑数据源都需要哪些字段，字段的类型选择什么。构造好数据源之后，在编辑器中想调取数据的，需要定义变量。最后的一步配置就是根据组件的各类属性，做数据绑定。不同的属性需要选择不同类型的变量。

可以简单的和我们word中的表格进行类比，word中的表格就分为行和列，而且还可以合并单元格。低码开发的特点是可视化开发，在编辑器中通过组件的拖拽来完成页面的编制。本篇我们重点介绍一下普通容器的用法，实现的场景呢一般我们在首页都会展示各类信息，每类信息都会有一个标题，点击更多还可以查看更多的内容。默认普通容器里边的内容是纵向排列的，为了让文本实现横向排列，我们需要设置普通容器的样式。点击右侧属性面板的样式。轮播容器是一个高频使用的容器，比如我们小程序一开头就出现的图片轮播，就是使用这个容器进行搭建。

自定义方法就是我们编写业务逻辑的地方，比如你要从数据库里查询数据，又或者根据不同的条件，跳转到不同的页面。这些都需要将逻辑写入到自定义方法中。自定义方法创建也比较简单，只需找到对应的页面，在handler旁边点击+号就可以创建创建成功后会生成代码模板，我们只需要按照自己的需求实现逻辑即可模板里的代码function里边有两个参数，这里的参数叫做入参，event表示事件对象，data表示调用事件是传入的参数。不同的组件这里的值不同。

我们本篇介绍了低码编程的第一个基础概念，变量，包含了定义、初始化、赋值、变量绑定等相关概念。低码开发本质上也是开发，只是平台封装了大量的内容，让我们的编程更方便，并不是说不需要掌握任何概念可以直接上手编程。

我们用了比较短的篇幅就介绍了模型应用，而自定义应用写了这么多也只是一个概述而已。因为小程序本身就需要懂开发才可以构建，后续篇幅我们展开讲一讲具体的每一块的功能。

我们本篇介绍了创建应用的方法，重点介绍了模型应用的创建方法，比如选择数据模型，配置菜单，发布和访问应用。如果想学会低码开发，最好的学习方法就是练习，只有不断地练习中才能熟练掌握各种操作。