laravel vuejs barcode
Step 1: Install Laravel
composer create-project --prefer-dist laravel/laravel laravel-barcode
cd laravel-barcode
Step 2: Install required packages
composer require milon/barcode barryvdh/laravel-dompdf
Step 3: Configure providers in config/app.php
'providers' => [
// ...
Milon\Barcode\BarcodeServiceProvider::class,
Barryvdh\DomPDF\ServiceProvider::class,
],
Step 4: Configure aliases in config/app.php
'aliases' => [
// ...
'PDF' => Barryvdh\DomPDF\Facade::class,
],
Step 5: Create a controller for barcode generation
php artisan make:controller BarcodeController
Step 6: Implement barcode generation logic in BarcodeController.php
use Milon\Barcode\DNS1D;
use Milon\Barcode\DNS2D;
class BarcodeController extends Controller
{
public function generateBarcode()
{
$barcode = new DNS1D();
$barcode->setStorPath(storage_path('app/barcodes'));
$image = $barcode->getBarcodePNG('123456', 'C128');
return response($image)->header('Content-Type', 'image/png');
}
public function generateQRCode()
{
$barcode = new DNS2D();
$image = $barcode->getBarcodePNG('123456', 'QRCODE');
return response($image)->header('Content-Type', 'image/png');
}
}
Step 7: Define routes in routes/web.php
use App\Http\Controllers\BarcodeController;
Route::get('/barcode', [BarcodeController::class, 'generateBarcode']);
Route::get('/qrcode', [BarcodeController::class, 'generateQRCode']);
Step 8: Create views in resources/views
<!-- resources/views/barcode.blade.php -->
<!DOCTYPE html>
<html>
<head>
<title>Barcode</title>
</head>
<body>
<img src="{{ url('/barcode') }}" alt="Barcode">
<img src="{{ url('/qrcode') }}" alt="QR Code">
</body>
</html>
Step 9: Update the welcome view in resources/views/welcome.blade.php
<!-- resources/views/welcome.blade.php -->
@extends('layouts.app')
@section('content')
@include('barcode')
@endsection
Step 10: Run the Laravel development server
php artisan serve
Visit http://localhost:8000 in your browser to see the barcode and QR code.