腾讯云微搭低代码实战教程

上一节我们介绍了编辑页面的一个搭建的一个方法。啊，本节我们继续开发，首先的话是打开我们的应用， 通常情况下一 编辑店铺的信息应该是已经在数据库存存在的，所以要把这些子段从数据古装提取出来并填充上去。怎么做呢？呃，我们回到我们的图文教程里头来。 嗯，首先的话其实就是要把通用的这个逻辑做一次分装， 装到函数里头，然后在微搭里头的话，主要是在低代码编辑里头去做，但这个界面是上一版本，我们看新版本他怎么做，是在这个更多，然后找到低代码编辑器， 嗯，就是在这，然后咱们继续看这个图文价值。 呃，创建的方法的话是在 handra 旁边这个加号，嗯，点的话是我们要创建一个方式的，这个一代码分数 就在这，这样有一个加号点他一下，然后把你的函数名收进去点保存，这样话他就会给你生成 一个呃，默认的一个方法。 嗯，然后就是我们要在这里头，呃，定义一个获取店铺信息的一个一个方法， 然后你把那个这里头代码复制一下，复制到这里面去图去。 呃，我那图片叫什么？咱们这是。呃 信息加载的时候，其实就介绍了前头这个，嗯，是这个 api， 然后这边这个是那个数据的名称，这是他里头掉了一个获取 多条的一个方法，然后我那个反正结果因为是多条吗？所以我就返回第一条。嗯，复制给页面上这个数据就行了， 然后这里头介绍水源标识，然后去找。嗯，找到具体的方法。 嗯，这个公共函数定义好了之后，如果其他页面想，就是在其他方法想想调的话，嗯，就需要做一次分装。嗯， 啊，咱们刚才那个粘的位置有点问题啊，就你按我这个，然后咱们重新粘一次， 然后把它这样就相当于上头这个是 你抓了一个方法，然后要在嗯，他是在这个方法里头可能用，但要在外头用的话，你就把他得把他这个暴露出去。暴露方法就用露天语句，然后返回一个对象里头，把这一个方法名暴露出去就可以了。 这个是，嗯，那个就是 es 六的一个语法，以前的那个 gs 是没有这个模块画的，现在他加了这个模块的一个概念 贴好了之后我们看一看具体效果，测试一下。就在生命周期函数里头呃显示的，把它调音执行一下， 哎，这个就是我的那个，嗯，代码一样，你也可以把它直接复制，然后在这个生命中 这里头把它粘进来就行了。嗯， es 那个方法里头他其实，嗯对外暴露的叫 export， 就是他要导出，然后要在其他的模块里头调用的时候，你要用 input 这个语句， 然后前头这个是你自己起的他这个模块的一个别名。 fram 的话，后头这个就是他的一个路径， 然后点斜杠的话是当前路径下的，你看当前路径在这，然后他的嗯目录下面的 handle 这个目录下面的方式，这样的话就很快就掉倒进来，倒进来里头你就直接可以通过 这个方法名儿，嗯，就是模块名称原括号点里头的一个 get shop 的这种方法其实 就调用了，调用之后，然后，嗯，我们这里头是，嗯把它做了一个输出嘛， 说出来后你要具体看到的效果的话就怎么做呢？就是打开这个控制台， 是吧？控制台这里头因为我们是往控制台输入一下信息，你可以这样，哎，刷新一下， 哎，看见没？这个纸就有了吧？然后咱们看一下，你看他这个纸就有了。这个纸有了之后，呃，我们现在页面上没有变化，因为是我们还没把它复制给变量，下头就会，嗯，讲解怎么复制给变量，是吧？ 我这里都是讲解这个，然后复制给变量的话，咱们就是在嗯，下一节介绍，本节就先简单一点。

v 搭低代码是腾讯云推出的高效拖拽式低代码开发平台，鼠标拖一拖，三分钟即可生成一份页面，快速发布小程序、 h 五外部等多端应用产品。能力， 微搭低代码整合微搭平台微信能力、企业及能力，助力开发者快速接入，研发效率提升数倍。微搭低代码提供底层海量资源，可视化配置工具组建数据源、 上层表单引擎等基础能力，结合微信生态交易能力，快速生成一套包含商品详情、购物车、支付、结算订单等完整交易链路的页面。通过该能力，开发者可挖掘和转 怕视频号、搜一搜等流量渠道，整合账号权限、流征引擎、数据爆表等企业及能力，打通企业微信，提供行业化解决方案。功能优势， 对比传统开发模式，为搭低代码提供微信私有协议链路，直联小程序，享受微信私有协议带来的免流量、安全低延迟。微搭低代码推出应用市场，支持服务商入住小程序，开发定制更灵活， 为客户提供丰富应用模板，一键安装，快速部署，为合作伙伴提供销售和推广渠道，共建生态，互利共赢。微大低代码以云开发作为底层职称，可承载百万级高 并发，时刻为您的应用保驾护航。广泛应用，目前为大滴代码，已经广泛应用到政务、企业、工业、零售、教育、互联网等多行业各类应用场景。向上连接前端业务， 向下连接云计算的海量能力，助力企业垂直上云。

讲解了页面管理，然后这一期我们讲解一下数据模型。呃搭建地码应用的话，其实 需要把你这个数据结构构建好，嗯，这个数据结构呢？嗯是根据你的业务具体来的，比如你这个电商小程序比例啊，啊，通常我们在首页展示产品的时候， 呃需要展示产品的图片啊，呃产品的名称啊，价格啊，那我们就需要首先有一个产品的数据源，我在这里头右上角有一个加号，这图标就是创建一个新的数据源，我们呃创建一个叫产品信息的 数据员，创建好了之后就需要增加对应的字段啊，字段的话 就是根据你的具体要呈现的数据啊，比如说在这个首页上可能要以列表的形式是产品的图片，是吧？我们就是可以是呃有一个图片的一个一个信息， 然后建好这个字段的话，他呃分不同的类型，这就是低码的一个特点啊。嗯，传统的这种数据库的话，他可能类型比较少，低码的话他会嗯对你的一系列的这个数据进行了分装，然后提供了丰富的一个类型。这里头 因为你需要有一个图片上传的那密码，那我就是需要选这个图片类型的子段，然后单张图片的话，他可以设置一个大小，然后之后我们就是呃创建一个这个产品的 名称，名称通常的话就是输入文本就可以了。然后就是我们要展示一个产品的价格， 价格的话通常你是数字啊，数字我们需要，嗯输入具体的数字，然后至小数位数的话，根据你的需要，如果你的呃内容可能要精确到这个小数位数呢？就输入这个位数就可以。 然后就是呃产品还要有一致详情图吗？是吧？详情的内容的话，可能 呃里头的话，那有一个图文混排的能力，是吧？那我们这里头就选择副文本他，他又带了一个编辑器，可以做这个图文混排的一个能力。呃，有了这些的话，嗯，还有一个就是我们呃 可能有有那个需要设置一定的规格，是吧？规格这里头，因为规格你可能是呃有多个内容，那我们这里头就选择数组， 呃。苏州旅途，呃，他具体的还可以，因为有这个规格的名称和规格的值，是吧？选项值，我们这里头一般是通过这种对象的这种结构，设置好了之后，然后呃作为对象的话，他会出现一个加厚的图片。 呃，可以添加子琪啊，我们一般是像这个一个一个角度的名称，是吧？ 然后再一个就是呃规格的 g 也是更复杂一点的结构，我们先设置这些，是吧？然后之后就是 他这里头有一个叫关联关系的。什么是关联关系？就是表和表示的关系。比如我在录产品的时候，可能我这个分类信息需要有一个下来选择，是吧？那我就可以把这个产品的分类单独放成一个数据源。 嗯，那我们这一坨呃只放一个，一个一个字段就行了， 这里头有条这个叫名称就行，然后类型还是选择版本。 呃，这里头还有一个就叫主列字段呢，就是我在产品的信息里头选择这个产品分类的时候要显示这个名称，那你就你可以把它设置成主列字字段，他就显示到这个字段就作为下拉选项的一个显示内容。 如果不设置主力字段的，他默认是数据标识，那我们在那个点下拉框的时候啊，他就是一个，嗯，这个是一串这个字母数字的，不便于用户选择。嗯，这样的话，嗯，这样的话其实就是做了一个表和表之间的拆分， 然后之后我们在这个产品信息里头就就可以添加一个字段，这时候呃，叫什么？呃，叫这个产品分类，是吧？ 因为他引用到了这上面这个表，那我这个类型呢，就选择一个关联关系，然后从这个产品分类里头选默认，保持这个默认配置就可以， 这样的话两个表之间就形成了一个呃一对多的关系。什么是多呢？就是这个产品分类是多呃一的话，就是呃上面 这个表示一，呃，你把这个结构录好了之后，我们就可以准备一些测试数据，是吧？点这个，呃三个点，点成管理数据， 然后你点新建数据上，比如我这个，第一个是家电什么的， 呃，第二，第二数学我们可以放一个这个， 放一个服装， 然后之后分类录好了之后你就可以录产品信息了。在这里头我们打开这个产品信息的数据源 啊，它这个现在再提交一下， i can take them out， 不是笨的就点一下这个手机啊。 哎，这就是我们刚才建的这个呃产品的一个列表信息啊。 这个新，你看我现在，嗯，他会根据你这个不同的字段的类型，然后他这个生成的这个界面是不一样的，是吧？嗯，像我们第一个这个图片字段的话，他就可以上传图片了，是吧？嗯。在在这里头选择我们的图片是吧？选一个图片是吧？ 嗯，让他上传一下，然后第一个我们这个叫，嗯。外套 价格是一百，详细的这里头就可以。他他有一个带的一个这样的，呃，叫这个编辑器，如上传一个图片是吧？ 然后你上传图片之后还可以继续的这个，呃写立刻的内容，这是一个一个这样的活，还可以。呃简单写一个产品的介绍，比如我这里头还可以加粗的，它其实就是类似于的一个带的一个编辑器， 然后规格的话我们在这里头数组的话它默认会会给我们。呃。变成这样的一个形式是吧？它里头可以录内容，第一个我们这个叫尺码，尺码有有有多重是吧？我们第一个叫 x cl， 然后再再再再增加一个尺码是吧？我们就调两叉 l， 哎。不同规格信息产品分类的话他就会识别成一个下来选择了，在这里头我们就可以啊选择我们的一个分类，比如选择这个服装是吧？哎。你看他这个默认的话选择服装了， 这样的话就，呃这个，呃，以一条数据测数据，录好录好，然后把它提交到数据源里头， 呃，这是第一个，这个还有的说是，呃。它里头还有一种叫这个竹子明细，是吧？竹子明细这个是一个什么概念呢？呃，其实就是类似于这种订单和订单的 明细，你就可以把头弄成竹子明细。呃，一般的话是我们是。嗯，这种用这种关联关系特别多啊。竹子明细，呃也也会用，但是用的不是特别的多， 嗯，这是第一个，这个我们这个呃数据员的创建的一个概念，创建好了之后，然后，呃还有的经常会问呢，哎，为什么我在本机测试的好活动发布制小程序啥都看不见呢？主要还是你这个 呃权限设置的问题啊。呃一般的话我们这个默认超管是设给的是个可读写全部数据， 嗯，像你的小程序团一般通常是指外部用户或者或者访客啊，是吧？那你就呃这个权限规则，是的话，呃你根据这个需要去 去去控制，其实选择第二个就就就可以了。默认默认使读全部，然后请写本人啊， 这是一个呃权限的一个一一个内容，嗯，然后还还有一个就是通用选项集，嗯。这个是什么概念？这个其实比如， 呃我在这个产品里头，是吧？产品里头我们可以呃有一个这个规格，我现在是数组，如果不用数组的话我可以，嗯，比如是我这个设置一个尺码，是吧？ 默认我就不用从数组里头选啊，选了我给他给一个固定的几个值。我那我们这里头就可以选择这个媒体类型，然后你再点立即创建的时候可以创建一个选项题，是吧是吧？那我把它的具体的值都录好。 那第一个是 x l 是吗？第二是 x l， 哎，这样弄好了之后，然后这个尺码的信息就有了，是吧？有了之后然后我们再再打动这个呃数据员的录录入的界面啊， 录入界面的时候这里头你看在我们再再次打开的时候，呃他其实呃就可以看到我们这个 这个媒体下达是变变成一个下达荒的形式，如你看显现在这里头，哦，刚才那个这个是你看现在他他他其实就就可以选择了。这就是如果你这种是像我这种数组的话，他就可以呃在这个录入界面可以维护嘛？ 尺码，像这种媒体，像的话呢，你就必须呃在这个通用选项集里头，然后呃进行一个修改 打，打到这之后我们就可以呃看看到一个具体的内容， 稍等一下，我这个可能今天这个网不是太好啊，刷新一下 网络不太好吧？不太好，那就今天先这样，然后我们先介绍这个数据员前两部分，呃包括这个数据员的定义，自断的选择，然后呃在这个我们这个叫为大家带的一个数据管理后台，呃可以录这个测试的数据。 还有就是我们这里头分为这个数据分为两种，一种叫体验数据，一种叫正式数据。呃体验数据是指在 开发间段后自己自己测试的时候使用的，嗯，正式数据的话是我们在上线之后，呃用户使用你的这个小程序或者是弄呃网站的话，他的数据会正式的走走到这里头来， 这是呃一个具体的区别，看这个能不能打开，打不开的话今天啊，这这块好像好像好一点啊， 是吧？这个尺码的话，你日后需要维护的话，呃可以在在这里头去维护。呃，第三个呢，就是我们的这个，呃 a p i a p i 的话，嗯，叫我们的这一个后端，后端能力就是可以你自己写逻辑控制的。 嗯，他的创建方法也比较简单，也是点加号，加号创建好了之后，然后，嗯，编辑一个方法，他有几种选择，一种是 http 请求，一种是自定义代码，还有一种是开发云函数。 http 请求的话就是比如在呃这个呃第三方给你提供接口的可以访问， 比如我这里头，呃，有一个就是我使用的，比如我说呃这里头可以调用一个地图的这个 a p i 啊， 像现在这里头有一个有一个地图的 a p i， 它会返回一个杰森数据，是吧？那我们把它的 a p i 呢复制到哪呢？就是复制到，呃，首先是一个它这个访问是需要有 get 请求，是吧？ 嗯，然后把它复制到这儿，复制到这儿之后的话，我们这些入餐都不可以不添啊，这都删掉，然后你就可以直接点方法测试，哎， 当这个 a p r 成功调用之后，它会给你返回一组数据，啊，这是我们返回的结果，是吧？完了结果之后我们就可以 呃点这个出餐自动映射，然后他就会呃进入到你的下下半部分，这里头有这个叫返回结果。 嗯，这个今天有点卡。 你好， 这卡了，卡了，我就我就解释一下吧，是吧？嗯，这个出餐映射之后，然后你相当于这个钓鱼的 a p i 这个就已经做好，做好了之后，然后在你的小程序或者是网页的时候 就可以可以引入的这个请求，然后可以通过这种简单 api 的形式去调用它，调用它之后，然后把数据然后返回到你的小程序里头，你具体的呃展示在列表上或者是怎么用啊？存在数据源里头都是由你自己决定的。 今天这个网不太好，咱们就先录到这几个，就录到这，等下次网网络比较好的时候，我们再录下半部分。

这次咱们是录一下维达低代码的一个基础教程， 视频教程的话需要结合上图文教程具体使用。嗯，图文教程我是在我的同名博客里头在不断的更新，本节是第一次课程，然后主要是介绍一下为大家的一个整体的一个功能， 然后对应的图文教程是这个入门教程能打开一下。呃，图文教程里头包括三部分吧，第一部分是第代码的工具是什么，然后能用来干什么，会怎么做， 天天把工具是什么，他其实是，呃，提供了一个线上的一个开发环境吧，使用拖拉拽式开发。 嗯，他有两种模式么？一种是如果是简单运用，他直接用无代码这种徒劳债，然后就可以开发成功。如果要是稍微有些复杂的，就是后后端，你要有这种业务逻辑的判断呀，交互啊，可以使用低码的形式进行编辑， 然后能干什么的话，目前官方给出的功能应该是可以做三部分内容吗？第一部分就像 如果你需要发布一个问卷调查，然后是一个表单，发布完之后有一个 url， 然后直接可以在微信群啊或者是其他的形式公布，你就可以发布成一个 h 五的应用。 嗯，第二就是做小程序，小程序的话，嗯，他也比较方便吧，因为 以前咱们开发小程序是用那个微信开发者工具，然后以纯代码的形式进行编辑，现在有了微搭之后，就可以用低代码的形式，然后做小程序。第三块的话，就是企业微信这一块， 在微达里头你可以制作各种各样的企业内部的管理流程，像什么合同管理呀，请教假呀？嗯，用章申请啊。这一类型的，他配有工作流的系统， 然后发布之后可以结合到企业微信，他有一个叫起微的工作台，就会多那么一个图标，然后你直接在那里头我就可以发起这个工作流。 嗯，第三部分就是怎么做的问题，怎么做的话，首先你要想使用的话，呃，需要有一个 微信的账号，然后开通了这个为大地代码的这个权限之后就可以使用。然后他的那个前三个月是免费的，之后需要续费，目前这个技术版本是九块九一个月。 下面我们就进入到具体的这个底码控制台，我该要的介绍一下一个模块，嗯，他现在 低代码的话应该经过历史改版吧，这一次的话那个界面变变化比较大，我重新介绍一下。首先是这个主页， 嗯，主页的话主要我觉得他还是一个学习类型的一个网站吧，这上头你可以看到。嗯，你现在创建的哪些应用，主要是我们需要，如果你要有这个呃图案 的一个学习能力的话，这里头他有一个，就像这个实践指南，就是图文教程。然后说有的同学可能比较喜欢视频类的，官方也配了各种各样的视频，然后他有什么初级啊，中级也少， 嗯，主页主要是我觉得可以快速的那个找到学习的教程吧。 然后第二个就是应用的，应用这一块的话，其实类比于我们传统开发，传统开发你要建一个在嗯， ide 里头建一个工程，他这里头像那种在线的，呃，开发工具的话不需要建工程，他他这里头叫应用。 创建应用的话一共有三种方式利用，是从模板创建，模板创建的话是 他这个低代码提供了各种各样的模板，这就是低代码能力吗？他把嗯，一些常见的业务场景分装到一套模板里头，然后你使用的时候，嗯，后面我想看这个抽奖机，是吧？你直接 点他一下，然后点新建就可以，把这套模板相当于从官方的考到你自己的环境里头，我们做应用，呃，使用这个模板是比较快的， 直接你如果要是完全不符合你的业务需求，你直接使用就行了，如果要是，嗯不符合，你可以在这个基础上进行二次定制。 第二种创建应用的方式就是从数据模型新建。数据模型新建的时候，你先需要给他一个呃应用的名称，然后新建的时候呃他就会帮你创建 应用。嗯，我们这里头先新建一下， 打开的时候我就可以直接呃在这里头选择数据源，好比我这个信息登记，哎，我要这个数据源新建一个应用，那我一点新建的时候他要干什么呢？其实是帮你生成这个增商改查的一个页面，他现在就有了。 这是不是很很简单？我一行代码都不写，然后我这个应用就建出来了。基础功能都可以有，是吧？就是从应用性建的这一个意思， 我们再回到那个控制台里头。 第三种就是空白应用了，空白应用这个呃就比较简单，因为所谓的空白是他是需要你掌握一定的开发技巧，然后你可以自由发挥。 前两种是依托于他的那个自动构建的能力，这个是依托于自己开发能力，然后应用的话他有几种类型，一种是小程序，小程序就是在微信小程序量发布完之后，直接在微信里头，然后这个是外补端，就是咱们所谓的在浏览器打开。 然后第三种就是刚出来的，他这个是可以自自自主，是适配，既是支持小程序，支持万不断，这是我们应用总体是最 第三种。第二模块的话是数据源，数据源就是管理你数据的一个地方，他这里头带的一个线上的数据库，你可以自己呃，所谓的这个数据源就相当于我们传统开发里头的数据表， 然后他你点的表的时候，他可以像穿到数据库里头，可以见自己需要的自断，自断还有自己的自断的类型。 然后下面这个的话，这就和传统的一个数据库不一样，传统数据库他只是把那个结构给建好，但是业务我记并没有，这里头的话低代码开发，嗯，他就比较好，这里头有给你定义的新增、 删除、修改、查看单条、多条这些基础的，这个其实就已经够用了。然后我们可以看到他有 用餐、出餐，如果具体的代码的话，这个是如果要学，学过那个小程序开发的话，你可以看懂这个，这个它其实是叫云函数，云函数就是自己定义了一套语法，你看这个它相当于是这个集合里头要新增条，记住它标准爱的方法， 然后返回这个记录的主线，这是我们那个呃数据演员的一个事情， 除了自建数据源的话，为大海等提供和外部数据源的一个对接啊，如果你那个已经写好的啊，就是你有 已经有的系统，或者说你要使用第三方数据源，像我要使用一个像天气预报的 apr 啥的，可以在这里头见外部数据源。除了外部数据源之 我像腾讯系的这些能力，他现在都可以啊，目前开放的是腾讯门道，腾讯会议后续他还会开放像支付呀、 腾讯广告啊，这一系列，只要他有的东西，双方因为他们是一系列的，一共四产的产品吗？日后都会打通的，这这个列表上会越来越多的， 这是外部数据，然后除了这个的话，他还能提供一个管理数据的一个呃， cms 就是数据管理后台，你点他一下的话，这个就能看到你真实的一个数据了。 我上线了之后啊，我要在小程序后头批示他提交的数据。哎， 那我是怎么看呢？你见过这个就可以看到吗？是吧？ 这里头就是实际的数据了，这个还是，嗯，比较好的嘛，是吧？你看他这个后台是国民，其实人家这个有方面，你就直接可以改改数据，是吧？点开 这是他那个数据，保量很快。嗯，第三个的话就是工作旅游，工作旅游这个呃， 是面向于企业用户了，企业用户之后，你像咱们内部企业之间这些流程流转啊，都需要有这么一个工作的引擎，你可以新建一个，像我这个是已经新建好的，我们可以编辑编辑， 编辑之后他就有各种各样的分支啊、选择啊、判断啊，是吧？你看我这有分支接电，然后审批接电就可以设置办理员，是不是？然后，嗯，是加切啊、转切啊，还有退回这种操作， 当然这里头我觉得比较方便的，他说还有他这个比较灵活，你看他这个不仅是就是可以提交给审批人，还可以发送通知，然后这点加一个发送通知，发送通知之后，然后你选择通知的人，然后那里头你可以有一个消息模板， 让英文版之后把这个消息的规则定义好之后他就可以发，这是公知。还有一块就是，嗯，我就直接可以操作数据表，好比我我这个审批通过，呃，好比我是那个 申请了一笔钱，那我就某一个余额表里头我就做一个什么呃，更新操作，是吧？我也根据哪个阶段，我是这个 出赛天数，如果是长两周或是加五加一，这样我就可以直接更新表了吗？这个我觉得还是比较灵活。 嗯，这是工作流的一个内容，然后刚才说的消息模板在这提定义，我现在就是他有几种站点通知代办一个通知给企业微信 组建库的话，这个是为了那个你方便。就是我现在好比我是开发这个商场 成的商城，之后这个我某些组建我要固定话，呃起来之后我就可以自己按自己业务规则开发一些组建，因为官方也给你一些技术组建库吗？满足不了你业务的时候你可以自己开发 啊。我这个是是指自己弄一下，可以看到他有可以点开这个组建功的名称，点进去的时候就是具体的各种各样的组建。当然我现在那个 元马组建还不太会啊，我可能就一开始的时候，呃，就可以开发一些低马组建嘛，我就哪一些组建 比较好用的时候把它组合在一起，再次做一下分装，以后就不用每次用的时候挨个一步一步的设置。 嗯，然后 这是咱们刚才说的这个模板， 嗯，官方还是提供这个模板，现在比较多比较多，但是我觉得还是怎么说呢？有一些可能是比较简单，像这个， 嗯，刚才有有这个美颜膜吧，这个使用的外部触觉也比较复杂，现在还没有一个很好的度。我觉得后续这个模板还有待继续完善吧，有一些能拿过来直接就能用， 有些模板我还是比较喜欢就这每一个模板其实就挺实用的。你像这里头有首页呀，可以看到可想的服务的 内容啊，有详情还可以预约，预约之后然后给你提醒，然后你可以看到自己的预约系统，我就一般一般的一个小程序，其实这些功能就够用了， 剩下就是可以看到你自己的环境，是吧？多会到期，然后具体的套餐包， 套餐包的话你他每一个都有配置吗？是那个每一个季，每一个月有多少季的流量，是一定要流量存出多少， 然后这个 dau 的话就是上千个部署，我现在人基础版是不能超过五十个人，然后高级版的话，现在就咱们刚才演示那个留神引擎这块和角色这块是 企业的内容，现在，嗯，技术版是不提供现在的，当然现在他因为他没正式发布，所以咱们还可以免费用。嗯，下边这个就是刚才说那个用户角色， 用户的话主要是在那个企业微信里头使用，然后第二个就是 pc 端的时候，他有一个起位的控制台，你那里头有有这个用户的概念需要登录，然后你可以自己新建一个账号，管理到一个角色， 然后还有一个就是导入用户，你可以和企业微信，嗯，进行绑定，然后把企业微信那一侧的用户全导进来， 然后角色有权限的话，他就是具体的细分了，你像我这个公开去申请是吧？他有各种各样的权限吗？能防 问哪些应用，然后应用里头啊，能访问哪些页面，页面又能访问哪些数据员，是吧？数据员你是能查看本人呢？修改本人呢？还是查看全部的？然后流程的权限你们调哪些工作流？企业工作台，企业工作台的话这个就是，呃， 咱们批车单都都有后台吗？后台需要需要登录的，你这个能不能登录？ 嗯，剩下最后一部分的话，就是他的那个小程序认证这一块，嗯，因为你 要开发微信小程序的话，从内有一个申请的地方，他这个就是扫码授权，如果你没有小程序的话，可以一键在这里头去申请。比如上新人区域的话，绑定了之后直接就可以把你的代码然后发布到那个微信小程序， 还挺方便。剩下这一块的话，我现在还没怎么接触，他就是服务商，服务商就我现在是相当于是什么是服务商？就是我是一个企业，我要给客户开发若干个小程序， 以前的你那种都需要把每个小客户的微信账号得过来，然后之后用人家的账号去登录维护，现在如果你成为商家，小程序之后认真通知了之后，用你的账号一次就批量可以维护若干，他是最大可以维护五十加， 你这个还是不错的。但是现在因为你没有客户吗？现在即使你注册成一个企业，没有订单，你没办法营业。 总体上咱们这个钙药部分就大致给大家介绍一下，嗯，维他地带吗？每一个模块具体的能干啥？然后后续我们技术教程里头再强解一下，细细的强解一下每一个模块具体的操作。

介绍这个应用的基本的概念，这一篇我们讲解讲解一下页面管理。呃页面是什么概念呢？就是页面他其实是我们最终这个呃各式各样的组件的一个布局的容器，你可以在页面里头搭建你们需要的功能。 呃页面这块的话主要是在这里头，比如新建页面，如果我们呃以这个电商的这一个为例啊，搭建页面的时候我们可能有几个页面，第一个是我们的一个这个产品的分类是吧？ 然后之后是产品的列表， 然后还有呃像我们的 呃是这个会员管理是吧？然后还有呃订单管理， 有了这些页面之后，那这些页面是呃散落在各处的，如何把它有效的组织起来了？这就呃和我们这个上面的构建模式是有关系的。构建模式的话我们现在在 vda 里头提供的是三种模式，一种是 h 五， h 五这个是在手机用浏览器里通过玉米访问。第二种是小程序，小程序的话你发布了之后，呃直接在这个小程序列表里头就发现。然后第三个就是 pc 端啊，一般我们叫这个网页管理后台，嗯，这个是一般是提供给电商，小说一般是提供给商 或者他的运营人员使用啊。嗯那，嗯我现在以这个 pc 端的为例，怎么在 pc 端把我刚才建立的这些页面组织起来呢？啊？首先是你要这个设计他的布局， 呃布局就是我们这个整个这个结构啊。呃，我们的布局的话，目前现在有几种它自带的布局，像这个顶部的导航条是吧？厂子型布局，然后还有这种左侧的， 呃，剩下这个呃导航最后这个的话是可以让你自由定义的。 比如我们常见的是在这个左侧布局，是吧？左侧布局它分为几部分？第一个就是呃你产品的一个 logo 嘛？ logo 呢？它这里头放的是一个呃图标，图标，然后你可以 呃自己设计呃自己这个企业的这个 logo， 然后把它传上来了选择。还有一个就是我们的这一个呃相当于是我这个产品的标题，是吧？有，我这叫呃电商管理后台 下面这就是具体的菜单的导航了，导航这里头他默认会给你生成一些菜单，是吧？那我们可以把这些都删掉，删掉。比如我第一个我选从我的刚才这个页面里头第一个叫叫什么叫呃产品的分类，是吧？ 然后他跳转的页面就是产品分类，然后之后呃我们还可以呃有一个有一个图标啊，产品的分类，比如说放放这个，他有了图标之后的这个辨识度可能就更高一些。 然后第二个我们可能是呃我的这一个呃产品的列表，是吧？然后我们也可以呃选一个这个呃具体的一个图标， 然后第三个我们是呃会员管理，是吧？然后你也可以呃 这里头呃它，它现在原来的图标比较少啊，现在这个新版图这图标已经提供了一千个，就比较丰富了，你根据自己的需要然后选择就可以， 呃，这是最后一个，我们可以放一个订单，是吧？ 这样的话呃这个布局就搭建好了。这个布局有什么好处呢？就是我呃搭建了之后后，在每一个页面都可以复用这个布局，比如我们现在，呃这个，呃菜单导航就已经搭好了，搭好了之后我回到这个页面设计这部分啊， 那比如我第一个，嗯，是我的产品的分类，是吧？分类现在目目前这个是没应用到这个布局导航的，那你怎么用呢？啊？选择这个页面组件是吧？然后之后我们在这里头 它的属性里头，这里头有页面布局可以选择我们。呃，我们刚才搭建的是，呃左侧导航， 哎，你看看这个他，他就变过来，变过来的。稍等一下，稍等一下他，他有一个这个缓存，哎，我们再再处发一下，你看他他现在这个就 变过来，变过来之后，然后我们现在，呃依次的把这些都都都选择好。 我的产品列表上我们选择这个左侧导航，也就是每每一次的设计的时候，你先把这个布局导航先搭建好，搭建好就相当于我们这个页面了，有了一定的框架。 哎，这这个就差不多了，是吧？差不多之后，那你这个，呃光有这种不行啊。左侧导航的右边有内容是吧？右边有内容，我们这个也是可以做的。然后他这里头选择了布局之后会给你添加一系列的组件，我们是在这个内容插槽里头去去弄的， 他每一个容器里头都有都有插头可以放东西，我现在可以先把这个网格布局去删掉。呃，那这个 pc 端的这个管理后台通用通用的。我们，呃，这个在软件设计里头啊，上面是一个面包蟹，呃，提示我这个导航要进入到哪了， 然后也可以返回，然后下边的话通常是一个表格，那这个去怎么做呢？这里头我给大家已经给你把这个进行了抽象，是吧？抽象我们在布局里头有一个叫布局组件的，一个， 呃一个图片把它放进来，放进来他其实就是，呃类似于右边的这个结构啊。第一个是布局标题，布局标题我们通常和左侧你这个菜单是保持一致的，叫产品分类， 产品分类之后，然后它它一般这种，呃具体放内容呢？都都是在这个物具里头去做，是吧？物具内容我们可以添加一个表格， 看下这个数据表格。呃，有的人可能会问这个数据列表和数据表格有什么区别啊？呃，通常数据表格是在这个管理后台使用的，因为他他有这种分页器啊，有查询条件啊，有这个行列啊。然后数据列表通常是在呃这个 我们的小程序里或者 h 屋里头，因为它是一个纵向的一个结构啊，就是这两个场景不一样，你用不同的组线，哎，这个就我们这个组建就就就 去弄好，弄好了之后你现在嗯表格数据需要绑定一个数据员，是吧？那在这个数据模型里头我们给选择，嗯，选择我们这一个具体的信息啊， 看我这里头有没有先搜一下啊，有一个商品的分类，是吧？ 选好了之后他就会，呃默认把你这个，嗯数据员的这个信息带进来，是吧？带进来之后他数据表格分为几部分？第一部分这个叫全局的按钮。 呃通常我们会放些什么内容啊？比如这个删除，他是指批量删除，是吧？勾的时候，呃，通过调用他这个批量删除的功能去做，然后导入导出操作列，是指针对这条数据呃进行的各种各样的功能。嗯， 我们可以有修改、删除、查看，或者呃这种在商品里头可能你还有上架下架啊，在订单里头你有这种呃订单的确认啊、完成啊、退换货啊这一系列的操作，就是这个操作。具体是哪些内容呢？是根据你的呃产品规划来的， 我现在这个里边这个都展示了，展示了之后一般呃我们是要有这个查询条件的。查询条件这个去怎么做呢？我们叫这里头叫筛选器， 充电器的话，然后你可以呃根据自己需要，比如说这个名称做的筛选，是吧？嗯，师傅展示在首页上，你做筛选勾选之后， 他这个条件就会默认生成了。呃，如果这个不满足，你可以自己搭建搭建，但是，嗯，目前 钱的情况下，如果自己搭建的话，可能和他这个表格联动性不是太好。有些有些时候比如这种或或查询，是吧？或查询，然后有时候就是是是在哪个概念？就是我们在这个数据筛选这里头啊， 他也可以也可以自自自己搭建，就是这一块和这个专尿键的联动性不是太好，我们一般是默认使用他这个呃筛选器去完成的。 呃，这是我的一个那个，呃具体的一个数据表格的一个内容，你看现在的话，我们把一四把，把这这些呃去去弄一下，弄一下还是 呃去操作的话，是先把它删掉，然后我们添加一个这个布局组件，再做一个，做一个这个 呃产品列表的功能， 然后在布局内容里头添加一个这个数据表格模型的话，我们选择产品数， 然后我们也给一个筛选器，是吧？筛选器这个就比较多了，我们用这个名称， 哎，用一个名称一个类别就可以了。 然后这两个搭建好之后，我们就可以看一下这个 呃，所谓的布局组建是个是一个什么概念呢？ 哎，你看现在呃他的布局组间就是在左侧生成的一个这个呃菜单的导航，导航之后他有一个默认选中效果，是吧？我们可以进行切换，如果这个切换到产品列表，是吧？ 好，这个这个没写过来，是因为我们这个呃这个选的不对啊，刚才我们是这里还有一个产品列表选，咱们选这个， 哎，你看是吧？这两个就是他这样的话其实就是对这个页面进行了有效 组织啊。呃，具体这个菜单是怎么来的呢？菜单是呃他其实是根据你这个需求分析呃得来的，就是我们会把呃这个某项业务拆分成具体的呃左侧这个叫模块啊， 模块里头，然后我们具体的这里头叫功能，功能我们一般是呃包括各种干呃，通常的是四四种标准功能，就是上头这个叫列表查询，是吧？列表查询，然后我们还有呃修改页面，查看页面，还有删除 这这样的话它它是呃一个这个 p c 端的一个一一个结构啊。当然如果你这个是一个呃 h 五或者小程序的话，那就呃不是，不是在在这种 p c 端的模式去去搭建了，我们在 这个切换到布局导航之后，我们应该是做这个佩布兰导航，是吧？佩布兰导航它它这个结构是上下结构，嗯的这个导航条呢是在底部 一样呢，我们也是先需要选择我们的页面啊，第一个是我们选择，嗯，选择产品列表，是吧？然后他他下头就有了，下头有了之后，然后呃我们选择第二个。第二个什么？呃，第二个选择我们的这个，嗯 产品分类，是吧？然后呃给一个嗯这个订单，然后 再再添加一个，添加一个我们的这个会员管理，哎，是吧？这这这四四个就有了，四个有了之后，然后他其实 这就是，呃变成了顶部的一个 table 导航，那我我在在这个其他页面的时候，我也就比如我在会员管理，我现在再再增加一个。什么增加一个我们这个叫呃小程序展示，是吧？ 哎，我的键的时候就可以直接选好这个布局， 是吧？你看看看底部这个推波栏导航，他他就有，是吧？有，这会我们预览的时候把它切切成一个 h 五的一个构建的平台， 重新变一下，你看它它这种的话就是，呃，因为我我这个是一个窄屏幕，是吧？窄屏幕它是一长条，长条呢？那在在切换的时候就就 变成了变成了这这种概念，是吧？但是，呃，如果你是叫叫什么？构建不同的这个形式的话，那数据表格在在这种 h 五的状态下，它不是， 呃太好看，是吧？那我们在 h 五的状态呢？我就我就可能那个不是这样去做了，我们就页面搭建的时候，比如是，嗯起一个叫 h 五产品列表， 这样搭，搭建了之后，然后我们也佩布兰导航也也是这样的，它上头是一个导航布局，里头在内容插槽里头我们先把它删掉，这时候就是，呃，不是， 是加数据表，应该是加数据列表，因为数据列表你看它它这种形式是从上到下的一样的，我们也是，呃选择我们的产品这个数据源， 哎，是吧？他他就是从上到下展示，但这里头，呃他这个就是没有那个像表格组线有一个，呃筛选器可以让你直接选择，那我们查询条件呢？就需要自己搭建了，搭建的时候一般我们是，呃用这个普通容器先做布局啊， 用它放在上头，呃通常会给有一个搜索框，是吧？搜索框我们这里头，呃使用的是，呃这个单行输入， 当输入它它有一个模板，模板，呃模板是，呃有这种带这种搜索框的，我们选择这个就行。 哎，这里头具体的这个内容，呃我现在现在其实这个就是已经可以输入查询条件了，那这个查询条件怎么影响到这个数据列表呢？ 呃，在这里头，呃就是在数据表格，我不是讲这个数据筛选可以不使用吗？那数据，呃数据表格可以不使用，那数据列表的时候是需要使用的，呃，比如我这个通过这个产品的名称是吧？ 名称通然通常是要做一个模糊匹配，呃这里头选择包含是吧？包含，然后要去和这个怎么关联呢？呃通过这个 f x 表达式是吧？然后我们选择当前我这里头 放了一个音库的一个组件，然后找到它的具体的一个输入的值，它就是一般是 value， 那这样的话就形成了一种联动的效果，我们再再再再查看一下之后你在这里头输入一个关键字，比如打一个键它它就自动的， 呃会处发到你这个列表的查询，他还是比较智能的，如果把这个插掉的话，他就会回归，回归到这个全部的一个状态。 呃，这是，呃整体上从这个 pc 端到 h 五呃布局组建的一个使用过程，呃，还有就是页面，呃 可以通过这种布局组件进行切换啊。嗯，比如在读这个底部的 table 栏，或者我们刚才的 pc 端页左侧的导航，嗯，剩下就是比如像这 这种页面是吧？那就不是从底部的导航去跳转了，我点击列表的时候需要跳转到这个产品详情页，我现在，嗯创建于产品详情页，是吧？ 这就是我们那个啥相当于二级板块了，二级板块的话我现在是不使用这个页面布局的，我们就直接可以做功能，是吧？二级板块，比如我我这里头放一个这个数据，数据详情是吧？ 哎。呃，我现在先不讲传餐啊，咱们先先不讲传餐，就是，呃页面跳转是怎么去来完成的？呃。跳转的时候，比如 你选择这个，呃他外外外头这个框是吧？点他的时候我就想页面进行跳转，那你就可以给他配置一个事件，事件在维达里头，然后分装了一定的这个页面交互的一些 api 的方法。呃，比如我现在跳转的时候是打开页面，是吧？ 那打开哪个页面，打开就是这个产品详情页， 哎， 是吧？这这个这个我们再再看一下，这样的话我一点击的时候他就可以跳转到详情页，呃，这是一个页面跳转的一个过程啊，呃，除了这种可视化配置，这个页面跳转的时候，有时候我们，呃可能是需要在代码里头去做页面跳转啊， 呃，代码里头去怎么做呢？呃，我们这里头就可以呃点这个组件的十 指引啊，我们在这里头是通过调用 api 的方式，是吧？然后这里头有一个工具交互方法里头，呃，我们这里头就有有这个，呃，叫这个 navigate two， 是吧？ 就这个 new gate two 和刚才那个在我在事件里头点击页面跳转的其实是相类似的功能，一个是在可视化上设置，呃，这个是，呃通过这种 a p i 的形式去去做啊。呃，同理，我，我现在把这个点击的事件啊， 我现在把它删掉，不是要要打开页面点击的时候，我要自己控制，我这里头就可以写这个交互逻辑，叫 javascreen 代码，然后这里头我们可以可以定义一个，呃，一个一个一个一个新建一个方法，是吧？那我们在这里头呃 先添添加一个这个 javascript， 是吧？我们叫这个，呃跳转，是吧？ gate two， 点进来之后，然后我怎么使用这个 a p m， 我就把这个代码直接复制一下， 复制一下，然后我们就可以，哎哎，站到这里头来，他这里头跳转的时候要知道目标去哪去哪。这里头有一个叫呃配置 id， 叫页面 id 的，这个怎么去找呢？比如我们要跳转到产品详情页点这三个点，然后这里头可以复制一个页面的 it， 哎，这就是他的他的一个目的地， 这样的话你就呃点击的时候我们就实现了这一个跳转， 我我这样放放进去的时候还得 设置一下事件，是吧？事件之后我们就选择的这个 javascript 代码，然后选择我刚才呃自己创建的制定方法， 哎，看是吧？这这是一个。哎。到了详情页之后我想返回上一集，怎么去做呢？那我可以在详情页里头呃放一个，我们这里头放一个图标是吧？放一个图标，然后我让他跳转回去。 先放普通容器啊，普通容器里头，呃。放放一个这个图标， 是吧？图片， 然后我把它变成一个左侧的一个箭头，啊， 哎。点击左侧箭头的时候要返回去，是吧？返回去我们再点击的时候就可以选择这个页面交汇的叫返回上页， 哎，你看现在，现在我通过，嗯，先回到列表上是吧？ 列表，我点击的时候跳转的相亲，再再点返回的时候他又返回去了，这就是整个的一个交互。呃。一般的话如果是比较简单的时候，你就可以 呃用这个，呃可视化的这种事件配置，选择官方分装的各种各样的事件，如果要是比较复杂一点的，里头可能要有处理逻辑，比如你要做 运算查询数据人啊，或者是有一些条件判断啊，然后呢？你就可以啊通过他这个 api 的形式是吧？ api 的形式，我们这里头有这个各种各样的 api。 呃。再讲解一下就是这几个方法的区别，因为跟跟着 to 就是我们在这个页面里头，其实他是一个呃叫这一个站的结构，每次打开一个页面，他就往站里头压一个页面， 那你不停的打开了，他其实在占领上一个页面还存在，那我们就这个打开之后再翻回去是没有问题的。呃，这种重定下的话，就是把当前页面关闭了，那你再翻回去，因为你当前页面关闭了之后再翻回去就会有问题。 还有这种是，呃打开这个导航页，导航页就比如我们这个，呃底部那个 keep 蓝布 部曲里读，就是在第一集底部的那些叫导航页，这是根据你呃自己的需要，然后呃去做做不同的这一个 api 的调用啊。 呃，这就是我们这一节整个关于页面的一个呃基本的概念，像这种基础概念大家还是呃需要这个仔细的掌握的，因为在自己搭建应用的时候，嗯，肯定是要做这个功能模块的拆分，然后具体拆分到哪些页面 里头，放哪些内容，都是要做到心中有数啊。这就是本节的一个技术讲解，感谢大家的观看。

我们这一节讲解一下应用的一个基本知识，在维达地带码里头，应用就相当于我们在传统开发里头的项目， 建一个应用就相当于建了一个项目，这个项目的话他可以有技术表现形式。第一种的话，嗯，他可以作为一个 pc 端的管理软件，就相当于咱们现在看到的微达这个后台一样。 第二的话他就是可以发布成一个小程序，直接发布到微信里头去。第三种的话，他就是可以作为一个 h 五的移动端，然后你搭配上玉米的话就可以分享给别人。 创建应用的话，他有几种方法点这个新建应用，然后我们可以呃新建模模型 和新建自定义，这两个有啥区别呢？呃，模型应用一般的话就是我们的那个呃 pc 端，你看我现在这里头有一个呃我做的一个叫呃八个锤子，就相当于是那种呃 bug 跟踪系统，然后这个就是模型应用， 然后旁边这个自定义用的话就相当于小程序，然后我们可以编辑这个模型应用，然后看一下他打开的界面的啊，和自定义是不一样的， 嗯，在这个魔性用，你看他更多的是像 pc 端这种表格是吧？然后他有列表页面，嗯，有新增页面，然后有更新 页面，然后也有呃问题详情页面是吧？然后这个模型应用的话，在中间这个他是有一个电脑图标，你看他现在是 pc 端的应用， 然后模型用可以配置导航菜单，是吧？就相当于我们在呃 pc 端软件左侧看到的这一颗菜单数，然后他怎么使用的话，嗯，我们这里头的话，嗯，是可以直接打开模模型用的， 模型用是在企业工作台里头进行使用。 嗯，可以看到你现在我们这个就是，呃企业工作台，然后左侧的话就是相当于我配的那个菜单，是吧？嗯，这个是列表，业务点，新增的时候，他 可以用现在的按钮，这是模型应用，嗯，自定义应用的话，自定应用就相当于是小程序。我们打开自定应用之后，我们可以看到现在 刚才看那个是选中的是 pc 端，你看现在他只有一个小程序，小程序的话这个界面他就是一个手机的一个样子，是吧？这个我可以。呃，这是列表，可以点的话他可以跳转到详情页， 然后呃这个是发布的时候，他就是现在没发布，发布完是一个二维码，你可以呃在手机上扫描进行预览。 嗯，这是两种应用的一个区别啊。然后呃应用新建了之后还可以进行修 修改。嗯，怎么修改？好比我这个用的名车，现在想改一下是点这个应用详情， 因为相信他这个菜单隐藏的比较深，然后点这个更多，然后有一个编辑信息，哎，就弹出来。要注意的是应用的话只能修改名称，然后，呃像他的这个应用有一个标识，你是不能改的，创建了之后就不能改了 啊。还有一块就是我们，嗯，经常需要问售后，就点这个图标时候，售后支持你那个提交公单的时候，他要求你输入环境的 id， 环境 id 就是呃这里头的这个 id， 然后他还要求你输入应用的标识，应用的标识就是这一块，点这个复制就可以。嗯，然后，嗯， 因为详情这块我现在没发布吗？咱们可以看一个我已经发布过的小程序了，他这里头这个详情是不一样的。 像这个我已经发布了点英语详情的时候，英语详情的时候你就可以看到你这个正式版本的呃一个列表，如果要是你在呃里头应用点了发布按钮，其实他没有真正提交给微信审核，这这个操作上呢？有一个提交审核 调整合之后，然后，呃如果微信那边把你代码审通过了，没有问题，就你发布了，然后你这里头还有一个，他又会变成一个正式发布的一个按钮，再点一下， 最终你这个小程序才能到微信的这个呃小程序列表上。然后还有就是如果人家给你否了，否了之后 后，呃，我，我想看看我这个为什么被否？为什么被拒绝了？有这个异常信息啊？ 啊，不是不是，不是，这个异常信息就是这有一个那个状态叫退回，退回之后一点的话 给你写写一写一个退货的理由。像我有有，有一次的他那个不成功，人家就说，呃，说我的是那个呃里头的那个，像那个地图接口写的信息不明确，不允许发布， 所以你就是需要彻底和微信那一侧打交道的。是在这个地方有些好像出学的不知道在哪看，你在这里头看就可以。 嗯，这是一个应用详情的一个问题。第二就是这个二维码， 二维码你发布了之后他可以看到啊，你像我这个我就就可以看到链接，是吧？像我刚才那个小程序是，嗯，已经发了的，然后再点的话他可以看到也是可以看到的， 这是他这个二维码，然后这个三个点的话呢，还可以删除。嗯，最常用的还是编辑应用，你现在打开他这个项目是一个这种图标的形式，如果想具体编辑的话，我就可以点这个编辑应用，这时候就打开了这个应用的编辑器了， 我们就可以在呃里边进行操作。然后我刚才说的那个应用发布是呃点这一个按钮，是吧？可以有两种版本， 一种是体验版，一种是正式版。嗯，有些初学者他发了的时候没看啊，直接点的正式版，然后之后发了之后，然后在数据园里头看那个预览版的数据你是看不到的，因为不同的版本对应的是不同的数据源， 他也提示你。然后可以在哪看呢？就是正式版和应用版，我们地址不同，数据隔离，然后可以在数据管理后台看数据。 嗯，日常经常用到的应用这块部分就是这些基础知识，感谢大家的观看。

大家好，这是微达低代码零基础入门课的第一课。呃，入门课的话一共分为七节，本节是第一课，主要是介绍了一个小应用，嗯，点击一个文字，然后弹出一个消息， 我们的那个图文教程是在四 s 店里头，然后可以搜索这个伟大的代码零基础模特，然后这个是具体的一个效果， 我简要介绍一下。呃，实现的一个原理啊。首先就是在页面上的话，我们放入了一个文本组件，文本组件的话，然后呃修改一下文本的内容，我这里头修改成了点，我看效果，然后 点击之后会发生什么呢？我们这里头是配置一下他的一个行为，行为的话是调用了呃平台的一个方法叫弹窗，然后我们呃把标题和内容修改成需要的一个字样， 设置好文本的内容和事件之后，然后我们就可以呃左侧，他这个是一个主线编辑，右侧的是一个预览区域，呃，可以点击这个效果，然后他就 提提示了一个信息。如果你具体需要在甄姬上预览的话，有两种方式啊，先可以点这个实施预览， 实施预览的话他会出现一个二维码，你可以在手机上扫码进行预览。如果实施预览成功了之后可以进行发布， 点这个发布按钮，发布按钮的话，呃，我现在这个小程序因为已经捆绑了其他运用，所以不允许点齐，你可以呃把它这个捆绑好了，可以进行呃卸载，怎么卸载呢？呃，就像这个 团购是吧？这里头，然后我们可以，嗯，点击这个应用详情，现在他不是有这个已经绑定这个 app id 了，把它进行切薄， 解放成功之后，然后这个应用就可以，呃，绑定到其他地方，我们绑定的时候先需要把这个应用关掉， 然后，嗯，再点击打开， 打开之后，然后就可以选择你那个，呃具体需要发布的小程序了，然后这里头就可以选择我这一个发布小程序，然后点确认之后他有。呃，就是在发布中， 然后到百分之百之后会，嗯弹出一个二维码，你就可以在甄姬上然后测试自己的小程序了。 稍等片刻啊，咱们等一下他那个完不成百分之百的状态， 哎，现在就到百分之百了， 你看他就提示二维码，你就可以在手机上浏览。嗯，把这关掉之后，如果下一次，呃还想看这个小程序发布的情况，点他旁边这三个点是吧？他就那个可以查看最新发布结果。 他这个小程序是分为体验版和正式版，正式版之后，然后你发布的时候需要，呃进行提交审核。怎么发布呢？ 啊？就这个点发布是吧？然后更多配置，就我现在是勾选这体验版，我就可以选择正式版是吧？然后按照 同理需要等待一下，让他发到百分之百。 我们这这一节的话，呃具体内容是前面，现在就是演示这个小程序发布和预览的过程，那么大家看一下，呃，这是发布之后需要做哪些步骤啊？ 咱们先发布到百分之百， 哎，这个就是，呃已经发布成功了，发布成功。其实你在那个 微信小程序里头还搜不到你的小程序啊，因为他需要微信的一个审核嘛，所以我们需要提交审核啊，他就会打开到这这个正式应用的这个列表上，我们点这个提交审核的按钮， 然后他会对这些隐私保护和基础信息进行检查。呃，我现在是没有用到隐私信息，然后 好比像你用那个连接器里头用到腾讯地图的，他还需要对这个地图进行填写，为什么要使用地图？是吧？然后一般的话就把这个内幕啊和小程控的勾选，然后即将审核。 呃，现在这个状态就是已经进入到提交审核了，呃快的话可能就是两三个小时， 然后他就会给结果，给结果之后你那个，呃手机上会收到一条呃公众号的推送信息，告诉你代码已经审核通过了， 然后之后还需要进入到这个地方，然后这有个正式发布，再点发布一下，这样的话他这个版本才真正的提交到了微信小程序，那时候你就可以把小那个小程序名词 告诉给你的那个客户，然后他直接搜按名称搜索就可以找到。好了，本节就介绍这些，感谢大家的观看。

这期视频的话，我们讲解一下为大地代码的一个知识技能。数 啊，我用了一点时间梳理了一下意大利代码的话，进行数据共识，包括十五个模块，一百四十个知识点， 嗯，预备支持的话，其实这块就看你的选择，如果你想深入的做一些复杂的功能，肯定是要切换到代码模式，使用代码模式的话，你必然的话会要有一些编程基础， 他这里头有几部分需要学习，像前段交互的逻辑，你要懂加我 script， 然后见面和样式的话，需要懂四 s s， 然后需要和数据库做交互的时候，嗯，需要等于开发 的语法。微信小程序呢？就是像，呃，你小程序调一些像过去地图的位置呀，然后把那个图片保存的本地呀， 或者上传到云存储啊这一系列的，这都是需要调用微信 api 的方法，所以你就必须学会微信小程序的语法。然后这两的话可以二选一吗？ 主要是用在微达的那个组建库，然后，呃，他组建库编制的时候是要么是你是通过 vue 的这个模板，要么是通过这个 react 这个模板，呃，你可以二选一，学一种就行。 然后剩下的话就是进入到具体的这个功能开发，嗯，包括应用，嗯， 这里头有模型和自定义运用常见的操作，是吧？我们可以新建啊，删除啊，修改啊，然后查看发布的版本呀，然后解绑小程序啊。 在页面管理这一块的话，主要是对页面的一些基础操作，嗯，包括信件啊，修改啊，复制 id 啊，分组呀， 变量这块的话，呃，他，呃定义为一些自己的一个技术概念，包括像选举变量呀，页面变量啊，这个是包含生命周期的。还有就是像呃变量的类型，三种用模型变量、普通变量、三处变量， 然后在普通面料这块还有五种类型，像字母串啊、数字啊、沃尔驰 呀，数组呀，对象呀这些基本概念的话，其实来源于呢啊，是加 script， 你需要呃了解加速 grape script 在对于受基本数据的一个，嗯类型啊，技术概念。 剩下还有就是呃，我们前端交互的话是可以写代码的，代码是写在低代码编辑器，然后总体是，嗯 有各种各样的概念，剩下就是比较，呃需要经常了解的知识就是组建，因为在第代码里头， 嗯，咱们写前段，因为这界面的话不是用代码写，主要是用组建组合嘛，他这里头一共有七十五种组建。嗯，像数据容器的话，嗯，有这么多，有文本类的，表单类的， 然后展示类的，容器那个布局类的，嗯，还有像多媒体呀，导航菜单呀，高级这块的话，就像一般是像抽奖呀，弹窗呀，但是他还有一些的那个就是图表组件 啊，剩下就是微信开放能力，这个就用起来比较方便，可以进行分享啊，获取手机号啊，获取用户信息。 数据源这块的话，是为大家的话提供了一套叫文档型的数据库，然后也可以间表间自断，然后我们可以线上的录入数据， 通用选项级的话，一般就是传统开发力度叫数据字典。然后剩下就是他比较厉害的地方，就像连接器内置了腾讯系的柴， 然后你可以直接进行调用，如果需要自己自定义后台逻辑的后端代码是在自定义连接器里头写，然后可以请求接口，也可以自己定义代码，也可以写运函数。 呃，工作流这一块的话，一般是低马工具，肯定是带的啊，像咱们 pc 端的，像这种偶遇审批啊，业务流程的流转呀，这都是在工作流里头， 然后官方组建库，如果不满足的可以也新建组建库啊，你需要牢固的掌握组建的新建啊，预览啊，发布啊这些功能点。 然后资源管理这块的话，主要是大家可以进行续费保温的话，就是我们呃可以配置自己的，呃，自定于玉米， 然后用户权限这一体系的话，就包括，呃，可以自建运会，可以从企业微信导入，嗯，也可以创建角色，然后进行授权。 小程序认证的这块的话，就是可以把你在这里头为他可以他便捷的注册小程序啊，也可以绑定你已有的小程序。企业工作台的话，就是呃为大家的一个相当于 pc 端的一个管理软件的后台，嗯，配置着菜单之后就可以直接使用。 最后需要掌握的知识就是模板，然后官方提供了一些免费的模板，然后像他的服务商的话，一般是，呃提供一些付费的模板，像电商呀，嗯，幼儿园呀，然后这些影楼呀，或者企业官网这一系列的 整体技能数就是这些，咱们先有一个大概的了解和印象，然后有一个宏观的把握，呃，你在做小程序的时候，嗯，随着你做的深入，这些知识点都会涉及到 啊，咱们后续的教程就按照这个知识体系来分别讲解一下每一块知识点的一些具体的功能，感谢大家的观看。

今天给大家讲解一下腾讯 vid 代码的一个主体的功能， 我们登录到腾讯云的这个爹妈控制台之后，可以看到左侧这个菜单二还是那种比较多的，他这个创建应用的话，我们可以直接点击这个链接，然后， 嗯，有几种，一种是他特别擅长的几了呀，第一个是像做这个企业门户和网站，第二就是这种表单收集，第三呢就是我们常说的这种网页管理后台啊，一般是通过浏览器来访问的。 嗯，还有就是如果你是比较熟练了之后，然后就可以从这个空白新建，新建之后，然后我们 可以呃做这种正增上改查的页面，也可以从零开始开发创建自定应用，自定应用的话一般是用来开发我们的小程序， 然后官方还提供了很多这个不同的模板啊，他现在已经有很多行业了，按行业分，按这个场景，按功能，还有按这个终端是小程序啊， p c 啊还是 h 五， 你看也蛮多的，像什么请小假呀，餐饮的官网呀，访客预约呀， 设备报修呀这些还是嗯比较常见的一些场景，你可以拿着官方这个模板，然后直接进行开开发，然后就免去了你这个自己琢磨的这一个时间啊。 然后之后就是嗯的码平台的话，还搭配了这个比较多的学习的资源，像你这个可以，那个有官方的文档是吧？如果是你要成为他的服务商的话，也可以通过认证， 也有论坛和这个嗯，微信群。然后同时呢，嗯，还有提供了这个视频的一个资源啊，视频资源现在也比较丰富，都是在 b 站上的。 嗯，他有上手的核心功能和进阶的，然后定期还会组织这个低码的一个直播，我们可以通过直播来进行了解，官方这个最多的，这最快的一个更新的进度。嗯，这是前头 两个，然后就是主要的我们还是在这个应用这一块，应用这块你看，嗯，他不是刚才说的有这个模型应用和自定应用吗？我们这里头模型用你可以理解为你的小程序的一个网页的后台，可以进行数据管理，做增商改查的录入， 然后自定应用其实就是我们的这个呃小程序了，你看我这个现在，呃已经开发完的一个叫家政服务的一个小程序啊，进入的时候就点这一个编辑应用，就能把这个呃打开，叫应用编辑器。 我们这里头左侧这个叫纵向导航条啊，它分为第一个就是可以看到我们的这个界面 面，是吧？ 你可以看到它它这个刷出来了，然后呃界面的话左边这个就是，这就是低码开放特点啊，它是呃给你提供了各种丰富的组建库的。 嗯，像数据容器这块是什么意思？就是我们经常做这个，像，呃你有一个数据的列表呀，数据的详情呀，还有你要做这个信息采集的时候要有表单提交呀，还有我们常见的这种表格，是吧？有封页的效果。 然后呃，还有一块比较重要的就是这个布局了，布局因为我们在网页上的话经常是分为几行几列吗？那么这里头就有各种各样的一个容器来进行布局， 然后呃你那个有顶部导航栏啊，底部导航栏啊，侧边导航栏啊，是吧？这就是通过导航来进行做的。呃，展示类的组件的话，一般是我们呃数据要展示给我们最终的用户嘛，可以有这种图标呀，图片呀，轮播图啊，这样的效果， 表单组件就比较丰富了，是吧？一般我们做这个表单采集的时候有什么呃输入，单行输入，多行输入啊，下来选择呀，也可以这从这里头然后进行组合，然后你一个页面就能出来， 然后呃像我们的管理端一般还需要提供一些什么柱状图啊，饼状图啊，你就可以直接通过图标组建，然后还有像通用的和微信小程序这个结合比较紧密的组建，像获取手机号啊， 小程序的分享。然后这个公共区块是什么意思？就是官方会内置一些啊，标准的效果啊，然后你就可以直接用这个区块来来做， 下边这个是自定组件，这就是，呃，不仅官方给你提供一个组件库，如果我们嗯觉得自己官方这个不满足需求的，也可以自己做啊，这这里头的这个是我自己做的一些组件啊，当然你这个做组件的时候你需要懂这个前端开发啊， 一般呢是我们要开换成这个，呃，用这个小程序的自定义组件的功能去做， 这是一个组件区域啊，组件区域，然后之后，嗯，中间这个就是，呃，你可以选中这个组件，是吧？选中组件之后，然后右边的话是设置他的，呃属性和样式，然后这个， 呃这边上半拉的就是最终我们这个组件渲染出来的效果，他这个其实和甄姬的效果基本上是一比一的效果，你看我这个有轮播图是吧？他可以滑， 然后也可以这个宫格导航也可以点啊，点进去，这不就是侧边的导航吗？也有返回的按钮，然后我点的呃一个图片的话，然后可以打开这个详情，是吧？ 相亲之后，然后，嗯，我也可以呼叫客服，是吧？我现在这客服因为是在这个呃叫什么？ h 五的状态，如果要小程序端的话，他就可以直接打开客服， 然后我们也可以预预约，预约，这就是表单提交的页面了，是吧？然后可以选择这一个，嗯，时间， 然后你输入一个地址，你按点提交的时候，他他就哎提示这个提交成功了，是不是？ 这是呃这编辑器的功能，然后一般我们这个做完之后，然后是可以呃发布成小程序的啊，就在这里头，然后呃有一个发布按钮， 然后点的时候我们就可以呃，根据我们需要，我们既可以是 h 五和 web 端，也可以是小程序，哎，或者可以确认的时候，然后 看到他这这就叫呃一夜多端，我写一次代码，然后可以发制发布成三种形式，然后不同的形式上头的那两种 h 五和 v f 端的话，它是通过域名来发布的，下头这个是通过我们的这个 微信小程序来访问，哎，他那个到百分之百的时候，然后你就可以直接访问了 啊，我今今天这个讲解是在手机上操作啊，用手机上，你看我我我现在这个代码编辑，我就用我的，用我的指头，然后就可以，可以可以去做啊，一般的你，你那个如果是纯码开发，你用用用，用一个食指，你是完成不了开发的，是不是？ 其实我们这里头在手机上完全也可以做啊？那我就直接就把这个组件，当然他他现在没有特他视频。好，哎，你看这个就就已经发布成功了，是吧？然后我我们这个正式上线的时候，然后就 可以提交审核吗？ 然后这个提交程我就不演示了，总总体就是这些，然后大家可以如果感兴趣的啊，感兴趣之后，然后你可以呃在你的那个电脑上，然后搜这个 v 大地带嘛， 然后这个打开了，刚才有点慢啊，看这个就是，呃，我已经发布的若干个版本的小程序。 no， 他还有一些其他的菜单，这个是我们安装的模板，数据员的话，这就是为搭代的一个叫文档型数据库，文档型数据库，然后呃，你可以在这个列表上看到自己建的这些数据模型，然后点开的话就可以看到他的 一个具体的一个字段啊，字段标识，然后他有各种各样的类型，是吧？然后不仅是这个类型，然后低码的话，他其实是给你分装了一个后端的服务，像我们常见的这些 增新增啊，新增多条删除删除多条，更新啊，更新多条查询，查询列表基本上都给你写了，你就直接调用这个 a p i 就行，不需要自己再写这个后端方法。如果确实说有的一些比较复杂的 不咋地，也可以写，不光是这个哈。嗯， 它这个复杂的就是使用这个 a p i， 我现在这个点不开了，能点开的时候，刚才咱们看到的时候它有个 a p i， a p i 的，就相当于是一个后端方法，然后呃， 他不仅是能做小程序啊，然后还还可以做一些 oa 类的应用，就像这个，嗯，他这个，这个我现在展开这个菜单叫工作旅游。嗯，工作旅游现在在我手机上看的不是太明显啊，我把这关了， 你看他这个是就是可以有各种流程图吗？开始节点到结束节点，然后每一个环节，然后你要呃 发送的人也可以进设置啊，他流程也是这种可视化的，基本上你看到的这个低码开发啊，全部是一个可视化的操作啊，不需要呃写任何代码。这次就分享到这，感谢大家的观看。