00:00
大家好,最近微大有一个大的版本的一个变化,我们本期视频的话,嗯,主要讲解一下最近新做的功能。他当然的话,它现在增加了一个主页部分,主页部分的话,呃,就是一个这种快速学习的一个功能。以前的话,学习需要必须打开官方文档,现在在页面上就有导引的功能。新建应用这块的话,它是分成了三类,第一类是从模板新建。嗯,因为官方的话,现在提供了许多可用的模板,你直接套用它的模板做二次定制就可以了,数据模型新建这一块的话,呃,它主要是指就是你不懂开发,然后也不会去做功能,然后他只要你在数据源建立了之后,然后官方自动会给你生成增删改查的页面,那你直接使用就行。空白信件这块的话适合呃,有一定定码开发的基础,然后通过空白应用的话,从零开始呃,建立自己的应用。
01:09
我的应用这块的话是呃,列出了你最近呃已经建立的应用。然后这一块套餐的话,呃,可以看到现在你这个套餐呃,到期的时间,我现在这个是到期是2023年,然后。基础版的套餐的话,它是,呃,提供了50个应用,我现在已经建立了38个,有12个可用。然后下边的话,这个就是呃,各种快速入门视频。然后它包括呃,像你那种基础的是初级的,然后有了经验时可以学他中级的教程,通过视频教程,你就可以快速的了解这个低代码的呃使用方法。产品动态的话,这块是主要是。介绍最近新加的一些功能。
02:01
嗯,增加了这么一个引导页的话,点进去可以比较直观的了解。呃,然后就是应用这块的一个变化。嗯,主要是优化这个UI吧,UI现在变得和以前不一样了,以前是呃不太明显,还需要点进去,现在他就一上去之后,它就可以看到这个编辑应用,编辑应用。具体的话你可以进去呃,做功能,然后应用详情呢,就是你历次发布的一个版本的一个情况。我们本期的视频主要是讲解,最近上线了一个,呃。每页模板。呃,这个模板在哪呢?是点这个模板的,是一个导航的功能。然后我们找到嗯,这个每页模板,然后点击一下它这个查询详情页。嗯,主要是这个是,呃,给人那种美容店,然后可以提供一个小程序,然后他提供了一个首页,首页主要是列出了当前这个店铺能提供的各类新产品。
03:12
然后顾客的话可以在服务业,然后看到具体的项目,项目的话你可以呃进行预约。预约之后也可以按照每天,然后有哪些在线的这个美容师,然后进行预约,预约之后会有呃,预约成功的一个提醒,然后在我的页面的话,可以看到你,呃历史的一个预约的记录。然后使用这个模板的方法的话,就是在右侧输入这个应用名称,然后一点新建,新建之后它会在这个应用这一菜单里头会给你。做模板的安装,我这个已经安装好了,它一共是两个程序,第一个就是这个小程序。第二就是它的管理后台,我们首先呃看一下小程序有哪些功能,点击这个编辑应用。
04:12
稍等片刻,他就会打开这个控制台。嗯,看过以前视频的,可能那个现在的界面变化就比较大了。呃,以前咱们在左侧这个是做这个功能切换,现在把这个位置取了,取了,然后直接他把这个空间全满了之后,嗯。这块的话就是创建页面了,页面这个向下的箭头你看可以看到它,这就是所有小程序的页面,然后点击一个可以进行切换,然后这个呃,加号的话,它是新建页面,然后我们可以点击,你看现在它以前那个新建页面,直接就输入标题和明确了,没有其他的。现在这就不一样了。空白页的话是你已经懂这个开发,你就直接点空白页创建,如果要是。
05:05
不太懂不太懂,它就是分分成呃这种区块模板。哎,你看这个点这个这样的话,他就直接把这个区块模块给你创建好,然后再基于这个基础上进行修改,它有挺多的,像详情呀,仪表盘呀,是吧,表单类的呀。列表类的呀,列表有列表展示。这一类型的,然后具体创建方法就是输入标题和页面标ID,然后点新建就行,这是页面新建这一块,第二块的话,它就是这块组建这个区域变大了。以前那个就是这个组件和这个大纲数还得上下图,现在比较方便的时候,如果我们要是觉得这个空间小,然后点这个向下的箭头,诶一下子就缩回来了,说来现在这个分类嗯,也更那个啥更丰富了,然后他后面热门的热门的就是经常使用的。
06:03
然后还有文本类的,表单类的。展示类的。布局容器类的多媒体导航菜单,还有高级,现在还蛮多的。然后之后这个组件库的话,如果有多个组件库,你看可以进行切换,然后点这个行业组件库。源库这个就更多一些,像这个获取用户头像啊,昵称啊。上传附件啊。然后表单校验的带校验,这样不带校验的。然后还有一个比较方便的,就是因为这个组件特别多嘛,嗯,我一般习惯如果你熟练了之后,我好比我现在就不想找了,我就输入文本就可以进行过滤,诶下次你就他给你筛选,筛选之后直接拖就行。这是呃左侧这个变化,右侧这个区域,以前它不是分为呃PC,小程序,Web,然后现在它以图标的形式呃进行切换,像这个是H5的。
07:05
是吧?他就是这个切换平台构建不一样,然后是小程序的。还可以切换到PC。PC这个就是页面更宽一些,因为咱们这个应用小程序嘛,所以我还是切回来。切下来之后,然后这块的话就比较方便它,因为你如果要做这个手机终端适配的话,可以选择机型。嗯,像他这里头有什么IPHONE8呀,8PLUS呀,IPhone叉叉叉L叉。很华为。然后之后这个缩放比例。呃,预览区的话,这块是一点的话,它其实就是做的一个,呃实时预览,你看它这块出现了一个手机。然后这个程序就在编译,编译之后其实就是你可以看到在手机上这个程序现在呃,会变成什么样子。
08:04
他在实时编译时编译的,哎,最后程序就是长这么个样子。稍等片刻,我那个现在网络还没下载这个就是它最终这个从数据库读出数据来是这么一个样子,这是预览器。然后呃,咱们以前不是在这个左侧这儿可以切换成变量素材,嗯,现在把这个优先级降低了,放在这个右上角变量的话,就是你页面上可以定义的各种各样的变量。然后这里头可以选择类型,我点这个修改按钮。是吧,可以它有什么普通变量,模型变量,参数变量,然后具体可以选择是字符串啊数组呀,不玩类型啊数组。呃,对象啊。点都可以选,然后之后这个可以给出租厨师吃。高级素质这个他可以选择作用域是吧,是全局的还是在某一个页面上使用。
09:06
这是变量的一个概念,实际上就是第二是素材。素材就是可以把这个小程序里经常使用的图片图标啊上传进来。然后小程序使用的时候就非常方便。面板这一块的话,呃,这个就和以前不一样,这个面板以前是没有的,现在就有了,有时候就就像哪个区域,好比我conso区域是吧,现在没有人点一下它就弹出来了,再算一下它就缩回去,是这样的,更多的这一块变化比较大的就是这个低代化变器。以前咱们是低代码编辑器是在这个顶部导航条上的,现在它呃收缩起来,收缩起来,因为可能有的人是只是做一个简单的表单,就不需要编代码。呃,有些就像这种类型的小程序的话,它是有交互逻辑需要携带的。呃,具体在哪写,就点这个D编辑器。
10:02
打开这里头就可以写代码,那这个这是上头,这个是全局的样式。这个在小程序所有页面都可以使用,然后这个是小程序全局的生命周期。可以可以。在这个生命周期里头预加载一些数据。然后common的话就是呃,通用的封装的一些像通用函数一样。然后这每一级菜单这个向下的键子都是某一个页面,像这个index首页,然后它有自己的这个页面级别的样式,也有页面级别的这个生命周期。呃,Handler就是它这个页面里头可以定义各类各类型事件的响应函数。你像汉德,它定义方法是点这个加号,然后你输入变量的名称,代码就是方法的名称。然后每日里头具体可以写相应的代码,因为这个代码的话。
11:01
主要是前端代码,你熟练使用GIS的话,这一块的话应该写起来也比较容易一些,不是太难。这是第代码的部分。然后剩下就是这个组件属性区的。嗯,我们在大纲树里头,其实我们可以看到,现在把大纲树打开。如果我要点击某一个组件的时候,它这一个。呃,编辑区这个的标蓝色的话,就现在是你这个组件已经被选中的状态,然后右侧的话就会出现这个组件可以所有设可以设可视化设置的内容。你像这个导航条,它的数据页签可以设置背景色呀,文本的颜色呀,字号啊这一类型的。然后样式的话,就是我们这里头可以设置它的外边距呀,内边距呀,布局的模式啊。然后字体大小这些还是就是它是对前端的这个CSS的一个可视化嘛,你可以直接使用配置的形式编辑。
12:03
事件的这一块的话。就是我们这个导航条上可以定义的返回事件,这个没有啊,这个没有,然后咱们就找一个这种有事件,就这个小图标,这些小图标是啥意思呢?这个CS就说明这一个组件,它定义了一个像样式这一块有一个自定义的样式,你看这里。这是自定义样式EVT的话是e event的一个缩写,呃,说明这个表单组输入组件,它绑定的事件,然后怎么看呢?切换到这个事件的一个列表。然后我们看到你添加的动作这一块是吧,它是一个调用当前页面这个index,呃,Change input这个方法。总体是这些,然后我们,呃,要看到这个具体这个小程序的效果的话,我们有两种形式,一种是点这个预览。预览的话,它就是实时编译一下。然后会出现一个二维码,然后你点这个实时预览链接,它就会把调用这个浏览器。
13:05
打开一个窗口。稍等它的编译中。编译好了之后,然后它就呃,会出现页面的具体的一个效果。啊,这个比较大,呃,我们一般看的话,我们可以按照那个键盘的F12,然后调成开发者模式。哎,把这个,呃,就是这个模式调成这种手机的,现在你这个页面就比较正常了。然后我们可以看到这个首页,首页的话,然后点击这个预约的按钮,可以跳转到,哎,你可以选择计时是吧。我选他选这个技师,选好人之后,选好这个预约的时间,我是准备九点到十点啊,还不允许,那我就选以后的15点到16点,我选好选好时间,然后输入手机号。
14:03
诶,输进去之后,这个预约的按钮就变亮了,然后点这个立即预约。啊,现在他是邀请你在小程序上使用,然后预约之后之后。就可以就店家他就可以查看了。这是小程序的一个总体的功能。嗯,看完小程序的时候,我们这个就是我一开始也不知道他怎么返回啊,这个比较做的隐蔽一些,就点这个维达这个图标,然后有一个向左的箭头,嗯,点一下这个返回。然后回到编辑器。最后我们看一下这个PC端的功能,然后点编辑应用。同样他也那个会打开一个控制台。呃,小程序和那个PC端的应用区别就是你看这块啊,它这种就是没有这个小程序,因为它是本身就是这种浏览器的嘛,只有两个图标,一个是H5,一个是PC端的。
15:07
然后看这PC端的页面,中间的边隙更宽了。然后使用的组件也不一样啊呃,它这里头这个模板下来之后,创建一个组件库,叫这个t basis。然后你看我把这个缩一下,它这个组件就比刚才那个小程序的组件库要丰富的多。表达类的,展示类的。很多很多通用类的工具。布局导航,页面结构,操作反馈,然后交互,还有什么视频呀,气泡啊。然后失误组件也特别多。还有这种就是那种统计图,什么柱状图啊,饼图啊,堆叠图啊,折线图啊。呃,模板组件这里头什么解析Excel,当然它的功能就非常非常多的。
16:00
呃,同理的就是这一块,员工管理这块是它的页面嘛,你看这个PC端的页面也满足。然后呃,我要具体看到的这个P3功能的效果的话,预览的话,它只能是看到一个页面,我现在给大家看一下。只能看到首页,别的页面看不到。稍等片刻。啊,他这个只能看到编辑店铺的信息。那你要看到这个,呃,我这个PC端后台总体是什么样子的,要点这个发布。发布之后,然后我发布成体版。点下一步。呃,这个就是在编译的过程中,它是会把这个程序打包。
17:02
然后发布到你这个自己的这个原环境中。这也是低代码的一个特点,以前我们部署那个真正你做好程序要发布的服务器里头,那挺复杂的一个事儿,你要装中间线呀,如果是呃,云环境,可能软件的那个虚拟机里头,操作系统都没给你装了,那你第一步起步的,你得先把操作系统装了,装完之后你要装中间件啊,数据库呀,然后部署应用程序啊。整个要修改这些各种各样的配置,那个还挺复杂的一系列的,呃。内容吧,软硬件你都得吃同,有时候你还要件要开通端口啊什么的各类型的。像这种低代码的形式,我就点这个发布按钮是吧,然后这个云环境帮我做一切工作,我自己并不需要做啥。稍等他在发布中。
18:01
然后一会儿发布到100%,会弹出一个二维码。啊,这个就部署成功了,呃,PC端的应用要通过这个企业工作台访问,然后我们点击一下。嗯,企业工作台其实就是相我们相当于我们一般管理软件的一个后台嘛,我这里头因为我发布了好多套了,我可以切换,切换到我们这个,呃。美业模板管理平台,诶,这就是他的一个那个。整体的PC端的一个功能。平安功能主要那个啥,主要是指增删改查嘛,是吧,像这个店铺信息可以维维护店铺的基本信息,点这个编辑按钮,你像我可以给店铺名称修改啊,重新上传一个logo呀,选择营业时间。然后像员工管理是吧,你可以添加员工。
19:04
如果要是他休假的话,你还可以改变这个员工的状态休假,哎,这个员工我把他调调休了是吧,在预约的时候就看不到这个计时了。嗯,服务管理这块的话是,呃,就是你现在那个提供哪哪些产品,什么美甲呀,什么按摩呀,这些我可以点击添加服务是吧,然后售价原价小试试,然后支付方式啊这些类型的。然后你这个产品如果要说近期不开展了,你还可以下架点这个下架。哎,他这个状态就变了,他就下去了。呃,剩下就是预约管理。约管理的话,其实呃,这个就比较呃好用了,因为你在小程序端,顾客给你下了订单了,然后你在PC端作为一个店家的管理员啊,看有那个啥,有顾客现在他那个下单了,然后之后我就可以呃。
20:09
完成服务或者取消预约都可以。最后一个就是呃,那个分类。分类的话就是我整体的不是有类别嘛,是吧,我有几种什么面部专区啊,美发护理呀,SPA呀,新任专区这类型,总体这个小程序它是不是分为两端嘛,移动端和PC端。我们现在呃,使用官方的模板,用一个人,然后就可以把这两套程序都开发出来,后续我开发的话,因为官方这个模板是使用的这个SDK的一个。形式我们怎么看呢?看到后台的代码是在这个数据源这块。有一个美颜模板的数据源。
21:01
然后具体的代码是点这个查看详情啊,这里头它引入了这个。官方的一个SDK还是挺复杂的。嗯,不利于我们新手学习嘛,我。那个后续的这个讲解的过程中会。把这个一个功能都拆解成一数据源,用新建自建数据源的形式,像这个店铺信息。是吧,我把它这些字段都抽象出来,然后这是呃低代码给你生成的一些方法,我们不修改它,直接使用,然后把整个这一套从呃后台到呃小程序整个实现一遍。这就是我们本次这个实战教程的一个总体介绍。
我来说两句