成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

【js】——前端無插件導(dǎo)出excel：自定義sheet、插入圖片、設(shè)置打印、頁邊距、頁腳等

flybywind / 2874人閱讀

摘要：思路用現(xiàn)有的導(dǎo)出的插件，無法實現(xiàn)，所以只能手寫各種樣式代碼關(guān)于打印頁腳之類無從下手的要求，需要導(dǎo)出后，復(fù)制一份，原文件拖進，查看源碼，復(fù)制的那份用打開，設(shè)置打印頁腳。

背景

前段時間因一個需求后端無法完成，所以交給前端來實現(xiàn)，導(dǎo)出表格，需要實現(xiàn)：
1、支持多個sheet，并且有自己的name
2、根據(jù)要求合并單元格，設(shè)置單元格的寬高
3、在表格內(nèi)有各自的二維碼
4、打印的頁邊距為左右各0.5cm
5、打印多頁的話，固定表頭
6、設(shè)置頁腳

實現(xiàn)

導(dǎo)出后，如下圖所示：

源碼

https://github.com/pangpangni...
略凌亂，歡迎指正及優(yōu)化。

思路

用現(xiàn)有的js導(dǎo)出excel的插件，無法實現(xiàn)，所以只能手寫各種樣式代碼；
關(guān)于打印、頁腳之類無從下手的要求，需要導(dǎo)出后，復(fù)制一份，原文件拖進sublime，查看源碼，復(fù)制的那份用wps打開，設(shè)置打印、頁腳。然后復(fù)制的那份拖進sublime，對比兩個文件的代碼有什么不同，就基本可以知道打印、頁腳的代碼。

Bug

1、只能用wps打開，如果用excel打開的話，會報錯
2、wps打開后，如果修改了內(nèi)容，保存后再打開，二維碼消失

重點代碼

1、設(shè)置頁腳及頁邊距

2、文字折行

 
   送貨人：
   

   

   日 期 ：

3、打印固定表頭


   Print_Titles
   1
   =3D"2773"!$1:$7


   Print_Titles
   1
   =3D"2773"!$1:7

4、插入圖片
目前只支持插入轉(zhuǎn)成base64的圖



------BOUNDARY_0008----
Content-Location: file:///C:/0E8D990C/SongHuoDan/code2773.xml
Content-Transfer-Encoding: base64
Content-Type: image/jpeg

iVBORw0KGgoA...省略掉...Qn9mxgAAAABJRU5ErkJggg==
------BOUNDARY_0008----
Content-Location: file:///C:/0E8D990C/SongHuoDan/code2774.xml
Content-Transfer-Encoding: base64
Content-Type: image/jpeg


其他的請自行摸索……

注意

1、請嚴格按照格式拼接代碼（空格、空行等）
2、注意分割線boundary="----BOUNDARY_0008----"，BOUNDARY_0008可以改成別的
           
               
                                           
                       
                 

            
                     
             
               

                   
 文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

                 
                   
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/93050.html

               

                      
               
              

              

                
相關(guān)文章

                
    
                             
                                                                                                    
  • 
                                                
    
                          
    JS實現(xiàn)打印的方式
    
                                                     
    摘要：實現(xiàn)打印的方式方式一會彈出打印對話框，打印的是中的內(nèi)容，下面是從網(wǎng)上摘到的一個局部打印的例子，該例子的不足是打印會修改頁面的內(nèi)容。

目前正在做瀏覽器端采用js方式實現(xiàn)打印這么一個功能，JS打印實現(xiàn)的方法很多，但是兼容各個瀏覽器實現(xiàn)打印預(yù)覽的功能有些棘手，現(xiàn)將實現(xiàn)的內(nèi)容及遇到的問題記錄下來，希望有大?？吹剿岬膯栴}后可以給予解答，在此感謝啦。
1.JS實現(xiàn)打印的方式
方式一：window...
    
                                                   
                          
    
                                
    
                                    LucasTwilight
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    CSS 打印
    
                                                     
    摘要：原文鏈接簡介本文主要講解如何使用控制打印樣式。用戶代理可以調(diào)整文檔內(nèi)容的格式，使其顯示在可打印區(qū)域。不管是否雙面打印，打印總是包含左頁和右頁分別通過指定。偽類和需要雙面打印時，通常需要將左頁和右頁設(shè)置不同的樣式如頁邊距頁碼位置。

原文鏈接：https://lon.im/post/css-print...
簡介
showImg(https://segmentfault.com/img/r...
    
                                                   
                          
    
                                
    
                                    weapon
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    前端實現(xiàn)Excel導(dǎo)入和導(dǎo)出功能
    
                                                     
    摘要：介紹最近項目中讓實現(xiàn)一個導(dǎo)入導(dǎo)出的功能，查找了一些插件后發(fā)現(xiàn)這個插件，所以就嘗試使用了一下，這里將使用方法和遇到的問題簡單記錄一下。

介紹
最近項目中讓實現(xiàn)一個導(dǎo)入導(dǎo)出Excel的功能，查找了一些插件后發(fā)現(xiàn)js-xlsx這個插件，所以就嘗試使用了一下，這里將使用方法和遇到的問題簡單記錄一下。
SheetJS js-xlsx 是一款能夠讀寫多種格式表格的插件，瀏覽器支持良好，并且能在多個...
    
                                                   
                          
    
                                
    
                                    Amio
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    使用 SpreadJS 實現(xiàn) JavaScript 中導(dǎo)入和導(dǎo)出Excel文件
    
                                                     
    摘要：而作為一款深受用戶喜愛的電子表格工具，借助其直觀的界面出色的計算性能和圖表工具，已經(jīng)成為數(shù)據(jù)統(tǒng)計領(lǐng)域不可或缺的軟件之一。使用實現(xiàn)的導(dǎo)入和導(dǎo)出通過純，您完全可以實現(xiàn)導(dǎo)入和導(dǎo)出文件功能，并為最終用戶提供與這些文件進行交互的界面。

JavaScript是一個涵蓋多種框架、直譯式、可以輕松自定義客戶端的腳本語言，在 Web 應(yīng)用程序中，更加易于編碼和維護。而Excel 作為一款深受用戶喜愛的電...
    
                                                   
                          
    
                                
    
                                    Jioby
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                           
                

              

              
               

                  
                  
發(fā)表評論

                   
               

              

                

                  
0條評論
   
                
 
                      

              

           

           

              
 
                

                   
              
  

                  
最新活動
 
           
                             
              





                                
              

           

        

      
 
    

    
     

      
    

    
    

    
       
       

         
閱讀需要支付1元查看
  
         
     
       

      
  
    
    














<