低代码应用搭建教学和实战原创

各位微大的小伙伴们，大家好，我是微大产品经理，我叫李念，今天呢，由我给大家带来一个微大的低代码的应用的搭建教学和实战那。接下来我会呃，按部就班的给大家先讲一下，为了照顾一部分新同学，我会讲一下大概微达是什么，以及微达和传统的开发有什么区别，那在后面呢，我会讲一下微达这整个呃，怎么新手怎么去入门一个教程，再到后面去做一个最佳的实践，就是做一个实战练习，那首先就是讲一下就是微单和传统的开发区别，那传统的低代码就是传统的开发来讲，我们从业务架构逻辑来讲，其实它是分前后端设计和业务逻辑设计的，那在前后端的设计里面，有很大一部分是关于框架的选择和运维，以及前端前后端代码的实现，那我们这个团队之前的云开发的产品呢，主要就是说把后端运维这部分的工作给释放掉，那让更多人聚焦在他业务逻辑本身，那低代码呢，又是一个全新的产品，自从出来了之后呢，那它主要其实就是for的是呃，对象建模，页面设计，流程编。

平台，呃，数据管理这几个功能构成了它的基础的业务架构，那至于这个业务架构呢，可以通过简单的拖拉出来，大家能够感知到的简单拖拉出来去进行一个应用的开发，那从这个维度呢，我们收到的反馈是目前已经上线的客户，可能他们的整体的呃，就是前后端间的边界会变得更更，就是没有那么的技术站，没有那么的强，就是打破了这个技术壁垒。其次呢，一些简单的页面区块和和那个模板是不需要他们自行开发，那从而去提高了开发效率。那微大对比于其他的一些低代码产品，它的优势在于它和企微和微信的一个连接能力，那连接能力体验在哪里？就是微大会和我们企微的组织权限、流程、数据去做一个整合，就整个用户权限打通和应用的打通，那包括和微信，包括在一个注册小程序的注册，到发布视频号的连接，到整个用户去开发一个营销类，然后去监控用户的留存和运营类的应用，它的整个链路的一个连接，那其次还和我们的腾讯会议文档、地图、支付第三方系统提供了这一系列的一些连接器，能够让我们的微搭去开发这些应用的时候更加的简便。

那另外呢，可以看到就是这张图是微达和微信测的一个连接，那目前呢，微达在微信ID里面有一个天然的一个流量的入口，就是在这个入口里面，任何开发小程序开发者应该都能发现这个入口，就是你可以看到很多基于V的一些模板，在ID的那个入口里面去承载，那在这个基于这个模板呢，你可以在微信ID里面去进行原生的一个应用的开发，那在这过程中可以利用微的一些组建的能力，直接去拖拽成为呃，利用原生的一个呃，小程序的预览，这个能力目前是独家的。

其次微达和企微之间呢，形成的一个连接，目前包括了从用户访问应用，通过企微去登录选择身份，然后再到我们微达和企微去成员部门和微大企业微信的通讯录去做一个连接，包括应用管理类的连接，然后这样子去打通，包括我们所有的客户端的A，我们接了企微的客户端的A和服端A，那这些A呢，你们其他的一些产品有什么区别，那其实我们就是能够从原的底层就提供了这些内置的API的支持，那用户不需要去关心企微任何API的一个协议和接口，那它它可以基于微大的封装的一些组件和接口和连接去做一个完整的应用，那从而去减少了用户去理解另外一个产品怎么去接入的一个逻辑，那其次呢，我们的应用的开发人员只需要拖入我们的微达的呃在我们的应用和组件，然后去应用我们的连接器，就可以完成应用的开发。

那其实就回到我们今天主讲的内容，就是微大怎么帮助我们的新同学，就是说哎，伟大的故事讲的很好，那我要怎么去学习呢？那我我发现就是我可能学了呃一个月或者是呃呃半年，可能陆陆续续的，但发现我可能还是处在一个比较初级的阶段，那今天呢，我可能就基于这个方面去跟大家做一个简单的探讨。首先其实需要讨论的是什么样的人适合使用维达，其实很多同学会有一个误解，是认为低代码其实不需要代码就拖拉拽，可能业务人员能用，其实这一点是有一定的差异性的，就是低代码其实它只是第一，第一就是少少代码，不是说无代码，不是说完全不需要代码，它需要代码，因为大家可以想到，如果一个应用都不需要代码，那它的复杂度可想而知，那可能像呃，腾讯文档，腾讯会议，Excel PPT也能做，那这一类他能够做出一些复杂的交互嘛，他能够做出一些复杂的企业级的应用嘛，他不能，所以说这一类的代码不是说对开发人员是没有要求，所以我们微达主打的群体是说我们能让整个应用开发的成本变得更低，能够更快速、更高效，所以在这过程当中，什么样的人适合维纳回答这个问题就首先我们认为你应该要有一点，就是JS的基础，JS是传统的前端的三板斧，就是HTMLCSS。

和GS，那这三板斧，它就构成了整个前端界面的一个构成，那你浅学不是说你要精通，你浅学这一部分，你至少要知道在JS里面怎么定义一个变量，怎么函数是什么意思，怎么去调用事件，就这些逻辑你稍微在WC上了解一下，可能大概花一周的时间去学习一下，你就能知道，知道之后，然后可能只是浅学，浅学之后你再来维大这里，你发现，哦，我看到这个东西我知道啊，他大概连接的是这个能力，然后我再去学习这个东西，你会发现，哦，我微大原来学习的更快了，所以我与其说我们建议让那些不懂代码的同学上来就开始来使用微，不如我们建议你先去看一下S和CS，我们要知其然，并且知其所然，不然的话，你看到这么设计，但你不知道他为什么这么设计的时候，你会感到迷茫，并且感到无助。所以从呃，适用的人群的要求素质来说，我们希望就是在用微大的人群里。

面，最好是能够去了解GS和CS，从而去能够更快的去上手这个，那有的同学会说我都学会了GSCS，我是不是就不需要代码了，我自己也可以开发。不是这样的，就是前端岗位它本身和后端岗位本身就是一个很很很粗的岗位，就是他需要的人才，肯定不是说你学一周的GS和CSS就能够开发这一个用，你需要关注底层的性能，包括它的组件构成模块，再到它的整代码复用代码的可读性，再到他的组件整个封装，所以整体的到最初的技术段的选择，到整个过程维也纳都替你省掉了，包括到后期你的组件，就是一些信的组件都不需要考虑，你也不需考虑选用哪个库，这一方面是完全不需要考虑，但前提是你只要学一下这个，你就能知道我们的各个组件的配置到底是基于什么去要求的，以及当我需要定制一些能力的时候，你怎么去做定制。那第二是我可能搭建不同的应用，我需要学多久，其实这也是很多同学可能我们收到的反馈里面比较大的一个点，就是说诶。

我我我就是学微大，那我到底要学多久我才能够学得会，就是他毕竟就是不是一个说我天然就像嗯，真的是像画画一样，我马上就学会了，其实他还是有一点点门槛的，那这部分门槛我到底要学多久才能够学的会，那我根据我们平台上的不完全统计，就是搭建不同的应用学习时长就不一样的，像比如说很简单的应用，其实比如说我们有很多的模板，那基于这些模板其实你是不需要去学习的，你只需要去选择我们的模板中心去看一下哪个模板是符合你的要求，你可能在安装了之后，你可能改改文案，改改改改图片就能够上线的这一类，那你基本上没有门槛，这类就是传统的那些无码的一个配置，你就是稍微拖一拖，然后布局一下就能。

够实现，那至于时候复杂的应用，复杂的应用是指什么？就我要做数，复杂的数据校验，我要做提交，我在提交的过程中还有复杂的交互，比如我在提交之前我要做一层校验，做完校验之后还要做提示，对不同的状态数据的状态进行不同的展示，登录和未登录的情况下，我需要对不同的呃情况做一个显影的差别，那这种情况下，我们建议的学习周期是一到两周，然后在学完了一到两周之后，这一部分的时间是专注的去学，一边搭一边学，就是我们提前会有一个学习中心，那在学习中心上有一些基础的一个微大代码的一个知识，那我们也有一些视频和教程，当然这部分视频里面可能有一部分已经比较落后，那这部分呢，也欢迎大家在社群里面去反馈，我们也在积极去更新这部分的教程，那另外一部分呢，其实比较推荐的就从实战开始，就就像我们传统写代码学习代码一样，其实你学一门语言，你一开始就先看一下它框架，框架学会。

这里可以就开始写一个hello word，从hello word开始，你去看一下怎么去实现你想要的能力，比如说我，我可能找一个对应的跟我相似的一些功能的模板，然后我就去看一下它是怎么实现的，其实学下来我一会儿会讲一下，整体来说就分那么几块，如果大家学会了这几块，就绝对会了，整个应用的开发在V大上。

那我接下来就讲一下具体要学习哪些，就是我会介绍一下为大常用的核心的模块有哪些，就常用的核心模块我截了三个图，第一个图是我们的，可能使用过同学比较清楚哈，这就是我们的一个代码编器，就是是我们的应用编辑器，它覆盖的范围就你可以看到这个页面里面所有的东西都是跟前端页面相关的，就包括整个预览出来的效果，到右侧的一个组件区的一个配置，然后再到左侧的一个组件库，到大纲数，那组件库这边呢，就是你可以查找到我们所有的微达的组件的地方，那每个组件都有对应的文档，那对应的配置和文档配置呢，就在右侧的属性区和样式群，大家再看一个，首先在搭建的时候先看一下维达有哪些组件，就扫一眼看一下，大概有分几类，这几类是不是满足自己的业务诉求，如果满足，那我就去把对应的组件都看一下，到底是怎么用的，有什么复杂点和有什么限制点，其实这右上角有一个哈的一个小。

B就是这个就可以到各个组件的文档上，那各个组件的文档呢，就会大概讲一下它是用于什么场景，然后大概是怎么用的，下面的这些属性配置，比如说像表格，它就要配数据，然后样式，我可以调它的边框、背景、字体大小等等之类的，那这就是前面编辑器里面的内容，其实前面编辑器里面除了组件和样式之外，最难的点应该是数据的交互，后续一会儿我会做一个详细的实战，就告诉大家怎么去做数据增相改查的交互。那第二个模块呢，是我们的数据源，数据源其实就在我们的编辑器进去之后，在内部有一个入口，那在控制台的外部其实也有一个入口，那对应这个入口呢，就可以查看到我们整体的一个数据的一个交互。数据源包括了一个数据表和APS，还有后端代码就是数据表，就是我们维达内置的一部分的数据表，那这部分表呢，我们就可以做简单数据存储，你无需再去买一个MYSQL或者是买一个mango，就是这样的数据库，你可以直接用。那另一部分APS是指什么？就是我可以通过APS，它是个连接器，可以连接我外部的HTP或是我的MYL数据库，我可以通过一段，呃。

一个自定义的连接，或是腾讯文档，腾讯微信支付，这些都是通过APS一个连接去去连接的外部，它整体的能力就可以连外部的数据去做打通，防止我们形成一个数据孤导，就微达的数据和外部的数据做一个连接，那另外一部分就后端的代码，后端的代码我们目前支持就云函数，云函数是什么？就是它在云端运行的一块代码块，这个代码块它可以你不需要关注它底层是什么服务器，你只需要在里面写一个方向，就是一个函数，它就可以执行在服务端的代码，那呃呃，其实稍微懂一点点开发技术就知道什么时候需要写前端代码，什么时候需要写后端代码，前端代码是可以被篡改的，就用户可以抓包你的前端的一个代码块，然后去进行修改，但后端代码它托管在你的服务上的，托管在后端的服务上的用户没有权限，他是无法去访问你的代码权限，因此它是更安全更可靠的一种方式，所以比如说你需要在后端做一些校验啊，比如。

可从的校验或权限的校验，那就可在后端代码块上去进行。另外微大还有一部分比较大的能力是流程引擎，那流程引擎可以看到这个它其实就是一个常规的一个画布，画布里面可以添加任意的节点，那这个节点呢有很多，包括我们的审批通知，还有后端的逻辑，后端的逻辑怎么理解，审批通知应该比较好理解。就是我要求谁谁谁审批，比如说我做一个A级的应用，我可能在绩效考核的时候，我需要我的上级领导审批，然后上级领导审批之后需要GM审批，那层层审批间的审批规则就可以通过这个工作流流程引擎去做一个整合。那通知是指什么？比如说我需要在审批完成之后去发送一条通知到我的短信，腾讯云邮件，或者是我的我的那个企业微信上，那我就可以通过在这边一个节点截配置的形式去形成一个通知，去通知到我的业务方，告诉你我需要一个什么样的内容。那其次过程中你不需要关注和通知方的一个信息连接，你只需要把你的通知配置好，然后就可以进行自动的一个发送。其次就是后端逻辑，后端逻辑其实无非就是数据的增删改查，就是我怎么对我的表进行增删改查，以及做一些后端的，呃，逻辑判断，逻辑处理，If else的操作，就这些操作，我们有很多的一些基础的节点，比如排查网关之类的一些节点就可以去。

以及数据增加改查的一个节点，就可以形成整个后端的闭环，以及后续我们会追加在这一块直接去写后端的代码块，那这样的话，其实通过流程就可以完成整个后端的逻辑，那这就三个流程，三个模块，就形成了V大最主要的核心的产品能力，再加上外部的一些用户权限等等之类的，就形成了我们维达的基础功能。

那在讲了这个能力之后，我再重点展开讲一下我们的编器，为什么说我们编器是重点，因为大部分的同学其实在做用微搭的时候，其实用编辑是最多的，可以说80%的时间都花在编辑里面去做应用开发，因为其实这些页面的一个开发和和开发的过程，就是我们把我们的应用开发过来的过程，其实可以看到我这边的这个截图，左边是组件，右边是配置，那这里是大纲数，然后中间是一个预览区，就是我可以看以及选中拖拽我的组件在什么样的一个位置，然后其实常见的问题，用户对于编辑器来说，目前常见问题，比如说我怎么把文字的颜色和背景改一下，我怎么去查询数据啊，我怎么点击按钮的时候去提交数据，怎么给表格定义一个查看按钮，比如说你自带的一个查看，那我能不能有一个，比如说我有一个合同，我要提交审批，我有没有个提交审批的按钮，我这个按钮我要怎么做才能够去定义？

的在大界面上去进行一个操作，就这些类似自定义的操作，怎么才能够去实现，这今天主要讲的就是这部分。那如果。在这个过程中，如果你需要改这些，其实你需要了解的就是，第一去选择我们的组件，就去怎么去寻找组件，第二是进行样式的一个配置，就我怎么去修改它的颜色、背景，以及怎么去下到每个组件的内部去修改它的样式和背景，就是我可能开放给你也是整坨的一个组件，那我怎么去把我整坨组件里面的这些行和列，就这些财产的模块去进行一个个性化定制，以及我怎么进行属性的配置，属性的配置反而言之，就是说我怎么去把我的这个表格里面的这些呃数据绑定起来，或者是把它配置配置完成，以及我怎么去做一个事件的一个绑定，比如说我在点击动作的时候，我怎么去进行一个打开一个弹窗，就很简单的。

那除了上面的那些模块，就微达我会讲这些能力之外，另外还有部分就是微达灵活定制的能力，就是呃，比方说什么叫灵活定制，就是你做一些复杂系用的时候，你需要做一些像素级的还原设计稿，这什么意思，就是连ex也也要完全还原，连个radio，就我那个边框我要百分百还原，我只5%的一个五，以及我需要复杂的前端交互，或者是本地缓存数据验，就这类相对复杂的前逻辑的时候，我要怎么做，以及我我怎么去引一些开源的组件库，比如说T啊NTD啊，HR这些的时候，我应该要怎么做，嗯，就是这些其实我们比较常见的问题哈，然后以及我们这个时候就需要用到我们一些灵活定制能力，其实目前微大已经有了，那近期呢，我们也在攻坚，我们的一个应用性的提升，就怎么让这些呃有的能力更好，更快速的让用户能够用起来，那这一方面呢，包括样式定义和组件自定义，样式自定义就是你。

可以直接在这边，比如说看到这个这个你想要改成什么颜色，你可以直接在这边写CSS，那稍一点点前端基础的同学在做一些模块定制的时候是非常有用的，就是可视化只能解决我们一部分的能力，但是我完全开放的代码能力，就让你完全没有任何限制去开发你的应用。另一部分是组件库，组件库就是说比如说我有一个目前V大大部分组件是跟T去NTD去对标的，那如果我想有element UI里面或是一里面，可能一些图标组件回答目前没有，那我怎么去把它快速的引进来，其实我们就有一个自定义组件库的一个逻辑，自定义组件库其实目前只需要去新建一个库之后把它初始化，然后再按照平台的简单的一个规范，最简单的配置就是你把整个配置塞进去，就是一个配置。呃，配置所有的内容，那如果你不需要复杂的，其实就很简单。

其实就是一行代码的事儿，然后这个仓库你再推上去发布一下，就可以把所有的T组件批量的去同步到微大这边，或者是其他的一些开源的组件库，那除了组件库之外，那我可能还有一些业务逻辑，比如说我可能还有一些后端逻辑，比方说我要做一个呃，在对两个表同时进行分批提交，那提交失败之后，我可能其中一个表要进行呃，一些关联的操作，那这个时候我就可以提供一个后端的一个服务端的一个托管的代码的模块，那这个模块呢，就可以去写所有后端服务逻辑，满足我们后端业务场景的常规的需求，这就是为大年户定制能力，一部分是前端，一部分是后端，就前端样式和组件，嗯。后后端的话就到我们的业务逻辑的自定义。那从学习的过程中，我们也推荐，就是其实已有的组件，也有的模板是一个很好的学习的渠道，就比如说我可能有一个呃，跟你类似的一个表单采集，或者是一个是学员请假系统，有学员访客系统或物业园区的巡检，可能场景不一样，但场景基本上都是这种表单表格的形式，或是这种就是小程序，呃，表提交做校验，然后做审批的这种形式，那我就可以看一下这类的模板，呃，安装之后去做一个，看一下它是怎么绑数据的，怎么去绑事件的，怎么去做联动的，就这一块的话，它其实一个很好的学习的径，那有任何问题呢？也欢迎大家在在评论区给我们去互动，然后让我们知道我们后续的一个一个解答的方向，嗯。

就是大家可以踊跃的在弹幕区去去打出来哈，然后在讲完这些之后，其实就已经到了我们一个理论了，理论就是第一你去学一下HTML和CSS，第二你去，然后基于微大的一个学习中心的一个模板学习中心的一些教程和视频去进行学习，第三是可以通过模板中心去进行学习，那你们是这样，那基于这些理论我学习了之后，我怎么才能够搭建出一个完整的应用出来，这个很关键，很多同学比较关心，好，那接下来我们就怎么教大家去搭一个企业级的管理的一个系统。

主要就到今天的实操的部分。呃，首先其实可以看到我放了大概五张图，这五张图就是我们其实要搭建的应用，一个是我们的首页，首页是一个分两个应用，一个应用是移动端，一个应用是PC端，这也是目前大部分应用的一个搭建的形式，可以看到这个应用其实本身我们先拿到这个需求的时候，先做一下业务分析，业务分析就了解这个业务需要哪些组件，以及这个业务有哪些规则是由伟大来实现，对，那其实可以看到就是分两三个页面，就目前可能今天职这三个页面哈，时间有限，然后管理端的话就是呃，六个页面就是一个是嗯，商品的管理，包括增产改查，然后到到到整个整个创建积分，到员工出货地址，再到我们的统计图表，就是其实已经做完了一个完整的一个基础DEMO的一个，呃呃呃，商品管理的一个应用嘛，其实通过这个应用呢，我们就可以看到。

大部分的一个应用系统都是，呃，都是我们这样子来来搭建的，那可以看到我拿到这个需求之后就进行分析，就是说呃，微达有需要哪些东西是由维达来做的，好我们分析一下，就这块儿是一个轮播的形式，就首图它有三张图片，那这三张图片呢，我们可能先把素材找好，然后它需要一个轮播图，那辖呢是一个四宫格的一个卡片，然后每个卡片上有对应的图片标题和我们的名称，然后再到一个点击按钮，点击按钮点击兑换之后是跳到一个详情面，然后整个。

这个过程的话，其实我需要查一个数据，查到这个数据之后，对于数据进行一个展示。然后这就商品的主页，商品主页里面应该还有个分页，就我可能不可能只有一个商品嘛，我底部肯定还有个分页，那这个分页就是对加载更多，那其次就是第二个页面就是我的商品中心，商品中心的话就是一个搜索的功能，搜索旁边有一个按钮，按钮是一个小小的右侧的来，可能这个场景不太多，就有一些场景是有确认，有些场景是没确认，就是看具体的情况，那点击之后有商品的图片，商品标题和商品的规格，还有它对应的统计，然后这样子的话，我就可以去对它进行检索，之后就检索出对应的，如果没有的话，可能要考虑一个异常场景，就是没有数据的时候怎么呈现。第三个页面是我们的，我的就是第一展示当前登录用户的信息，就是我当前登录的是谁，那这一块呢，维达有一个好处，就是我们其实已经有一套完整的用户体系了，那你可以基于这套用户体系去做一个完整的一个登录，包括C端的用。

户的登录和B端的用户的登录，我们后续有一期专门来讲用户登录模块，那今天呢，我不展开讲。我主要讲的就是怎么去把这个当前用户的信息和它对应的一个一个其他的一些相关的信息给呈现出来，以及这边有三个tab，就三个列表，列表它都是点击之后可以进入的一个事件，就是一个我的订单积分明细和收货地址，那这三个地址你点击之后分别都进到对应的详情去进行一个收货地址查看，那这个其实是显而易见的，那我今天呢，主要讲的就是收货地址这里，那其次就是我有了一个商品之后，其实很重要的配备一个商品管理的端，那这个端需要对我整个商品进行一个管控，那可以看到就是这里就分了一个概览页，概览页的话就是可以做一个图片统计，包括我的一个卡片，另一个卡片，还有一个卡片，柱状，饼状图，还有柱状图，这几个都是目前为大具备的，折线图卡片都是具备的，那这几个能力呢，我们可能看了一下，都是可以直接去图。

覆盖的，那在有了之后就有一些列表的呈现，那这部分也是的，那我们接下来就看一下实现这部分能力，我们需要经历哪几个方面，第一了解到这些组件可能哪些是维达有的，哪些没有，那这个需要达对维达组件有一个熟悉的过程哈。其次是我们的一个数据设计，就这些数据我是存在微拉的DB里面，还存在外部，其实一般来说有两类客户，一类客户是说我自己有一个数据库，就是我的数据已经在第三方了，我想用V来做一些界面的展示，那这类用户呢，可以通过我们的APS去连接自有的客户自有的那个数据，然后在这边去做一个数据的呈现，这个相对来说是比较清量的方式。那近期呢，为大这边也在做一个马的一个连接器，就可以直接连到外部的一个MYDB，并且可以直接写L语句，后面的那个近期的一个能力预告里面我会讲，然后第二第第三部分就我搭建UI，开始拖组件，第四部分就是做数据的绑定，就我突组件之后，我就需要去把我的数据呈现出来，第五步就是对配置对应的业务图表和统计分析，那我就对图表进行一个配置和统计，这就是大概的一个使用的流程。

呃，那接下来就做一个实操，就是怎么去做部分的能力，OK。那可以看到就是我先就是微大的新建应用分成了几个板块，就目前创建应用的方式，其实有通过场景去新建，通过空白新建和通过模板新建，那三种方式呢，分别形成您可以按自由的需求，就场景是什么意思，就是我可以从，呃，比如说我要新建一个门户，新建个表单或新建个数据管理平台，那我就可以直接通过这个新建之后，然后他就对应的模板给供你去选择，也有一个对应的quick star去选择，那或者是我需要新建一个表单，它也会有对应的表单的模板去给你选择，或者是从空白就是指你可以直接通过应用的一个模型，然后去进行一个搭建，那今天呢，我就从空白开始吧。

我先点从空白开始。好，我进到了编辑器内部，可以看到我从空白开始之后，其实我这边没有其他的一些相关的点哈，可以看到就是那比如说我我刚刚那个应用可能需要的是一个轮播图。我就搜一下有这个组件，OK，好把它挪进来，然后需要一个列表卡片，那其实我可能需要对我们的组件有一个提前了解，那卡片呢，对应有一个图文列表的格式。

那还有一种格式，就卡片的格式。那可以看到我刚刚那个图，其实卡片的模式，然后就有了，然后呢，可能需要的是一个底部的tab栏。太栏里面其实就有对应的首页。然后再到我们的那个。商品中心。再到我的。就是这三个tab点击的时候，分别都要进到不同的一个，进到不同的一个。产品中心，OK。

好，然后有了这个之后，其实我们就会看一下，就大致的一个内容区域的一个呈现形式，好。呃，那接下来就是对轮播图，轮播图的话，我需要对这个图片进行一个替换。列表这里的话应该是百分百尺寸的问题。

绝对卡片的模板进行一个选择。啊，然后在选择之后呢，其实这边数据列表它有个很重要的能力，就是他可以直接去拉数据，拉数据呢，比如我就有一个，其实提前已经建好了一个小的商品表。那我可以配置我的查询条件，比如说商家状态等于。

去。比如说我必须要是以上架的商品才能够进行展示，那有了这一步之后呢，我就对他查完之后，对他的一个数据进行展示，就是这边节点。点完之后有一个。商品图片。那这里呢，我产品图片是一个数组，我取它的第零条。数据进行一个展示啊，图片就出来了，第二个就是商品的一个名称，其实我们目前列表在自动拉取的时候，已经自动帮我们做了一层拉取，其实可以看到，就这边就可以直接拉到这个积分商城，就是其实呃内置前置有一个工作，就是可能我已经提前把一部分的一个呃一个一个列表给给给给建好了，大家可以看一下我这个列表。

那这个列表呢，其实有有几个字段，一个是商品名称，一个是商品图片，还有它的兑换时间和商品描述，商品规格，那这个过程呢，其实就是一个常规的建模的过程，就是你要先评估你的这个应用它所需要的表是哪些，然后你就可以在这边直接新建一个数据表，建完数据表之后你就新建字段，新建字段之后这边有一个管理数据入口，就是可以去进行数据添加，那添加完了之后呢，你就可以在这边做一个完整的一个呈现，那其实可以看到就是比如说呃，目前是我想展示一个毫升。商品规格。OK。这其实就是常规这个，呃。

那个。那个。的语法了。就这部分就是很很很常规的啊，他已经有那个了，所以我不需要写M。数据里面进行。好，那我就把商品规格给展示出来，那有人会问到，其实在这个列表里面很重要一部分能力就是我可能点击就说我想进一个详情，那前提是我有一个详情页，对吧。那那我我我这个点击过去之后，我可能就带一个详情页过去，那我就在对应的这个容器上，就这一行的这个容器上点击打开一个新页面。然后其次呢，其实一个详情里面，大家知道，其实我是需要把对应的一个ID过去的。

好，那这个ID从哪里来？就是我这一行数据里面的一个数据标识，就是等于我的数据ID。那我把这个数据标识就是这杠ID_ID过去。OK，然后我再测一下。OK，他就过来了，那过来的时候呢，我可能对应的把这个数据看一下，这个数据ID有没有做呈现，所以他通过URL参数过来的，那我就从参数这里拿一下。好，然后重新再点一下。可以看到我的ID就过来了，那有了ID之后，我自然就能查它的对应的数据详情，那数据详情怎么查，我们有一个税详情的一个组件。可以看到啊，数据详情的组件，那我就可以基于这个数据详情的组件去把这个商品表重新拉一下，然后把ID过去。

筛选条件选对应的传过来的数据ID这边因为不是一个常量，是一个变量，并且是从URL传过来的，所以我就把URL参数作为一个数据标识的ID作为筛选条件去查一下。OK。再把这个文本删掉。其实整个数据详情就出来了。定制的马克杯。然后再看一下马克杯，OK，那没有问题。详情就已经出来了。然后再到我们的第二个就是商品中心，商品中心，那我要新建一个页面叫商品中心。那这个中心呢，有两个功能，第一个是搜索，第二个是我的列表。

那搜索目前其实找了一下。发现没有对应的搜索组件，那怎么办？就是其实我们有对应的输入框，输入框是可以作为一个比较好的一个搜索的前提的。行输入。那在输入框把这个拿掉。然后再加一个普通容器。把它包进去，然后前面加一个。图表图标。这个图标就是一个搜索的icon。然后对他进行一个。展示能力。

OK。左对齐，居中对齐好。然后再对齐之后呢，对这个数据进行一个往左移。并且对这个输入框呢，其实可以去做一个好，我我先把输入的逻辑先拿出来哈。我在输了这个输入框之后，我怎么去查这个对应的商品的中心，好再把商品拉出来，然后我的筛选条件其实是需要等于这个输入的值的，那这个时候我需要先把这个值存下来，就是当这个输入框的值改变的时候，我把它复制到一个变量里面去，那我没有变量的话，我就先新建一个变量。

Search。二六。它是一个文字。好，那当改变的时候，我就去把这个search value的值把它绑过去，这一点呢，我们正在优化一个版本，就是。就是可以通过直接组件的ID去拿到它的值，不需要通过事件去拿，这个版本应该会在近期上线，到时候整个组件的值的过程会变得非常的方便。目前呢，可能还是通过这种方式去获取，那我们其实一般在正常的调试过程中是需要打印的，我先看一下我输入的值有没有很好的去到这个变量的值上，好，我先试一下，诶，可以看到我这个值已经拿到了，就是我可以拿到我的输入值了啊没有问题，那我再把这个输入值作为一个筛选条件。这是我的商品名称。

这里要区分一下包含和等于是两个东西，等于是金等，就是做匹配，那包含的是一个模糊匹配，那在我们这里一般搜索都是做模糊匹配，所以我们直接把这个值，这个搜索的值，把它做一个筛选条件复制过去。好，当前是没有值的。好。可以看到已经能够搜索出来了，其实这就是一个简单的一个搜索的实现的逻辑，那接下来就是怎么把这个UI做的更漂亮更好看了，对吧。然后还是用这个商品的。列表的形式。然后在拉完了之后呢，对它进行一个图片的。这边直接绑一下。

哦，然后这边是可以加载更多的，嗯，没问题，好，然后的话，其实这个页面也是需要一个tab栏的。我们太兰一会儿复制过来吧，先新建一个我的我的页面。这样把三个页面都建起了，我就好做这个首页的这个tab栏的设计了，好这个tab栏里面刚刚其实少了一个步骤，就跳转到对应的一个页面上去，所以我首页其实是对应的是这里。然后商品页对应的是我的商品中心。然后第三个页面是我的。然后跳转到对应的是我的。默认选中的话是首页。OK。

所以当前就是可以看到，诶，然后再把这个tab页复制到其他的一个位置。得到我的就是这一点呢，相对有一点小麻烦，就是可能需要把这个页面的值复制到各个地方，我们正在做，把它提到最上层去，这个目前是有个layout的需求，就是正在正在已经在做了，那可以看到其实整个底部的tap的切换已经OK了。就是可以看到呃，基本的一个雏形哈。基本能力是基本上是OK的，然后再到我的页面，呃，我们再回去看一下我们的需求里面的，我的页面里面是有一个。

呃，定制的一个我的订单OK。其实今天想重点给大家讲的也是这个组件哈，就是我们有一个布局类的组件叫网格布局，它的功能就是可以把一个页面划分成多行多列，可以看一下。就是你划分成多行多列之后，你就可以在里面去进行拖拽，这样去进行定位，就是你可以直接通过这个方式去进行定位，那这就对应的是一行，这是一行，就是然后这是一行，这是一行，那这种特别适用于什么场景呢？就是我需要在页面上进行多行多列布局，或是一行多列布局的时候，它就特别的好用，就是并且可以设置我的行间距是32。

对吧，然后对应的这个，呃呃，比如我可以设置我每一行里面每一列的一个宽度，那比如说这个是。三二。这个是八。其实这样就可以达成一个基础的一个框架，然后再往里拖东西。

背景颜色再设置一下。但是这个颜色可能我需要调一下，这个我稍微。看一下这个的做法是什么颜色。也可以看到它背景颜色是这个。然后有了背景颜色之后，其实就需要对它进行一个icon的呈现。这边是一个。对齐的一个操作，先居中，左右对齐。

左右上下对齐，然后换一下icon。这个对应的爱看似乎是一个。一点自定义的爱，把它复制过来哈。啊，对应了这个爱康之就是一个文本。那本身也要做一个居中的一个对齐。然后这边对应的内容是我的订单，把文本内容稍微改一下。我是一个小小的看。标。

也是要做居中的一个对齐。好，那基于这个方式呢，可能我们在。把对应的行的高度比如设成50。有点小。这个就根据具体的来。比较合适。然后再复制几个。

好的，看一下它的间距是多少。高度是50。OK。这有点高了。以为是80。

然后顶部的话是一个太栏。那其实这里比较重要的点是说，我可能对这个。行间距进行一个设置。

关系把点播弄一下。那这里比较重要的一个点就是我怎么把我的用户的信息给拉出来，对吧，就是其实这里就是我去拉一个数据详情，那这个详情它对应用了数据详情的组件去拉了一部分的用户信息，那这个详情里面对应的一个筛选条件呢，其实是等于我本身。

用户标识是等于我本身，然后拉出来之后，我把对应的用户的一个I。把这个调大一点。用户的一个icon信息，还有他的姓名的信息。这里。做一个呈现。手机号再到。的积分。这都写死了。OK。然后我就做一个详细的一个那个直接。看不过来，因为时间有限。

好，每一行都设置一个margin。点错了。那这里呢，其实在部分的时候，我们发现我们需要批量对多个组件进行操作，这个功能呢，我们已经在做了，就是支持用户批量的对ABC3个组件进行批量的选中BP配置它的比如说间距啊，属性啊，只要你是同类的组件，我们都都都支持这个大约大约就会在近期去上线了，那这个批量配置的能力呢，能够大量的降低我们的一个重复性的操作，就可以看到我今天可能有一些重复性操作，后续都不会再有了，对。

基本上目前就是个对齐的情况，那那既然我做好了整个的一个，呃详情，那他他其实要做个跳转，那怎么做，其实首先你比如收货地址，你是需要有一个收货地址的页面的。新建一个页面。然后作为一个点，他不来。添加收货地址。然后做一个列表。

然后其实已经提前新建好了一个模型，叫地址，员工收货地址。这个地址里面有对应的一个。朱慧人。后有对应的一个。详细信息，详细地址。然后除了详情之外，其实很大一部分我们是需要新建的，所以还要有一个呃，添加收货地址的一个应用列表页面。

然后它就会自动生成对应的这个员工的一个收货人是谁，然后地址是谁，就这个就是一个添加的一个页面，那我们在这个列表这边就可以看到。说添加一个按钮。增加收货地址。然后做成一个次要的。这个主要就配它的颜色，主要。然后设置一个，比如说我需要设边距的，我就设置PX。

这个就是CS的基础了，然后我再点击这个添加收货地址的时候，我能不能去进行一个添加，那我就打开一个进入那个新添加收货地址的一个页面。试一下。OK，他就过来了，就你就可以去选了，然后我在提交之后，是不是能跳转回去对应的页面，其实也是一样的原理。那他的这个的提交是在我们的表单容器上的，表单的提交是在表单容器上的，你就可以直接提交，提交完之后就可以返回上一页，没有问题。或者是。打开页面。到。收货地址列表好。等一下。小姐。

好，提交完成之后就会回到这个地址，那你再回去的时候就会有有这么一个能力，那可以看到就回到首页的话，就会来到这个对应的。呃，这个对应的一个首页去，那可以看到我的里面，其实比如说我我点击收货地址，那回到我的。我点击这个收货地址这一行的时候，我能不能跳转到对应的收货地址列表，就打开一个收货地址的列表。嗯，那试一下哦，就过来了，然后我可以添加收货地址，其实整个过程你可以看到我可能两三分钟，对于这种场景来说就非常非常的简单，就加上网格布局，然后再加上这个就就整个过程就非常的丝滑，就是不难，就是其实可以看到整个过程是比较顺畅的，那我实现这个东西花了一个小时去给大家讲解啊，主要时间在讲解，其实实现这个东西基本上实现了个大概。

然后当然还有一些细节是需要完善的，然后就可以去进行一个完整的一个完善好。我这边今天的演示还有一部分，其实我做了另外一个应用，可能时间来不及，那在做完了这个东西之后，可能我们还需要做一个管理后台，我就拿我已经做好的来讲，就是，呃，其实这个页面我可能搭建花了大概五分钟，就是五到十分钟就做完了，为什么呢？是因为我。可能有对应的几个页面，一个是概览页，概览页它就做了一个功能，就是去做一些呃，统计统计，比如说我这个卡片，我就是对应的数据，就统计我添加的商品一共有多少个，就对应的商品名称去进行统计，一共有六个，然后没有上架的有个，已上架的有六个，就全部都在上架过程中，然后新增商品，这边用的是一个柱状图。这里用的是一个柱状图，然后这个柱状图统计的是我们每个月新增多少商品，但一呃22年十暂新增了五条，然后23年一四暂新增了四一条，然后对应的分呃就饼状图也是类似的，然后再到后面的折折线图，就是分析我每个月做了多少也是类似的，那很快就能够把基于一些已有的组件，把通过业务侧一些简单的配置，能够把这个图标给配置出来，然后再到我可能要做一些商品管理的时候，就一键就这个页面我可以可以展示出来就是。

可以看到商品，添加商品，然后你选选这个对应的商品。积分的商品，然后一键添加，或者是我我我添加的收货地址吧，有商品已经新建好了，我就收货地址吧。啊，也有了。然后或者是我新建一个随意的一个。积分商城里面的员工对吧，我其实已经有员工了，那我直接新建一下，我点一下这个模型页面就会生成四个对应的一个页面，包括列表。

创建更新和积分这几个页面，那我在新建之后就可以看，就可以对对应的商品进行一个查看。新增和对应删除，那有的同学说是不是你自动生成的，我的灵活性不够，不是的，就是自动生成这一部分，它其实也是由一个个组件去构成的，包括全局的按钮都是开放出来可以去调整的，包括这个按钮以及这个按钮都是可以去调整的。把它切回到我们的开发端，那我删除的时候其实可以看到它其实只打了一个事件是对应的表格的，这个删除的选中的数据的项，就是如果你选了这一项，然后你去进行删除，是可以直接去删除，比如说我对，然后如果是查看的话就最简单了，我拿一个查看的例子。就是你就直接打开一个页面，然后把ID拿过去，跟刚刚的详情是一样的，那他选择数据的过程呢，也是一样的，就是通过这边有一个直接点选的方式，可以直接选，嗯。

有一下子甚至四个页面，所以今天展示的整个商品，从管理端到到到我们的PC端一个小时给大家做了一个演示，能够做出来的东西大家也能看到，就看看大家有没有什么问题。OK，我看到有有有同学说官网上可以上高阶教程，嗯，确实目前的一些教程可能是比较初级啊，就是可能讲的也。不够全面，而且我们最近也在飞速的迭代，所以目前各个教程也有一点落后，我们近期呢，也在加速的去更新这部分的教程，希望能够在五到六月份之间，能够把对应的教程有一个较好的一个呈现，就希望能够展示给大家。然后高阶教程的话，比如说像一些实操类的，其实我们平时在演示过程中也是有的，那如果想要更高阶的，大家也可以去我们的论坛和我们的社群里面去反馈需要什么样的教程，然后我们就会去出。

然后后端业务流逻辑流怎么做，其实后端的逻辑流我们是专门有一个工作流的板块，大家可以看到就是啊在这里。目前我们有一个新版本哈，工作流这块给大家预告一下，就是目前其实工作流这块是在这里。都留在这里，那这块呢，就是通过一些，呃，可以看到我们可能我们目前的一些应用哈，就是其实已经跟非常多的企业去做了，就是通过一些简单的配置，那这个专题呢，我们会单独拎出一个专题来跟大家讲怎么去使用我们的工作流，这个大家也可以关注一下我们之前的一些直播教程和我们线的教程，我们后续也会多出一些类似的一些工作流教程，另外我们近期渲染一下，我们也有个类似的一个工作流的能力，会会会整个版本都会有一个很大的应用性的提升，大家可以期待一下。

好。然后就是可以调用底层蓝牙应用嘛，可以打包成APP嘛，呃，这个没有问题的，首先微达目前支持多端是web p h5就是PC5和小程序，那目前呢，H5是可以直接去去去打包到对应的APP应用里面的，那如果是原生的应用呢，目前还暂不支持，是通过H5嵌入的方式去有，我们目前呢，也有对应的网页嵌入的一个组件，所以是可以通过这种方式，呃，如果说要调用APP底层的一些应用的话，要遵循底层的应用的一些框架的逻辑，这个可以下来看一下。哦，MY连接就会有安全问题吗？那我们的MYL连接机其实不会有安全问题，为什么？因为它其实用的是一个服端代码，就是我一开始跟大家讲的服务端代码是运行在后端的，那它的权限是不会有任何问题，就跟你，呃，像我的账号里面可能就有长期的一个马SL去写一个库去连的，然后直接从前端去读这个库，那近期呢，我们会专门在这边上一个MYSQL连接器，并且支持从编器，也就这里直接去写SQL语句，这边就是去写S语去去去去做一个呈现，可以大家大概看一下一个界面，就是大家可以看到，就是在编辑器的右下角会有一个新建买SQL的一个查询，那这里呢，首先你可以要通过账号和密码就买SQ账密去。

登录，登录之后你就可以通过去直接写一个测Q语句去查询结果，那拿到的这个结果就可以直接存在前端那个变量里面，你可以通过这个变量去渲染在页面上，这就是买SQL连接器本身的一个能力。就是大家可以关注一下我们这块即将要上线的能力，另外还有上线的能力，就是我们会做多表关联。

那目前其线上有一个关联关系，那这个关联关系呢，是多对一或一对一的，那后续呢，我们会上线的一个能力是所有关联表的查询，就是前端会有对应的一些，嗯，接口能力，那子表的提交，包括我们近期上线的明细组件，支持一个表格样式去做一个提交，后续会支持明细组建验，直接通过组资表的方式去提交，呃，以及我们的多利多，就这块儿都已经在开发中了，就这块估计在四月底会上线一大波的这个多一多关联的能力。另外我们近期还有一个开发者的专项，就是目前其实微大在面向开发者这个领域的话，是会重点投入，包括我们的代码的智能提示，其实可以看到，呃，零代码是很难，就是纯粹的拖拉拽是还蛮难去替代掉我们的代码的，那其实在这过程中，我刚刚演示那部分里面可能没有包含一部分，比如我表单里面输入的时候需要校验，嗯，那个包括那个。

呃，购物车的场景你可能需要做一些，呃，减到最后一个按钮的时候，你需要做一些很很就是做一些，比如最后一条是减到最后一个的时候，实际上是删除整条购物车数据，而不是直接把这个数字减一，就类似于这些逻辑，其实你纯靠呃可视化是可以做的，但它的效率其实有时候如果对于会写代码的同学来说，代码写代码的能力会更强，所以我们会加强这部分能力，会在编辑器独立出一个开发者专区，那这个专区就专门用来写变量，写表达式，写对应的一个代码输入，我们会做比较强的一个代码输入的提示，用的也是一些开源的一个输入提示的框架，结合我们平台的一些变量方法去做一个整体的一个。提升的优化。另外目前在开发调试这块相对较弱，我们也会在这块重点发力，就比如说我们会把你从写代码到这边，比如说这是一个写字和语句，右上角会有一个保存并且运行，那你运行完之后，这边会呈现你的结果是什么，就先给你调调试一下，包括是你写代码也好，还是你调用方法连数据也好，所有的这些相关的代码的体验和呃数据连接的体验，都会作为版本的，就地的，完整的闭环的一个，从开发到调试到运行到绑定，就整个过程，目的是让大家能够所见即所得。

然后另外就是追加业务组件，就是我们会去做一系列的一个企微的一个套件，包括一键拉群啊，会话存储这些能力，然后通过这些能力呢，能够让更多的呃用户能够更快的接入到企微的一个能力里面来，另外的话，近期会上线的包括视频号的组件包，然后以及关联公众号，我们的直播还有支付这些组件都会呃加大我们对企微和小程序的一个生态的一个呃一个能力的能能力的支撑，然后另外的话，最近我们已经在内部灰度的一个能力，就是表单组建的UI的升级，就是全新的UI知识的配置会更多，然后目前已经因为应该是今天已经在在在在内测中了，就内部已经在体验了，如果内部体验没有问题，我们就会开放给客户这边，那这个版本呢，其实从能力上的提升是蛮大的，就包括表单支持你改内部的一些东西，然后把内部的一些样式API，包括你可以通过直接输表单的ID去拿。

它的值就我刚提到的，目前可能还是需要通过变量，以后可能变量依赖会越来越少，整个开发过程可以把UI和数据做一个完整的一个链路打通，我不再依赖于你的变量，我可以直接拿页上任意组件的任意数据，那通过这个链路它会更简单，更符合开发者的一个使用习惯。另外我们还会上一些数组件啊，数字输入啊，还有搜索等等这些能力，那大家有什么想要做的组件，包括其实我这边没有列的很全，然后大家可以在我的评论区里面去打出来，然后另外呢，也可以在我们的官方群和我们的社群里面去反馈。

工作流的，有有有同学反馈那个工作流发起入参变量没看懂，是这样，就是工作流这块，我们近期这就是我说的改版里面，其实目前的那个入是我给大家演示一下，就是它的入参是通过。这里来配置的就工作流所有的入都是通过这里来配置的，就是说这个入参就是这个变量，就是从别的地方调这个工作流，包括从前端，从数据源里面调工作流的时候，它需要传对应的这个类型的这个字段过来，就你但凡传了这个字段就没有问题，那另外呢，我们有一些DEMO，大家可以去看一下，我们DEMO里面传参是怎么传的，另外后期呢，我们工作流正在做的那个改版，会针对于目前正在使用的这一部分变量，其实工作人员最难用的确实就是这个，就是呃，变量的整个路径是比较比较比较复杂的，所以我们会对一个简化，简化成什么样？就是每一个节点有对应的输入和输出，我们会在右侧去做一个呈现，你这个节点对应的输入是什么，输出是什么，输出之后你对应的其他节点可以继续用，包括你的开始节点的输什么什么输出是什么，就每个节点都会自动生成一个出餐，那这个出餐就会有对应的一个根据它节点的ID去访问跟组件的设。

就是一脉相承的，就组件是通过组件ID去访问他的数据，那工作流是通过节点的ID去访问他的数据，所以通过这种方式，后续工作流的数据流会变得更加简单，那也希望这位同学反馈的同学可以关注一下我们新版本能力的上线。呃，除了用全ID实现，还能用工作有假实现组件的取值和赋值，比较坑，就是组件的取值和赋值，就是组件的赋值，其实有一个专门的文档，我给大家大概看一下哈，就是在。

这个位置就是组件怎么绑定数据，其实文档都在操作指南里面，那操作指里面的文档分应用和编辑器，编辑器除了前面的这个，就编辑器介绍统一介绍，然后这个就是做页面间传参的，就多个页面间传参，另外一部分就是组建怎么绑数据的，就是组件怎么绑数据。其实我们主推的两个组件，一个是数据列表，一个数据详情，这两个组件一个功能是查单条数据，一个功能是查多条数据，查完之后在底下的任意的页面里面都可以拿到这个数据，就这个能力是最简单的，那更复杂一点呢，就稍微有代码能力的用户，就没有代码能力用户，就是基本上小白用户也能用得起来，就这个组件，其实它的原理就是我在页面上上了一个数据组件，这个组件就是用来查数据，我可以配入参配出餐，它的出餐就是我对应的数据源里面的数据，那这个数据拿过来之后，我就可以通过它的上下文可以看到什么叫上下文，就是。

我可以通过它绑一个对应的一个字段。比方说。我就可以在这个文本里面，直接把这个小小的一个字段可以看到哈，这里点把这个对应的字段，就是这个数据源里面对应的字段，去把这个数据绑过来，其实我今天演习的里面大部分的场景都是这么运用的，因为这个场景是最简单最直接的，那如果说更复杂一点的，那最通用的用法呢，是用变量，就是变量作为一个中间的数据存储，然后呢，通过事件，事件有分几种，一种是给大家投一下哈。这块确实就是可能对于新用户来说有一点点难，就是比如说你你事件它是指我某一个实际触发的时候，我可以去做一些动作，就称为事件流，其实我们那你就可以去，比如我去调用个事件方法，那我调用完了之后呢，我是可以把这个出餐保存到一个变量里面的，那我保存到一个变量里面，我就可以在页面使用，那这个触发的过程可以是在页面加载的时候触发，也可以在页面显示的时候触发，甚至可以在一个按钮点击的时候触发，这个触发的过程都是可以由自己来配置的，那这是其中最最最通用的一种场景，也是传统写代码的思，就是我通过一个接口请求一个数据，然后通过变量存储下来，然后前端再渲染，这就是组件把数据的一个。

比较逻辑的点，那这就是组件的赋值，组件的取值，我们正在就是其实就是我刚讲的表单容器的标准化的能力里面有一个比较大的版本的迭代，大的版本的迭代里面就是有，呃，我们去直接通过组件的ID，比如说你现在是一个输入框对吧，我们可能是一个输入框，就比如说我要拿很简单的一个场景。我要拿一个输入框的一个内容。

我新建一个自定义页面哈。比如说我我现在就是想拿这个单行输入的内容，那当前的思呢是你要通过这个值值变化的时候，把它存到一个变量里面，然后通过事件本身去做，那后续能怎么做，就是后续能做的点就是你直接输，就我们会有提示哈，就输入的提示，所以为什么说这提示会更好，然后你再去通过这个。Phone item就目前还没有开放出来，可以看到这边可以开放出来的能力，就德W是一个前缀，然后phone item就它的ID点，你看目前呢，开放出来的是ID，那后续会开放了一个value出来，您可以看到就是你看就是就是你输入的值是value，那这边就能够做一个呈现，这个能力我们已经在做了，我近期会上一个文档出来，那能解决这部分用户的一个问题。新版本什么时候上线，就是我们的新版本分好几个好几个迭代哈，那首先呢是麦克连接器，预计的话我们最快是五月底，然后多多观点呢，应该是四月能够上，四月底能够上，就目前已在侧中了，开发者专项这一部分呢，是在一部分已经在测中了，比如代码智能提示，就刚刚提到的那组件怎么去取值和赋值，这两个点已经在开发中了，那预计测试中了，预计应该也是四月底，快的话，然后开发者工具这一块可能往后一点点，可能也是到五暂，另外追加的一个视频号这些组件呢，我们也是陆续续这部分，就常规的一个迭代，估计也会在五六暂，如果人力充分情况下，我们就会优先做，那表单UI的升级呢，已经在灰度中了，近期就会上线，嗯。

引擎开源嘛，就是想说一下，就是刚好有用户其提到了开源这个问题，我们近期在思考的一个方向就是首先引擎开放，其实开放之后可能对用户的用途不大，那我们会选择开放什么能力呢？我们可能会选择开放，把我们一些官方组件库开放出去就是，呃，可以看到我们的这一部分的组件，其实可以看到我刚提到V达有一个很强的能力是自定义组件，我不知道多少用户用过，就是这个能力，就是其实我们所有的官方组件都是基于这个自定义组件去用的，就是其实它就只需要装一下，呃，NM下载一个Co，然后我们档就是这边会有一个文档嘛，自定义组件的管理，然后。

就是会有一个事例，你就可以把一些开源的T也好，呃一的也好，其他组员也好，都都都都引进来，那我们近期在推动的一个事情呢，是把我们对应的一个官方的一些组件库的一些源码给就是代码给开放出来，那在我们做完标准化，但这是一个漫长的过程啊，就是。我们可能会选择性的先开放一部分，让一部分用户，比如说你认为这个输入框的样式或UI，或者是功能不满足的时候，那你有更强大的一个功能配置，并且开源也支持的时候，你就可以基于我们去改造，那只要你懂react，你就可以去进行一个操作。

好，那今天的直播就到这里，然后如果没有什么问题的话，我们下次直播再见。