میں Laravel ، لے آؤٹ ویب ایپلیکیشن کے لیے یوزر انٹرفیس بنانے میں اہم کردار ادا کرتا ہے۔ ایک لے آؤٹ ویب صفحہ کی مجموعی ساخت کی نمائندگی کرتا ہے، بشمول عام حصوں جیسے header
، footer
اور sidebar
۔ Laravel اس آرٹیکل میں، ہم اس بات کی کھوج کریں گے کہ لچکدار اور برقرار رکھنے کے قابل انٹرفیس بنانے کے لیے لے آؤٹ کیسے بنایا جائے ۔
سب سے پہلے، آئیے اپنی ویب سائٹ کے لیے ایک بنیادی ترتیب بنائیں۔ app.blade.php
ڈائریکٹری میں نام کی فائل بنا کر شروع کریں ۔ یہ فائل پوری ویب سائٹ کے لیے مرکزی ترتیب کے طور پر کام کرے گی۔ resources/views/layouts
یہاں فائل کے لئے ایک مثالی مواد ہے app.blade.php
:
<!DOCTYPE html>
<html>
<head>
<title>@yield('title')</title>
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
</head>
<body>
<header>
<h1>Header</h1>
</header>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
<main>
@yield('content')
</main>
<footer>
<p>Footer</p>
</footer>
<script src="{{ asset('js/app.js') }}"></script>
</body>
</html>
اس ترتیب میں، ہم @yield
ترتیب کے اندر متحرک حصوں کی وضاحت کے لیے ہدایات کا استعمال کرتے ہیں۔ مثال کے طور پر، @yield('title')
بچے کو صفحہ کا عنوان اوور رائڈ اور سیٹ کرنے کی اجازت دیتا ہے۔ اسی طرح، بچے کو صفحہ کا مرکزی مواد داخل کرنے کی اجازت دیتا ہے۔ views @yield('content')
views
ایک بار لے آؤٹ بن جانے کے بعد، ہم ایسے بچے بنا سکتے ہیں جو اس لے آؤٹ کو استعمال کرے۔ مثال کے طور پر، اسی طرح کی ترتیب کے ساتھ ایک صفحہ بنانے کے لیے ، ڈائریکٹری میں نام کی فائل بنائیں ۔ یہ فائل ترتیب کو بڑھا دے گی اور صفحہ کے لیے مخصوص مواد کی وضاحت کرے گی: views about
about.blade.php
resources/views
app.blade.php
about
@extends('layouts.app')
@section('title', 'About')
@section('content')
<h2>About Page</h2>
<p>This is the about us page.</p>
@endsection
مندرجہ بالا مثال میں، ہم ترتیب @extends
کو وراثت میں حاصل کرنے کے لیے ہدایت کا استعمال کرتے ہیں app.blade.php
۔ اگلا، ہم صفحہ کے اور حصوں @section
کے لیے مخصوص مواد کی وضاحت کے لیے ہدایت کا استعمال کرتے ہیں۔ title
content
آخر میں، ہمیں یو آر ایل کو متعلقہ سے منسلک کرنے کے لیے راستوں کی وضاحت کرنے کی ضرورت ہے ۔ views
مثال کے طور پر، routes/web.php
فائل میں، آپ درج ذیل راستے شامل کر سکتے ہیں:
Route::get('/', function() {
return view('welcome');
});
Route::get('/about', function() {
return view('about');
});
اس مثال میں، "/" URL کو سے منسلک کیا گیا ہے welcome.blade.php
view ، جبکہ /about
URL کو about.blade.php
view.
آخر میں، میں لے آؤٹ بنانا Laravel آپ کو اپنی ویب ایپلیکیشن کے لیے ایک مشترکہ انٹرفیس بنانے اور عام سیکشنز کا نظم کرنے کی اجازت دیتا ہے جیسے header
، footer
اور sidebar
۔ لے آؤٹ اور چائلڈ کا استعمال کرتے ہوئے ، آپ میں لچکدار اور برقرار رکھنے کے قابل انٹرفیس بنا سکتے ہیں ۔ views Laravel