4.尚硅谷全套JAVA教程—实战项目（71.89GB）/尚硅谷-云尚办公系统/视频/81-尚硅谷-云尚办公系统-审批设置模块-查看和发布审批模板功能.mp4原创

各位同学大家好，刚才呢，咱们完成了添加审批模板，那下面呢，我们来实现查看审批模板以及模板的最终发布，咱们下面先来看查看，然后查看里边我们要做什么功能呢？给大家做个说明。也就现在我们点击页面上一个按钮，查看审批模板，然后在里面它会显示模板中的基本信息，包括表单的信息等内容，那下面呢，咱们把这功能进行实现，这个功能实现呢，主要在前端我们来做到。那这里边啊，我们看一下这个整合过程，首先第一部分我们来到这个页面里边，我这个位置已经加上啊，我带着各位把这个看一遍啊，第一部分我们在页面中呢，加上一个按钮，就是我们的这个按钮，大家看啊，叫做查看审批模板，或者说查看审批设置啊，咱们叫模板。然后在里边呢，加一个方法叫受方法。

方法中入当前这一行的内容，就这个Co点啊，这一行的这个新内容，这是我们做的第一部分加上一个按钮，然后第二部分呢，在我们的Java代码里边定些初始值，包括里边这些初始的内容。然后这里边我们看一下啊，我在这位置把这些初始值已经完成了定义，这是第二部分，然后这个之后第三部分呢，咱就来编写一下这个相关的方法，我们在里边加上一个方法，咱们往下来看啊，就是里边的这个方法入当这行的内容，然后把里面数据放到里这几个变量中来。让各位注意这个地方啊，有一个叫alo什意思呢，咱们一会看的时候，我这里是我们现在啊，把这个值变成它就可以弹出一个框，所以在页面的这个位置，我们加了一个弹出框的一个效果，用的是UI中的组件E，当这值就然里相关显示括括里个form create里这个动态表单信息在里边都可以做到。

所以以上啊，就是咱们查看审批模板这个基本功能，我们主要在前端做一个整合，那这个之后呢，下面呢，我们来看一下这个效果到底是怎么样的，咱们来试一下啊。我现在刷新来到审批模板中，我们找到啊，刚才我加的这个叫请假测试，点击查看，我们一点大家看是不是弹个框，有基本信息，有这个表单信息，这样就完成了，比如说我们再看一个这个请假，点击查看大家看啊，有表单部分，有它这个就是基本信息部分，所以现在咱就完成了查看模板的这个功能的实现。

这各位给他快速整合出来就可以了，然后这个之后呢，我们继续来看啊，在这个里边呢，还有一个功能叫发布，什么叫发布呢？给大家解释一下啊，比如说我现在添加了审批模板，我们设置了基本信息，包括里边那个表单，包括咱们也上传它那个流程那个部分，这些都做到了，然后最终咱是不是要开始用这个模板进行审批。但是用这个模板过程中，咱们之前讲了一个技术叫activity，这各位应该记得啊，我们用activity，大家跟着我回顾一下它的第一部分，就是我们画完流程图之后，第一部分应该干什么。这各位要记得啊，要做什么？咱们要清楚啊，是不是要部署你的流程定义，然后启动一个流程实例，查看代办任务，完程任务，包括在完成后续的过程，所以咱们现在做这发布其实就是部署流程定义，就是来做这个事情，那怎么部署，咱们先回顾一下啊，我们这里边先写一个结构，然后后续把这个再慢慢进行完善，咱们还是回到activity里边啊，把之前说这个我们再回顾一下啊。

部署流程定义。这部分啊，它的部署方式呢，第一种我们可以用单个文件进行部署，比如你插文件啊进行部署，然后第二种方式，用这个压缩的方式部把通部，我们叫部流程，而我们现在做这个发布功能，其实做的就这个事情，那咱下面来写一下啊，首先我在这里边呢，我们先创建一个发布这个接口。我就写到这个位置啊。部署流程定义。就是我们说这个发布啊，在里边我们先加上一个接口，然后接口里边呢，它这个路径我就从里边直接复制了啊，就是里边这个路径，咱们根据ID来做这么一个发布。

下面加上方法public。Result。加上这个publish。然后在方法中呢，得到它这个ID值啊，咱们把这个ID值给它得到。就是加上我们之前说这个注解pass，加上这个类型的。ID大家就得到了，然后得到之后我们进行发布，这个发布呢，各位注意啊，其实发布过程中呢，咱们这里边首先需要改一下咱们表中的一个状态值，大家看啊，我们这个叫模板，这个表里边有一个状态的字段，大家看这个字段叫CS，这一字段什么意思呢？咱把它改成一表示这个模板就已经发布了，所以咱就把这需要做个修改，那这里边我来写一下啊。

修改模板的。发布状态一代表已经发布，那咱给他做一个修改啊，我们来写一下啊，这个过程呢，我们就在service中行实现了，咱们调用service一个方法，我们叫publish。然后里边呢，ID。最终啊，给他吞一个，OK。咱们把这个具体部分在这个它里边进行实现。然后下面呢，我创建publish这个方法就完成这个。模板的一个发布啊，部署流程定义在实现类中，把这个方法我们进行最终的实现。那咱们来啊，最终写一下啊。我这里写的更完善点啊，修改模板发布状态已经发布，另外啊，咱要就是做这个流程定义的部署，要完成这么两件事情，那我最后啊来写一下这个方法。

这个方法中呢，第一个我们先完成这个状态的修改，那咱就改一下啊，这个就很简单了啊，咱们先根据ID查出来，然后改它的状态值就可以了，那我来查一下啊。Select by ID。传入ID值，最终返回是这个模板，这个他们的对象。咱们向对象中的设置它的状态值是一，然后最后调base map中的白传入对象完成修改，这是我们做的第一部分。然后这个之后呢，咱们后续做的那就是完成流程定义的部署，这个咱们后续再进行完善，我这里先加上一个土著啊，咱们写上啊，后续我们再进行完善。

所以现在啊，把这个最基础的这个接口，咱就完成一个结构，后续咱再写这个所这个啊，我们先写到这里，然后这个之后呢，下面呢，咱把前端快速整合一下，然后最终看一下里边的基本效果，咱目前效果应该只是把那状态值做了修改，那咱们快速整下前端啊，首先前端里边呢，在我们这个JS文件中，把刚才接口在里边做个定义，就这个这个接口。我这里写一下啊，就咱做这个发布。部署流程定义，这是第一部分，然后第二部分呢，我们在页面中加上一个发布的按钮，给它加上啊，还是加到我们刚才那个例子那个位置。我们找到啊，就在这里。加上一个发布按钮啊，然后按钮中注意啊，这位置做了一个判断，如果状态值是零发布，如果它是一，咱是不是就不需要发布，因为它已经发布过了啊，咱加上这部分，然后之后呢，这个加上之后，在里边有一个publish方法，方法中就来调我们刚才那个接口，最终进行实现。

那咱把它啊拿过来，放到我们这个里边，有一个publish方法完成我们这个发布。所以现在啊，这部分我们就完成了，比如说以上啊，咱完成了两个部分，一个是查看审批模板，另外一个是发布审批模板，发布里边呢，咱先写一个基本结构，后面把这个流程定义，再完成部署。所以这个啊，我们就讲到这里，然后下面呢，把服务器启动，咱把这个发布的功能最终做测试，试一下它的效果到底是怎么样的。等它启动起来啊，然后咱们最终测试一下。

最终我们这个效果就是在表里面的状态值应该是变成一，那就成功了，咱们一会儿用这个请假啊，或者用这个申请费用，我们来测试一下。大家看啊，现在应该是已经启动起来了啊，然后咱们来到前端刷新。刷新之后，现在你看啊，我的第一个和最后一个是没有发按钮，因为他们已经发布过了，我现在点请假。提示我们成功，然后你看里边没有这个按钮了，再看表里边这个数据变化。是不是变成一啊，这就完成了啊，或者说你可以自己完善一下，点发布，让它就弹出一个框，然后咱们点确定，最终完成这个过程。所以以上啊，我们就把这个审批模板中的这些基础功能就做到了，分别完成了列表功能，添加查看以及发布。