功能需求：將產(chǎn)品導(dǎo)出成pdf手冊(cè)，用于產(chǎn)品收藏與宣傳
所用框架thinkphp3.2
所用庫(kù)類Mpdf，下載地址：https://github.com/mpdf/mpdf
將mpdf庫(kù)類放入ThinkPHP\Library\Vendor\ 文件夾中
1.控制器方法
 public function pdf($id){
        $FavModel=new \Home\Model\MemberFavModel();
        $list=$FavModel->search_fav($id);/獲取數(shù)據(jù)列表
       
        //引入類庫(kù)
        Vendor('Mpdf.mpdf');
        //設(shè)置中文編碼
        $mpdf=new \mPDF('zh-cn','A4', 0, '宋體', 0, 0);
        $sying=' ';
        $mpdf->SetWatermarkText($sying,0.1);
        $path_root= ? '..'. : '.'.;
        $strContent = $this->bld_htm($list, $path_root);//創(chuàng)建html內(nèi)容
        
 
         //dump($list); 
        //print_r($strContent);exit;
        $mpdf->showWatermarkText = true;
        $mpdf->SetHTMLHeader('');
        $mpdf->SetHTMLFooter('' );
        $mpdf->WriteHTML($strContent);
      
        $Path=$path_root.'/Download/'.'Wish List';
        if(!is_dir($Path)){
         mkdir(iconv("UTF-8", "GBK", $Path),0777,true);
        }    
        //保存ss.pdf文件
        $mpdf->Output($Path.'/Wish List.pdf');
        //直接瀏覽器輸出pdf
        // $mpdf->Output('tmp.pdf',true);
        $mpdf->Output('Wish List.pdf','I');//I表示在線展示 D則顯示下載 f生成后保存到服務(wù)器
        // $mpdf->Output();
        // exit;
   }
 

• 創(chuàng)建html

 public function bld_htm($list, $path_root){
        $str=''; 
        $str.='<div style="width: 100%; ">
        <div style="width: 90%; margin: auto;">
          <div style="text-align: center; color: #000000; font-size: 20px; margin-bottom: 20px; ">
            HuaJewelry
          </div>
          <div style="border-bottom: #999999 solid 1px; color: #fe0001; font-weight: bold; font-size: 18px; padding-bottom: 15px;">
           Wish List
          </div>
          <ul style="width:100%;  margin-top: 45px; padding: 0;">';
      
        foreach($list as $k=>$v){
            
            $class='float: left; width: 31%; list-style: none; box-sizing: border-box; margin-right:1%; margin-bottom: 2%; text-align: center; border: #e2e2e2 solid 1px';
            $str.='<li style="'.$class.'">
            <a href="" style="display: block; width: 100%;">
              <div style="width:100%; ">
                <img src="'.$path_root.$v['picture'][0].'" style="max-width: 100%;" />
              </div>
              <div style="font-size: 15px; line-height: 1.7; color: #000000; padding: 15px;">
                  '.$v['goods_no'].'<br>
                  $'.$v['price'].'
              </div>
            </a>
          </li>';   
         
        }
 
        $str.="</ul></div></div>";
        return $str; 
   }
注意這個(gè)樣式要寫在行內(nèi)才能有效果，不要用超出隱藏會(huì)丟失整個(gè)數(shù)據(jù)，而不是隱藏超出的部分，不知道是否是圖片的關(guān)系，我用超出隱藏就會(huì)少幾個(gè)產(chǎn)品。
前端效果：這里是將個(gè)人收藏的商品導(dǎo)出成為excel或者pdf，pdf可以下載預(yù)覽，預(yù)覽需要瀏覽器支持，基本上的pc瀏覽器都是自帶插件的，手機(jī)需要安裝應(yīng)用或者瀏覽器有帶插件才可以查看。

這里是直接用鏈接的形式帶上參數(shù)跳轉(zhuǎn)到方法pdf（帶參數(shù)id）



如圖：導(dǎo)出后的效果，因?yàn)檫@里是I 在線展示，如果需要可以設(shè)置成D下載文件。
 
 $mpdf->Output('Wish List.pdf','I');//I表示在線展示 D則顯示下載