00:02
各位同学大家好,欢迎继续收看上硅谷视频课程,我们继续来开发上移通项目。在刚才内容中呢,咱们完成了医院列表接口开发,包括通过远程调用,也实现了数据字典相关内容的一个调用,最终实现了医院列表接口的操作,咱们通过Spark测试,最终也把效果测试出来了。然后咱们下面呢,继续往下来做,下面咱们做什么了,咱就把这个医院列表功能在我们的前端页面中做个显示,也就是咱们完成它的前端的准备开发,那下面给各位来说一下这个前端页面部分我们要做成什么样子,然后根据我们这里边的效果,咱们最终做实现。那下面我来分析一下。首先咱们现在要做的功能,我们叫做医院等。
01:01
列表功能,所以说我们在页面中呢,咱们做的其实就是一个条件查询,是不是带分页功能,我们就要这么来做,然后写一下条件查询。再分页,那页面中怎么实现的?首先在我们页面的中间部分,咱们肯定是显示我们相关这个是数据内容,然后在数据的下面部分,咱要做什么,是不是要做一个分页条的这么一个显示,也就是跟之前的这种效果是类似的,而除了它之外咱们还要干什么,在英文的最上面是不是加上一个条件的部分?这个条件呢有很多,比如说咱们之前写的接口里边,我们写了一个叫好披query VO,大家看到里边是不是有很多的属性,咱根据它是不是能做到一个全查询,包括带分页这些咱们都会加上,这里边我就写几个比较主要的给各位把效果。做出来可以了,如果各位有兴趣,可以多加上几个条件,过程都是一样的,比如说现在我这么来做啊,我在里边假设我加上这么一个条件,这是第一个条件,那就加上一个我们这个医院的它所属那个省,包括医院所属那个市。
02:16
咱们加上这两部分,而这两部分为什么要加呢?我想做一个效果,比如现在。我第一次进入,先显示所有的省份市,里边是为空当,我选择某一个省,再去显示里边对应的市,咱就做一个简单的省市的二级联动效果。当我点击省,再显示里面的市,然后除了这个之外,比如说咱们再加上另外一个条件,我会根据这个医院的名称,在医院名称位置,咱们输入一个医院名称,然后做一个模糊查询。然后最终加上一个叫查询的这么一个按钮。但是里边你可以加多加几个条件,比如说加一个医院的等级等等这些内容,咱们就加上这么三个基本条件,所以说我们现在做这个调研查询带分页的。
03:11
医院力保功能。我们把它就做成这么一个效果,这各给大家知道,然后这个效果怎么做呢?给各位详细来说一下,首先因为咱们的接口都已经做到了,但是接口里边呢,我们做的过程中,因为咱们需要做出这么一个功能,也就是里边的这个地方也是要做一个省市的二级联动效果。所以这个咱要做到的话呢,里边呢,咱们还需要加个接口做到,加什么接口呢?刚才我提到,因为咱们第一次进入的时候,我是不是要显示所有的这个省份呀,就是咱们把所有省份做个显示,那怎么显示,大家看一下表里边,就是在我们这个CMN里边这个D口,也就是数据资源表中大家看到啊省份部分。
04:03
是不是这个值啊。而省份里边,咱们只怎么知道它是省的,里边是不是有一个叫第个Co叫privatence,那他根据private是不是能查出里面这个ID值啊,然后根据ID值再查,是不是能查出里边的所有的市啊,比如说我们看啊,在里边有很多的省,包括这位置有它距那个省那个值,就是大家看里边有很多。那咱们现在我就可以用这个来实现,也就是说先根据这个D和code查出里边这个ID值,然后查出ID下面那个距的省,而这个省查询根据里边这些内容我们就能做到,所以咱们下面就来添加这么一个接口,根据地和ID,它的值叫province,然后查出里边做的少。啊,这时候我们要加一个接口,然后这个接口加完之后,咱再往下来做,我在里边简单写一下,根据这个叫D口。
05:02
查询你那个就是省的这个ID。然后根据ID。再来查询里边的所有的这个省份,那下面呢,我就首先把这个接口我们先做一下,然后咱再往下做个实现,下面我们来写一下哈,就是现在呢,我打开我这个。CTRL了,就是我们这个。CTRL了,我们找到啊,因为它是查这个地省里边的,所以我在这个DCTRL里边的,现在我再来创建这么一个方法,在方法里边呢,要实现这个功能,根据D个code查询里边的那个所有的省或者它的下级节点,因为下级节点呢,是在这个省它下面的这个地方。好,那我们来写一下这么一个接口,我在里边实现。先加个注释,根据D口扣等查询它的下节点,也就是咱们要查询里面的所有的手,那现在操作一下哈,首先我先写一个注解,就是A片。
06:06
Object,然后在里边加上一个value,然后给它起个名字,就是我们说的这个东西,这个给各位复制过来啊,在我们的这个位置。然后写完之后,下面呢,咱就来写一下它具体这个内容,那下面呢,我来写一个提交方式,再来一个get,然后在get里边加上我们那个接口,那个路径,比如说路径我就跟课件中写成一样了,我叫这个名字叫find by第code后面加上一个第一个code这么一个值,把这个拿回来。然后拿回来之后,下面写一下它那个具体方法,比如我们写一下。Result。然后里边加这个叫半板big cold。在方法里边呢,首先咱要把传过来的第一个扣的值是不是得到那里边呢,跟之前都一样,咱就加上它的这么一个注解,我们叫怕这个注解,然后加上一个词缀。
07:08
D。扣,这样的话把这就加上了,然后加上之后下面咱就调用service里边这个方法,我们叫d service里边,比如现在里边我就来创建一个方法,方法里边实现我们的功能。比如说这个方法,我就跟他起成一个名字了,在里边把这个data code串进去,最终让方法返回的是什么?大家想一下返回什么,是不是一个粒子集合,因为咱们有很多的什么,所以我返回一个粒子集合里边的泛型,就是这个it,然后这个反应之后,最终咱给它做一个返回,我们result就是。点上OK里边传这个例子,所以这样的话,咱们现在就快速把这个就是。
08:01
CTRL部分我们就快速写出来了,里边就是这么一构基本结构啊,这个咱们就快速把它做大了。给各位能给它快速完整出来。啊,这里边少写了一个S啊,然后这个写完之后呢,咱们下面是不是写它的service,那我现在把service我们给它写下,Service里边首先我们先创建这个方法,根据D后的后续它的下一节点,然后写完之后咱们来到service实现类中,在实内中把这方法我们快速实一下。那我来写一下里边的这个方法,这个方法怎么做呢?给各位写一下,首先我们要做的应该分成这么几个步骤,就是之前咱写的方法跟这个类似,咱之前是写过这个方法,我们找一下啊,我们把多余的先关掉,咱先看这个D口。
09:01
之前咱们写过,在D个里边呢,根据ID是获取它的子数据列表,也就是这个是根据ID获取,而在现在过程中就多了一步,我们根据第一个扣的先得的ID,然后根据ID再得到它的是下一节点,所以过程一样,只是多了一个一个扣的。那我们来写一下啊,在它的实验内中,首先第一步我们做法就是先根据这个D扣等。获取它对应的ID,然后得到之后再根据ID获取它的下层的这个子节点。那这里边咱给它叫快速,现下首先第一个根据ID获取,第一个扣的,咱们之前是不是写过这个方法,是不是就这个方法大家看啊,这个方法就是根据第一个扣的得到里边那个对象,对象中是不是有它的ID值,那我现在把这方法咱就调一下。
10:02
这点get by code我们传入。Date code,然后它会返回一个date的这么一个对象。这是我们写到的啊,然后写到之后,咱再根据这个地来取到里边那个值,然后这个值呢,其实咱们可以调用我们之前写的里边的就是这个方法,我们找一下,再找一下之前写过应该就是它叫find child date,得到你子节点下边的子节点列表,那我现在把这方法我们就来调一下。Find child date里边传入d.get ID,然后最终返回的就是一个list集合,咱把这个例次集合最终返回就可以了,然后这个CTRL中得到数据就是我这个d code下面那个子节点这个那种。这样的话,咱现在把这个我们就最终写出来了,就是咱们完成这么一个接口。
11:02
所以各位把这接口你给他快速写出来,这个接口咱写的目的就是为了做好这个省市联动,因为第一次咱要拆出这个省,要把所有省都查出来,那怎么查,我们就根据code查询它的所有的省。那这个写完之后,咱们下面我把这服务器给它重启一下,咱们先做个测试,看一下这个接口能不能实现,如果能实现,咱再往下开发咱的前端部分。我现在把它重启一下,咱来做个测试测试呢,我就通过swag,咱们给它快速测试一下。那现在啊,他先启动,我把这个值先复制一下,因为一会儿要根据它这个插曲叫这个proce。我们看到啊,目前这个服务已经提起来了,CMN里边占用端口号是8202,咱们找到这个8202,我把这个给他快速改一下。
12:02
8202咱们推车。回车之后找到咱的接口,就是刚才我们写的里边的应该是这个接口,我把它点开,然后在接口中传入这个叫province,然后咱们点try it out。大家看数据,你看目前啊,查出来的是不是的所有省,比如你看里边第一个北京市,包括天津市,包括河北省,山西省,内蒙古自治区等等那种现代是不是都查出来了,这样的话,咱把我们这里边的做省市联动的接口就写出来了,为了一会儿咱们做开发,省市联动做准备。我们先写到这里,然后马上咱开始写这个前端部分。
我来说两句