vue导出word实战

产品经理:系统上显示职员的姓名，年龄，工作照等信息。老板想把他们打印出来，做成简历并且不能是pdf必须是word

项目经理:工作都忙不完，他咋一天天事这么多

开发: 分分钟给他搞定吧，小事！

框架 vue+springboot

1. vue代码

导出(word)

2. js代码

import {exportWord} from '@/api/export.js'  
printWord(){
	let exportName = "导出此word.doc";
	exportWord({code:this.code}).then((result) => {
			let blob = new Blob([result], {
				type: "application/vnd.ms-excel"
			});
			if ('download' in document.createElement('a')) {
				const link = document.createElement('a');
				link.style.display = "none";
				link.href = URL.createObjectURL(blob);
				link.setAttribute("download", exportName);
				document.body.appendChild(link);
				link.click();
				document.body.removeChild(link);
			} else {
				navigator.msSaveBlob(blob, exportName);
			}
			this.cancel();
	})
},

3. export. js

//导出word
export const exportWord = params => {
    return axios.post('export/exportWord', params).then(res => res.data);
};

4. controller

@Controller
@ResponseBody
@RequestMapping("/export")
public class ExportController extends baseController {

    @Autowired
    ExportApplication exportApplication;
    
    // 用途说明: 导出word
    @PostMapping(value = "/exportWord")
    public void exportWord() {
        try {
           exportApplication.exportWord();
        } catch (Exception e) {
            e.printStackTrace();
        }

    }
}

5. application

public interface ExportApplication {
     void exportWord();
}

6. applicationImpl

@Component
@Slf4j
public class ExportApplicationImpl implements ExportApplication {

    @Override
    public void exportWord() {
		//查询你自己的业务数据
        List exportInfo = .....查询业务的方法....;
        Map dataMap = new HashMap();
        //familyList 是职员的家庭信息的集合，对应模板中的表格
        List> familyList = new ArrayList>();
        for (int i = 0; i < exportInfo.size(); i++) {
            Map map = new HashMap();
            //获取的职员姓名信息
            map.put("name", exportInfo.get(i).getName());
            //获取的职员年龄信息
            map.put("age", exportInfo.get(i).getAge());
			//获取的职员照片信息
            map.put("phoneSrc", exportInfo.get(i).getPhoneSrc());
			//添加到大家庭中
            familyList.add(map);
        }
		//将信息放到要导出的Map中
        dataMap.put("expList", familyList);

        @SuppressWarnings("deprecation")
        Configuration configuration = new Configuration();
        configuration.setDefaultEncoding("utf-8");
        //有两种方式获取你的模板，模板在项目中时用第一个，模板在本地时用第二个。
        //取得的模板
        configuration.setClassForTemplateLoading(this.getClass(), "/template");
        HttpServletResponse response = HttpServlet.getResponse();
        response.setContentType("application/vnd.ms-excel;chartset=utf-8");
        response.setCharacterEncoding("UTF-8");
        Template t = null;
        Writer out = null;
        try {
            response.setHeader("Content-disposition", "attachment;filename="+ URLEncoder.encode("文件名","UTF-8") +".doc");
            t = configuration.getTemplate("template.ftl", "utf-8"); //文件名，获取模板
            out = new BufferedWriter(new OutputStreamWriter(response.getOutputStream()));
            t.process(dataMap, out);
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            try {
                out.close();
            } catch (IOException  e1) {

            }
        }

    }

}