1. 程式人生 > >專案總結(前端部分)

專案總結(前端部分)

一個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": ": 以降序排列此列"
              }
          }
        });