低代码布道师的博客

前言一般的科技企业都有自己的官网，详细的列出了公司经营的产品及成功案例。在PC互联网时代大家都习惯通过搜索来获取讯息，在移动互联网时代大家都习惯通过手机上网。手机现在大家的习惯是访问微信小程序，如果将企业的官网做成小程序一方面是方便客户，另一方面也是方便求职者了解公司的概况。本文就利用微搭低代码工具来开发一款企业官网小程序。功能规划我们做小程序的话是需要先进行功能规划，利用腾讯文档的思维导图就可以，以下是具体的功能规划图。我们还是按照一个企业的实际业务规划了不少功能，有了功能蓝图就有了设计底稿，

微搭最近更新了新版本，已经可以无缝和腾讯地图集成了，我们已经介绍了腾讯地图如何集成，以及如何使用最新的地图组件。在实际的业务开发中如果只用官方的组件，不太自由.有时候我们需要自己处理，这就要求我们仔细研究api的用法。本文以其中的IP定位，来介绍一下如何使用腾讯地图的API。要想知道api的用法，我们先是需要阅读腾讯地图的官方文档https://lbs.qq.com/service/webService/webServiceGuide/webServiceIp首先看api的介绍通过终端设备I

最近官方又更新版本了，发布了不少新功能。有小伙伴说新出的地图定位组件没用明白，笔者抓紧研究了一下，这篇教程就带大家体验一下新发布的组件如何使用。步骤一 定义连接器地图定位组件要想使用前提是启用腾讯地图，新版本中如果想调用腾讯自家产品的，需要创建连接器。点击控制台，找到连接器，点击新建连接器选择腾讯地图名称和标识系统自动生成，我们需要做的是获得apiKey点击界面上的链接，用微信扫码，然后进入到控制台里创建一个应用，创建完操作列上的Key就是我们地图调用的apikey，保存成功后就完成了连

前言我们在日常就餐的过程中，餐饮店经常会使用餐饮小程序来管理台位，来控制每桌的就餐或者空闲状态。一般是餐桌上进行扫码点餐，在PC端来控制收费。本篇教程，我们就结合这个实际的业务场景，利用微搭低代码工具来实现对餐桌状态的一个管理。实现的效果我们页面上通过两个按钮来控制餐桌的状态，开台就让餐桌变成就餐的状态，并且设置一个红色的背景。点击闭台就让餐桌变成空闲的状态，并且设置一个绿色的背景。实现的思路要想控制餐桌的状态，可以通过一个布尔值变量来控制，通过变量的真假来显示餐桌的状态。点击变量，创建一

电商小程序实战教程第一章 总体介绍第二章 创建数据源第三章 创建管理后台第四章 首页的创建第五章 分类导航前言我们已经完成了首页和分类导航页面的开发，本节我们介绍一下商品详情页的开发。商品详情页的重点是页面传参和规格选择，掌握了这两个知识点，一般的页面都可以自如的完成开发。创建页面在页面组件区点击+号创建页面输入页面标题和ID页面开发详情页的逻辑是根据从其他页面传入的ID来过滤数据，所以先需要新建一个参数变量然后新建一个模型变量选择商品数据源，方法的话选择单条，并且和刚才

电商小程序实战教程第一章 总体介绍第二章 创建数据源第三章 创建管理后台第四章 首页的创建前言从上一篇开始，我们就正式进入到了电商小程序的实战开发阶段。首先是介绍了首页的开发，首页主要是展示商铺的整体业务，一般小程序都会配置一个产品的分类导航页面，用来了解店铺具体售卖的产品。我们本节就介绍一下分类导航页面如何开发。创建页面登录控制台，进入到我们已经搭建好的电商小程序应用点击页面组件区旁边的+号，创建页面输入标题和页面ID页面开发分类页面左侧是类目的导航，右侧是产品列表。左侧

介绍电商小程序首页搭建方法

小程序一般是用来提供给顾客使用的，可以浏览商品，添加购物车，下单支付等操作。但是对于商家来说，只有面向顾客端的小程序还是不够的，需要给商家提供一套管理后台，用来日常维护商品的信息。传统开发对于解决这方面的需求比较重，通常需要懂得前后端知识的全栈程序员来完成页面的前端开发和后端的接口开发。要么是会java开发，如果是用js的话就需要掌握javascript和nodejs来搭建前后端系统。对于低代码解决方案来说，如果我们按照传统的开发模式，要解决人人都能拥有后台管理系统的需求是不现实的。但是后台管理系统这种

我们在上一节中介绍了电商小程序的总体功能和数据源规划，本节我们就介绍一下数据源的创建方法。店铺信息登录微搭控制台，在数据模型列表，点击新建数据模型输入数据源的名称和标识点击添加字段按照数据源的设计，填写字段的名称并选择字段的类型分类按照上述方法创建分类的数据源及其字段商品如果数组元素选择了对象的，需要在字段列表点击+号来创建里边的元素状态的话注意需要设置枚举类型，包含待上架、已上架、已下架订单订单明细订单表和订单明细是一

项目背景随着人们消费习惯的改变，越来越多的人习惯在电商APP里购物。本地商家因为有当地销售的优势，希望结合自己的私域流量，打造自己的电商购物小程序。如果采购一套成熟的电商软件，价格颇高，每年需要缴纳不菲的会员费。2021年腾讯云推出了一款低代码开发工具，只要掌握了开发技巧，就可以搭建自己的业务软件。本文就结合这款工具，来开发一款电商的小程序。需求分析要想开发小程序，先需要做功能规划，我们利用思维导图来规划一下小程序应该有的功能参考了市面上通用的电商小程序，梳理了功能，一共包含首页、订单页、分类页

目录1 项目背景2 需求分析2.1 首页2.2 我的2.3 预约3 数据源设计3.1 店铺信息3.2 预约信息4 数据源开发5 模型应用创建5.1 获取用户openid自定义连接器6 小程序创建6.1 首页开发6.2 预约页面开发6.3 我的页面开发6.4 预约列表页面开发小程序发布实战总结1 项目背景日常生活中，我们经常去理发馆理发。如果是老顾客的话会问店主索取电话，想要理发的时候先问问店里的排队情况，然后按照约定的时间上门理发。现如今大家都喜欢在微信上使用小程序办理各项业务，如果开发一款理发预约小

前言日常我们在使用互联网产品时，经常需要就发现的问题和官方进行沟通，如果能有一款小程序可以直接发送工单就好了。如果使用传统模式进行开发，一个是费用高，另外一个周期也比较长。本文就利用腾讯云出品的微搭低代码工具来快速搭建一款工单系统。创建数据源搭建系统前先需要创建数据源，进入微搭的控制台，点击数据源，点击数据模型，点击新建数据模型输入名称和标识新建好之后，点击添加字段分别设置如下字段创建PC端应用数据源定义好后，我们创建一个模型应用，方便管理人员导出数据。点击应用，从数据模型新

目录一、安装cli二、创建组件库三、和本地组件库关联四、调试本地组件库五、安装微信开发者工具总结微搭作为低代码开发工具，提供了丰富的官方组件库，使得使用者可以以拖拽的方式来进行应用的开发。官方组件是经过严格测试提供给开发者使用，也间接的提高了应用开发的质量。除了官方组件库，微搭还提供了自定义组件的能力，方便开发者进行功能拓展。本文就介绍一下自定义组件库所需要的开发环境搭建方法。一、安装cli要使用自定义组件，首先需要安装cli，安装命令为npm install -g @cloudbase/cli

最近官方对软件进行了大版本的更新，原来的数据源拆分成了三个模块，数据模型、连接器、自定义连接器。有的小伙伴对自定义连机器的用法比较模糊，有的在使用中发现报错无从下手。本文就介绍一下自定义连接器的用法。自定义连接器自定义连机器有两种用法，一种是按照http的形式调用第三方接口，需要按照第三方接口形式输入入参和出参。已经有小伙伴自行接入了维格表，并且开发了一款应用。利用http的形式接入第三方的产品还是不错的，这样可以结合双方产品的各自优势，取长补短。当然了本文不介绍第一种方式，因为入门阶段还是需要掌握好

零基础入门低代码开发

零基础入门低代码开发

零基础入门低代码开发第一章 总体介绍第二章 数据源介绍第三章 首页开发第四章 用户登录及注册第五章 权限设计第六章 生命周期函数及自定义方法介绍第七章 页面跳转文章目录零基础入门低代码开发前言一、低码中的数据库二、低代码中操作数据库1.创建低代码方法2.组件上绑定低代码方法总结前言对于低码初学者而言，能够灵活自如的操作数据库是必备的能力，本篇教程就讲解一下低码中如何进行数据库的操作。一、低码中的数据库低码提供了一套线上的文档型数据库，文档型数据库最大的特点就是全部是通过对象的语法

2021年云原生技术比较火爆，作为一个关注技术热点的IT从业者，出现新的技术热点后必须关注一下。不理解的就先百度一下，百度是这样解释云原生的：云原生是基于分布部署和统一运管的分布式云 ，以容器、微服务、DevOps等技术为基础建立的一套云技术产品体系。我作为腾讯云开发、小程序技术栈的爱好者，从17年开始就关注微信小程序的技术发展，其实不仅是云原生，云开发的技术栈是基于Serverless的，那我们看看Serverless的定义：根据CNCF的定义，Serverless是指构建和运行不需要服务器管

零基础入门低代码开发，图文并茂，保姆式教学

我们上一节介绍了权限的设计思路，并且介绍了CSS的盒模型。本节我们介绍一下生命周期函数和自定义方法。低代码介绍以前的版本数据源里可以添加自定义方法，可以自己写后台逻辑。新版本将数据源拆分成了三个菜单，分别是数据模型、连接器和自定义连接器。我们在前述章节里介绍了如何创建自定义连接器。本节我们介绍一下如何在低代码编辑器里调用自定义连接器。初学低代码开发的同学可能对低代码这个概念不是特别理解。低代码是一个商业术语，它是和全代码做对照，意思是少些代码的意思。但是一般我们的处理逻辑还是需要写代码的，这里写的代码

我们上节介绍了用户登录的基本知识，包含npm、登录接口、云函数、自定义连接器等。有了这些前置的知识是为了更好的进行后续的开发工作。作为一本连载的教程，有时候光看图文教程理解的不是很到位，要是能有一个线上的小程序，在看完教程之后能够直接打开小程序体验一下多好。我想有这个需求的同学还是蛮多的，正所谓耳听为虚，眼见为实。权限设计为了做到这一点我们需要考虑几个问题，进入页面之后如何区分你是商家还是顾客。第二个问题是如果我们体验完商家之后如何切换一下身份，去体验一下顾客端的功能。那要如何解决上述的问题呢？我们

上一节我们介绍了用户信息数据源的创建及网格布局的使用，本节的话我们讲解用户的登录及注册功能任何开发。在我们前述章节里介绍的，不论是管理员表还是用户表，都涉及到一个问题就是openid，那这个openid如何获取呢？如果我直接把代码贴给你，就缺失了一个思考的过程。既然这个是微信提出的概念，那么必然就会有官方文档作为对应。程序开发的基本功就是要会看官方文档，很多初学的开发同学可能会对官方文档颇有诟病，觉得不够基础。怎么说呢，当你进入到开发岗之后，自学能力是必要的，还是要试着可以看懂官方文档才好。登录接口解读

上一节我们介绍了数据源的相关只是并且创建了管理员的表，本节我们准备创建用户信息表。既然是创建用户信息表就需要考虑需要哪些字段，因为我们是需要获取微信用户的相关信息，那么就需要考虑微信用户会有哪些信息。这个时候就需要查阅小程序的官方文档，打开官方文档在开发接口里可以看到用户信息，我们就按照文档里的信息依次创建一下字段。创建用户信息数据源打开微搭的控制台，在数据源下的数据模型里新建一个数据源输入数据源的名称和标识在模型配置界面点击添加字段录入第一个字段用户昵称创建第二个字段，用户头像

什么是数据源我们上一节介绍了会员管理小程序的整体规划，有了规划其实只是确定了目标，并不能够马上就拥有一款小程序。那么我们进入到开发阶段要从哪里开始呢？需要先从数据源的设计开始。如果想从设计开始那就需要理解啥是数据源。所谓的数据源他是包含了两个层面的意思，第一个层面首先是存数据的地方。日常我们在软件里提交的数据都需要保存到服务器里，这样你下次打开的时候才可以获取到。那存数据的地方就像我们去超市里寄存商品一样，分为一个个的格子，每个格子里你是放包包呀还是放衣服由你自己决定。那如果我们把东西寄存进柜子里

项目背景日常作为消费者，我们总是需要购买形形色色的物品或者服务。在这些物品或者服务购买的过程中，我们也和各种商家打交道，商家为了营销获得稳定的客源，总是推荐店内的会员消费。以前，在信息化不发达的时候，商家可能会手写登记会员的信息，每次消费后和顾客核对金额。这种传统方式的弊端是，每次顾客无法查看卡内余额，去店里得询问商家才可以。商家传统纸质记账又有可能出现纰漏，造成一定的经济损失。随着科技的进步，出现了单机版的会员管理系统，购置一台电脑，给会员办实体的会员卡，每次进店消费的时候划卡消费。这种方案虽然带来

微搭可以发布模型应用，自动生成增删改查的页面。企业中的运营岗，日常需要和外部客户进行大量的沟通，我们可以借助微搭的自定义能力，将企业的常见信息如联系人、合同、跟进记录等进行线上的记录和管理。本文就介绍一下如何将微搭的应用添加到企业微信的侧边栏里。我们在企业微信的聊天窗口，点击侧边栏图标刚开始我发现没有这个图标，需要自主添加一个应用，点击工作台，添加一个第三方应用添加之后在聊天窗口就会出现侧边栏的图标，在侧边栏窗口点击自定义弹出的窗口点击添加页面应用的话选择微搭低代码我们可以在左侧进行应

我们用附件上传组件上传文件后，如何在小程序中下载呢？解决思路是使用微信的下载api，结合在线打开api实现附件的在线预览。在页面中添加如下的代码export default function({event, data}) { try{wx.cloud.downloadFile({ fileID: 'cloud://lowcode-4g3rs4de0a58b06e.6c6f-lowcode-4g3rs4de0a58b06e-1305601167/weda-uploader/file-87d05e

微搭最新的版本组件里新增了附件上传的功能，我们今天就解读一下附件上传如何使用，先新建一个数据源，字段的话选择文件类型数据源创建好后，创建一个空白应用应用创建好后，先添加一个表单容器组件选择好数据源之后，表单的组件就自动生成好了页面开发好后就可以上传附件了，上传成功后可以看到数据源里附件已经上传成功了...

日常我们使用小程序时，经常会有消息弹框提醒，提示你是否允许小程序发送消息。当你选择允许后，在小程序提交的数据当状态发生改变时，比如订单的状态发生改变，小程序会推送订阅消息方便用户及时获取最新的数据。那低代码里如何实现呢？现在新出了个功能叫连接器，就是解决这种自定义业务逻辑或者调用第三方api的。登录控制台，点击自定义连接器输入名称和标识进行创建点击添加方法添加自己的方法因为我们要调用微信的api所以我们选择自定义代码输入如下代码/*** 使用 npm 包 request 发送http

号外，号外，微搭低代码又更新大版本了，本次更新提供了一个新的方案，连接器，可以通过连接器来打通腾讯系相关产品，目前已经可以集成的包括腾讯文档、腾讯会议和腾讯地图。本篇就是笔者体验腾讯地图的一手资料。首先登录控制台，找到连接器，点击创建在弹出的页面选择腾讯地图要想调用腾讯地图需要提供apikey，点击页面的链接进入到腾讯地图官方网站，扫码登录登录之后点击控制台，点击我的应用点击添加key我们勾选微信小程序，这里需要填写appid，打开微信公众平台，登录后找到开发管理->开发设置，

在小程序开发时，我们经常需要考虑使用微信缓存，比如将小程序的用户信息写入缓存，又或将用户的身份信息写入缓存。那么我们使用的微搭，作为一款低代码工具是否也可以操作缓存呢？答案是肯定的，低码中也可以操作缓存，可以在低码编辑器里通过api的形式来使用缓存。干说可能大家对这个概念不是特别理解，我们就开发一个实例，来看一看缓存是如何使用的。先看一下我们的实例要实现什么功能，日常小程序经常有登录授权的功能，当然了，你第一次打开小程序的时候肯定是要登录并且授权的。那我下次打开小程序的时候，因为已经授权了，就不再希望再

在小程序开发中，我们可以拿到微信用户的openid，openid可以作为用户的唯一标识，在查询数据的时候可以进行数据过滤实现查询自己提交的数据。那微搭中是否也有openid这个概念，可以获取用户自己提交的数据呢？答案是肯定的，那要怎么去做呢？思路是先创建一个数据源方法，在数据源中返回openid，然后低代码中可以调用数据源的方法并且赋值给全局变量，这样在后续的业务中从全局变量就可以获取openid了，方便做数据权限的控制。为了实现这个目的，我们从创建数据源开始。创建数据源我们先创建一个用户管理的数据

在上一期的问题解答过程中，我给粉丝讲解了表单图片上传组件的使用方法，这一期是我们图片上传组件的深入教学。粉丝：韩老师，我按照您的方法添加了表单图片上传组件，但是只可以上传一张图片韩老师：我看看，将组件拖入表单容器后，他默认的配置是单张上传，如果我们需要上传多张，就需要关闭相应的配置项粉丝：恩，我现在把配置项关闭了之后，可以上传多张，但是提交的时候报错，是不是数据源的字段也需要修改呀韩老师：是的，当初咱们是为了演示组件的使用，字段类型选的是图片类型，简单类型只可以支持单张图片，如果我们要上传多张图

微搭提供了各类表单组件，但是表单的下拉项如果只能是固定值还是远远不能满足需求的，今天我们就来实现一下下拉项如何动态填充值，做好的效果如下：这里的选项来源于数据源里的值，这样就实现了动态填充选项的效果。创建数据源我们先创建一个类别的数据源，字段的话只有一个name我们需要创建一个方法用来返回数据源的具体值module.exports = async function (params, context) { const result = await context.collection.

1 小程序简介日常我们在使用手机的时候，查看最近的天气是比较常见的需求，那可不可以做一款小程序来显示最近七天的天气呢？答案是肯定的，利用微搭提供的外部数据源我们就可以方便的获取互联网公开的天气预报的数据，来打造一款我们自己的专属小程序。2 小程序开发方法要想开发天气预报小程序，公共的API是必须的，好在现在都有好多免费的API网站，我们只需注册一个账号，申请为测试使用，免费的账号一般每天提供50次的使用次数，作为个人用户其实就足够了。得到API之后，就需要考虑如何实现小程序的功能，我们解题的思路是思

1 小程序简介日常我们在使用互联网产品时，搜索是一种常见的功能，比如我们使用网上购物，在搜索框里输入商品的名称，APP即返回和输入关键词相匹配的商品，我们可以根据商品的购买量、评价、价格等因素来挑选自己需要的商品。微搭作为一款小程序的便捷搭建工具，搜索功能实现自然不在话下，本文就利用微搭这款低码开发工具来实现一下商品的搜索。您通过阅读本篇教程可以收获如下知识点：如何获取文本框中输入的值如何实现页面的跳转页面之间参数如何传递如何从数据库中根据查询条件过滤数据如何实现数据绑定各种常用的组件的使

以对话的形式讲解低码实际操作，理解如何使用低码的组件来完成日常的开发工作，零基础也可以快速入门。

做低码布道也差不多快一年了，基本还是风平浪静的，文章发了几百篇，感觉貌似没啥回响。有时候感觉难道只有自己独自在这条路上前行？难道没有同路人么。这不又是平淡的一天，突然，公众号后台发了个提醒，您收到了一笔赞赏，打开一看，呀，收到了50。正所谓投石问路，我估计这位粉丝是准备学习呀。果不其然，第二天私信就看到留言，希望加好友更进一步的沟通。作为一名已经准备面向公众的博主，有人愿意沟通自然求之不得，于是留了联系方式，过了一天，对方就加好友了。于是我们就开始了第一次的沟通。粉丝：韩老师你好！感谢你分享低代码开

目录01 总体介绍02 首页搭建第一部分03 首页搭建第二部分04 首页搭建第三部分05 首页搭建第四部分06 首页搭建第五部分我们用了五篇的内容已经完整介绍了官网的首页的搭建方法，其实一个网站首页的内容还是最多的，剩下的版块就相对简单。本节我们搭建一下解决方案的页面。打开控制台，切换到解决方案页面首先添加一个顶部导航组件然后增加一个普通容器组件输入如下样式：width: 710px; height: 320px; opacity: 1; margin

目录01 总体介绍02 首页搭建第一部分03 首页搭建第二部分04 首页搭建第三部分05 首页搭建第四部分我们上一节完成了首页部分最新动态的搭建，已经可以正常显示企业的新闻了，本节我们就完成首页的最后一部分搭建，合作伙伴部分展示。登录控制台，打开首页，在页面里添加普通容器组件输入如下样式： top: 24px; width: 710px; position: relative; margin-top: 0px; background: rgb(255