लारवेल और डोमपीडीएफ: छवियों और सीएसएस के साथ पीडीएफ दस्तावेज़ तैयार करने के लिए चरण-दर-चरण मार्गदर्शिका

पीडीएफ दस्तावेज़ बनाना वेब अनुप्रयोगों में एक सामान्य आवश्यकता है, विशेष रूप से चालान, रसीदें, प्रमाण पत्र, टिकट और विभिन्न रिपोर्ट तैयार करने के लिए। इस व्यापक ट्यूटोरियल में, हम छवियों और सीएसएस के साथ पीडीएफ दस्तावेज़ तैयार करने के लिए लारवेल और डोमपीडीएफ का उपयोग करने के बारे में विस्तार से जानेंगे। हम कॉन्फ़िगरेशन विकल्प, डिज़ाइन विचार, आउटपुट आकार, प्रदर्शन और डेटाबेस क्वेरीज़ को कवर करेंगे। इसके अतिरिक्त, हम पेज ब्रेक को संभालने, बेस 64 का उपयोग करके छवियों को लोड करने आदि के लिए युक्तियों और युक्तियों पर चर्चा करेंगे।

आवश्यक शर्तें

शुरू करने से पहले, सुनिश्चित करें कि आपने निम्नलिखित इंस्टॉल कर लिया है:

• PHP >=8.2
• संगीतकार 2
• लारवेल 10

परिचय

DomPDF एक लोकप्रिय PHP लाइब्रेरी है जो आपको HTML सामग्री से पीडीएफ दस्तावेज़ तैयार करने की अनुमति देती है। यह सीएसएस स्टाइलिंग, छवियों और विभिन्न कॉन्फ़िगरेशन विकल्पों का समर्थन करता है। DomPDF को Laravel के साथ एकीकृत करके, आप ब्लेड टेम्पलेट्स और Laravel की शक्तिशाली सुविधाओं का उपयोग करके आसानी से परिष्कृत PDF दस्तावेज़ बना सकते हैं।

अन्य लोकप्रिय पीडीएफ पुस्तकालयों में टीसीपीडीएफ, एफपीडीएफ और स्नैपी शामिल हैं।

हालांकि, एकीकरण में आसानी और मजबूत फीचर सेट के कारण DomPDF का व्यापक रूप से उपयोग किया जाता है।

इस ट्यूटोरियल में, हम लारवेल प्रोजेक्ट स्थापित करने, डोमपीडीएफ को कॉन्फ़िगर करने, पीडीएफ जेनरेशन को संभालने के लिए एक नियंत्रक बनाने, पीडीएफ सामग्री के लिए ब्लेड टेम्पलेट डिजाइन करने, रूट जोड़ने और प्रदर्शन को अनुकूलित करने की प्रक्रिया से गुजरेंगे। हम उन्नत कॉन्फ़िगरेशन विकल्पों पर भी चर्चा करेंगे और उच्च-गुणवत्ता वाले पीडीएफ दस्तावेज़ बनाने के लिए टिप्स और ट्रिक्स प्रदान करेंगे।

मान्यताओं

यह ट्यूटोरियल मानता है कि आपको लारवेल और PHP की बुनियादी समझ है। यदि आप लारवेल में नए हैं, तो ढांचे से परिचित होने के लिए आधिकारिक लारवेल दस्तावेज़ को पढ़ने पर विचार करें। अन्यथा आप लारवेल के साथ शुरुआत करने के लिए लारवेल बूटकैंप का अनुसरण कर सकते हैं।

चरण 1: लारवेल प्रोजेक्ट की स्थापना

सबसे पहले, एक नया लारवेल प्रोजेक्ट बनाएं यदि आपके पास पहले से कोई नहीं है, या किसी मौजूदा प्रोजेक्ट का उपयोग करें, बेशक, यदि आपके पास पहले से ही लारवेल प्रोजेक्ट है तो आप इस चरण को छोड़ सकते हैं।

composer create-project --prefer-dist laravel/laravel pdf-tutorial
cd pdf-tutorial

अगला, DomPDF इंस्टॉल करें:

composer require barryvdh/laravel-dompdf

कॉन्फ़िगरेशन फ़ाइल प्रकाशित करें:

php artisan vendor:publish --provider="Barryvdh\DomPDF\ServiceProvider"

चरण 2: DomPDF को कॉन्फ़िगर करना

config/dompdf.php फ़ाइल खोलें। कॉन्फ़िगरेशन फ़ाइल में पीडीएफ आउटपुट को अनुकूलित करने के लिए विभिन्न विकल्प शामिल हैं। यहां आप डिफ़ॉल्ट पेपर आकार, ओरिएंटेशन, फ़ॉन्ट और बहुत कुछ सहित विभिन्न विकल्प सेट कर सकते हैं।

• कागज का आकार: आप डिफ़ॉल्ट कागज का आकार निर्धारित कर सकते हैं।

  'default_paper_size' => 'a4',

• ओरिएंटेशन: डिफ़ॉल्ट ओरिएंटेशन (पोर्ट्रेट या लैंडस्केप) सेट करें।

  'orientation' => 'portrait',

• फ़ॉन्ट: आप डिफ़ॉल्ट फ़ॉन्ट निर्दिष्ट कर सकते हैं और कस्टम फ़ॉन्ट जोड़ सकते हैं।

  'default_font' => 'serif',

चरण 3: एक नियंत्रक बनाना

पीडीएफ पीढ़ी को संभालने के लिए एक नियंत्रक बनाएं:

php artisan make:controller PDFController

app/Http/Controllers/PDFController.php में, निम्नलिखित कोड जोड़ें:

 'Laravel PDF Example',
            'date' => date('m/d/Y'),
        ];

        $pdf = PDF::loadView('myPDF', $data);

        return $pdf->download('document.pdf');
    }
}

चरण 4: एक ब्लेड टेम्पलेट बनाना

पीडीएफ सामग्री के लिए एक ब्लेड टेम्पलेट बनाएं:

touch resources/views/myPDF.blade.php

निम्नलिखित सामग्री को myPDF.blade.php में जोड़ें:

    

        

            
{{ $title }}
            
Date: {{ $date }}
        
        

            
This is an example of a PDF document generated using Laravel and DomPDF.
        
    

चरण 5: मार्ग जोड़ना

रूट/वेब.php में पीडीएफ जेनरेशन को संभालने के लिए रूट जोड़ें:

use App\Http\Controllers\PDFController;

Route::get('generate-pdf', [PDFController::class, 'generatePDF']);

चरण 6: छवियाँ जोड़ना

आप छवियों को बेस64-एन्कोडेड स्ट्रिंग के रूप में एम्बेड करके या यूआरएल का उपयोग करके पीडीएफ में जोड़ सकते हैं।

छवियों को बेस64 एन्कोडिंग का उपयोग करके सीधे ब्लेड टेम्पलेट में एम्बेड किया जा सकता है। उदाहरण के लिए, सार्वजनिक/छवियों से एक छवि एम्बेड करने के लिए आप इसे इस प्रकार कर सकते हैं:

[और&&]

या सीधे यूआरएल से:

चरण 7: प्रदर्शन को अनुकूलित करना

डेटाबेस क्वेरीज़

बड़े डेटासेट (उदाहरण के लिए, 1,000 रिकॉर्ड) के साथ काम करते समय, मेमोरी उपयोग को प्रबंधित करने के लिए पेजिनेशन या चंकिंग का उपयोग करें:

$डेटा = डीबी::टेबल('उपयोगकर्ता')->पेजनेट(50); $pdf = PDF::loadView('myPDF', ['data' => $data]);

आउटपुट आकार

आउटपुट आकार को कम करने के लिए, भारी छवियों का उपयोग कम से कम करें और जब संभव हो तो वेक्टर ग्राफिक्स का विकल्प चुनें। इसके अलावा, कुशल सीएसएस का उपयोग करें।

पेज ब्रेक

सुनिश्चित करें कि पेज ब्रेक के लिए सामग्री अच्छी तरह से संरचित है। पेज ब्रेक को संभालने के लिए सीएसएस का उपयोग करें:

।पृष्ठ ब्रेक { पेज-ब्रेक-आफ्टर: हमेशा; }

और आपके ब्लेड टेम्पलेट में:

चरण 8: उन्नत कॉन्फ़िगरेशन

अधिक उन्नत कॉन्फ़िगरेशन के लिए, DomPDF दस्तावेज़ देखें। आप मार्जिन से लेकर फ़ॉन्ट लोड करने के तरीके तक, लगभग हर चीज़ को कस्टमाइज़ कर सकते हैं।

कस्टम फ़ॉन्ट्स का उपयोग करना

कस्टम फ़ॉन्ट का उपयोग करने के लिए, सबसे पहले, उन्हें अपने प्रोजेक्ट में जोड़ें और उनका उपयोग करने के लिए DomPDF को कॉन्फ़िगर करें:

'custom_font_dir' => आधार_पथ('संसाधन/फ़ॉन्ट/'), 'custom_font_data' => [ 'कस्टम-फ़ॉन्ट' => [ 'आर' => 'CustomFont-Regular.ttf', 'बी' => 'CustomFont-Bold.ttf', ] ],

आपके ब्लेड टेम्पलेट में:

शरीर { फ़ॉन्ट-फ़ैमिली: 'कस्टम-फ़ॉन्ट', सैन्स-सेरिफ़; } शैली>

निष्कर्ष

इस चरण-दर-चरण मार्गदर्शिका का पालन करके, आप छवियों और सीएसएस स्टाइल के साथ लारवेल और डोमपीडीएफ का उपयोग करके परिष्कृत पीडीएफ दस्तावेज़ तैयार कर सकते हैं। इस ट्यूटोरियल में आवश्यक कॉन्फ़िगरेशन विकल्प, डिज़ाइन विचार, प्रदर्शन अनुकूलन शामिल हैं। आप अपने लारवेल एप्लिकेशन के लिए एक मजबूत दस्तावेज़ निर्माण प्रणाली बनाने के लिए इस फाउंडेशन का विस्तार कर सकते हैं।

संभावित श्रृंखला और भंडार

यह ट्यूटोरियल लारवेल के साथ पीडीएफ जेनरेशन पर एक श्रृंखला का हिस्सा है। विभिन्न दस्तावेज़ टेम्पलेट्स (चालान, रसीदें, प्रमाण पत्र, टिकट इत्यादि) के साथ एक संपूर्ण भंडार यहां पाया जा सकता है। योगदान देने और संग्रह का विस्तार करने के लिए स्वतंत्र महसूस करें।

हैप्पी कोडिंग!