低代码布道师的博客

因为我们需要将菜品信息添加到购物车，点一个菜就加入一个菜品。像这类型的需求，在微搭里我们可以用数组类型进行存储。数组相当于一个容器，可以将元素添加到容器里。如果我们需要获取某个元素的信息可以通过下标来获取。微搭中的变量是遵循javascript的语法，包括定义、赋值、取值都可以参考JavaScript数组的语法。打开应用编辑器，点击顶部导航条的变量点击新建变量输入变量名cart，类型选择数组，数据类型选择JSON，作用域选择全局这里解释一下在JSON中数组的初始化我们可以使用一对儿中括号表示。

我们本篇分析了一下点餐的业务需求，根据需求设计了分类和菜品信息数据源，并且录入了测试数据，把基础搭建好，后续我们就可以开发功能了。

除了管理后台，我们还需要开发小程序，在微搭里小程序对应着自定义应用。在应用模块点击新建自定义应用输入应用名称，平台类型选择第三个页面搭建好之后，我们就需要从数据源里读取数据显示到页面上。读取数据可以通过定义变量来完成。点击导航条的变量点击新建变量输入变量名称，类型选择对象，数据模型选择店铺信息，方法选择查询列表页码和每页大小设置为1本篇我们介绍了店铺信息展示功能的开发，包含如果搭建页面，设置组件的属性、样式及事件。通过调用平台方法，我们就可以很便捷的实现拨打电话及地图导航功能。

我们本篇带着大家根据原型来将信息拆分到数据源中，讲解了每个字段的建立方法，并且讲解了如何录入测试数据，如何获取经纬度信息。开发就是这样，要对每一个步骤做到心中有数才可以开发出自己想要的功能来。

我们本篇教程主要是分析了一个点餐小程序应该有哪些功能，利用原型工具分别绘制了每一个页面，下一篇我们就根据原型来设计相关的数据源用来存储和展示数据。

这里的所在学校是表单容器帮我们自动生成的，我们可以再添加一个下拉选择组件，这里的选项值需要使用表达式绑定，表达式绑定的时候需要从变量选择。在做绑定的时候，我们要把变量的值处理一下，使用map语法处理，这里要注意的是你要绑定选项，因为我们的选项才会动态的读取值。如果单独拆分数据源，导致问题是如果内容可以让用户自己录入，难免就会有重复值，那我们需要去重一下，使用如下的表达式去重。一般你字段设置为枚举类型就可以，如果是动态的，你绑定数据源，设置字段就可以。我绑定变量的时候，提示错误，求指导。

我们本篇介绍了借助chatGPT的智能分析能力，结合低代码工具快速搭建能力，快速的完成了一个进销存系统的搭建。未来，随着AI和低代码的不断融合，就无需如此繁琐，我们只要和AI聊聊天，需要的系统就生成了，那真是太美好的未来了。

创建一个自定义应用来开发我们的小程序我们本篇先是让chatgpt帮我们生成了旅游攻略，生成的时候要帮我们获取景区的经纬度。接着借助低代码快速生成小程序的能力，将文字性的攻略生成了在线的小程序，带上你的互联网导览程序，乘着假期，愉快的玩耍去吧。

JavaScript是一种脚本语言，通常用于Web开发。它可以在网页上创建动态效果、交互式用户界面以及实现复杂的功能，例如表单验证、网页游戏等。JavaScript是一种解释性语言，它不需要编译，可以直接在浏览器中运行。它是一种弱类型语言，允许开发人员在开发过程中更加灵活。JavaScript可以在客户端和服务器端进行编写和运行。JavaScript的同源策略是浏览器的一种安全机制，它规定了一个域名下的页面只能够访问与自己同源的资源，而不能够访问其他域名下的资源。

微搭中调用第三方API的，先要熟悉第三方API的URL，调用是GET还是POST，要注意入参和出参。这些了解清楚后在微搭中使用APIs调用即可。

新建一个自定义应用，输入小程序的名称内部管理使用小程序还是非常方便的，使用的时候只需要扫码就可以实现用车和还车的登记，管理员也可以方便查阅记录。如果感兴趣，打开你的低码工具照着做一遍吧。

登录控制台，点击新建自定义应用，创建我们的小程序本篇我们带着大家实现了一个投票的功能，如果需要有一定的逻辑还是需要通过代码来实现，写代码的时候要熟悉javascript的语法才能够顺利的编制出来。

低码工具中的自定义应用对应着我们的小程序，登录控制台，点击新建自定义应用本篇我们带着大家实现了一下倒计时的功能，有的初学者认为低代码就是拖拖拽拽开发功能。其实对于简单业务确实是这样的，但是你的应用一旦开发，必然会面临逐步的深入，在这些深入的场景中还是需要通过代码来写逻辑的。这也是低代码的特点，它是少代码，而不是说一点代码也不写。

低码开发其实和传统开发的流程是一样的，也需要经过需求分析、功能设计、数据源设计、页面开发、预览发布等几个步骤。前边设计环节主要是依赖于我们对具体行业和业务的了解，结和实际的问题做针对性的设计。后边部分主要还是需要提高开发技能，一方面要熟悉低码的开发模式，过程中如果需要涉及到业务逻辑的也需要写一定的前后端的代码。但总体上开发效率会提高不少。对低码感兴趣的朋友，照着教程，打开你的工具实操一遍吧。

在微搭中，如果需要发送订阅消息的，我们需要自己开发后端逻辑。后端逻辑的代码是写在API里，登录控制台，点击新建APIs选择自定义代码录入名称和标识然后修改一下方法名称和标识在自定义代码中贴入如下代码try {然后新建入参，入参的结构如下点击方法测试，输入入参点击出参映射。

到本篇我们的预约功能就全部开发好了，商家在看到预约信息后可以派人上门服务，至于后续的业务可以通过微搭的工作流搭建，以目前的功能规划来说，小程序提供一个预约的功能也就够了，剩下的功能都可以在线下完成。我们再回顾一下我们的功能。

我们本篇继续完善了用户注册功能，主要是更新用户表的字段，注册功能后再次将用户信息加载出来，感兴趣的照着教程实验一下吧。

我们本篇主要讲解的是我的信息页面的功能开发，用户在未注册的时候我们需要引导用户注册信息，需要根据变量的值来显示对应的组件信息，需要了解微搭的相关概念，比如生命周期函数、前端API、数据源的API等。

数据源录好之后，我们需要新建自定义应用用来存放我们的小程序我们本篇是以新生入学这个场景，带着大家搭建了小程序和管理后台。使用低码工具开发应用还是非常方便的，全程都是可视化拖拽，无需编码，对于新手来说还是很友好的。学习低代码开发，从最基础的需求开始吧。

我们本篇带着大家搭建了一个设备巡检小程序，日常使用低代码的搭建能力可以快速的帮我们完成常用的工作，还是很方便的。

我们本篇带着大家一起用低码工具搭建了视频播放小程序，用低码开发还是很方便的，只需要写少量的代码就可以实现功能，如果你也希望低成本的制作小程序，关注我吧。

我们本篇带着大家实现了低代码中用户注册及权限控制的功能，当然了不同人使用低码的方法和路径都是不一样的，你可以把我的方法做一个参考，希望能给你带来一定的启发和帮助。

本篇我们讲解了如何借助第三方的二维码服务来实现我们的二维码显示及上传功能，有时候采取一个折中方案也可以帮助你的应用快速上线，最重要的就是实现功能。

后端正确返回之后，发现金额还是0，那就需要排查前端了，我们是通过变量定义去获取API，那就打开开发调试工具，输入变量的路径，看看页面有没有正常返回回来数据。这里商品单价有两行明显是有问题的，出现这种问题说明是在数据录入的时候质量不太好，究其原因是我们的校验做的不好，让脏数据入库了。这里的字段我们需要注意的是首先需要有一个openid的字段，这是一个数据权限的字段，用来标识数据是属于谁的。默认参数的值是这里是示例，你自己在做测试的时候，要传入实际的值，按默认值肯定是查不到数据的。

这一篇我们主要是解决了下拉选项的填充问题，需要通过API来读取数据源，然后去重再填充到数据源里。很多现在还没接触低码的，认为低码只是拖拖拽拽解决一下简单业务，其实是误读和误判，他本质是一套在线的开发工具，前后端都可以编写。只不过界面的组装是通过可视化的手段完成，这样其实是为了提高开发的效率。还在观望的，不妨开通一个试用账号，亲自体验一下，看看低码究竟可以干哪些内容，做到什么程度。

为了实现附件的下载功能，我们需要先创建一个自定义应用，应用类型的话选择支持web输入应用名称，选择支持的平台类型先将应用的模式切换成电脑模式然后添加数据表格组件数据模型选择我们创建的数据源操作列默认只有删除按钮，我们选中操作列，添加一个查看按钮类型选择链接给按钮增加一个点击事件，打开页面，跳转到查看页面。我们需要先新建一个查看页面，点击页面组件区的+号输入页面的名称回到首页，选中我们的按钮，增加点击事件选中打开页面。

按钮插槽可以让我们自己决定放置哪些按钮，而内容插槽可以放置各类组件，一般我们可以放置表单类的组件，比如像开始学员问的是放置的单行输入和图片上传组件。这里讲解一下这句话用到了javascript表达式的概念，操作数1 操作符 操作数2 ，等号表示赋值的意思，它会将操作数2的值赋值给操作数1，这样通过赋予空字符串就实现了清空表单内容的目的。现在弹窗组件已经提供了组件的内置方法可以实现窗口的关闭和打开，在右下角的事件，我们选择点击关闭按钮。选择添加新方法，输入方法名称，方法里的内容写入清空表单组件的输入内容。

低代码从21年起开始成为热点，至今已经发展了两年多的时间。微搭作为腾讯云旗下的低码产品也历经多轮优化。不同人选择低代码有不同的理由，有的是初创企业希望低代码来提升运营效率的。有的是传统企业，希望借助低代码来改造现有系统提供移动端功能的。还有互联网的创业者，希望小成本投入验证自己想法的。虽然选择低码的理由不同，但是殊途同归。你选择了开发工具，意味着你要学习开发知识，来实现自己的想法。那么自学就需要有一条明确的学习路径，找到正确的学习方法才可以做到事半功倍。

我们本篇讲解了一个常见功能的列表信息和详情页的设计，使用低码开发还是比较方便的，如果是简单场景无非是花几分钟做配置，并不涉及到开发。

我们本篇完善了立即预约功能，填充了用户信息，提交成功后跳转到预约成功页面。下一篇我们介绍一个辅助功能，文章列表及文章详情功能开发。

上一篇我们开发了客服功能，本篇我们开始开发预约功能。

我们本篇主要是介绍了小程序接入客服的两种方式，也介绍了小程序的排错方法，按照教程自己测试一下吧。

我们的家政服务小程序已经完成了首页和分类展示页面的开发，接下来就需要开发详情页了。在详情页里我们展示我们的各项服务内容，让用户可以了解每项家政服务可以提供的内容。低码开发不像传统开发，如果开发详情页需要考虑每个字段的类型，搭配对应的组件进行展示。在微搭中开发详情页只需使用数据详情组件即可。

小程序的分类页面，通常会以侧边栏导航显示内容，我们使用了侧边选项卡和数据列表组件实现了分类展示的功能还有个需求是从首页点击某个分类的时候，跳转到分类页时候需要选中对应的类别。

我们本篇开发了分类功能，切换分类的时候自动展示该分类下的服务内容。可以看到我们只是使用了基础组件，使用了侧边选项卡和数据列表组件，配置了属性及事件就完成了开发，这也就是低码开发最大的特点，无需编程，只需要拖拽组件即可。

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

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

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

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

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