Day109.尚医通：集成Nacos、翻译字段、医院列表分页条件、下拉列表查询、医院状态、医院详情

已于 2022-07-24 09:00:06 修改
阅读量772 收藏 2
点赞数 1
分类专栏： 尚医通 文章标签： nacos javascript vue javaee 微服务
于 2022-07-23 08:40:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a111042555/article/details/125943086
版权

目录

一、搭建Nacos服务

二、医院需求分析

三、医院列表功能(接口)

1、医院列表接口初步实现

2、cmn模块 实现翻译字段接口服务

3、实现跨模块远程调用

4、在 hosp 实现跨模块调用

四、实现根据字典编码查询子数据 (下拉列选)

1、后端接口实现

2、医院列表查询 (前端)

五、更新医院上线状态

1、后端接口实现

2、前端页面实现

六、医院详情查询

1、医院详情接口

2、前端页面实现

一、搭建Nacos服务

项目需求 需要翻译字段，模块间的调用

1. 启动Nacos

startup.cmd -m standalone

nacos1.4.0 之后的启动方式默认时cluster集群模式，如果没有进行集群配置，直接启动会报错。
可以用命令行startup.cmd -m standalone就能以单体方式启动服务。
如果觉得每次启动都是单体模式，就可以在startup.cmd中的配置信息set MODE="cluster"修改为set MODE=“standalone”，
于是每次启动就默认单体模式。

2. 确认项目依赖

        <!-- 服务调用feign -->
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-openfeign</artifactId>
        </dependency>
        <!--服务注册-->
        <dependency>
            <groupId>com.alibaba.cloud</groupId>
            <artifactId>spring-cloud-starter-alibaba-nacos-discovery</artifactId>
        </dependency>

3. 添加配置

# nacos服务地址
spring.cloud.nacos.discovery.server-addr=127.0.0.1:8848

4. 启动类添加注解

@SpringBootApplication
@ComponentScan(basePackages = {"com.atguigu"}) //扫描到其他项目的类
@EnableDiscoveryClient  //注册中心
public class ServiceHospApplication {

    public static void main(String[] args) {
        SpringApplication.run(ServiceHospApplication.class, args);
    }

}

5. 测试

二、医院需求分析

  • 一、下拉列表
    • 实现二级联动下拉选择框
    • 实现分页条件医院列表查询 (跨模块到 cmn 翻译字段)
    • 更新上线状态

  • 二、医院详情
    • 根据医院编码查询医院基本信息、预约信息
    • 跨模块到cmn翻译字段

三、医院列表功能(接口)

1、医院列表接口初步实现

1. 分析接口

参数：page、limit、HospitalQueryVo

返回值：R(page)  (MongoDB用springData，mysql用苞米豆)

2. 实现 controller

@Api(description = "医院接口")
@RestController
@RequestMapping("/admin/hosp/hospital")
@CrossOrigin
public class HospitalController {

    @Autowired
    private HospitalService hospitalService;

    @ApiOperation(value = "获取分页列表")
    @GetMapping("{page}/{limit}")
    public R index(@PathVariable Integer page,
                   @PathVariable Integer limit,
                   HospitalQueryVo hospitalQueryVo) {

        Page<Hospital> pageModel = hospitalService.selectPage(page,limit,hospitalQueryVo);
        return R.ok().data("pageModel",pageModel);
    }
}

3. 实现 Service (暂时略过翻译字段)

    //带条件带分页获取医院列表
    @Override
    public Page<Hospital> selectPage(Integer page, Integer limit, HospitalQueryVo hospitalQueryVo) {
        //(1).创建分页对象
        //1.1创建排序对象
        Sort sort = Sort.by(Sort.Direction.DESC,"createTime");
        //1.2创建分页对象
        Pageable pageable = PageRequest.of(page-1,limit,sort);
        //(2).创建查询条件模板
        //2.1封装查询条件
        Hospital hospital = new Hospital();
        BeanUtils.copyProperties(hospitalQueryVo,hospital);
        //2.2创建模板构造器
        ExampleMatcher matcher = ExampleMatcher.matching()
                .withStringMatcher(ExampleMatcher.StringMatcher.CONTAINING) //模糊查询
                .withIgnoreCase(true); //不区分大小写
        //2.3创建模板
        Example<Hospital> example = Example.of(hospital,matcher);

        //(3).实现条件分页查询
        Page<Hospital> pageModel = hospitalRepository.findAll(example, pageable);

        //4. TODO 跨模块cmn 翻译字段(重要)

        return pageModel;
    }

2、cmn模块 实现翻译字段接口服务

1. 需求分析，需要有两个接口

* 国标数据接口
参数：value
返回值：name

* 自定义数据接口
参数：value、dictCode
返回值：name

2. 实现 controller

    @ApiOperation(value = "获取数据字典名称(自定义)")
    @GetMapping(value = "/getName/{parentDictCode}/{value}")
    public String getName(
            @PathVariable("parentDictCode") String parentDictCode,
            @PathVariable("value") String value) {
        String name = dictService.getName(parentDictCode,value);
        return name;
    }

    @ApiOperation(value = "获取数据字典名称(国标)")
    @GetMapping(value = "/getName/{value}")
    public String getName(
            @PathVariable("value") String value) {
        String name = dictService.getName("",value);
        return name;
    }

3. 实现 service

    //获取数据字典名称
    @Override
    public String getName(String parentDictCode, String value) {
        //1.判断parentDictCode是否为空 (国标还是自定义数据)
        if(StringUtils.isEmpty(parentDictCode)){
            //国标数据查询
            Dict dict = baseMapper.selectOne(new QueryWrapper<Dict>()
                    .eq("value", value));
            if(dict!=null){
                return dict.getName();
            }
        }else {
            //自定义数据查询
            Dict parentDict = this.getDictByDictCode(parentDictCode);

            Dict dict = baseMapper.selectOne(new QueryWrapper<Dict>()
                    .eq("parent_id",parentDict.getId())
                    .eq("value", value));
            if(dict!=null){
                return dict.getName();
            }
        }
        return "";
    }
    //根据字典编码查询父级别数据
    private Dict getDictByDictCode(String parentDictCode) {
        QueryWrapper<Dict> wrapper = new QueryWrapper<>();
        wrapper.eq("dict_code",parentDictCode);
        Dict dict = baseMapper.selectOne(wrapper);
        return dict;
    }

3、实现跨模块远程调用

1. 搭建service-client 父模块 (提取服务接口)，修改pom.xml

    <artifactId>service-client</artifactId>
    <packaging>pom</packaging>

    <dependencies>
        <dependency>
            <groupId>com.atguigu</groupId>
            <artifactId>model</artifactId>
            <version>0.0.1-SNAPSHOT</version>
        </dependency>
        <dependency>
            <groupId>com.atguigu</groupId>
            <artifactId>common_utils</artifactId>
            <version>0.0.1-SNAPSHOT</version>
        </dependency>
        
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
            <scope>provided </scope>
        </dependency>
        <!-- 服务调用feign -->
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-openfeign</artifactId>
            <scope>provided </scope>
        </dependency>
    </dependencies>

2. 搭建service_cmn_client模块

3. 创建相关服务接口

注意：1.请求路径完整路径    2.远程调用 @PathVariable不能省略

@FeignClient("service-cmn")  //指定调用的服务名
public interface DictFeignClient {
    //注意完整请求路径
    //获取数据字典名称(自定义)
    @GetMapping(value = "/admin/cmn/dict/getName/{parentDictCode}/{value}")
    public String getName(
            @PathVariable("parentDictCode") String parentDictCode,
            @PathVariable("value") String value);

    //获取数据字典名称(国标)
    @GetMapping(value = "/admin/cmn/dict/getName/{value}")
    public String getName(
            @PathVariable("value") String value);

}

4、在 hosp 实现跨模块调用

1. service模块 确认依赖

        <!-- 服务调用feign -->
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-openfeign</artifactId>
        </dependency>

2. hosp模块 导入依赖

        <!--服务接口-->
        <dependency>
            <groupId>com.atguigu</groupId>
            <artifactId>service_cmn_client</artifactId>
            <version>0.0.1-SNAPSHOT</version>
        </dependency>

3. 启动类添加注解   @EnableFeignClients(basePackages="")

@SpringBootApplication
@ComponentScan(basePackages = {"com.atguigu"}) //扫描到其他项目的类
@EnableDiscoveryClient  //声明注册中心客户端
@EnableFeignClients(basePackages = "com.atguigu")  //开启Feign，扫描其他项目的接口服务
public class ServiceHospApplication {

    public static void main(String[] args) {
        SpringApplication.run(ServiceHospApplication.class, args);
    }

}

4. 改造查询接口

    //远程方法调用
    @Autowired
    private DictFeignClient dictFeignClient;


    //带条件带分页获取医院列表
    @Override
    public Page<Hospital> selectPage(Integer page, Integer limit, HospitalQueryVo hospitalQueryVo) {
        //(1).创建分页对象
        //1.1创建排序对象
        Sort sort = Sort.by(Sort.Direction.DESC,"createTime");
        //1.2创建分页对象
        Pageable pageable = PageRequest.of(page-1,limit,sort);
        //(2).创建查询条件模板
        //2.1封装查询条件
        Hospital hospital = new Hospital();
        BeanUtils.copyProperties(hospitalQueryVo,hospital);
        //2.2创建模板构造器
        ExampleMatcher matcher = ExampleMatcher.matching()
                .withStringMatcher(ExampleMatcher.StringMatcher.CONTAINING) //模糊查询
                .withIgnoreCase(true); //不区分大小写
        //2.3创建模板
        Example<Hospital> example = Example.of(hospital,matcher);

        //(3).实现条件分页查询
        Page<Hospital> pageModel = hospitalRepository.findAll(example, pageable);

        //4.TOD 跨模块cmn 翻译字段(重要)
        pageModel.getContent().stream().forEach(item ->{
            this.packHospital(item);
        });

        return pageModel;
    }

    //医院信息字段翻译
    private Hospital packHospital(Hospital hospital) {
        //DictEnum.HOSTYPE 枚举类
        String hostypeString = dictFeignClient.getName(
                DictEnum.HOSTYPE.getDictCode(), hospital.getHostype());

        String provinceString = dictFeignClient.getName(hospital.getProvinceCode());
        String cityString = dictFeignClient.getName(hospital.getCityCode());
        String districtString = dictFeignClient.getName(hospital.getDistrictCode());

        hospital.getParam().put("hostypeString", hostypeString);
        hospital.getParam().put("fullAddress", provinceString + cityString + districtString + hospital.getAddress());
        return hospital;
    }

测试： 

四、实现根据字典编码查询子数据 (下拉列选)

1、后端接口实现

1. controller

    //根据数据id查询子数据列表
    @ApiOperation(value = "根据dictCode获取下级节点")
    @GetMapping("/findByDictCode/{dictCode}")
    public R findByDictCode(@PathVariable String dictCode){
        List<Dict> list = dictService.findByDictCode(dictCode);
        return R.ok().data("list",list);
    }

2. service 

    //根据数据id查询子数据列表
    @Override
    public List<Dict> findByDictCode(String dictCode) {
        Dict dictByDictCode = this.getDictByDictCode(dictCode);
        List<Dict> dictList = this.findChildData(dictByDictCode.getId());
        return dictList;
    }

2、医院列表查询 (前端)

1. 添加路由，创建页面

      {
        path: 'hospital/list',
      name: '医院列表',
      component: () =>import('@/views/yygh/hosp/list'),
      meta: { title: '医院列表', icon: 'table' }
      }

2. 创建API方法

新建hosp.js

import request from '@/utils/request'
//提取请求路径
const api_name = '/admin/hosp/hospital'

export default{

    //带条件带分页获取医院列表
    getPageList(page,limit,searchObj){
        return request({
            url: `${api_name}/${page}/${limit}`,//插值表达式
            method: 'get',
            params: searchObj //普通用params json用data
            })
    }
   
}

dict.js 下新增方法

import request from '@/utils/request'
//提取请求路径
const api_name = '/admin/cmn/dict'

export default {

    //根据数据id查询子数据列表
    findChildData(id) {
        return request({
            url: `${api_name}/findChildData/${id}`,//插值表达式
            method: 'get'
        })
    },
    //查询dictCode查询下级数据字典
    findByDictCode(dictCode) {
        return request({
            url: `${api_name}/findByDictCode/${dictCode}`,
            method: 'get'
        })
    },

}

3. 添加页面元素

<template>
    <div class="app-container">
        <el-form :inline="true" class="demo-form-inline">

            <el-form-item>
                <el-select v-model="searchObj.provinceCode" placeholder="请选择省" @change="provinceChanged">
                    <el-option v-for="item in provinceList" :key="item.id" :label="item.name" :value="item.id" />
                </el-select>
            </el-form-item>

            <el-form-item>
                <el-select v-model="searchObj.cityCode" placeholder="请选择市">
                    <el-option v-for="item in cityList" :key="item.id" :label="item.name" :value="item.id" />
                </el-select>
            </el-form-item>

            <el-form-item>
                <el-input v-model="searchObj.hosname" placeholder="医院名称" />
            </el-form-item>

            <el-button type="primary" icon="el-icon-search" @click="fetchData()">查询</el-button>
            <el-button type="default" @click="resetData()">清空</el-button>
        </el-form>

        <!-- banner列表 -->
        <el-table v-loading="listLoading" :data="list" border fit highlight-current-row>

            <el-table-column label="序号" width="60" align="center">
                <template slot-scope="scope">
                    {{ (page - 1) * limit + scope.$index + 1 }}
                </template>
            </el-table-column>

            <el-table-column label="医院logo">
                <template slot-scope="scope">
                    <img :src="'data:image/jpeg;base64,'+scope.row.logoData" width="80">
                </template>
            </el-table-column>

            <el-table-column prop="hosname" label="医院名称" />
            <el-table-column prop="param.hostypeString" label="等级" width="90" />
            <el-table-column prop="param.fullAddress" label="详情地址" />
            <el-table-column label="状态" width="80">
                <template slot-scope="scope">
                    {{ scope.row.status === 0 ? '未上线' : '已上线' }}
                </template>
            </el-table-column>
            <el-table-column prop="createTime" label="创建时间" />

            <el-table-column label="操作" width="230" align="center">
                <template slot-scope="scope">
                    <router-link :to="'/hospSet/hospital/show/'+scope.row.id">
                        <el-button type="primary" size="mini">查看</el-button>
                    </router-link>
                    <router-link :to="'/hospSet/hospital/schedule/'+scope.row.hoscode">
                        <el-button type="primary" size="mini">排班</el-button>
                    </router-link>

                    <el-button v-if="scope.row.status == 1" type="primary" size="mini"
                        @click="updateStatus(scope.row.id, 0)">下线</el-button>
                    <el-button v-if="scope.row.status == 0" type="danger" size="mini"
                        @click="updateStatus(scope.row.id, 1)">上线</el-button>
                </template>

            </el-table-column>
        </el-table>

        <!-- 分页组件 -->
        <el-pagination :current-page="page" :total="total" :page-size="limit" :page-sizes="[5, 10, 20, 30, 40, 50, 100]"
            style="padding: 30px 0; text-align: center;" layout="sizes, prev, pager, next, jumper, ->, total, slot"
            @current-change="fetchData" @size-change="changeSize" />
    </div>
</template>

4. 实现JS

饿了么ui的bug：下拉列选的值要进行初始化

<script>
    import hospApi from '@/api/yygh/hosp'
    import dictApi from '@/api/yygh/dict'
    export default {
        data() {
            return {
                listLoading: true, // 数据是否正在加载
                list: null, // 医院列表数据集合
                total: 0, // 数据库中的总记录数
                page: 1, // 默认页码
                limit: 10, // 每页记录数
                searchObj: {
                    provinceCode: '',
                    cityCode: ''
                }, // 查询表单对象 饿了么ui的bug：下拉列选的值要做初始化
                provinceList: [], //所有省集合
                cityList: []   //所有市集合
            }
        },
        created() {
            //初始化表格数据
            this.fetchData();
            //初始化省信息
            this.getProvinceList();

        },              
        methods: {
            //表格数据查询
            fetchData(page=1){
                this.page = page
                hospApi.getPageList(this.page,this.limit,this.searchObj)
                .then(resopnse=>{
                    this.list = resopnse.data.pageModel.content
                    this.total = resopnse.data.pageModel.totalElements
                    this.listLoading = false
                })
            },
            //查询省信息 下拉列选  传递字典code 
            getProvinceList(){
                dictApi.findByDictCode("Province")
                .then(response=>{
                    this.provinceList = response.data.list
                })
            },
            //二级联动省市信息 下拉列选
            provinceChanged(){
                //清除历史信息
                this.searchObj.cityCode = ""
                this.cityList = []
                dictApi.findChildData(this.searchObj.provinceCode)
                .then(response=>{
                    this.cityList = response.data.list
                })
            },
            //清空
            resetData(){
                this.searchObj = {
                    provinceCode: '',
                    cityCode: ''
                };
                this.fetchData();

            },
            //切换每页记录数
            changeSize(size){
                this.limit = size;
                this.fetchData();
            }
        }
    }
</script>

5. 测试 

五、更新医院上线状态

1、后端接口实现

1. 分析接口

参数：id、status

返回值：R.ok()

2. 实现 controller

    @ApiOperation(value = "更新上线状态")
    @GetMapping("updateStatus/{id}/{status}")
    public R updateStatus(
            @PathVariable("id") String id,
            @PathVariable("status") Integer status){
        hospitalService.updateStatus(id,status);
        return R.ok();
    }

3. 实现 service

    //更新上线状态
    @Override
    public void updateStatus(String id, Integer status) {
        if(status.intValue() == 0 || status.intValue() == 1) {
            //先查询，后更新
            Hospital hospital = hospitalRepository.findById(id).get();
            hospital.setStatus(status);
            hospital.setUpdateTime(new Date());
            hospitalRepository.save(hospital);
        }
    }

2、前端页面实现

1. 确认入口

2. 新建API方法

    //医院状态修改 (上线下限)
    updateStatus(id, status) {
        return request({
            url: `${api_name}/updateStatus/${id}/${status}`,
            method: 'get'
        })
    },

3. JS 实现

            updateStatus(id, status){
                hospApi.updateStatus(id,status)
                .then(response=>{
                    this.fetchData();
                    this.$message({
                        type: "success",
                        message: "操作成功!",
                    });
                })
                
            }

六、医院详情查询

1、医院详情接口

1. 分析接口

参数：id

返回值：R.(map(医院基本信息、预约规则))

2. 实现 controller

    @ApiOperation(value = "获取医院详情")
    @GetMapping("show/{id}")
    public R show(
            @PathVariable String id) {
        Map<String,Object> map = hospitalService.getHospitalById(id);
        return R.ok().data(map);
    }

3. 实现service

    //获取医院详情
    @Override
    public Map<String, Object> getHospitalById(String id) {
        //1.根据id查询医院信息，
        Hospital hospital = hospitalRepository.findById(id).get();

        //2.信息字段翻译
        hospital = this.packHospital(hospital);

        //3.判断后取出预约规则，封装返回
        BookingRule bookingRule = hospital.getBookingRule();
        hospital.setBookingRule(null); //节省内存空间

        Map<String,Object> map = new HashMap<>();
        map.put("hospital",hospital);
        map.put("bookingRule",bookingRule);
        return map;
    }

4. 测试

2、前端页面实现

1. 确认入口

需要创建隐藏路由 (注意修改地址！)

 

2. 添加隐藏路由，创建页面

      {
        path: 'hospital/show/:id',
        name: '查看医院详情',
        component: () => import('@/views/yygh/hosp/show'),
        meta: { title: '查看', noCache: true },
        hidden: true
      }

3. 创建API接口方法

    //查看医院详情
    getHospById(id) {
        return request({
            url: `${api_name}/show/${id}`,
            method: 'get'
        })
    }

4. 添加页面元素

<template>
    <div class="app-container">
        <h4>基本信息</h4>
        <table class="table table-striped table-condenseda table-bordered" width="100%">
            <tbody>
                <tr>
                    <th width="15%">医院名称</th>
                    <td width="35%"><b style="font-size: 14px">{{ hospital.hosname }}</b>
                        | {{ hospital.param.hostypeString }}</td>
                    <th width="15%">医院logo</th>
                    <td width="35%">
                        <img :src="'data:image/jpeg;base64,'+hospital.logoData" width="80">
                    </td>
                </tr>
                <tr>
                    <th>医院编码</th>
                    <td>{{ hospital.hoscode }}</td>
                    <th>地址</th>
                    <td>{{ hospital.param.fullAddress }}</td>
                </tr>
                <tr>
                    <th>坐车路线</th>
                    <td colspan="3">{{ hospital.route }}</td>
                </tr>
                <tr>
                    <th>医院简介</th>
                    <td colspan="3">{{ hospital.intro }}</td>
                </tr>
            </tbody>
        </table>

        <h4>预约规则信息</h4>
        <table class="table table-striped table-condenseda table-bordered" width="100%">
            <tbody>
                <tr>
                    <th width="15%">预约周期</th>
                    <td width="35%">{{ bookingRule.cycle }}天</td>
                    <th width="15%">放号时间</th>
                    <td width="35%">{{ bookingRule.releaseTime }}</td>
                </tr>
                <tr>
                    <th>停挂时间</th>
                    <td>{{ bookingRule.stopTime }}</td>
                    <th>退号时间</th>
                    <td>{{ bookingRule.quitDay == -1 ? '就诊前一工作日' : '就诊当日' }}{{ bookingRule.quitTime }} 前取消</td>
                </tr>
                <tr>
                    <th>预约规则</th>
                    <td colspan="3">
                        <ol>
                            <li v-for="item in bookingRule.rule" :key="item">{{ item }}</li>
                        </ol>
                    </td>
                </tr>
                <br>
                <el-row>
                    <el-button @click="back">返回</el-button>
                </el-row>
            </tbody>
        </table>
    </div>
</template>

5. JS实现

<script>
    import hospApi from '@/api/yygh/hosp'
    import dictApi from '@/api/yygh/dict'
    export default {
        data() {
            return {
                hospital: {},
                bookingRule: {}
            }
        },
        created() {
            //获取元素用route，页面跳转用router
            let id = this.$route.params.id
            this.getData(id)
        },
        methods: {
            getData(id) {
                hospApi.getHospById(id).then(response => {
                    this.hospital = response.data.hospital
                    this.bookingRule = response.data.bookingRule
                })
            },
            //页面跳转
            back(){
                this.$router.push({path:"/yygh/hospset/hospital/list"})
            }
        }
    }
</script>

6. 添加样式

 

7. 测试 

焰火青年·
关注
专栏目录
Day01_谷粒商城（分布式基础篇）摘要
weixin_45014721的博客
07-20 619
文章目录p45（后台）菜单的三级分类p46（后台）配置网关路由与路径重写思路：第一步：第二步：第三步：（[p47跨域问题](https://www.bilibili.com/video/BV1np4y1C7Yf?p=47)）p48 树形展示菜单的三级分类数据第一步：把gulimall-product注册进Nacos注册中心（这样网关才能找到你）第二步：配置gulimall-gateway的路由规则p49（前台）完成菜单的删除功能1p50（后台）完成菜单的删除功能2p51（前台）完成菜单的删除功能3p52（前
day01_《谷粒商城后台管理系统》的完整流程（详细版）
weixin_45014721的博客
08-09 1756
p45 三级分类 1.三级分类数据的展示 1.效果展示 2.对应的数据库表 3.后台逻辑 ①CategoryEntity实体类和数据库pms_category表的字段是一一对应的， 但CategoryEntity有一个数据库中不存在的字段List<CategoryEntity> ，在List<CategoryEntity>中封装了所有当前实体的子分类。 ②一个CategoryEntity中有个字段是List<CategoryEntity>，在List&
尚医通 (五) --------- 医院模块
在森林里麋了鹿
11-07 654
医院设置需求以及基础 CRUD
尚医通学习笔记 Day11--Nacos注册服务
GTW、Zeus的博客
05-11 262
引入依赖 <!-- 服务注册 --> <dependency> <groupId>com.alibaba.cloud</groupId> <artifactId>spring-cloud-starter-alibaba-nacos-discovery</artifactId> </dependency> 在配置文件中application 配
尚医通-医院详情功能（二十七）
dengfengling999的博客
01-19 1292
我们现在使用的nuxt框架，nuxt框架是基于vue做到的，实现的是服务端渲染，nuxt中有一种操作叫做nuxt路由跳转，nuxt有它特有的方式，nuxt实现路由跳转有2中路由。说明：需要获取医院信息（医院基本信息、预约信息）和科室信息。在次点击那个医院：路径发生了变化加；（1）前台用户系统-医院详请-情接口开发。（1）前台用户系统-医院详-情接口开发。（3）前台用户系统-医院详情-前端整合。
尚医通学习笔记 Day11--Nacos的使用java.io.IOException: java.lang.IllegalArgumentException: db.num is null
GTW、Zeus的博客
05-11 372
Nacos概述 Nacos是阿里巴巴推出的一个新开源项目了，更加易于构建云原生应用的动态服务发现，配置管理和服务管理平台。 比较 常见还有：Eureka，Zookeeper Consul 相对于SpringCloud中的Eureka来说，Nacos更强大。 Nacos=Spring Cloud Eureka +Spring Cloud Config 结构图 下载与安装 官网： https://github.com/alibaba/nacos/releases/tag/2.0.0-bugfix zip w
尚医通- Nacos服务注册 医院列表接口（二十一）
dengfengling999的博客
01-01 753
Nacos 是阿里巴巴推出来的一个新开源项目，这是一个更易于构建云原生应用的动态服务发现、配置管理和服务管理平台。Nacos 致力于帮助您发现、配置和管理微服务。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据及流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。Nacos 是构建以“服务”为中心的现代应用架构 (例如微服务范式、云原生范式) 的服务基础设施。
SpringBoot+VUE关联查询（查询所有、条件查询、分页查询）删除、添加功能，项目简单很详细！！
weixin_44704605的博客
10-25 5360
首先在数据库创建数据 CREATE DATABASE day1022try; USE day1022try; CREATE TABLE `emp` ( `id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '员工ID', `name` VARCHAR(50) DEFAULT NULL COMMENT '员工姓名', `password` VARCHAR(50) DEFAULT NULL COMMENT '密码', `age` INT(11) DEFAU
【微服务】Day18（秒杀业务完善、ELK简介、Nacos配置中心）
shortcutsuccess的博客
10-20 466
ELK:E:Elasticsearch 全文搜索引擎L:logstash 日志采集工具K:Kibana ES的可视化工具ELK是当今业界非常流行的日志采集保存和查询的系统我们编写的程序,会有很多日志信息,但是日志信息的保存和查询是一个问题idea控制台是临时显示的位置,我们可以将它保存在文件中但是即使保存在文件中,海量日志信息要想查询需要的条目也是问题所以我们使用ELK来保存。
【微服务】Day13（续 Quartz、Redis 强化、秒杀业务准备）
shortcutsuccess的博客
10-20 187
学习秒杀的目的是让同学们了解高并发在微服务项目中的处理流程指定一些基本的高并发处理标准动作酷鲨商城定时秒杀业务就是一个模拟高并发的业务场景每秒请求数8000并发500~800网站在线用户20000(到30000)日活跃用户50000(到80000)学习完秒杀业务,我们能具备处理一般高并发业务的基本逻辑。
尚医通-P107-搜索下拉框问题
qq_41923361的博客
07-24 269
P107下拉框问题 1、前端index.vue中v-model=“hosname” 2、检查一下前端index.vue中的querySearchAsync(queryString, cb) 方法hospApi.getByHosname与 hosp.js中getByHosname(hosname) 方法url: ${api_name}/findByHosname/${hosname}以及后端 HospApiController类中findByHosname方法的@GetMapping(findByHosnam
尚医通（十二）SpringCloud相关概念介绍 | 搭建Nacos服务
Knight
02-13 591
尚医通（十二）SpringCloud相关概念介绍 | 搭建Nacos服务
尚医通-85小节
qq_44798321的博客
08-13 213
一、Nacos调用者 yygh_hosp 代码片段： //分页条件查询 @Override public Page<Hospital> seleteHopPage(Integer page, Integer limit, HospitalQueryVo hospitalQueryVo) { //1、封装pagepable PageRequest pageable = PageRequest.of(page - 1, limit);
尚医通项目中 前端显示医院列表时 点击市区不显示bug解决
qq_43115363的博客
12-14 300
element-ui 下拉框 点击后不显示名称问题的解决 触发改变时 可以加上强制刷新 如： 即可解决bug
GET http://localhost:8080/xxx/ net::ERR_BLOCKED_BY_CLIENT 解决方法之一
白给少年
05-20 2178
问题描述：在vue使用后端接口时，使用Postman调用的到数据，但是前端收不到，会报错GET http://localhost:8080/xxx/ net::ERR_BLOCKED_BY_CLIENT 问题分析：可能是由于你返回的数据中含图片地址，同时你又安装了图片拦截插件，就会导致所以的信息都被拦截。 解决方法：暂时关闭你的拦截插件 参考链接：https://blog.csdn.net/mufeng2015/article/details/80460025 ...
控制台报错：GET http://localhost:8080/students net::ERR_FAILED 200
weixin_48788465的博客
11-09 7197
## 控制台报错：GET http://localhost:8080/students net::ERR_FAILED 200 node请求接口的时候意外遇到控制台出现这个问题： Access to XMLHttpRequest at 'http://localhost:8080/students' from origin 'http://localhost:8081' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' he
医院项目-预约挂号-第五部分
weixin_38568503的博客
08-09 627
医院项目
尚医通平台地址以及服务启动
COCoDΣ的博客
03-30 3578
平台地址： - 尚医通用户前台：http://localhost:3000 - 尚医通管理后台：http://localhost:9528 - 模拟医院管理后台：http://localhost:9998/ Swagger地址： - service_hosp 医院服务api：http://localhost:8201/swagger-ui.html - service_cmn 数据字典服务api：[http://localhost:8202/swagger-ui.html
尚医通项目81-100：医院管理
qq_43568982的博客
05-30 627
开始时间：2022-05-27 课程链接：课程链接：【尚医通】 注册中心与服务调用 目前在医院列表中需要医院的信息和等级信息,而两段信息属于不同的的模块,service-hosp和service-cmn，所以我们需要使用到远程调用。 参考Dubbo入门 本项目使用Nacos 配置nacos 下载的是nacos-server-1.1.4版本 启动startup.cmd 启动后不要关闭，关了就会运行不了 在service的pom中添加 <dependency>
解释这些配置server: port: 3000 spring: application: name: @artifactId@ cloud: nacos: username: @nacos.username@ password: @nacos.password@ discovery: server-addr: ${NACOS_HOST:mall-register}:${NACOS_PORT:8848} config: server-addr: ${spring.cloud.nacos.discovery.server-addr} config: import: - nacos:application-@profiles.active@.yml - nacos:${spring.application.name}-@profiles.active@.yml
最新发布
07-12
5. `spring.cloud.nacos.discovery.server-addr: ${NACOS_HOST:mall-register}:${NACOS_PORT:8848}`：指定 Nacos 服务的地址，格式为主机名:端口号。其中`${NACOS_HOST:mall-register}`表示优先使用环境变量中名为 `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值