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

数据字典：

何为数据字典？数据字典就是管理系统常用的分类数据或者一些固定数据，例如：省市区三级联动数据、民族数据、行业数据、学历数据等，由于该系统大量使用这种数据，所以我们要做一个数据管理方便管理系统数据，一般系统基本都会做数据管理。

在这里插入图片描述

数据字典的表：


CREATE TABLE `dict` (
  `id` bigint(20) NOT NULL DEFAULT '0' COMMENT 'id',
  `parent_id` bigint(20) NOT NULL DEFAULT '0' COMMENT '上级id',
  `name` varchar(100) NOT NULL DEFAULT '' COMMENT '名称',
  `value` bigint(20) DEFAULT NULL COMMENT '值',
  `dict_code` varchar(20) DEFAULT NULL COMMENT '编码',
  `create_time` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
  `update_time` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间',
  `is_deleted` tinyint(3) NOT NULL DEFAULT '1' COMMENT '删除标记（0:不可用 1:可用）',
  PRIMARY KEY (`id`),
  KEY `idx_dict_code` (`dict_code`),
  KEY `idx_parent_id` (`parent_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='组织架构表';
1
2
3
4
5
6
7
8
9
10
11
12
13
14

表中的数据：

太多了，自己资料中复制
1

在这里插入图片描述

数据字典列表接口：

1，搭建service-cmn模块

创建新模块;

在这里插入图片描述

依赖：不修改

在这里插入图片描述

添加配置文件application.properties,复制一个hosp的修改端口和spring.application.name

# 服务端口
server.port=8202
# 服务名
spring.application.name=service-cmn

# 环境设置：dev、test、prod
spring.profiles.active=dev

# mysql数据库连接
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.url=jdbc:mysql://127.0.0.1:3306/yygh_cmn?useUnicode=true&characterEncoding=utf-8&allowMultiQueries=true&useSSL=false&serverTimezone=UTC
spring.datasource.username=root
spring.datasource.password=root


# springboot2.6.9等高版本继承swagger需要增加这个配置
#spring.mvc.pathmatch.matching-strategy=ant_path_matcher

#返回json的全局时间格式
spring.jackson.date-format=yyyy-MM-dd HH:mm:ss
spring.jackson.time-zone=GMT+8

#spring.data.mongodb.uri=mongodb://192.168.44.165:27017/yygh_hosp

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

#rabbitmq地址
#spring.rabbitmq.host=192.168.44.165
#spring.rabbitmq.port=5672
#spring.rabbitmq.username=guest
#spring.rabbitmq.password=guest

#配置mapper xml文件的路径
#mybatis-plus.mapper-locations=classpath:com/atguigu/yygh/mapper/xml/*.xml
#mybatis-plus.mapper-locations=classpath:com/atguigu/yygh/mapper/xml/*.xml
# nacos服务地址
#spring.cloud.nacos.discovery.server-addr=127.0.0.1:8848

#开启sentinel
#feign.sentinel.enabled=true
#设置sentinel地址
#spring.cloud.sentinel.transport.dashboard=http://127.0.0.1:8858

#mongodb地址
#spring.data.mongodb.host=192.168.44.163
#spring.data.mongodb.port=27017
#spring.data.mongodb.database=yygh_hosp

#rabbitmq地址
#spring.rabbitmq.host=127.0.0.1
#spring.rabbitmq.port=5672
#spring.rabbitmq.username=guest
#spring.rabbitmq.password=guest

#logging.level.root=DEBUG
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

创建包：

在这里插入图片描述

启动类：

package com.fan.yygh.cmn;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.ComponentScan;

@SpringBootApplication
@ComponentScan(basePackages = "com.fan")
public class ServiceCmnApplication {
    public static void main(String[] args) {
        SpringApplication.run(ServiceCmnApplication.class,args);
    }
}


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

构建项目包：

在这里插入图片描述

配置类：

在这里插入图片描述

service接口：

DictService中有一个泛型别忘记修改

在这里插入图片描述

添加数据字典controller:

在这里插入图片描述

为了配合这个ui层级关系;

在这里插入图片描述

controller:

package com.fan.yygh.cmn.controller;

import com.fan.yygh.cmn.service.DictService;
import com.fan.yygh.common.result.Result;
import com.fan.yygh.model.cmn.Dict;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiOperation;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import javax.annotation.Resource;
import java.util.List;

@RestController
@Api(value = "数据字典接口")
@CrossOrigin
@RequestMapping("/admin/cmn/dict")
public class DictController {

    @Resource
    private DictService dictService;
    //
    @ApiOperation("根据数据id查询子数据列表")
    @GetMapping("findChildData/{id}")
    public Result findChildData(@PathVariable long id){
        List list = dictService.findChildData(id);
        return Result.ok(list);
    }

}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

在这里插入图片描述

package com.fan.yygh.cmn.service.impl;

import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import com.fan.yygh.cmn.mapper.DictMapper;
import com.fan.yygh.cmn.service.DictService;
import com.fan.yygh.model.cmn.Dict;
import org.springframework.stereotype.Service;

import java.util.List;
@Service
public class DictServiceImpl extends ServiceImpl implements DictService {
    @Override
    public List findChildData(long id) {
        QueryWrapper wrapper = new QueryWrapper<>();
        //即条件是parent_id==id,即字典的父级id等于参数id时,返回那些数据
        wrapper.eq("parent_id",id);
        List dictList = baseMapper.selectList(wrapper);
        //向list集合每个dict对象中设置hasChildren字段值
        for (Dict dict : dictList) {
            Long dictId = dict.getId();//查出每个二级字典自己的主id
            boolean isChild = this.isChildren(dictId);
            dict.setHasChildren(isChild);
        }
        return dictList;
    }

    //判断id下面是否有子节点
    private boolean isChildren(Long id){
        QueryWrapper queryWrapper = new QueryWrapper<>();
        queryWrapper.eq("parent_id",id);
        Integer count = baseMapper.selectCount(queryWrapper);
        return count>0;
    }
}


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

在这里插入图片描述

数据字典列表前端:

漏由设置：

在这里插入图片描述

  /* 数据字典的漏由 */
  {
    path: '/cmn',
    component: Layout,
    redirect: '/cmn/list',
    name: '数据字典管理',
    alwaysShow:true, //总是显示
    meta: { title: '数据字典管理', icon: 'example' },
    children: [
      {
        path: 'list',
        name: '数据字典列表',
        component: () => import('@/views/dict/list'),
        meta: { title: '数据字典列表', icon: 'table' }
      }
    
    ]
  },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

views创建：

在这里插入图片描述

接口定义：dict.js

import request from  '@/utils/request'

//定义接口路径的

export default {
  //数据字典列表
  dictList(id) {
   return request ({
     url: `/admin/cmn/dict/findChildData/${id}`,
     method: 'get'
   })
 }

 
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

在这里插入图片描述

页面调用：

在这里插入图片描述

将这的接口临时改成8202：
在这里插入图片描述

修改完端口号后，重启前端，查看：

由于前一个cmd终端没关掉，直接开启新的，9528端口被占用了：
在这里插入图片描述

在这里插入图片描述

换成高版本进行数据字典的下拉显示：

在这里插入图片描述

然后 npm install 从新下载依赖，并npm run dev ,测试：

在这里插入图片描述

lazy属性是我们点下拉按钮的时候才进行查询后台

在这里插入图片描述

3、EasyExcel介绍

Java解析、生成Excel比较有名的框架有Apache poi、jxl。但他们都存在一个严重的问题就是非常的耗内存，poi有一套SAX模式的API可以一定程度的解决一些内存溢出的问题，但POI还是有一些缺陷，比如07版Excel解压缩以及解压后存储都是在内存中完成的，内存消耗依然很大。easyexcel重写了poi对07版Excel的解析，能够原本一个3M的excel用POI sax依然需要100M左右内存降低到几M，并且再大的excel不会出现内存溢出，03版依赖POI的sax模式。在上层做了模型转换的封装，让使用者更加简单方便。
EasyExcel是一个基于Java的简单、省内存的读写Excel的开源项目。在尽可能节约内存的情况下支持读写百M的Excel。

文档地址：https://alibaba-easyexcel.github.io/index.html
github地址：https://github.com/alibaba/easyexcel

1，添加依赖，将依赖放到cmn模块中：


    
    
        com.alibaba
        easyexcel
        2.1.1
    

1
2
3
4
5
6
7
8

2.创建包和实体类：

在这里插入图片描述

测试：

在这里插入图片描述

package com.fan.easyexcel;

import com.alibaba.excel.EasyExcel;

import java.util.ArrayList;

public class TestWriter {
    public static void main(String[] args) {
        ArrayList list = new ArrayList<>();
        for (int i = 0; i < 10; i++) {
            UserDate userDate = new UserDate();
            userDate.setUid(i);
            userDate.setUsername("tom"+i);
            list.add(userDate);
        }
        //设置excel文件路径和文件名称
        String fileName = "F:\\excel\\01.xlsx";
        //调用方法实现写操作
        EasyExcel.write(fileName,UserDate.class).sheet("用户信息")
                .doWrite(list);
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

在这里插入图片描述

启动项目测试：运行main方法进行测试：

在这里插入图片描述

注意了：刚才写入操作中高版本jdk可能会报错导致数据加载不到xlsx中换成低版本的就可以了

读操作：

在这里插入图片描述

创建监听器：

在这里插入图片描述

package com.fan.easyexcel;

import com.alibaba.excel.context.AnalysisContext;
import com.alibaba.excel.event.AnalysisEventListener;
import com.alibaba.excel.metadata.CellData;
import com.alibaba.excel.util.ConverterUtils;

import java.util.Map;

public class ExcelListener extends AnalysisEventListener {
    @Override
    public void invoke(UserDate userDate, AnalysisContext analysisContext) {
        System.out.println(userDate);
    }

    @Override
    public void invokeHeadMap(Map headMap, AnalysisContext context) {
        System.out.println("表头信息:"+headMap);
    }


    @Override
    public void doAfterAllAnalysed(AnalysisContext analysisContext) {

    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

测试类：

package com.fan.easyexcel;

import com.alibaba.excel.EasyExcel;

public class TestRead {
    public static void main(String[] args) {
        String fileName = "F:\\excel\\01.xlsx";
        EasyExcel.read(fileName,UserDate.class,new ExcelListener())
        .sheet().doRead();
    }
}

1
2
3
4
5
6
7
8
9
10
11
12

在这里插入图片描述

和项目的集成实操：

在model模块添加导出实体：
在model模块查看实体：com.atguigu.yygh.vo.cmn.DictEeVo

然后：

controller:

//导出数据字典接口
    @GetMapping("exportData")
    public Result exportDict(HttpServletResponse response){
        dictService.exportDictData(response);
        return Result.ok();
    }
1
2
3
4
5
6

在这里插入图片描述

实现类DictServiceImpl：

    @Override //导出字典的接口
    public void exportDictData(HttpServletResponse response) {
        //设置下载信息
        response.setContentType("application/vnd.ms-excel");
        response.setCharacterEncoding("utf-8");

        // 这里URLEncoder.encode可以防止中文乱码 当然和easyexcel没有关系
        String fileName = null;
        try {
            fileName = URLEncoder.encode("dict", "UTF-8");
        } catch (UnsupportedEncodingException e) {
            e.printStackTrace();
        }
        response.setHeader("Content-disposition", "attachment;filename="+ fileName + ".xlsx");

        List dictList = baseMapper.selectList(null);
        //Dict-->DictEevo
        ArrayList dictVoList = new ArrayList<>();
        for (Dict dict : dictList) {
            DictEeVo dictEeVo = new DictEeVo();
            BeanUtils.copyProperties(dict,dictEeVo);
            dictVoList.add(dictEeVo);
        }
        //调用方法进行写操作
        try {
            EasyExcel.write(response.getOutputStream(),DictEeVo.class)
                    .sheet("dict")
                    .doWrite(dictVoList);
        } catch (IOException e) {
            e.printStackTrace();
        }

    }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

前端：

列表页面添加导出按钮
src/views/cmn/dict/list.vue

在这里插入图片描述

导出按钮标签：

属性/方法名	解释
value	缓存名，必填，它指定了你的缓存存放在哪块命名空间
cacheNames	与 value 差不多，二选一即可
key	可选属性，可以使用 SpEL 标签自定义缓存的key

属性/方法名	解释
value	缓存名，必填，它指定了你的缓存存放在哪块命名空间
cacheNames	与 value 差不多，二选一即可
key	可选属性，可以使用 SpEL 标签自定义缓存的key

属性/方法名	解释
value	缓存名，必填，它指定了你的缓存存放在哪块命名空间
cacheNames	与 value 差不多，二选一即可
key	可选属性，可以使用 SpEL 标签自定义缓存的key
allEntries	是否清空所有缓存，默认为 false。如果指定为 true，则方法调用后将立即清空所有的缓存
beforeInvocation	是否在方法执行前就清空，默认为 false。如果指定为 true，则在方法执行前就会清空缓存

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

目录

数据字典：

数据字典列表接口：

数据字典列表前端:

3、EasyExcel介绍

Spring Cache + Redis 缓存数据：

常用缓存标签

nginx配置不同的访问端口：