项目第一周

        这一周开始进行了新的项目任务并且实现一些了功能。在写相关内容的时候，学习到了axios的封装，与接口的利用与转换。并且在这里面通过利用模版引擎可以简化代码的结构，更改的时候更加方便容易。在写一些页面的时候利用bootstrap会更加的便捷。Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架并且它自身带有的有css样式所以我们只需要引入自己需要的相关的类即可。例如：table-bordered，它可以为表格中所有的单元格添加边框等。引入相关内容

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.2/font/bootstrap-icons.css">

例如：

 

其次，在这周的学习过程中，自己也知道了如何将表格转换成pdf,xls等形式，可以将自己写的表格进行导出下载。

html代码：

<input type="button" id="export_pdf" value="导出" onclick="generate()" />

js代码：里面的centent是包含表格的div,将里面的全转换成pdf导出

// 导出申请表格
function generate(){
  let e=document.getElementById('centent');
  let doc = new jsPDF('p', 'pt','a4'); // 获取实例
  var options={
      pagesplit:false
  };
  doc.addHTML(e,options,function(){
      doc.save("申请表.pdf");
  })
}

不过导出pdf时会出现乱码问题因为pdf中有个文件不支持中文。自己百度之后 仍没有解决。最后别人告诉我可以引入：

<script src="https://cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script>

这样原本的乱码问题就得到了解决