项目总结（前端部分）

目录

1、结果导出word，表格设置样式

2、预览pdf文件

3、上传图片

4、利用城市三级联动做学科三级联动

5、一个优雅的弹出框 SweetAlert2

6、多文件上传  

7、文本自动换行

8、datatable汉化

---

一个python做的系统

1、结果导出word，表格设置样式

    插件  jquery.wordexport.js  

    给表格设置边框

  

2、预览pdf文件

        打开新窗口  window.open('/路径')

3、上传图片

        

4、利用城市三级联动做学科三级联动

5、一个优雅的弹出框 SweetAlert2

6、多文件上传  

7、文本自动换行

一
.ITEMWidth{
  width: 130px;
  word-break: break-all;
  word-wrap:break-word;
}


二
h2 {
    width: min-content;
    white-space: nowrap;
}
p {
    white-space: normal;
}

8、datatable汉化

var oTable = $('.abc').DataTable({
            "ordering": false,
            info:false,
            paging:false,
            bFilter: true,    //去掉搜索框方法三：这种方法可以
            bLengthChange: false,   //去掉每页显示多少条数据方法
             language: {
              "sProcessing": "处理中...",
              "sLengthMenu": "显示 _MENU_ 项结果",
              "sZeroRecords": "没有匹配结果",
              "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
              "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
              "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
              "sInfoPostFix": "",
              "sSearch": "搜索:",
              "sUrl": "",
              "sEmptyTable": " ",
              "sLoadingRecords": "载入中...",
              "sInfoThousands": ",",
              "oPaginate": {
                  "sFirst": "首页",
                  "sPrevious": "上页",
                  "sNext": "下页",
                  "sLast": "末页"
              },
              "oAria": {
                  "sSortAscending": ": 以升序排列此列",
                  "sSortDescending": ": 以降序排列此列"
              }
          }
        });

var len="{{ Tutor_itemfin |safe}}"
        console.log("{{ Tutor_itemfin |safe}}")
        console.log(JSON.parse(len))

统计字符串中，指定字符的个数