醫(yī)院信息化與智能化系統(tǒng)(10)

這里只描述對(duì)應(yīng)過(guò)程，和可能遇到的問(wèn)題及解決辦法以及對(duì)應(yīng)的參考鏈接，并不會(huì)直接每一步詳細(xì)配置
如果你想通過(guò)文字描述或代碼畫流程圖，可以試試PlantUML，告訴GPT你的文件結(jié)構(gòu)，讓他給你對(duì)應(yīng)的代碼

預(yù)約掛號(hào)微服務(wù)模塊搭建

前端知識(shí)點(diǎn)補(bǔ)充，此章節(jié)不會(huì)詳細(xì)講具體前端的每個(gè)知識(shí)點(diǎn)

1、EasyExcel-寫操作

首先是在后端service-cmn引入相應(yīng)依賴，接著創(chuàng)建實(shí)體類，并在對(duì)應(yīng)屬性上添加注解，設(shè)置表頭內(nèi)容

@Data
public class UserData {@ExcelProperty("用戶編號(hào)")private  int uid;@ExcelProperty("用戶名稱")private  String username;
}

最終實(shí)現(xiàn)寫操作代碼

    public static void main(String[] args) {//構(gòu)建數(shù)據(jù)list集合List<UserData> list = new ArrayList<>();for (int i = 0; i < 10; i++) {UserData data = new UserData();data.setUid(i);data.setUsername("lucy" + i);list.add(data);}//設(shè)置excel文件路徑和文件名稱String fileName = "C:\\Users\\666\\Desktop\\新建文件夾\\excel\\01.xlsx";//調(diào)用方法實(shí)現(xiàn)寫操作EasyExcel.write(fileName, UserData.class).sheet("用戶信息").doWrite(list);}

最終效果

2、EasyExcel-讀操作

首先需要?jiǎng)?chuàng)建ExcelListener類，其繼承AnalysisEventListener接口，并實(shí)現(xiàn)invoke、doAfterAllAnalysed、invokeHeadMap等方法。

• invoke：一行一行讀取數(shù)據(jù)，從第二行讀取數(shù)據(jù)
• doAfterAllAnalysed：讀取后執(zhí)行
• invokeHeadMap：當(dāng)你讀取 Excel 文件時(shí)， 可以提供表頭的名稱和對(duì)應(yīng)的列索引映射

在測(cè)試類使用下行代碼進(jìn)行excel文件讀取

  EasyExcel.read(fileName, UserData.class,new ExcelListener()).sheet().doRead();

3、EasyExcel-導(dǎo)出操作

目的：在前端導(dǎo)出數(shù)據(jù)，并導(dǎo)出到excel

在DictController里添加方法importData,輸入?yún)?shù)為HttpServletResponse response，進(jìn)行導(dǎo)出數(shù)據(jù)字典操作。

其中在DictService接口中聲明并在DictServiceImpl實(shí)現(xiàn)exportDictData方法，實(shí)現(xiàn)具體邏輯功能。

依靠傳遞的repsonse對(duì)象，可以實(shí)現(xiàn)下載設(shè)置：

Content-disposition 頭部用于指示瀏覽器處理響應(yīng)內(nèi)容的方式。attachment 表示內(nèi)容應(yīng)該被當(dāng)作附件下載

        response.setContentType("application/vnd.ms-excel");response.setCharacterEncoding("utf-8");// 這里URLEncoder.encode可以防止中文亂碼 當(dāng)然和easyexcel沒(méi)有關(guān)系String fileName = "dict";response.setHeader("Content-disposition", "attachment;filename="+ fileName + ".xlsx");

寫操作傳遞的類是DictEeVo.class，它與Dict的區(qū)別是僅包含必要的字段，專注于數(shù)據(jù)的展示，去掉了與數(shù)據(jù)庫(kù)操作無(wú)關(guān)的字段（如時(shí)間和刪除標(biāo)記），而通過(guò)baseMapper返回的是Dict類型的List，所以要進(jìn)行循環(huán)賦值。

BeanUtils 提供了一個(gè)簡(jiǎn)單的方式來(lái)復(fù)制對(duì)象的屬性。這個(gè)方法會(huì)將 dictEeVo 對(duì)象的屬性值復(fù)制到 dict 對(duì)象中，前提是這兩個(gè)對(duì)象具有相同名稱和兼容類型的屬性。

       for(Dict dict : dictList) {DictEeVo dictEeVo = new DictEeVo();BeanUtils.copyProperties((dict, dictEeVo);dictVoList.add(dictEeVo);}

最后在EasyExcel中寫入dictVoList即可。

       EasyExcel.write(response.getOutputStream(), DictEeVo.class).sheet("dict").doWrite(dictVoList);

前端操作
在list.vue放置element-ui按鈕標(biāo)簽，其綁定方法exportData

在mehtods編寫該方法

它會(huì)通過(guò)將瀏覽器的當(dāng)前地址 (window.location.href) 設(shè)置為指定的 URL 來(lái)發(fā)起請(qǐng)求。

        exportData(){//調(diào)用導(dǎo)出接口window.location.href="http://localhost:8202/admin/cmn/dict/exportData"}

4、EasyExcel-導(dǎo)入操作

目的：在excel中寫入數(shù)據(jù)，并導(dǎo)入到數(shù)據(jù)庫(kù)

在DictController里添加方法importData,輸入?yún)?shù)為MultipartFile file，進(jìn)行導(dǎo)入數(shù)據(jù)字典操作。

其中在DictService接口中聲明并在DictServiceImpl實(shí)現(xiàn)importDictData方法，實(shí)現(xiàn)具體邏輯功能。

MultipartFile 是 Spring Framework 中的一個(gè)接口，用于處理上傳的文件。它提供了對(duì)上傳文件的抽象，允許開發(fā)者在控制器中輕松地處理文件上傳的操作。

創(chuàng)建DictListener，并構(gòu)造器傳參basemapper，其中basemapper用來(lái)執(zhí)行數(shù)據(jù)庫(kù)添加操作，而操作對(duì)象只能是Dict，所以調(diào)用方法對(duì)dict進(jìn)行復(fù)制操作

    public DictListener(DictSetMapper dictSetMapper) {this.dictSetMapper = dictSetMapper;}...@Overridepublic void invoke(DictEeVo dictEeVo, AnalysisContext analysisContext) {//調(diào)用方法添加數(shù)據(jù)庫(kù)Dict dict = new Dict();BeanUtils.copyProperties(dictEeVo,dict);dictSetMapper.insert(dict);}

前端處理

在導(dǎo)出的element-ui代碼下面添加一行導(dǎo)入標(biāo)簽代碼，其綁定方法importData

還希望在導(dǎo)入時(shí)，能出現(xiàn)一個(gè)彈窗，還是需要在<temple>中添加相關(guān)代碼（放在table標(biāo)簽后）

dialogImportVisible在默認(rèn)值設(shè)置為false，當(dāng)其為true時(shí)，彈窗出現(xiàn)

:multiple是否上傳多個(gè)組件

:on-success="onUploadSuccess"上傳成功調(diào)用該方法，該方法設(shè)置執(zhí)行關(guān)閉彈窗及刷新頁(yè)面(自己編寫的)

:action="'http://localhost:8202/admin/cmn/dict/importData'"點(diǎn)擊上傳時(shí)調(diào)用該方法，附url路徑

<el-dialog title="導(dǎo)入":visible.sync="dialogImportVisible"width="480px">
<el-form label-position="right"label-width="170px"><el-form-item label="文件">
<el-upload
:multiple="false"
:on-success="onUploadSuccess"
:action="'http://localhost:8202/admin/cmn/dict/importData'"
class="upload-demo">
<el-button size="small"type="primary">點(diǎn)擊上傳</el-button>
<div slot="tip"class="el-upload__tip">只能上傳xls文件，且不超過(guò)500kb</div>
</el-upload>
</el-form-item></el-form>
<div slot="footer"class="dialog-footer">
<el-button @click="dialogImportVisible = false">取消
</el-button>
</div>
</el-dialog>

在數(shù)據(jù)庫(kù)中，需要把is_deleted字段默認(rèn)值從1改為0，不然前端顯示不出來(lái)