微搭低代码搭建学生请假应用原创

学生请假应用的一个搭建。呃，今天晚上的一个呃讲解内容我们分五部分，第一部分的话，我们先介绍一下低代码的一个呃，腾讯代码的一个呃呃基本内容，然后再给大家把这个学生请假的一个啊简单的应用场景做一个分析下来。第二步我们会结合呃常规的数据源的一个设置和工作流的一个设置，给大家讲一下在这个呃场景下如何去设置数据源和工作流啊。第三步的话，我们会基于呃整个的一个设计，然后先给大家讲一下如何去搭建应用端的一个应用。啊，第第四部分我们会讲一下管理端PC端的一个应用，到第五部分我会讲一下怎么去把这个应用发布和进行测试，这是今晚的一个，呃，整个的一个目录。那下来我们第一环节讲一下这个，呃，给大家介绍一下V代码的一个呃，产品的一个能力，以及场景的一个分析。

呃说到腾讯，呃说到低代码，可能大家呃有一部分呃同学啊或者呃同事呃或者说朋友啊都知道这个低代码呢，它的一个呃呃概念，但是还有一部分同学可能或者同事或朋友不太清楚这一块，那腾讯的微代码呢，它是一个高性能的一个低代码开发平台啊，它可以能够快速的帮我们去搭建啊PC管理端啊H5和小程序应用。呃，在腾讯的微微代码中，平台提供了数据源啊，工作流，页面组件啊，代码编辑器，用户权限以及应用发布和测试等相关的一个全生命周期的一个管理，连接了我们的C端和B端，是C端和B端的一个生态的一个开发工具，同时的话，我们也集成了腾讯的一个能力啊，包括企业微信啊，微信支付啊，腾讯会议，腾讯文档。呃，我们和这些腾讯的呃相关的生态产品做深度的一个集成，这样能够高效的帮助我们各种呃各类企业组织进行数字化转型和业务模式的一个创新。啊下来大家看到这个是我们呃基于V代码的一个开了一那常和常规开发基本相似，第一步是数据源的一个设置，那我们这里的数据源设置这一块包括了我们数据模型的一个搭建啊，通用选项机的一个搭建啊，连接器和自定自定义连接器。

呃，还有数据管理后台。那下来的话，把数据源设计好以后，那下一步节点我们就是要创建应用，然后在应用里面去创建页面啊，然后拖拽各类组建模板，然后搭建我们需要的呃应用的页面，然后当然在搭建的过程中的话啊，我们是基于我们可视化的编辑器，可以呃让用户呃一边啊通过拖拉拽来去组组成我们的页面，一边可以通过呃浏览预览的方式来看到我们当前这个呃拖拉拽的一个效果，同时的话，对于一些比较复杂的业务逻辑的话，我们也支持这种低代码，就是呃通过低码的一个方式来去解决我们复杂的业务逻辑。

这是我们的应用和页面搭建的能力，那下来的话，应用和页面搭建完了以后的话，那呃就是我们对应用的用户呃的创建角色和权限的一个关联配置。然后的话，到最后一步是我们的一个发布和测试啊，在发布测试过程中，我们分为体验环境和正式环境啊，对于我们常规开发来说的话，第一步肯定一般是在企业环境去做相关的测试，当然我们觉得呃，整个的应用搭建没问题的话，我们再转发啊，正式环境这两个环境是进行数据的一个，呃隔离的啊，完全是不受任何影响的。那这个是V代码的一个产品的一个大概内容，那今晚的话我们就回归主题，我们讲一下这个学生应用请假场景，呃这样一个一个案例，那我们如何能够呃通过微替代快速的来搭建这样一个学生应用请假的一个呃场景，那首先我们先对这个场景做一个分析啊，这个场景的背景是这样的，就是目前来说的话，你像学生，尤其是小学生啊，一般向老师请假的时候啊，有要么是啊由家长去代替，要么是高年级的学生啊，学生自己向老师进行请假，那常规请现目前的请假方式，要么就是通过啊手机啊打电话或者说啊发一个微信给老师说哎，我要请假了啊，什么原因啊，要么就是呃，提前通过纸质的一个请假单，然后进行填写，交给老师，让老师去进行审批，那这个过程中的话，整个请假要么就是时效性很差，老师通过电话啊，通过通呃，那个微信啊，收到这个消息以后，就这个消息就过去了，整个统。

比较难，要么就只质啊，提校过程中时效比较差，老师要收回来还要整理，那其实在很多情况下，学校的这这种请假的一个啊，最终的一个跟踪啊，包括统计啊，容易呃丢失啊，整个的管理成本也是挺高的，那基于这样一个场景，我们就给行为大家记代码，然后要做一个啊学生的请假管理系统。

那这个系统的话，我们把它大概定了一个目标，首先的话就是要求学生或者家长能够在线上进行一个请假啊，老师呢，可以通过线下的方呃，线上的方式进行一个审批和统计，那。我们这一块的话，整个划分的话是划分为就是呃，应用载体分为就是移动端和PC端，移动端的话我们支持小程序和H5 PC端的话我们支持的是那个web的一个浏览器的一个访问，那在角色划分上，我们就把它定义为啊，移动端让学生和家长啊，学生或者家长来进行操作，呃web端呢，就老师在办公室通过PC的方式来进行操作，那呃对于这种移动端的它的功能包括了就是请假的一个申请。啊，我们就可以在手机啊，通过小程序或者H5的一个小小小链接页面来进行一个请假的申请，那呃，还可以在里面看到我们曾经请假的一个审批状态和请假的一个详情。

个人的话，呃，另外就是在这个请假提交之前的话，我们需要对个人的信息进行一个完善。要提供一下我们个人的姓名和我们的相关的联系方式。那web端的话，老师的话啊，他可以通过PC端在近期他可以登录进去去查看。有哪些学生进行了一个请假申请，然后他可以进行一个。请假的一个审批和查看最终的一个请假的一个详情，呃和整个的一个数据的一个统计，那这个是我们大概的一个场景的一个分析，那基于这样一个场景的话，我们呃如何来搭建这个，呃。这样一个应用呢，通过这个这样一个平台。那还是回归到还是我们刚才说的那第一步肯定是先要对数据和工作流进行一个啊一个设计。呃，数据源这一块设计的话，其实呃这个场景我们就呃可能在真实场景中可能啊还有更复杂的一些业务逻辑啊，需要呃需要呃进行一个相关的一个设计，那我们这这今天晚上呢，我们讲的就相对来说比较呃简单化一点，主要还是呃把这个呃微达的啊功能如何搭建给他进行介绍，那所以说在数据这一块设计的时候，我们就设计设计了三张表。

啊，第一张表就是请假表，第二张表就是学生表，第三张表就是我们的教师表，那请假表的话，呃。学生请假和学生之间的话，嗯，常规应该是一对N的一个关系，那这两这两张表之间的一个关联关系的话，我们就用学生的一个学生ID来进行一个关联。那学生和老师之间的话，呃，应该是。一个学生对应一个老师的，这样呃也是一对呃也是一对呃N的关，一对N的关系，一个老师对应N个学生，那他们之间的话，我们用的是这个呃学呃老师和老师那个管理的班班级的ID和学生所在班级的ID，然后进行一个关联，那这一块的话，关联我们是一对一的，班级之间的关联是一对一的。

那这个是我们的数据源的一个设计，那第二个点呢，我们就是对这个，呃，因为在整个的一个是呃，应用的过程中的话啊，为他提供了通用选项级这样一个能力，就相当于我们把一些枚举类的，常用的枚举类的，我们也可以通过这种通用选项级来进行一个管理啊，像我们性别的话，我们可以去设置男女，在通用选项机里面用到班级的话，我们可以先。设计两个两个选每举类，像一年的一班和一年二班，当然也可以再继续增假，那请假类型的话，我们就用枚举啊，在通用选项里面设置成定价和市价，那审批状态的话，我们为了在移动端能够显示出这种审批状态的一个区分，那我们也啊大概设置成这个待申请，呃，待审批已通知和已拒绝。啊，这个是我们的一个数据员的一个设计，那下来是一个工作流的一个设置，那工作流这一块设计的话，我们是啊也是比较简单化了，就是呃，一级的审批就由老师学生提交了申请以后，然后老师进行一个审批，那这块的话，嗯。

我们在这个应用设计中的话，首先这个工作流的话，呃首先呃在使用的时候，呃，第一条我们就要先要设置一下这个老师的一个呃入餐的一个ID，就是这个ID的作用是用来查询我们这个是由哪个老师去进行审批的，那下来还要再设置一个入餐叫请假的一个记录啊，啊代表的就是我们现在请假这条记录的啊，我们要查这条记录，同时的话，在请假啊，审批啊，同意或者拒绝以后，我们需要对这个请假记录的数据进行状态的一个修改。所以的话，我们需要传两个入仓，这是第一步，我们在工作流这一块一个设计，第二步是我们要增加一下这个呃，查询请假表的一个呃，呃活动对象啊，这个功能的话，在工作里里面类似于就是我们啊在这个节点要查询我们的请假表啊。第三个我们要增加一下这个教师的一个表的一个，呃，活动表的一个呃，教师表的一个活动对象的一个，呃一一个功能，这个就是我们上面说的通过一个teacher的ID去查询，这个要有老哪一个老师去进行审批，是这里的老师查询的一个结果。那第五个就是我们加一下，就是这个请假执行完以后各个状态的一个修改。

这是微基于微的一个工作流的一个设置。那上面这一块的数据的一个呃，数据的一个设置和一个工作流的一个设计啊，给大家在这个呃PPT进行一个呃一个介绍那。我们再回归过来，我们看一下啊，在我们这个呃，实际的微达工作台平台里面，基于刚才的一个设计思，那我们实际上在这里是如何设计的，那回第一步我们就是呃数据源的一个设计，那我们就打开我们这个微平台的这个数据模型。然后在这一块的话，我们创建创建我需要的一个数据模型啊，学生和我们的一个请假的一个模型，那因为时间原因，我这块就提前啊创建了两个表给大家，呃，展开看一下，第一个就是我们的这个呃请假表。

这个呃，打开请假表的话，这块就是我们刚才说的那几个字段，还有请假类型啊，开始时间，结束时间啊，包括我们还可以放一些备注的啊，上传一些备注的图片和备注的信息，然后我们请假的状态，还有请假的一个时长。那在这一块的话就是呃，微单它本身在数据模型这一块的，可以通过这种可视化的形式去创建我们的数据表啊，像这样类似于添加一个字段啊，可以去命名这个字段选，然后我们会自动生成字段的唯一标识，当然也可以去通过我们自己的手动方式也去做，也可以去做一个唯一的一个啊英文的一个命名，然后下来就是我们这个字段的一个备注啊，数据的呃，字段的一个数据类型啊，这里我们支持像这种波尔啊，搜索啊，枚举啊，对象类啊，各种的一个数据类型，包括我们数据表的关联关系。

嗯，然后是我们这个是否必前唯一和是否主列字段的一些信息的一个设置啊，我们都可以通过可视化的方式来设置我们的数据，数据表的啊内容啊，那这一块的话，其实有点像我们啊，像传统开发里面的啊，像用MYSQL啊，用一些工具啊，去可视化的去控制一些MYSQL的一个表的一个设置啊，这里就跟它啊有点相似。然后这是一个请假表，那下来就是一个学生表，那学生表这一块的话，我们设置了学生的姓名了啊，出生日期的班级的联系方式啊，包括用户ID啊。这个就是呃，这个就是我们，我们在呃。我们在这里啊，说的这些字段啊，都是基于这些字段，我们进行一个相关的设设设计的。嗯，然后下来的话，就是还有一个比较特殊的表叫教师表，那教师表的话，我们这里就不单独去创建一个教师表了，我们这里有一个。

用户表，我们可以通过用户表用用户表啊，已有的这种用户表系统的用户表，然后把它作为一个教师的一个表，然后进行在里面去啊设置一个相关的信息，那这里面的话，我们主要配了这个啊教师的名字，工作的岗位，还有管理的一个班级啊，这个主要这个班级主要是呃，起到了一个刚才说的和我们这个学生所在班级的一个关联关系。到时候可以去进行一个关联。啊，这是三个表的一个创建。啊，下来就是刚才说的这个工作流的创建，然后回归看一下工作流啊，在微达这一块的话啊，我们有一个专门有一个工作流的一个模块，可以通过这种可视化的啊形式啊去创建一个工作流，那这个是我们事先创好创建好的一个工作流。那工作流的话，可以通过这种呃，添加拖拽的方式，想添加这种元素的方式啊，去添加工作流的相关的一个要素啊，那这里的要素给大家大概介绍一下，就是基础要素啊，包括我们的排查网关了啊，包括啊工作流的结束，那对象活动呢，就是我们刚才说的在里面，我们可能需要在工作流启动的时候需要查询一下，呃，需要提前把这些要处理的，要要使用哪些哪些人去进行审批的，这个老师要通过这种对象活动去查出来，那对象活动的话包括了创建记录，删除更新。

啊，还有这个查询提交。这一块的话，我们像我们这种查询记录，这个是指的是我们对这个提交的这条请假数据的一个查询，那查询完了以后，我们为什么要查询它呢？是因为我们在后面这一块要用查询的这个结果去更改它的状态，把它的这个审计状态进行一个更改。这个是查询记录啊，这个查询教师就刚才说的，我们要把这个啊属于这个，呃，这个需要这个班级的老师查出来，然后让他去进行相关的审批，在审批节点里面去配这个查出来一个审批变量。

啊，这个是工作流这一块的，那处理审批结束了以后的话，我们需要在这是啊同意还是拒绝里面，我们需要更新我们刚才查出来的这个请假这个信息进行一个更新。那具体这块我给大家简简开啊逻辑先给大家讲一下，那在开始的工作流开始的时候，我们需要去配置一下这个啊传要传两个参数，这两个参数一个是啊老师的一个ID，一个是呃假期的一个就是这条请假数据，请假数据的一个ID，那这两个ID的我们在这设置以后啊，这两个ID也不是我也不是我们随意设置的，这两个ID将来会在我们这个移动端去提交请假的时候，也要把那两个参数随着工作流啊一块去去设置，那这两个ID和那两个ID是必须要求一样的。这个是这里有一个要求。呃，然后有了这两个入参的话，这两个入参，呃，这两个入参的它的作用分别是在这个查询记录的这一块啊作为想想啊VOID呢，作为这个查询这个请假记录的一个，呃查询条件，那这样一个teacher ID的话，作为我们查询这个老师的一个，呃查询ID，那这两个最终查出的数据都有一个输出的一个变量啊，就查出的结果我们会存在这两个变量里面。

那这两个变量分别像teacher的这个para将来是在这一块啊，审批节点的时候，我们需要配这个啊，审批人的时候，我们就要把这个刚才查出来这个变量复制到这一块，那将来。是哪个老师，他就在这个节点，他能能够接收到这个审批的一个信息，然后进行相关的一个审批。然后这两个呢，是vacation是我们这里查出来的，它的作用是。我们查出来以后，我们需要把我们那个审批的一个状态啊，进行一个修改啊，这个一和二的话，其实代表的啊，这里的二啊，包括这里的一个啊三。啊，它代表的是我们，嗯。

我们在上面这一块。我们在上面这一块，这个待审批已审批和已拒已拒绝，像已已通过的话，我们就是个二，已拒绝我们是个三啊待审批我们当我们我因为我们现在是设的设置的是零答案，当然也可以去设置一啊，这个是跟它是一个对应。那有了就把这些功能设置完了的话，那我们整个的一个啊，数据的数据源和工作流就进行了，就是嗯，等于说是操作完了，那下来的话。数据源和工作流设计完的话，我们就呃进入我们的呃第三章就是我们移动端H5或者小程序应用的搭建。那有的数据源，有的工作流，我们就回我们下来就是应该是搭建应用，那搭建应用这一块的话啊，对于我们的移动端的话啊，我们常规用的是H5的一个页面，或者是直接在微信小程序去搭建，那V这一块的话啊，深度集成了这种啊微信小程序的一个能力，我们直接可以在V上。

去创建移动端的时候，无论是H5小程序，那我们都可以直接在创建相关的应用。这个应用将来可以发布，直接发布到我们微信上。那对于H5和呃小程序这样移动端的话，维达这边就推荐大家使用自建应用的方式来进行创建，创建应用啊。然后的话，呃，我们在选择自建应用的时候，就可以去选择我们是呃支持小程序web端还是说单独的小程序或者是小程序，或者或者是web和PC的，呃，H5和PC的形式啊，进行一个自定义的创建。那创建完资金应用了以后，呃下来的话，有了应用的话，我们就可以在这一块去创建呃相关的页面，那对于我们刚才说的像这种呃，像这种就是呃小程序测的请假的这种小程序测的话，我们目前的话啊，基于刚才上面那个啊PPT，刚才我们分析的这个PPT这边分析的那个前面分析的这几要求，我们有一个请假的一个列去展示，请另外有一请假的详情啊，去看我这个请假的具体的内容，还有我们请的申请，可以发起这个请假的申请。

呃，另外就是三个页面，就是我们个人信息的一个查看编辑和一个新增，那这一块有一个条小的要求，就是说在首次登录的时候啊，首次我们去登录这个小程序的时候，我们首先要这样让大家看到的是需要完善一下个人信息，只有完善了个人信息以后，我们在来请假的时候才能把这些信息带进去，要不然的话，我们提交信息的时候，数据就是残缺的啊，就看不到是谁提交的请假，所以我们在做这个页面的时候，首先第一个页面我们先要去做这个新增个人信息，下来再是请假相关的啊信息。啊，这个是我们对页面的创建，那先创建了这六个页面啊，满足了我们的一个页面的创建以后，下来第二第二步就是我们的刚才的流程。是每个应应用里面啊，每一个页面里面去拖拽相关的组件，去拼促我们最终的页面的一个啊样式啊，最终的页面的一个元素的组成，那这一块的话，我们啊，在用微达进行这个开发之前啊，大家啊有一个必要的条件，就是先要了解微达它都有哪些官方的一个组件啊，这些组件大概的功能有哪些，然后我们在自己的就是搭建之前的话，把这种页面和组件之间的关系有一个大概的一个梳理，关系有一个整理，像我这样梳理出来以后的话啊，然后我们有一个大概思了以后，然后再去拖拽进行搭建，这样的话就是可能我们就能做到事半功倍，而且整个逻辑也是不会乱的，那这一块我做了一个梳理，你像做这种呃，请假列表形式的，那我们V达里面就官方就有我们的列表数据列表组件啊，大家可以列表组件的话，可以直接绑定数据源去展示这个数据的信息，然后再用到了一些容器组件去去进行一个容器的一个布局，然后另外还用了一些。

成本组件啊，去去绑定我们的一个显示的数据，然后再用了一个叫table的一个栏，就相当于我们啊移动端下面的一个切换按钮啊，通过这个推栏组件可以自动的一个切换啊，大概列列表这块我们就用了这样一个组件，那请详情这块的话。

啊，因为因为通过列表进到详情里面，那肯定详情还有一个回退，那我们需要有一个导航栏，那所以要用到了顶部导航组件，那下来的话还有一个数据详情组件，这个数据详情组件将来就绑定的是我们要展示的数据。然后就是还是我们的容器肯定少不了的普通容器，另外就是说我们要一个图片组件，因为我们在绑定数据里面，刚才在那个设计表的时候也有一个啊图片这这个信息，那我们需要再用图片组件去展示图片信息，这是请假列表和请假详情，那请假申请这一块的话，呃，申请的话，其实其实就是一个提交的一个表单的页面，那这这像这种申请类的，还有这种编辑新增的这两个都是用到了一个表单容器，那这两个就相对比较复杂一点，那首先就会用到我们的个表单的容器组件。

在表单容器组件里面，我们会有这个下拉组件，就作为我们那个单选择的选择用的一个组件，还有日期组件啊，还有单行的输入，多行的输入，还图片图片上传组件，另外就是按钮，另外还有就是我们那个切换栏。然后就是我们下来这个，呃，新增编辑个人的这个页面，它也是用到了这种表单容器组件，然后单行输入下拉组件日期啊，包括电话号码了，提交按钮，那呃中间这个查看个人信息的话，有点像我们这里的一个请假详情，那它就是一个详情组件啊，加上它的文本和一个退保切换栏，这个是我们对页面和组件的大概的一个。设计啊，基于我们伟大的能力做的一个大概的一个设计。那有了这样一个啊，设计以后的话，那下来就是啊，我们具体的每一个页面啊，如何去啊，基于我们前面这个组件，它如何去组啊，拼凑拼凑这个页面的，那第一个页面我们就先说一下这个新增个人信息页面啊，这个页面是我们的首首页面，那这个页面以后大家看到这个这个原型的一个样样式啊，我们就想做，做成这样一个样式，可以输入姓名啊，选择性别，输入日期和班级，还有这个联系方式。

那这个时候呢，首先就是我们说的先拖一个啊容器组件表单容器组件，然后去设置这个容器组件的信息，然后在这个容器组件里面，我们会拖这个啊像单文本呃呃单行输入了啊，还有这个呃单选了啊日期了，日期选择了，还有班级选择了，还有文本的一个输入代号，输入的电话号码啊这些把这个组件拖过来，拖完以后的话，我们对属性，对容器属性进行一个设设计，呃，设置。那这个页面的话，呃，如果说呃去拖拽和组成的话，其实没有任何的一个难度，我们这个页面它的一个核心难度在哪一个核心难度就是我们在这个页面的时候，呃，因为我们这个人，这个这个用户他提交的时候，我们需要在表里面存这些信息以外。

在学生表里面存这些信息以外，我们还要存一个当前登录用户的一个uz ID啊，这个存这个uz ID的作用是因为我们每次每一个创建每一个登录的用户，我们优为大都会有一个啊，都会有一个给他产生一个UID，唯一的ID，那这个唯一的ID要和这些信息进行一个绑定，那下次我们登的时候，通过这个UID，我们就区分出来是哪个学生啊，是哪个人登录的，所以说我们需要在全局量里面设置一个UID，然后通过我们的低码方式去获取这个UD的一个信息啊码待会给大家去看，打开我们低码编器去看一下。那这个是一个核心点，我们要设置全局变量或存储这个登录的U的ID，然后把登录的UID和这个绑定一块，进行一个数据的一个提交和保存，这是这是一个核心点啊，另外一个核心点就是。呃，我们在提交这个表单事件的时候啊，啊微达它本身，嗯，我待会给大家看一下，当我们把这个表单容器拖拽完以后，我微达就会产自动的产生一个提交事件啊，会把我们创建那个表啊里面的含有的这种新增方法，它会自动的把这个带入进来，那我们在这一块的话，常规的话，我们提交这个表单的时候，就就直接就很简单拖完。

保存就可以了，但是呢，因为我们这里有个特殊的原因，又有user ID，我们要单独把它啊隐藏的，隐藏的形式就insert到我们的数据表里面，所以我们我们需要在这个呃V大家自带的这个呃方法的入参里面去进行一个调整，把增加一个方法入参的一个处理啊，把这个就是U的ID啊存到我们的这个叫用户ID里面，这个用户ID的话，是来自于我们刚才设置表里面生成的那个唯一的用户ID的一个啊，唯一的一个标识。啊，跟他做一个对应啊，放在这里面，然后再提交的时候，我们就可以隐藏式的。把这个U的ID啊色到我们的表里面，这是我们新增页面的一个难点。

待会儿去打开页面给大家看一下。那。第二个第二个页面就是我们那个请假列表，请假列表页面，那请假列表页面这一块的话，因为我们请假列表这一块的话啊，大家可以看到啊，这这是一个原型，那我们需要就把学生的信息姓名，还有他的请假，还有他的开始时间，结束日息，还有这个审批状态啊，通过颜色的方式啊，就这样展示出来，那通过微用微达去怎么来做呢？啊，其实啊，刚才那个组件，呃，前面这几呃前面前面这一页也也也讲了这个列表啊，其实就用了这几个组件，也不复杂，就几个组件，那这个的一个核心点是在哪？核心点第一个就是我们要有一个全局的，一个要要设置两个全局变量啊，刚才设置U的ID，现在要全设两个全局变量，一个是关联学生的ID，一个是呃登录班级的ID，然后这两个ID的话，也是通过我们在加载的时候，登录用户，先取得登录用户，然后去用登录用户去拿了uz ID去查这个学生关联ID，因为我们在这个页面已经。

已经保存的这个学生，所以说我们在这里就可以查出来这个关联的一个学生的一个ID，另外我们也能查出来他的班底，因为我们在这个页面嘛，现现在这个面做了一个保存，所以在这个列表页面，我们就可以拿到这个信息，然后进行一个关联保存。啊，下载第二步，我们需要做一个加载，加载一个处理函数，在加载处理函数这一块就说了，就是说我们。我们首先在这个页面的时候，我们需要去呃加载加载这些，呃，就是在加载这个页面的，我们需要叫低码方法啊，去拿到登录的，登录的用户信息，拿到这些信息啊，然后进行一个保存。这是一个，呃，一个加载函数啊，待会儿我们下面那个页面给大家讲一下这个加载函数，然后第三个就是我们给数据源数据列表进行一个数据的一个绑定。那第四个就是一个页面跳转，就我们希望这个页面，点这个页面的时候，它可以跳转到页面详情，所以要给他绑定一个跳转事件。

第五个呢，就是给这个所有的就是文本的绑定，就这些全部要绑定它的，呃，显示的数据啊，第六个就是我们要处理一下这个带颜色的这种这种像012这种带颜色的，我们要把它这个样式颜色啊进行一个标签的一个设置，那这块标签的设置的话，我们用到了三目运算法的三目运算符的一个处理样式啊，待会给大家看一下。然后。下来就是我们整个页面的一个样式大小的一个调整，然后就是下面这个table源栏的一个设置，啊，这个是我们请假请假列表页面。那呃，说到这个就是编辑页面的加载处理函数，那我们这一块就是把那个编辑页面处理函数给大家也拉出来给大家看一下，那这一块的话是传真用到我们的低代码的一个能力，那在这个请假列表里面，我们有这个叫。啊，就生命周期这一块的话，我们有一个加载，加载就是页面加载的时候，我们需要叫这个处理函数，那这个处理函数的话啊，给大家大概讲一下，这个我们在官网上都有，都有这样一个，呃，原型的一个函数啊，大家不了解的话啊，回头看一下那个官网，那这个作用的话，它其实就是获取我们当前登录用户。

他的uz ID，然后下来的话，我们用这个UID去查这个。用户的信息，呃，然后再下来就是我们用这个uz ID作为条件啊，去去用uz ID作为条件啊，作为用户ID去查这个学生啊，有没有就是我们第一次加载的，其实我们加载的首页是这个请假列表首页，在我们加载这个请假列表首页的时候，我们先加载，之前加载的过程中，我们先去查当前登录用户ID，然后的话获取当前登录用户了以后，我们去查学生ID看，如果说我们没有查到这个学生ID，说明这个是一个新的，相当于我们新注册的一个用户，他需要完善学生的一个，呃，需要完善他的学生信息，那我们就在这里做一个判判，空的一个，呃，一个判断啊，如果它是一个空的，那我们就跳转到一个页面，就是我们第一章页面，就是完善个人信息啊，就是新增学生个人信息那个页面，如果是如果是空的话，跳到这个，如果不是空的话，我们会把这个学生的ID啊查出来，拿到这个学生的一个ID。

啊，然后把它付给我们的这叫关联学生ID，然后再拿到我们班级的学生的班级的信息，然后把这两个作为全局变量进行一个存储，啊这个逻辑就是我们这里的将来就存储到这两这里，这个就是我们这个首页它的函数逻辑的一个一个一个作用。然后再下来就是，呃呃，这个这个是我这个函数处理下来就是我们再说第三个页面，就是一个请假详情页面。那请假详情页面这一块的话啊，我们这一块呃，也是一个数据呃详情的一个展示，那这个页面的话，组件也相对来说比较简单，就是一个顶部的一个导航栏，拖一个组件，然后再拖一个数据表，数据详情组件，然后进行一个绑定，然后文本数据的绑定啊这个难点，这个这个页面的难点主要是在于我们这个图片它怎么去展示，那这一块我们需要做一个对这个呃图片这个呃普通容器做一个循环的一个处理，这个是循环处理法一个一个表达式。

啊，这个表达式的意思就是说我们通过contact减ID，这ID加啊做循环完以后，后面后面这个差的话，就代表的是这个。我们要拿到这个循环这个字段是哪个字段啊，这个这个是那个字段代表的这个图图图片图片的一个字段啊，通过这个方式的话，我们就可以把这个图片循环展示出来啊，待会给大家来看一下，这个是呃详细页面，然后下来就是一个审页面，那审批页面的话。啊，我们啊这里有请假类型，开始时间，结束时间，那审区页面这一块的话啊，第一个就是还是用到我们表单容器的一个设置，第二个我们要用用到一些局部变量，要先要创建一些局变量，那这个变量的作用是啥呢？那这个变量的话，第一个变量它是一个存储选择的一个开始时间，它存储我们的开始时间，然后第二个变量啊，我们存储的是请假时长啊，这里面有一个逻辑啊，待会我在那个啊在这个在这里啊，一会给大家去看一下这个逻辑。

啊，我在这里先给大家讲有个印象，就是说我们先拿到开始时间，因为我们在选的时候选了开始时间，我们在这块选的时候选了开始时间以后。我们在这块选的时候，选了开始时间以后，选了开始时间以后的话，我们把这个开始时间存到这一块，然后当我们在选呃，在选这个结束时间的时候啊，我们会调一个方法，然后去把开始时间和结束时间进行一个求差，求完差了以后的话啊，我们会把求差的结果放在这个存储，存储这个呃时长这一块，那么我们在这一块就可以去展示这个存储时长。啊，这个是我们这两个，这两个变量的一个作用啊，然后这一块一个teacher ID和一个ID这个啊，就是我们前面讲的工作流里面的两个ID，那这在这一块的话，我们要存储这个，用这两个主要是存储我们这个ID和ID，就是我们这个，呃，这个。

这个学生敲提交这个请假啊，他应该有哪个老师去进行审批，然后这个请假这条数据，他的关键的唯一的ID是哪一个，把这两个存出来以后，我们将来会在抓这个工作流事件的时候，把它作为参数传过去，那这两个参数将来会跟我们在工作流设置两个参数是对应的，它两个是必须要求一样的，他拿着这两个参数的话，就能按照我们工作流去走，所以这两个参数的作用是这样。嗯，下来就是刚才我说的这个，呃，开始日期结束日期的一个求长的，呃一个是开始日期，就是开选择开始日期存储变量啊的一个事件，就是样的一个事件，还有一个结束的时长的，就是计算时长的一个方法，然后单行就是这里的时长的一个啊显示的一个绑定，这也是赠送的一算出来一个值的一个绑定，然后再下来就是这个表单提交过程，没有存储这个数据的触发的一个应用。

这个是通过代码来写的，就是我们存储这个数据，还有就是我们存储完以后流。这样申请的数据啊，进行一个在工作里面进行流转啊，这个是我们这个整个的，可能是我们这个移动端比较核心的啊，比较复杂的一个一个页面。啊，第四个，呃，再下来这个就是个人信息的展示页面，那这个页面的话相对来说就比较简单了，那我们主要是绑定数据源，然后进行一个相关的一个显示啊，然后这个页面有唯一一个难点，就是我们在这里有一个编辑事件，就点这个编辑事件，我们希望它能跳转到，跳转到我们的这个，呃编辑页面，对，所以说这里可能需要一个就是跳转页面的一个事件，以及传参，传一个这个页面它的唯一ID的一个参数传过去。那在这个页面的话，我们将来会通过绑定这个呃传过来的参数，然后绑定数据模型去回显这些数据，然后在编辑里面去回显，然后再进行相关的一些编辑，编辑完了以后，我们有个触发事件，这个难点就在于这个触发事件里面，我们需要给他啊把原来的V大的这种编辑啊方法啊，进行一个啊调整啊，我们需要把这个啊传过来这个参数。

啊放进去，然后进行一个处理。然后这个是移动端的啊，整个搭建的这个页面，可能之前前面给大家讲了一个，可能稍微有点大家有个印象就可以了，那下来的话我就呃，结合我们实际的啊效果来给大家啊进行展示，首先我们来看这个第一个新增页面。那新增页面这一块啊，就是大家看到的这个这个页面，那这一块的话，我们整个拖拽的组件大家也看到了，我们用到了这个第一个是普通容器，然后放了一个文本，然后这个文本就是放到我们这个信息啊，通过这种基础我们就设置信信息的内容，然后通过这个样式的话，我们可以设置一个字体的颜色和它的位置。呃，然后再拖拽这个表单容器组件啊，表单容器组件里面我们再去啊，在内容里面放了这个单行输入啊，下拉单选啊，日期下拉表单啊，普通这些信息。

那这些信息的话，我们都都是通过组件的方式来进行一个拼接了啊，在这之前刚才也说了，我们需要在这全局变量啊，创建一个uz ID啊，去我们这个ID。那呃，有的把这个拖完以后的话，这个这个页面其实啊，就是通过组件拖拽组件啊来来做的，刚才也讲了，它的这个页面的难点就在于。呃，我们这个用户的ID，我们不希望在这里进行一个啊，就是进行一个输入嘛啊，我们希望是在系统自动的把这个用户ID给签到这个跟着数据一块啊，放到数据表里面去的，那所以我们在数据源这里面，刚才给大家说有个修改，就是我们在数据源这一块。绑定数据的时候啊，我们有一个啊判断啊，如果说它是一个创新创就是create的一个方法的话，那我们就用的是用的是呃如果是一个编，呃不是一个create，呃就是如果，如果这是一个非的就create方，它不是一个编辑的方法，它是一个创新的方法的话，那我们组的是后面这一块。

那走在后面这块，后面这块意思啥？呃，就是event的话，它这个是我们微大内部的一个呃表达式，它能够拿到我们的这的，它能够拿到我们这里的所有的变量，我们都通过event de的方式能拿到这里所有的值，我们拿到这些值，所以的话啊，我们只要传一个event de就能拿到这个值，但是这个值还单单不够，因为他缺了一个用户用户ID，所以我们再给加一个变量。啊加一个变量，就是说我们刚才不是有全局变量嘛，拿到全局变量这个UID，然后放在这个用户ID里面，然后把这个作为参数啊，啊传到这一块啊，我们微大的这个自定义这个方法，就会自动的把我们这个参数啊去insert到我们数据库里面。这个就是啊，我们在这块啊，做这个新增页面的一个一个能力啊，一个一个一个一个怎么来来做的一个方法啊，其他的就是很简单的一个拖拉拖拉拽的一个形式啊，在这之前的话就是。

当然在表单容器这块，我们还要需要对表单容器的属性进行一个绑定，我们这里选择的是呃，新增的场景。所以我们这一块选择就是我们这里选择了一个数据模型，呃，就是数据模型啊，这个数据模型指的就是我们。啊，这里啊，这里就是我们这里这个数据模型，就是我们刚才说的这个数据模型里面我们创建的这个啊，这个数据表就是学生表啊，像这种学生表，那我们在这一块就选择是一个学生表啊，然后它会自动把这学生表下面字动拿出来啊去拿出来，然后我们去进行一个啊相关的一个设置啊。然后就用我们刚才方法啊，就可以完成这个页面的一个一个效果。然后再下来就是我们请假的一个列表，那请假列表我们一般是作为首页，首页的列表啊，这个请假列表的话，它可以去通过列表形式展示我们请假的一个信息内容，那这块的话。

我们在这块的话，呃，就是我们刚才说的这个比较难的啊，比较啊，比较复杂的一个，比较复杂的一个点，就是说哎，我们有几个点复杂，一个是这个加载页面的函数啊，另外就是这个三维运算盘去处理这种颜色的显示。那像这种方式的话，呃，我们这这个列表你像啊，拿到这个的话，它的组件也是通过数据数据列表组件，然后绑定我们的请假这个信息，然后的话。对，绑定请假信息以后，然后我们在这个数据列表，然后把每一个容器上这个字段。然后这些字段啊，都可以通过这种方式，你像这个字段的话，你我们我们我们拿这个请假，请假这个就拿请假类型这个来说，我们第一个是请假类型吧，文本输入，然后第二个文本框的话，我们需要去绑定，绑定这个。绑定这里的对吧，我们需要去在这里去可以绑定，直接选择字段去绑定，那我们这一块的请绑定的是请假类型，那请假类型的话。

评价类型的话，就是我们在呃这里啊，去去选择它进行一个绑定。那同样的这些其他的这些时间的实际也是通过这种绑定的形式，文本框绑定数据的一个形式去进行绑定，绑定完它就会自动显示出来的。呃，这是这是我们这个绑定的一个，呃，一个能力的一个功能如何去实现，通过绑定的事情，那这一块的话，需要给大家说的一个点就是。呃，我们在这一块的话啊，这个数据。对吧，我们刚才说了一个uzd，我们希望每个用户进来的时候都看到的是自己的请假信息，我不能够做一个小程序，我进来时后，我把其他的人的信数据都能看到，所以说我们如何去就在就打开的时候如何说A我只展示我自己的，那这个原这个功能的话，我们就在这里有个数据筛选，那这个数据筛选的话，我们可以就是筛选这个关联学生ID，然后用的就是这个关联学生ID啊这个就能解答我们刚才说的，在我们在PP里面说的，哎，我们为什么要啊，在这里存储这个关联学生ID，还要在提交过程中把关联学生ID要要放进去，其实我们就是用学生关联学生ID。

去。这成一个过滤啊，把我们当前登录用户的他的学生ID啊去作为一个条件，然后把它的数据筛选出来，所以这一块的功能就是我们为什么要用刚才要存储这个关联学生ID的一个一个要呃一个原因再话就然后再说一个，呃就相对来说也是就是刚才说的这个，呃，我们在下里面些讲这块的话，是可以去在里面写些加script，从这个语法去实现一些逻辑处理的，那我们刚才说了，在这个请假的时候，我们下的时候，我们希望是在这有一个。有一个方法啊，这个方法的话，能够就是获取用户啊，然后的话，然后的话再去帮我们的用户查询我们的这个用户啊，他是否就是查询我们这个用户表啊，他是否就是用这个UID查询这个用户，如果说哎，我们查询这个学生信息它是空的。

啊，那我们就跳转到这是一个页面的一个，跳转的一个啊一个啊一个工具，我们就可以跳转到我们的这，这叫这个页面就需要跳转到我们这个叫啊新人新嗯，新增个人。个人信息的这个页面啊，如果他不是的话啊，说明我们这个学生信息已经完善过了，那我们就直接跳转到I，然后把他的这个学生ID和他的班级信息传到全局编里面啊，作为我们后面这个列表啊，查询的时候来使用啊，这个就是它的一个啊，一个一个逻辑啊，这个逻辑是我们整个页面的一个比较，也是一个比较，呃，核心的一个逻辑啊是。逻辑的一个设计。那下来这个页面就加载时候啊，需要加载那个方法啊，然后去去查这是一个，另外就给大家大家说一下这诶怎么去展示这种叫啊这种颜色啊，这种这种那这种颜色的展示的话，我们可以用到了为大在样式这一块。

有一个我们用到了，刚才我们在这里说了，用了一个三目，三目运算符的一个处理样式，就是如果它是一，我们是什么颜色，二什么颜色，三是什么颜色，那我们在样式这块有一个。自定义的一个绑定。叫呃样式的一个绑定，我们在这里可以绑定一个三目预算符。啊，在绑定这个三个验算服务的时候，我们就可以去看一下啊，我们通过这种方式，通过通过这种啊方式，我们可以拿到这个当前的数据，然后判断它是二零还是其他的，然后如果是如果是二的话，我们给它搬ground的一个颜色，它的字体一个颜色，还有它边框啊这些东西，如果它是呃零的话，给他一个，如果不是的话，再给他一个，那这样就能达到这样一个啊一个一个一个颜色的一个多样性的一个效果，也就是我们P展这样一个效果，我们就可以通过这种方式来实现啊，这两个功能是这个页面比较难做的两个核心点啊，也是比较大家啊对微大家熟悉的用户，可能最难做的就这两个点。

啊，这个是我们的列表。然后再是详情页，详情页这一块的话。因为我们刚才也做了这个在列表页，我们希望做到就是通过列表页我们可以跳转到详情页嘛，对吧，那我在详情页这块，我们在详情这一页这边，我们可能需要拖拽的，像这种颈部导航栏啊，这个将来是为了设计我们这个啊跳转回回跳的一个按钮，然后呃，数据详情啊绑定也是我们请假的一个详情，那这里也有一个过滤条件，这个过滤条件是啥？这个过滤条件就是我们从页表页跳过来的时候，我们需要传一个参数，传的就是页表页那条数据的一个唯一的关键的一个ID，传过来以后的话，我们通过这个ID去在这个表里面去查，查完以后再展示，那这个ID是唯一的，所以它展出的信息啊也是唯一的。那所以我们在这一块需要设置一下数据标识啊，选择一个数据标识，然后等于这个变量传过来这个变量，那这个变量在传的过程中，刚才没有给大家说的的是他在这一块有一个事件啊，我们是在这块绑了一个事件，他这个事件他在跳转的时候，我们就啊绑了这个ID，然后这个ID就是这个数据的唯一的ID，所以说我们在这一块。

啊，跳转的过滤的时候啊，我们就用到了刚才说的那个ID，用到了刚才说的那个ID。呃，这是这个页面的一个难点，然后再下来一个难点就是。我们在这块的话啊，这个图片啊，我们我们需要在图片，图片要进行一个啊展示，因为我们可能上传的是多个图片，那这个多个图片的话，我们需要啊在容器里面写一个循环的一个函数啊，写一个循环的表达式。然后这个表达式的话，就是我刚才，呃，我刚才在PPT上给大家说的就是循环显示这个表达式，这个表达式它的意思是这个ID呢，我们这个数据。数据详情的ID的意思就是这个数据详情里面的。

这个这个图片的一个内容做循环，因为它是多个嘛，就做一个数组的，类似于一个数组的一个循环，循环的过程中，我们用图片的这个组件去绑定它循环的这个对象。然后我们就可以拿到这个图片的URL地址，然后这个URL地址我们就自动的就把以图片的形式来进行一个展示啊，这个就是这这块的一个难点。这个给大家做一个介绍，就是通过容器的循环加上图片的一个绑定，然后实现这个图片的一个展示。这是我们的啊请假详情页面，然后再说一个，我们另外一个核心难点就是我们请假申请，请假申请这一块的话。那我们点在于就是刚才啊，在PPT这一块也说了，在请假请假申请这一块啊，有有有有很多的一个逻辑处理，那第一个逻辑处理就是。我们需要我们希望达到什么样效果，就是我们在这里啊，选择一个开始时间。

然后选择一个结束时间，我们希望他在这个自动把这个时间算出，然后而且能把这个存到我们表里面去。那这个逻辑我们就啊听到了，我们刚才这里说的，我们需要设置一个存储开始时间，它其实就是说我们在这个选择这个就是我们在这个日期，选择这个日期的时候，我们需要啊给他绑一个事件。这个事件就是获取当前选择的值，这个event就是能够获取当前的选择值。然后把这个值保存到我们这个变量里面，就是我们这里的开始时间变量里面。然后的话，我们再有一个结束时间，这个结束时间的话，我们会让他触发一个方法。这个结束时间，我们会让他触发一个方法。这个方法就是。计算我们的时长。啊，然后传的参数就是我们刚才的上面存的这个。

就是在局部变量存在这个开始时间，把这个。作为参数。跳转到我们这里，就是我们在这个低码编辑器里面，这个申请里面，在这里面写了一个方法嘛，跳到这个方法里面，然后在这个方法里面的话，我们像这个。我们。拿到这两个值嘛，一个是看时间啊，通过data拿到就是传参的参数啊，通过event的话，拿到的是我们当前的。当前的。这个页面这个结束时间的值，Event detail结束时间的一个值，然后传的参数通过我们这个date。特点。点它给拿到，然后这个结束时间，开始时间，然后最后一个相差，然后求值啊，求出来这个值，然后我们再存到这个时长这个变量里面。啊，就是我们刚才在PPT里说的啊，这个时长变的，然后存到这一块，然后呢，我们在这一块，在下来这个组件里面，我们去把这个值绑定，就把我们存的这个值，就是这个时长这个值绑定，然后给它加一个时间的一个字符串，然后它就能显示出来，哎，一天啊对我们这里可以改一下。

啊，可以显示两天啊，当然我们这个方法也可以，我们也支持小时减两位啊，你可以把时间当成一个更换。然后这个时间就可以进行一个更换，这个是我们这个方法啊，就是我们这个页面啊，比较绕，逻辑比较复杂的一个点啊，给大家做个介绍。嗯。然后再讲一下这个页面，就是这个信息啊，你你你选完以后提交过程中还有一个比较难的点，就是我们需要去提交，把这些数据啊都要存到，就是存到我们数据表里面去，那存的过程中我们要把这个关联的学生ID，因为这里也没输嘛，要把关联学生ID要存过去，还要把这个审批状态也要放过去，所以我们这里就写了一个自定义方法，叫啊申请的一个自定义方法。

那这个自定义方法的话，就在我们码里面有一个。都在在这里面它的方法，其实这这个教的这个方法就是我们啊微大就是我们建的数据模型，它自带的一个方法，就是新增的一个方法，然后我们在这里需要传参，就是把我们这些所有参数啊拿过来去传，传参里面detail能够拿到我们这里的所有的。这些变化的值他都能拿到啊，拿的过程中就通过event detail点这个组建它这个啊绑定的字段啊就可以拿到，那除了这个以外，像这个glass I就是呃，关联学生ID的话，我们是通过全局变量啊这种方式去拿到的，然后这个状态的话，我们负的是常量静态值，然后这个的话，时长的话，我们也是通过这个呃，页面的局部变量拿到的，然后把这些值都附好了以后，这些信息都对应的我们啊数据模型表的数据，然后我们拿到这些信息，然后进行一个啊提交。操作啊，然后就可以去保存这个数据，保存完数据以后，我们会它会返回一个，就是我们保存以后会生成一个这个数据的唯一个ID，我们拿这个ID拿来以后，放到我们的一个页面，页面的这个变量里面叫VOID啊，就是我们刚才说的VOID，我们拿这个VOID拿到以后的话，下一步这个事件它结束以后。

这个事件它结束以后的话，我们这当然这些隐藏了，其实消息这些就我就不说了，它自带了，然后完了以后我们还需要给你们在就是这个就apply成功以后的话，我们需要去触发一个叫触发工作流的一个事件，就是我们要我们当时创建的工作流，我们需要提交以后要触发工作流，让扭转到老师那去审批嘛，所以我们要选择这个工作流，就是我们学生审请假这个工作流，然后出发过程中我们要传参，传的参就是我们刚才页面上的这个teacher ID和application ID，我们需要把这两个参数。传到我们工作流服务那边去，或者服务就我们分享个参数，就是我们当时做工作流，绘制工作流时，那两个参数是一致的，他才能去尝试。

那这个页面完了以后，那下载查看个人信息了，那我就不说了，那这个就是常规的一个拖一个详细组件，然后设置这个学生数据，然后然后对，然后我们去进行一个啊一个绑定。啊，就是查看这个学生信息，一个绑定，然后的话，像这里的呃，编辑个人信息的话啊，编辑个人信息的话啊，我们也是绑定，然后这里选择更新的模型。然后进行一些数据的，就跟新增很类似嘛，啊，我们去去直接就是。党建提交啊就OK了，这个是我们整个的，就是移动端的整个页面的可能。稍微比较复杂的一些点啊，就是用起来比较复杂的啊，就是有些逻辑嘛。啊，这个拖拽完以后，我们这个移动页面就算做好啊，它做好了以后，他将来的那就是我们刚才在这里看就这样，然后我打开是这样的，然后的话，我可以在这里去点价，然后去输入我的信息提交啊请假输入我的信息。

要实际。该时间今天。啊，然后说到到八号。啊，理由是开演唱会。那。图片的话，我们可以上传三张图片。然后。我们可以提交，提交完了以后的话，我们反就会跳转到这个，你看这是我们提交的刚才代办啊要处理的代办的一个信息，我们在这一块我的里面我们可以看到这个信息，然后我们通过编辑可以修改这些信息啊，这个就是我们啊通过这个页面拖拽，包括刚才逻辑啊做出来的一个效果，就是这个这样一个页面的一个能力，这个应用，然后这个应用的话，做完以后，我们就直接可以去通过这个发布按钮啊去进行发布。那这个是是是我们这个移动端的，那移动端老师发学生发布完了以后，老师也有一个。

老师也要有一个呃，审批的一个web端的一个，对吧，要有一个web端的一个老师要一个要看到这些，哎，你请假啥信息，然后我需要在web端啊去进行一个审批嘛，对吧，你这个我都要审批，那这个web端怎么做呢？微达微达做web端的时候啊，今天晚上再给大家讲一下这个微B微达做外部端管理端的一个怎么去做，那其实相对来说可能比这个移动端啊，这个就是我们目前这个应用啊，就是就是请假的一个应用，可能在相对来说比移动端要要要要简单多了啊，给大家大概也也做个介绍。啊，就是管理端的应用搭建，管理的应用搭建的话也是我们在这一块的话，因为刚才外部端我们用的资金应用，管理端的话，我们建议大家用啊模型应用，新建应用的时候还是第一步创建应用，创建的是模型应用，模型应用的话，它可以发布到微达自带的一个企业工作台，然后用户可以登录企业工作台，然后直接可以去啊用我们这个应用。

这个是我们要用模型应用，然后下来就是页面的创建，在页面创建这块，呃，它微大这一块模型应用，它在创建页面的时候，它会有一个引导，你可以在这里就是第一次创建的时候，它有一个引导页面创建你选择的这个时间，比如说我选择请假，这个它就会自动生成四个页面。自动生成四个页面，分别是请假列表页面。请假新增页面请假详情页面和请假。呃，和请假编辑页面那这个。因为需求的原因嘛，那它那个四个页面会自动生成，我们这里因为需求的原因，我们就不要这个请假，呃，编辑和请假创建这个两个页面，我们只要这个请假列表页面和请假详情页面，所以到时候的话，它自动生成这四个页面，我们可以自动就直接手动删掉啊。当然你也可以在这里面。通过新增页面啊，去自定义一个自己的页面，那我们这里这是页面的调整。然后请假列表页面这一块，我们将来要做的就是第一个就是我们要把管理列这个字段啊，进行一个调整，要哪些显示，哪些不显示，然后第二个就是我们要定义一些自定义字段，因为可能它那个生成的这个列表的字段的话，它都来自于跟数据模型有些字段是一对应的，可能我们有些是不需要显示的，或者我们有些需要显示的样式是不一样的，比如说我要带颜色的那种，像那个状态了，对吧，我就那他没办法支持嘛，需要我们自己自定义，还有一个时长的格式，比如说有的带时间的，我想把时间去掉，我只要年月日。

啊，包括我们关联的班级啊，这些东西可能是我们需要去进行自定义的，这是需要做的，然后就是把这些按钮就是景端按钮。还有列表这些按钮我们进行一个处理啊，就是然后在这个自定义按钮的一个设置做一个跳转，那这一块的话，我们可以可能会用到这个event record，然后叉叉，就是我们要啊绑定哪个字段啊，我们是跳转到哪，跳转的过程中我们要用这个方法啊，一会这表达式，那这个表达式一会给大家去演示说一下，然后再去详情页面，然后详情页面的话就是我们拖详情组件数据详情组件，然后把这些东西进行一个绑定了。

啊，这个我们在移动端也说的很多了嘛，绑定过程中有些设置条件了啊，对吧，循环图片的展示嘛，这就刚才移动端的那些逻辑。然后另外就是有一个页面叫补充一下，就是审批页面，如果说我们不补充审批页面的啊，在微纳的企业工作台里面，我们到时候也是可以做这审批的，但是那个审批的时候没有这些信息啊，就是一个空白信息，就是你可以审批，但是你不知道它所有的它有什么信息，所以我们有一个啊补充一个审批页面啊，需要在在提工作流那一块去增加一个审批页面，然后这个审批页面设置好了以后啊，我们在审批的时候就有这个页面的信息。啊，这个是需要补充的，然后就整个的就这三个页面啊，移动应用端的PC端的这个就很简单，就整个就是三个页面，然后完了以后就是应用的发布和测试，那我再结合就是啊呀，再回来就是说这个这个页面它怎么去做了，给大家再就那两个页面，就这两个页面啊，给大家三个页面给大家讲一下。

第一个就是列列表页面，列表页面这一块呢，很简单，就是。我们自动生成了这种列表页面，然后的话，我们的列表页面里面啊，我们把。在表格组件这一块，我们把这些字段啊做一个排列，做一个选择，比如说你像像这里面这些字段，那比如说我们这些字段，对吧，我不可能显示这个字段，开始备注图片，我不想在列表能显示嘛，所以我就可以把它去掉啊，我就可以通过这种方式把它去掉，当然我没有显示的话，也可以增加，然后加进去啊，就可以在这里面去显示，呃，这是第一个，第二个就是说我们就像像这个创建时间，这个原始的创建时间，它是带有十分秒的，那我现希望不要。显示十分秒，我们就要用自定义的方式，自定义方式就是这样的，就是我们在这里有自定义方式的话，选择自定义时间，自定义的话。我们到时候得给他啊，在这块插入一个文本，然后用这个文本去绑定，绑定一个表达式啊，就是就是我们把这个时间拿过来，用我们微单的这个工具啊。

叫实现的一个工具去实现这种年月日的格式啊，这个工具的方法呢，在我们官网上也是有的。啊，我我我稍微给大家说一下官网。大家。了解一下官网，这样的话是啊，就能达到一个设备管理一个方法这块，它有这有这种日期的操作，你看就这么一个操作啊，其实就是用了这里的方法，用了这个方法去做了一个处理。把日期的处理，然后再下来就是一个时长。那时长为什么这个时长呢？因为我在表里面，我在表里面是没有存这个签的，我在表里面的数字，所以我在这里要对时长啊做一个处理，就是加一签，所以说在这里也用了一个自定义，就是把表在这一块，你你在这列表那一块选择定义，把一个文本，然后就是审批状态，审批状态这块的话。给大家看一下。

审批状态它这种颜色对吧，它本身的话，数据表里拿出来数据，它肯定没有这个颜色背景，那我所以审批状态我也用了一个自定义的方式，然后在里面绑了一个文本。然后这个文本的样式就是跟移动端那个样式方法是一模一样，就是在这里绑了一个就是step样式，然后做了一个把那方法复制过来，然后所以做一个调整。然后就能实现我们这种。颜色的一个显示啊，这个就是我们就很简单嘛，就是刚刚移动端一样，然后再下来就是。当然我们这里的查看方法，我们也做了一个自定义，因为我们查看方法我们跳转的这个页面，这个详情页面，我是把原来详情页面做了一个修改啊，原来详情页面没有用数据详情组件，我自己用详情组件。所以的话，我在这块我就要去这个查看方法，我做了一个我就要自定义，那自定义的话，在这块的话，我们有个列操作一个查看，然后这个选择一自定义，我设置一个自定义以后，我在这个编辑态的时候。

我这个讲这个方法，我就设置一个事件啊，就叫跳转事件，跳转事件我把这条列，就这条列的数据。的ID给他传过。啊，就是这种方式，这种方式的话，就是我刚才在上面给大家说的就是。就是detail will什么什么。它其实就是我这里的event点下划线ID，这个下滑I线ID就是这条数据的ID，它其实也就是这数据源里面的数据源里面的我们的这个数据的。这个ID就是这个ID。主力案件，他拿它就能查出来这个数据嘛，它是唯一的关键ID嘛，所以说。我在这里就传了这个他的一个ID，通过这种表达式就能传过去，传过去了以后的话，我在传的过程中，我就给它命名的一个传来用这个ID，那这样的话，我点它的跳转的时候，它就能跳转到我的详情页面，同时把ID传过来以后，我在详情页面这一块绑定的时候，我就可以。

增加一个筛选条件，就是我传的这个ID。那这个数据就可以拿出来，那我这里用用这种方法，我就可以去对我把这通过这种方式去绑定，大家可以看到这是像这种的名字的后面绑定，绑后绑了以后的话，我展开的时候，他就可以把绑的数据出来啊。这个就是这样一个效果，那这里还有就是我刚才说的这个容器，这个图片的一个展示嘛，那图片展示的话，我们在这块用了一个循环，也是和移动端的模式一样，就是用了一个容器的循环。用的容器的一个循环。然后的话，用图片去绑定这个循环的一个数据啊，循环对象的一个ID，嗯，然后他拿到的其实本质是拿到URL，然后在这展示的是图片啊，这个就是我们这个。这个两个页面的一个怎么去搭建，给大家看一下，你看过了。开演唱会啊，三个图片过来。这个是这样，然后再下来就是再给大家讲一下，就是这个审批流，审批流程这个页面，审批流程这个页面，嗯，这个是我们为什么要做这个页面呢？这个怎么做呢？就是我们在工作流这一块，我们在工作流这一块。

刚才给大家看的时候没有讲这一块，我们在工作流这一块有一个。在工作流这一块有一个呃。我们在工作流这一块，我们刚才创建这个工作流，我们在这一块就是在审批这个节点，我们希望有一个带数据的一个审批页面吧，那我们就在这一块要选择。对吧，我们要设置一个变量，就是把我们那个数据，就是我们那个，呃，请假数据，我们要拿拿作为一个页面的输入变量。啊要配置好，然后的话，我们选择这个页面是给这个是哪个应用，对吧，我是是这个请假管理端的一个应用，然后它是哪个页面，这个时候啊，其实我们没有这个页面，我们需要点新建，我们点了新建以后呢，我们就会跳转到这个页面，然后它就会自动的微大，就会自动帮我们生成这样一个页面。

生成这样一个页面后啊，我们然后在工作流这一块把这个页面进行一个绑定啊，选择这个页面，然后保存发布，那绑定完了以后的话，这个页面将来就是我们在工作流中心的话，我们就能看到这个页面，如果我们没有绑定这个页面的话，将来工作流中心就没有这些数据，只有下面这个一个审批的操作啊，这就是我们一个审批流页面的一个一个实现啊，这个没有什么可讲的，就是大家。只要按照这个步骤去去点它微大，就会自动生成这样一个啊审批页面。然后这个就是我们目前PC端的这个页面的一个需要设计的东西，给大家讲一下。呃，然后再下来就是。应用的一个发布和测试，那应用的发布和测试的之前的话，我们需要对微拉，就是我们发布这个应用，我们要创建用户啊，要创建角色，创建角色创建用户，那创建角色啊，然后给角色配一些权限，包括这个，然后再是创建用户，然后给用户关联一些角色，包括我们要设置这个老师手里的一个班级的这些信息都要在里面设置，设置完了以后我们再减这个应用的一个发布。

啊，发布到企业环境或者这种环境，我们整个应用就就完成了一个发布，那这块的话也给大家。大概演示一下，那在这一块的话啊，我们在用户权限这一块啊，选择用户啊，我们可以在这里面去创建用户。啊，创建组织机构，像我们这里创建了一个组织机构，你像我我就把这个老师作为具体，你像跟他进行一个编辑的时候，他其实也就像创建模式，先创建这些信息啊，属于哪个岗位，哪个部门的，然后姓名，还有他管理哪个班。然后按照这个步骤索引下一步，下一步。对吧，下一步。啊，选择角色，我们关联的是教师的角色，对吧？就就可以完成这个用户的一个创建，然后这个角色的话，我们我们在这里就是要创建一些新角色，那我之前我们刚才说了，他关联的是教师的角色嘛，那肯定是先要创建教师角色啊，我刚才是反着来的，就先要创建教师角色，然后创建教师角色的时候，我们对教师角色去配这些啊，他对这些应用的一些操作。

啊，包括页面权限，它是可以看哪些页面的啊，包括他的能管理数据的一个都能管理哪些数据啊，包括他能够用能不能用工作流啊，他能不能登录我们企业工作台，然后的话再把刚才这个用户和这个角色进行一个关联，关联完以后的话，我们就可以进行发布了，有了这些信息了以后。我们再回归到我们这个应用这一块，每一个应用这一块都有一个发布按钮，我们检发布按钮，我们就可以选择是企业环境和正式环境，然后点确定就可以进行一个应用一个发布。剪剪这个就可以进行应一个发布，这个这个是我我刚才发布过的啊，刷新一下就可以重新发布，那这个这个就是我们整个的一个啊，就是配置，然后就发布，发布完了以后我们怎么测试呢？你像像我这边我就先简单的就先拿这个，呃学生端了，我就我就在学生端，我不是刚才因为学生端这里的数据全都是企业数据嘛，就你预览的时候都是企业数据，所以说我发布的时候也是企业环境的数据，所以这两个数据相通的。

啊，所以我这里有了学生的一个提交数据，我刚才不是提交了一个这样一个申请数据，那我们。我现在我我之前我打开了一个页面，就是我打开了这样一个流程页面，这就是我们企业工作台的一个应用流程页面，你像我这里像请假管理这个我就可以看到，对吧，我刚才申请的这个，这就是老师将来就可以通过这种登录的方式来登录进来，然后看到哎，有有个请假，然后他可以去看一下啊。啊，谁要请假了对吧，然后他他可以在这个流程中心这一块啊，他会收到一个代办，就是我刚才发的一个申请，然后他可以看到，诶这个学生他提交了一个申请。

他的申请是啊，他要对吧，他要去参加。什么演唱会啊，开演唱会，然后问你同意不同意，然后老师可以在这里讲一个同意或者不同意是吧？啊，因为我刚才我就讲一个不同意吧，因为。我在这里已经有了这样一个同意的操作了，我要看一下这个到底能不能变颜色嘛，对吧，然后我就一个不同意。那减一个拒绝。啊，是。然后我们讲一个提交。那这个时候呢，他就拒绝了，那我一处理的这一块，我就可以看到，我曾经操作，哎，我是对吧，这个学生的一个请假，我是驳回的，拒绝了嘛，驳回的那他在这一块的话，学生就可以在这一块啊，可以看到就刷新的话就预览，因为他是企业环境数据嘛，他都是可以看到啊，相同的数据也拒绝了，是灰色的对吧。

那也可以再提交一个，提交一个。对吧，提交一个。啊，再给大家演示一个病假。确定。那我这个我就不提交图片直接提交。然后待审批的。那。他老师就可以在这里看。刷新一下。然后就可以看到诶。刚才有一个请假。是待审批的。然后他可以同意。那这样的话。啊，学生学生端，因为我们这做的是H5页面，我可以发布的小程序，我就我这里因为时间原因我就不发布，因为发布了演示不了嘛，大家也看不到，你看这样的话，它就能实现这样一个ae，通过这样一个效果。

啊，这个就是我们的整个一个呃发布，当我们发现诶这两个都OK没问题的时候，我们就可以选择这个啊发布，然后发布到这个正式环境，那这个正式环境的话，到时候用户就可以去啊进行一个就是使用啊这个今天晚上啊就我就讲到这里，就给大家就讲到这里，就把这个整个的一个啊请假管理这个应用啊如何搭建啊给大家进行一个全面的一个一个讲解。啊，因为时间原因也讲不了那么细啊，回头的话，这个应用的话，我们会做成模板啊，近期也会上线啊，到时候大家如果今天晚上没有听清的，有些有些点没有清的很细的话，到时候我们会把这个模板上线，上线了以后的话，我们会在。呃，会在微大的这个模板中心啊，我给大家说一下，这里我们有一个模板中心，大家后期也可以关注一下，我们在这个，呃，模板中心这一块有很多，就是我们搭建的一些案例，就在也是在我们的帮助文档这块有一个，呃模板指南里面有一个模板中心。

然后这个模板中心的话，有很多模板，我们都是可以在维达里面直接直接就是打开应用啊，通过就是在创建应用，选择模板啊，选择模板去创建就可以直接搭建出来了，我们将来会在这里面上线。上线类似于这样一个啊应用，然后我们会把这个应用里面的用到的如何搭建的技术啊，都会给大家很详细的。碰到字段啊方法，包括用到一些地，我们都在这里面去给大家贡献出来，然后大家也可以去啊参考啊去学习，同时的话，在实际的生产过程中也可以用这些方法啊，去解决我们的实际的业务问题啊，这里也有一些模板的它的啊使用说明，那我们后期的话也会不断的去完善这一块模板的一些功能啊，以及模板的一些新的呃，新的场景我们也会搭建出来啊供大家使用，然后大家也可以在这里面去看到一些我们的一个实战的一个案例。