医院项目-预约挂号-第五部分

医院项目-预约挂号-第五部分_第1张图片

医院项目-预约挂号-第五部分_第2张图片

医院项目-预约挂号-第五部分_第3张图片

医院项目-预约挂号-第五部分_第4张图片
在service父工程的pom中增加nacos依赖:


        
            com.alibaba.cloud
            spring-cloud-starter-alibaba-nacos-discovery
        

修改service_hosp的配置文件:

nacos服务地址

spring.cloud.nacos.discovery.server-addr=127.0.0.1:8848

service_hosp服务的启动类增加nacos注解:

@EnableDiscoveryClient //nacos注册使

医院列表api接口

service_hosp服务编写controller:

医院项目-预约挂号-第五部分_第5张图片

医院项目-预约挂号-第五部分_第6张图片

医院项目-预约挂号-第五部分_第7张图片

医院项目-预约挂号-第五部分_第8张图片

impl实现类中分页的逻辑:

医院项目-预约挂号-第五部分_第9张图片

医院项目-预约挂号-第五部分_第10张图片

1.2 service-cmn模块提供接口

这里是提供查询的接口:

由于我们的医院等级、省市区地址都是取的数据字典value值,因此我们在列表显示医院等级与医院地址时要根据数据字典value值获取数据字典名称
通过学习数据字典我们知道,根据上级编码与value值可以获取对应的数据字典名称,如果value值能够保持唯一(不一定唯一),我们也可以直接通过value值获取数据字典名称,目前省市区三级数据我们使用的是国家统计局的数据,数据编码我们就是数据字典的id与value,所以value能够唯一确定一条数据字典,如图:
医院项目-预约挂号-第五部分_第11张图片

医院项目-预约挂号-第五部分_第12张图片

医院项目-预约挂号-第五部分_第13张图片

医院项目-预约挂号-第五部分_第14张图片

医院项目-预约挂号-第五部分_第15张图片

医院项目-预约挂号-第五部分_第16张图片

医院项目-预约挂号-第五部分_第17张图片

医院项目-预约挂号-第五部分_第18张图片

在yygh_parent下搭建子模块:

医院项目-预约挂号-第五部分_第19张图片

医院项目-预约挂号-第五部分_第20张图片

医院项目-预约挂号-第五部分_第21张图片

医院项目-预约挂号-第五部分_第22张图片

医院项目-预约挂号-第五部分_第23张图片

医院项目-预约挂号-第五部分_第24张图片

医院项目-预约挂号-第五部分_第25张图片

医院项目-预约挂号-第五部分_第26张图片

医院项目-预约挂号-第五部分_第27张图片

复制controller接口:

医院项目-预约挂号-第五部分_第28张图片

医院项目-预约挂号-第五部分_第29张图片

医院项目-预约挂号-第五部分_第30张图片

医院项目-预约挂号-第五部分_第31张图片

医院项目-预约挂号-第五部分_第32张图片
医院项目-预约挂号-第五部分_第33张图片

医院项目-预约挂号-第五部分_第34张图片

医院项目-预约挂号-第五部分_第35张图片

启动数据字典模块和service_hosp模块:

医院项目-预约挂号-第五部分_第36张图片

医院项目-预约挂号-第五部分_第37张图片

打开这个注释:

医院项目-预约挂号-第五部分_第38张图片

医院项目-预约挂号-第五部分_第39张图片

医院项目-预约挂号-第五部分_第40张图片

医院项目-预约挂号-第五部分_第41张图片

医院项目-预约挂号-第五部分_第42张图片
测试成功;

医院项目-预约挂号-第五部分_第43张图片

前端的页面:

医院项目-预约挂号-第五部分_第44张图片

省市联动的接口:

医院项目-预约挂号-第五部分_第45张图片

医院项目-预约挂号-第五部分_第46张图片

在这里插入图片描述

前端页面开始:
医院项目-预约挂号-第五部分_第47张图片

医院项目-预约挂号-第五部分_第48张图片

医院项目-预约挂号-第五部分_第49张图片

医院项目-预约挂号-第五部分_第50张图片

医院项目-预约挂号-第五部分_第51张图片

页面:

医院项目-预约挂号-第五部分_第52张图片

医院项目-预约挂号-第五部分_第53张图片

医院项目-预约挂号-第五部分_第54张图片

医院项目-预约挂号-第五部分_第55张图片

this. fetchData(this.page);

医院项目-预约挂号-第五部分_第56张图片

医院项目-预约挂号-第五部分_第57张图片

医院项目-预约挂号-第五部分_第58张图片

页面的省份在这里显示:

医院项目-预约挂号-第五部分_第59张图片

医院项目-预约挂号-第五部分_第60张图片

医院项目-预约挂号-第五部分_第61张图片

问题总结:

市选择不显示的在数据那边给searchObj里面写上provinceCode:‘’,cityCode:''或者使用强制渲染

选择了市不显示 的可以修改@change为$forceUpdate()

cityChange()自己加一下吧 和provinceChange()差不多的

不显示市的,去实现cityChanged方法,里面调用查所有医院的方法

在这里插入图片描述

医院项目-预约挂号-第五部分_第62张图片

医院项目-预约挂号-第五部分_第63张图片

医院项目-预约挂号-第五部分_第64张图片

医院项目-预约挂号-第五部分_第65张图片

医院项目-预约挂号-第五部分_第66张图片

医院项目-预约挂号-第五部分_第67张图片

医院项目-预约挂号-第五部分_第68张图片

医院项目-预约挂号-第五部分_第69张图片

医院详情接口:

医院项目-预约挂号-第五部分_第70张图片

医院项目-预约挂号-第五部分_第71张图片

医院项目-预约挂号-第五部分_第72张图片

查看详情的按钮:

医院项目-预约挂号-第五部分_第73张图片

医院项目-预约挂号-第五部分_第74张图片

医院项目-预约挂号-第五部分_第75张图片

医院项目-预约挂号-第五部分_第76张图片

复制页面show组件
医院项目-预约挂号-第五部分_第77张图片

医院项目-预约挂号-第五部分_第78张图片

医院项目-预约挂号-第五部分_第79张图片

医院项目-预约挂号-第五部分_第80张图片

医院项目-预约挂号-第五部分_第81张图片

你可能感兴趣的:(spring,springboot,springcloud,spring,cloud,java,微服务)