00:00
各位同学大家好,刚才呢,我们完成了审批流程的介绍,咱们说明了我们后面要做哪些功能,包含管理端以及员工端,那下面呢,我们先来实现管理端里边审批类型管理,这个功能比较简单,就是实现一个审批类型的增删改查操作,所以咱们下面啊,快速把这个接口做个实现。那实验之前,首先我们做一下准备工作,咱们把这个审批类型相关的controller service map都出来,包括审批的相关的这个代码我们生出来,那下面我们来快速写一下啊,咱们在啊来到我们这个service OA之前,我们代码生,我现把它打开,然后打开之后我们来一下啊们把相关内一下。首先第一个啊,这个位置应该不需要变化,然后咱们往下来看,这位置加上我们的数据库,然后下面是咱的包,这个包我给他改一下,因为目前做这个流程的部分就是审批的部分啊,给他改个名字,我叫这个。
01:12
就这个啊,Controller service map这位置呢,加上相关的表,咱们目前有两个表,一个是审批类型,就是OA process type,我把这个啊给它加上,这是我们的第一部分,然后第二个是这个叫OA process。汤里头。这个表我们给它加上,然后加上之后咱们把它相关的代码给它生成出来。那现在啊,我把这个执行一下啊,这里边呢,跟咱之前的一样啊,它相关的实体类在这里边应该是已经创建出来了,咱们看一下啊,包括你看这个是审批类型,这个是审批模板,这里边都存在啊,那下面啊代码生成器,我们执行一下,把代码给它生成出来。
02:05
我们等他啊,定出来。然后执行之后啊,在这个OA里边会出来它相关这个代码部分。等它执行啊,然后大家看啊,现在应该是可以了啊,我们到里边看一下这个部分啊,首先我这里多了一个包叫做process啊,但是这么创建之后呢,咱们需要把这个启动类给它换个位置啊,因为之前启动类我是在al里边,我现在把启动类放到com.at下啊,给他换个位置啊。要不然他的位置不对了啊,你给他你看啊,这个注意给他放到这里啊,然后大家看,这是之前做那个权限管理相关的,这咱们之前都写过了啊,然后目前做一个process,在里边有相关代码,然后代码咱看一下啊,首先第一个就是control,包括service,包括里边这个map,以及它的实体类,这个实体类咱们统一用这个model中这个实体类给它就删掉了啊。
03:07
把这个删掉,然后这里边啊有个小问题,因为生成的时候呢,咱发现它多了一个OA啊,如果你觉得OA看着比较难受,你可以把它去掉啊,我这里就OAOA。那咱们改一下啊,把它相关的实体类给它改一下,改成咱们这个。猫豆中统一的是一类。这个加上啊。然后上面部分给它也是。改一下啊,都改成这里面的是一类。这个是map啊,然后这个我也改一下啊。就是它啊,然后这个名字就是去到这个OA。这个可以啊,然后咱们再改一下service跟他一样啊,这里边我就快速改一下啊,这个没啥技术含量啊,给它改一下可以不改也能用啊,只咱为了用统一下都用model中这个。
04:08
Service,然后这个service。包括啊这个位置。改一下啊,最后就是它的两个实现类。第一个类型,第二个模板。这是A型。啊,另外有这个模板这个。啊,这个位置。所以现在啊,大家看啊,咱们把这个相关代码目前就都生出来了,这部分就完成了,完成之后呢,下面我们在这个OA,就是咱说这个类型,这个里边实现它的增删给操作,那咱们把这个接口我们来快速实现一下啊,首先我们找到课件里边,我把CTRL中的路径跟这里边保持一致啊,咱们叫这个名字。
05:10
拿过来。在这里啊,Process我们说的类型,然后在里边加上它的增删改方法,这个方法还是啊,我写一个这个分页查询的,然后这里边的增加修改删除这些我就直接复制了啊,那咱们把这个给他加上啊,就是条件分页查询,但是这个过程中,咱们看这个线上这个程序中啊。审批类型里边应该没有那个条件,只是一个简单的分页查询功能,所以咱们下面啊,我就快速写一个分页查询就可以了,那现在啊,我来写一下啊。分页查询。首先在CTRL里边,我们把它的先注入进来。我做一个注入。Service。
06:05
应该是。这个啊,Service就是它啊。把这个注入。然后注入之后,我们写第一个方法啊,就是分页查询的方法。我把这个过来啊,这是S那个解。加上路径啊,就传入当前页和每页记录数,返回伪造的对象,这个咱们应该有一段时间没写过了啊,各位不要忘记。然后在里边呢,得到这个当前页,还有每页的记数啊,咱通过那个注解就是pass,把这个值我给得到,那在里边写一下啊。加上。这个pass valuable,我们加上一个浪类型的当前页就是配置,再加上一个就是每页显示的技术数。这个完成啊,完成之后下面我们开始写这个分页,跟咱之前说的一样啊,首先我们先一个配置对象里边加上这个type。
07:13
啊,咱们起个名字,我就叫配置,等于上一个配置。然后配置里边传入当前页和每页记录数,这是第一部分,传入之后我们来调用方法,调用里边这个分页的方法,它就叫做配置,然后里边这个配置对象。最终返回的其实就是一个配置啊,但咱之前写的都加一个叫I配置那个接口啊,加一个配置,其实就是那个配置那个部分啊,我加一个model。给它改个名字啊,现在这一部分就完成了,就完成一个最基本的条件查询功能,然后返回之后,最终我们加上退result.ok。
08:00
传入这个配置model啊,注意不要传错啊,直接把这个传进去,所以现在啊,这个条件分页查询完成了,咱们做的只一个分页查询,因为里边没有条件,你也可以加上条件啊,跟之前写的都类似。然后这个之后,下面就是它的其他接口,其他接口我就从里边直接复制了啊,你跟之前写的都类似,最基本的增删改查接口,咱把这些拿过来。然后拿回来之后大家看啊,首先这个各位应该还记得吧。这是什么?是不是那个里边做那个权限的一个部分啊,咱们先暂时去掉,后面用的好再给它加上啊,咱先做一个基础功能,然后大家看这个方法,就是根据ID查询,然后这个方法做的就是添加,我们通过POS提交,用request body得到传回来这些数据,最终把数据加到我们的数据库里边啊,咱们做了这个事情,然后再往下看,下面做的是修改,我们用put提交,这里边做的是删除,根据ID进行删除,用的是底类的提交,所以到这里啊,咱就把这个,我们说这个审批类型的增删改查接口,我们就快速完成了啊,大家把这个能快速写出来。
09:20
这个咱们就讲到这里,然后写到这里之后呢,下面有前端部分,这个前端我就快速整合一下啊,然后后面的前端我就直接复制好,咱直接就看代码了,因为之前我们做过了啊,但重点放到后端,那咱们快写下这个前端部分啊。在前端里边呢,这位置有它相关的这个菜单,这个菜单呢,就这里边我们在这个位置我可以添加,但是之前呢,我们做那个菜单初始化的时候,里边应该已经加过了,就咱一会儿直接用就可以了啊这个菜单啊,就把数据这加入那个初始化数据有菜单部分,因为咱目前菜单是动态加进去,我们加了权限管理。
10:00
然后下面呢,我们来按照我们的步骤啊,首先在S2CPI中,我们先创建一个JS文件,把相关的接口在里边进行定义,那我在这里边做创建啊,咱们建个文件夹叫process。然后里边建一个J文件叫S。我把这个传递过来。创建之后呢,在里边加入相关这个定义,就是咱刚才写这个增删改查的接口,因为我是复制的啊,所以里边的内容跟他应该是一样的增删改查接口。这个我们就完成定义啊,然后完成定义之后,下一部分咱们来创建这个页面啊,按照这个结构,我们把页面做个创建,我们的做法就是呢,在waves里边,咱们首先建构文件夹,这个文件夹就叫process set。然后创建之后,在这个里边,我们再一个文件,就是咱们目前这个审批类。
11:05
这个创建啊,创建之后里边加上页面就是点V。我把这个啊给他加上。点V5啊,然后加上之后在页面中加入相关的内容,我把这个内容啊,咱就直接复制过来了。把内容给他。加上啊。然后咱们啊,把内容检查一下就可以了,因为之前都做过了啊,首先我们看里边引入JS文件路径跟我们应该保持一致,然后下面有它的相关部分,就是最基本的增删改查操作啊,所以现在啊,这个前端部分我们就完成整合,这个就讲到这里啊,然后完成整合之后,下面呢,咱们把这功能做个测试,试一下这个效果怎么样。那测试的时候呢,首先我把这个接口先启动,然后前端再启动,最终我们完成这个测试。
12:00
啊,但是这么写的话呢,有一个小问题啊,大家看我这个启动类里边啊,这不是有一个问题。大家看什么问题啊,各位看到啊,首先你看这个位置是报错了,它里面有个提示什么提示。大家看什么问题啊,咱就看一个单词,就能看到这个单词。Already是不是已经了,那什么意思呢?你注意啊,就是我现在启动类所在的包是不是就是com.at硅谷它扫描包的路径默认就是当前包子包,而你这里边又写了一次,是不是就没有必要了,因为它扫描就是这个包啊,所以这句话咱目前就可以给它去掉了。因为它扫描就是com点啊,这个明确啊,然后这个之后下面呢,咱们把它启动一下,这个是接口部分,然后这个是前端。把它启动,启动之后我们来测试一下,它就是这个效果啊,咱做个测试啊,应该这个项目啊,不是这个路径啊,路径选错了啊这里。
13:02
硅谷O的在里边进行启动。等他启用成功啊,然后咱们做一个最终的测试。好的,大家看啊,我们的前端已经启动了,然后看一下后端接口,大家注意啊,这里边我们发现是报错了,大家看报什么错啊,这里提示我们说现在这个B没有如此一个B,哪个B没有说MY没有找到,那咱看一下到底为什么没有找到,我们来检查一下啊。我们看一下啊,当时加了这么一个注解叫是不是这个描,当然各位注意啊,我目前的跟这个是不一样,所以这个map它就没有找到,没有找到它动态创建对象,咱们需要把这个径给它改一下,所以现在给它写下啊,啊当然你不能把这去掉,这个肯定要保留,这是用之那个权限的,咱目前加一个这个里这个map,那怎么加给大家写下啊,这里边我们加一个属性叫base package,大家看它是一个什么,是不是一个数组,然后在数组中咱们加入多个,这是我们的第一个。
14:24
然后咱们再加入第二个,第二个里边这个。加上这个的话,描写com在不同的这个包里边有这个map,这样的话就可以了啊,然后这个之后下面呢,咱们把这个再重新启动,然后最终我们做一个测试,试一下最后结果啊,等它启动起来啊。好,大家看啊,现在后端也启动起来了,然后注意啊,这里边有一个需要提前启动啊,我这里边都提前启动好了,然后都启动之后,咱们现在来到页面中,首先进入到我们这个local house9528这个页面,咱们登录。
15:11
登录进去之后各位看啊,这里边有相关的一个菜单,我们找到里面的一个叫审批设置,因为之前我们都动态加过了,在审批设置中有一个叫审批类型,我们点开大家看,这里边是有数据啊,注意啊,这是我们的系统,不是那个线上那个系统啊,有出勤人事财务,那现在比如说我做个测试,首先我做个添加,我就随便加一个啊,咱做个测试就可以了,加个三。确定。大家看是不加进去了,然后这里边我做一个修改。你看到是不是可以改,然后我再做个删除,是不是也没有问题,所以以上啊,就是关于这个审批类型管理,我们就完成了,就是实现一个最基本的增删改造操作,通过它啊,也算是把之前我们的知识,咱们再快速来熟悉一下,用它来热热身,然后下面呢,实现我们的后面的功能就是审批模板。
我来说两句