低代码布道师的博客

微搭低代码从入门到精通第一章 总体介绍第二章 数据源介绍第三章 首页开发第四章 用户登录及注册第五章 权限设计第六章 生命周期函数及自定义方法介绍第七章 页面跳转第八章 低码中操作数据库第九章 低码中的调试方法第十章 布局介绍目录微搭低代码从入门到精通前言实现思路创建自定义应用添加按钮创建自定义方法按钮上设置行为总结前言我们的会员小程序最重要的采集信息就是会员的手机号，首先手机号唯一，可以用来唯一标识会员的身份。其次在日常的业务操作中，如会员的充值、消费等，需要根据会员的手机号来进

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

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

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

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

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

目录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 项目背景日常生活中，我们经常去理发馆理发。如果是老顾客的话会问店主索取电话，想要理发的时候先问问店里的排队情况，然后按照约定的时间上门理发。现如今大家都喜欢在微信上使用小程序办理各项业务，如果开发一款理发预约小

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

零基础入门低代码开发

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

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

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

零基础入门低代码开发

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

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

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

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

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

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

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

传统开发用户登录注册，一般是需要考虑建立用户表，用户注册的话可以由管理员主动添加，将分配好的账号和密码告知用户。如果是互联网应用允许用户自主注册。低代码中因为没有外部用户管理这个模块，所以登录注册需要我们自己实现。实现的逻辑是我们建立一个用户的数据源，记录用户的openid、微信昵称、头像等信息。这里有个技术点是openid，在小程序中，如果用户访问了你的小程序，每个人都有一个唯一标识，openid，这个标识可以标识是哪个用户。知道了openid之后，就需要获取这个字段。小程序中这个字段是不能直接在前

我们在开发小程序的时候，不得不考虑一个问题，用户的权限控制。某些模块只希望管理员看到，某些模块是公开的。那么如何做到识别管理员，如何去控制模块权限呢？这就是本期要解决的问题，微搭低代码中如何实现权限过滤。微搭中的内外部用户介绍我们先看一下微搭是如何区分用户的，在用户模块，分为内部用户和外部用户内部用户可以自己添加，外部用户就是指匿名访客我的小程序自从上线以后已经有2500人访问过，还是不少的。但是匿名访客最大的问题是这里的uuid虽然唯一，但是没有和我们的业务数据关联，所以通过匿名访客去做权限过

介绍微搭低代码中如何实现附件的上传和下载

我们上一节解决了用赋值变量的方法来实现条件查询，粉丝群里有小伙伴按照教程做不出来，还有的是想输入完条件，点击查询按钮再实现结果的过滤。针对上述需求，咱们就改一下，按照输入查询条件，点击按钮来实现一下功能。搭建组件组件的话我们还是使用表单输入组件和列表容器组件实现变量定义我们创建一个变量用来存放页面上输入的查询条件查询逻辑的实现要想点击按钮就执行查询，需要获取表单里输入的值，然后将获取到的值赋值给变量export default function({event, data}) { l

作者介绍：腾讯云微搭低代码高级布道师，专注于低码的技术布道工作。目前在博客已经完成300篇低码文章创作欢迎大家订阅专栏：微搭低代码目录应用的分类创建应用的方法总结我们用了几篇介绍了微搭的基本概念，本节我们就开始介绍具体的操作。低代码作为一款开发工具，本身就有一些自有的概念，比如应用、页面、变量、低代码、数据源等等。除了要掌握低码的基本概念外，还需要掌握语言的基础。低码的语言需要了解javascript，学习javascript需要花费不少功夫。我的建议是编程和低码工具同时学习，编程知识掌握扎实.

低代码以其组件丰富著称，但是在实际开发的过程中有时候官方组件开发进展也不是特别快，尤其我们需要一些特色的小程序组件时要等官方更新可能来不及。为了保证项目进度，就不得不自己封装一些组件。正好微搭低代码平台考虑了大家个性化的需求，提供了自定义组件库的能力。登录低码控制台，找到组件库，我们可以创建自己的组件库。点击新建组件库，可以输入组件库的名称和标识点击组件库可以看到已经创建的组件自定义组件的话分为低码组件和源码组件，一般不需要封装低码组件，我们在应用中用官方组件开发即可。我们创建的一般都是源码组

介绍微搭低代码联动选择方法

微搭小课堂是一门实战课，以商业的视角来思考究竟该开发什么样的功能。既有技术点的分解，又有产品功能的规划。以微搭为主线，顺滕摸瓜体验一下腾讯全家桶的各种各样的功能。愿景是做一百期，形式是以朋友圈九宫格为载体。其实武功主要是心法，心法会了招式可以自创。一起看看我们可以和微搭走多远。日常很多小程序提供了在线预约的功能，在信息提交的时候希望获取用户的详细地址。为了提高用户的使用体验，往往通过地图点选的功能来帮助用户选择地址。本篇就讲解一下如何实现这样的功能。步骤一 打开地图配置要想调用腾讯地图，需要先让小.

日常在和粉丝交流的过程中，有的粉丝希望讲解一下布局和定位。这两个是CSS中常见的概念，如果干说概念没有实例其实很难讲清楚。本节我们就以官方模板为例，讲解一下如果用绝对定位来实现一些特殊的效果。先看效果图：这个特殊的效果在下边的表单往上移动了一截，相当于盖住了头部的背景图片。那这种效果就需要用定位来设置。我们先按照模板搭建一个不设置定位的效果。先放置一个普通容器然后里边放置一个普通容器用来设置背景设置该组件的样式，宽为100%，高为336背景的话我们设置为图片填充，宽高尺寸各位100%，图片

2021年低代码成为一个技术热点，各个厂商纷纷发布了自己的低代码产品。腾讯云也适时的推出了自己的低代码产品，微搭。借助于腾讯的技术生态，微搭天然和小程序亲和，并且依托于云开发的技术底座，为大众提供稳定且费用低廉的优质服务。随着时间的推移，微搭的产品也越来越完善。因为低码是以拖拽开发作为基础，面向业务人员，所以吸引了各行各业的人员参与开发。其中有店主、企业主、大学老师、国企职工及IT产业从业人员。作为跨行业的人员，如果直接上手开发未免有些困难。经过这一年的实践，结合业务人员的日常使用需求，打造了本入门教程

很多初学者，会问一个问题，学习微搭低代码需要什么基础。如果你看宣传，人人都是开发者，感觉好像不需要什么基础。但是你真正开始做应用的时候，发现每一个很小的基础点都难以逾越。究其原因，就是没有先学习编程知识，就开始实操了。有很多人会持有一个理念，知识我遇到啥就学习啥。这个观点成立的前提是，你通过长时间的训练和学习，已经掌握了这个行业的总体知识，新的知识的出现也是在延续旧的知识。因为有了基础，掌握了学习的方法，所以感觉遇到啥学习啥不困难。对于跨行业，或者零起点开始学习的同学来说，如果不把知识梳理成体系，循序渐

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

零基础入门低代码开发

以前低代码要实现列表功能，需要通过基础组件结合变量定义及变量绑定实现。如果需要实现分页效果的，还需自己实现分页代码。对于初学者来说，要想把分页实现明白了也不容易。为了降低使用难度，官方最近新上线了两个组件，列表视图组件及数据视图组件，来解决列表页搭建及详情页搭建的问题。通过熟练使用组件，来提高开发效率。本文就详细介绍一下这两个组件的用法。列表视图组件列表视图组件通过配置数据源，设置样式模板来快速创建列表页面。往编辑器中添加列表视图组件数据模型可以选择我们需要的数据源，模板可以选择我们需要的显示效果

开通了微搭低代码账号之后，我们就一只脚踏入了软件开发这个领域。不管你是安装官方模板进行二次开发也好，还是创建自定义应用从零开始也罢。既然开发就要具备排错的能力，专业术语叫debug，也叫断点调试。因为咱们这个是线上的集成开发环境，就不能和传统开发在IDE里那么方便。所以并不是像传统开发一样可以打断点，当程序运行到断点处自动停下来，我们可以从堆栈中查看变量的情况。微搭低代码的开发语言是javascript，那么就需要掌握javascript如何进行程序调试。在微搭中一共有四种调试方法1 在控制台输出应

小程序里可以在底部放置tab栏组件实现底部的导航菜单切换，有粉丝问，为啥我的导航条底部菜单切换不了呢？其实是没有设置对的原因，并不是组件的问题。我们看一下我开发的一个实战案例，小家电企业官网首页放置了tab栏组件作为底部导航的效果，菜单的话一共是三个，首页、产品、加盟。我们配置tab栏一共有三个地方需要配置，第一部分是选中页面，这个设置决定了你这个页面进入后默认选中的是哪个页面。因为我当前是首页，所以默认选中需要设置成首页第二个需要设置的是布局模式，一般是选中第一种，上边是图标，下边是文字的模式

我们在第一课中制作了一个小例子，点击文本组件，弹出一个消息本节我们继续介绍低代码中的相关知识。API应用程序接口（Application Programming Interfaces），是低代码中常见的技术概念，在低代码中我们有很多的API可以使用。微搭低代码提供了两类API接口，分为前端API和后端API。前端API包含界面交互接口、工具相关接口、路由相关接口、数据源相关接口、平台相关接口几类。用代码调用的方式显示弹窗效果比如我们在第一课介绍的例子里，调用了平台方法，showModal弹窗。

微搭低代码控制台整体介绍，便于初学者建立基本概念。

微搭小课堂是一门实战课，以商业的视角来思考究竟该开发什么样的功能。既有技术点的分解，又有产品功能的规划。以微搭为主线，顺滕摸瓜体验一下腾讯全家桶的各种各样的功能。愿景是做一百期，形式是以朋友圈九宫格为载体。其实武功主要是心法，心法会了招式可以自创。一起看看我们可以和微搭走多远。

微搭小课堂是一门实战课，以商业的视角来思考究竟该开发什么样的功能。既有技术点的分解，又有产品功能的规划。以微搭为主线，顺滕摸瓜体验一下腾讯全家桶的各种各样的功能。愿景是做一百期，形式是以朋友圈九宫格为载体。其实武功主要是心法，心法会了招式可以自创。一起看看我们可以和微搭走多远。现在很多商家都利用微信来进行宣传，或者是使用朋友圈或者是依托微信群。虽说线上宣传比较便利，但是有一个日常经常需要反复做的场景就是指路。一般新加的顾客要想到店购物，必须和商家沟通详细的地址，有时候表达的有误就免不了要跑不少冤枉路。.