close

پی ایچ پی میں ایچ ٹی ایم ایل اور سی ایس ایس کے ساتھ یوزر انٹرفیس

ویب سائٹ زیادہ تر ویب ایپلیکیشنز کا ایک لازمی حصہ ہے، اور پی ایچ پی میں، ہم یوزر انٹرفیس بنانے کے لیے HTML اور CSS کا استعمال کر سکتے ہیں۔ اس آرٹیکل میں، ہم اپنی ایپلی کیشنز کے لیے ایک خوبصورت اور انٹرایکٹو یوزر انٹرفیس بنانے کے لیے پی ایچ پی میں ایچ ٹی ایم ایل اور سی ایس ایس کا استعمال کیسے کریں گے۔

 

ایچ ٹی ایم ایل کو پی ایچ پی میں ضم کرنا

ایچ ٹی ایم ایل کو پی ایچ پی میں ضم کرنے کے لیے، ہم پی ایچ پی ٹیگز کو ایچ ٹی ایم ایل سیکشنز میں پی ایچ پی کوڈ کو ایمبیڈ کرنے کے لیے استعمال کرسکتے ہیں۔ درج ذیل مثال سے پتہ چلتا ہے کہ پی ایچ پی کو متحرک عنوان بنانے کے لیے کیسے استعمال کیا جائے:

<html>  
<head>  
    <title><?php echo "Home Page"; ?></title>  
</head>  
<body>  
    <h1><?php echo "Welcome to our website!"; ?></h1>  
</body>  
</html>

اوپر دی گئی مثال میں، ہم PHP ٹیگز کو <?php ?> HTML حصوں میں پی ایچ پی کوڈ داخل کرنے کے لیے استعمال کرتے ہیں۔ یہ ہمیں پی ایچ پی کوڈ میں کمپیوٹیڈ اقدار کی بنیاد پر متحرک HTML عناصر بنانے کی اجازت دیتا ہے۔

 

پی ایچ پی میں سی ایس ایس اسٹائلز کا اطلاق کرنا

پی ایچ پی پیج پر سی ایس ایس اسٹائل لگانے کے لیے، ہم <style> ٹیگ کے اندر سی ایس ایس کوڈ بلاکس استعمال کرسکتے ہیں۔ مندرجہ ذیل مثال یہ ظاہر کرتی ہے کہ پی ایچ پی کے اندر HTML عنصر پر سی ایس ایس کی طرزیں کیسے لاگو کی جائیں:

<html>  
<head>  
    <style>  
        .title {  
            color: blue;  
            font-size: 24px;  
        }  
    </style>  
</head>  
<body>  
    <h1 class="title"><?php echo "Dynamic Title"; ?></h1>  
</body>  
</html>

اوپر دی گئی مثال میں، ہم رنگ اور فونٹ سائز کی خصوصیات والی <style> کلاس کی وضاحت کے لیے ٹیگز کے اندر ایک CSS کوڈ بلاک استعمال کرتے ہیں۔ .title اگلا، ہم .title کلاس کو انتساب کا استعمال کرتے ہوئے سرخی پر لاگو کرتے ہیں class ۔

 

پی ایچ پی ٹیمپلیٹ انجنوں کا استعمال

لچکدار اور برقرار رکھنے کے قابل صارف انٹرفیس تیار کرنے کے لیے، ہم پی ایچ پی ٹیمپلیٹ انجن جیسے Laravel Blade، Smarty، یا Twig استعمال کر سکتے ہیں۔ ٹیمپلیٹ انجن ہمیں انٹرفیس اور منطق کو مختلف فائلوں میں الگ کرنے کی اجازت دیتے ہیں، سورس کوڈ کو مزید پڑھنے کے قابل اور برقرار رکھنے کے قابل بناتے ہیں۔

مندرجہ ذیل مثال لاراول بلیڈ کا استعمال کرتی ہے، جو پی ایچ پی کمیونٹی میں ایک مشہور ٹیمپلیٹ انجن ہے۔ 

<!-- resources/views/welcome.blade.php -->  
<html>  
<head>  
    <title>Home Page</title>  
</head>  
<body>  
    <h1>Welcome to our website!</h1>  
  
    <p>{{ $message }}</p>  
</body>  
</html>

 

اوپر دی گئی مثال میں، ہم {{ $message }} ٹیمپلیٹ میں متغیر کو ظاہر کرنے کے لیے نحو کا استعمال کرتے ہیں۔ اس متغیر کو کنٹرول کرنے والے پی ایچ پی کوڈ سے پاس کیا جا سکتا ہے، جس سے ہمیں منطق سے گزرے ڈیٹا کی بنیاد پر متحرک انٹرفیس بنانے کی اجازت ملتی ہے۔

 

آخر میں، یہ PHP میں HTML اور CSS کو استعمال کرنے کے کچھ طریقے ہیں تاکہ صارف کے انٹرفیس کو بنایا جا سکے۔ پی ایچ پی کوڈ کو مربوط کرکے، سی ایس ایس اسٹائلز کو لاگو کرکے، اور ٹیمپلیٹ انجنوں کا استعمال کرکے، ہم اپنی پی ایچ پی ایپلی کیشنز کے لیے متحرک اور دلکش یوزر انٹرفیس بنا سکتے ہیں۔