HTML এবং ERB এর সংমিশ্রণ

Rails এর View এবং ERB (Embedded Ruby) - রুবি অন রেইল (Ruby on Rails) - Web Development

369

Ruby on Rails-এ HTML এবং ERB (Embedded Ruby) এর সংমিশ্রণ ব্যবহার করা হয় ওয়েব পৃষ্ঠাগুলোর ডাইনামিক কন্টেন্ট তৈরি করতে। HTML হচ্ছে স্ট্যাটিক কন্টেন্টের জন্য, এবং ERB ব্যবহৃত হয় Ruby কোডকে HTML-এর মধ্যে এমবেড (এনকোড) করার জন্য। এটি ডেভেলপারদের ডাইনামিক ওয়েব পেজ তৈরি করতে সহায়তা করে, যেখানে কন্টেন্ট চলতি ডেটার উপর ভিত্তি করে পরিবর্তিত হতে পারে।


ERB কী?

ERB (Embedded Ruby) হল Ruby কোডকে HTML এর মধ্যে এমবেড (ইনলাইন) করার একটি প্রক্রিয়া। ERB ফাইলগুলি সাধারণত .html.erb এক্সটেনশনে থাকে এবং এটি HTML পেজে Ruby কোড যুক্ত করতে ব্যবহৃত হয়। Ruby কোডের মাধ্যমে ডাইনামিক কন্টেন্ট জেনারেট করা সম্ভব হয়।

ERB টেমপ্লেটের মধ্যে Ruby কোড চালানোর জন্য <%= %> বা <% %> সাইন ব্যবহার করা হয়:

  • <%= %>: Ruby কোড কার্যকর করে এবং আউটপুটকে HTML-এর মধ্যে এমবেড করে।
  • <% %>: Ruby কোড কার্যকর করে, কিন্তু আউটপুট HTML পেজে প্রদর্শন করা হয় না।

ERB সিনট্যাক্স

  1. ডাইনামিক ডাটা ইনসার্ট করা: আপনি Ruby কোড ব্যবহার করে HTML টেমপ্লেটে ডাইনামিক ডাটা ইনসার্ট করতে পারেন:

    <h1>Welcome, <%= @user.name %>!</h1>
    

    এখানে, @user.name একটি Ruby ভেরিয়েবল যেটি ডাইনামিকভাবে ব্যবহারকারীর নাম দেখাবে।

  2. লজিক এবং কন্ডিশনাল স্টেটমেন্ট: ERB টেমপ্লেটে Ruby লজিক (যেমন if, else) ব্যবহার করা যায়:

    <% if @user.admin? %>
      <p>Welcome, Admin!</p>
    <% else %>
      <p>Welcome, User!</p>
    <% end %>
    
  3. লুপিং: আপনি ডেটাবেস থেকে পাওয়া রেকর্ডগুলোর জন্য লুপ ব্যবহার করতে পারেন:

    <ul>
      <% @posts.each do |post| %>
        <li><%= post.title %></li>
      <% end %>
    </ul>
    

    এখানে, @posts.each লুপে সমস্ত পোস্টের শিরোনাম প্রদর্শিত হবে।

  4. ফর্ম সাবমিট করা: Ruby on Rails-এর form_for এবং form_with হেল্পার মেথড ব্যবহার করে ফর্ম তৈরি করা যায়:

    <%= form_for @user do |f| %>
      <%= f.label :name %>
      <%= f.text_field :name %>
      <%= f.submit %>
    <% end %>
    

HTML এবং ERB এর সংমিশ্রণ

Ruby on Rails অ্যাপ্লিকেশনে HTML এবং ERB একত্রে ব্যবহার করে একটি ডাইনামিক ওয়েব পেজ তৈরি করা হয়, যেখানে HTML মূল কাঠামো এবং ERB ডাইনামিক কন্টেন্ট প্রক্রিয়া করে। Rails রাউটিং এবং কন্ট্রোলারের মাধ্যমে ডেটা এক্সেস করা হয় এবং সেই ডেটা HTML পেজে প্রদর্শিত হয় ERB টেমপ্লেটের মাধ্যমে।

উদাহরণ:

ধরা যাক, আপনার একটি User মডেল এবং একটি কন্ট্রোলার রয়েছে, যেখানে আপনি index অ্যাকশনে সকল ব্যবহারকারীদের তালিকা প্রদর্শন করতে চান।

  1. Controller (UsersController):

    class UsersController < ApplicationController
      def index
        @users = User.all
      end
    end
    
  2. View (index.html.erb):

    <h1>All Users</h1>
    <ul>
      <% @users.each do |user| %>
        <li><%= user.name %> - <%= user.email %></li>
      <% end %>
    </ul>
    

এখানে, @users.each লুপের মাধ্যমে সব ব্যবহারকারীর নাম এবং ইমেইল HTML তালিকায় প্রদর্শিত হবে।


HTML, ERB এবং Partial Views

Rails এ partial views ব্যবহৃত হয় পুনঃব্যবহারযোগ্য HTML টেমপ্লেট তৈরি করতে। এটি বড় ভিউ টেমপ্লেটগুলোকে ছোট ছোট অংশে ভাগ করতে সাহায্য করে। Partial ব্যবহার করতে হলে, _ দিয়ে ফাইলের নাম শুরু করতে হয়।

Partial Example:

  1. Partial (user.html.erb):

    <div class="user">
      <h2><%= user.name %></h2>
      <p><%= user.email %></p>
    </div>
    
  2. Main View (index.html.erb):

    <h1>All Users</h1>
    <% @users.each do |user| %>
      <%= render 'user', user: user %>
    <% end %>
    

এখানে, render 'user' কমান্ডটি user.html.erb পার্সেল দেখাবে এবং @user অবজেক্টটি ব্যবহার করবে। এটি কোডের পুনঃব্যবহারযোগ্যতা এবং সংগঠন উন্নত করে।


HTML এবং ERB এর ব্যবহারিক প্রযোজন

HTML এবং ERB এর সংমিশ্রণ আপনাকে ডাইনামিক ওয়েব পেজ তৈরি করতে সহায়তা করে। এটি এক্সপ্রেসিভ, পারফেক্ট ও রিচ ইউজার ইন্টারফেস তৈরি করতে ব্যবহৃত হয়। ERB কোড ব্যবহার করে আপনি সিস্টেমের ডেটা এবং ইউজারের ইনপুট অনুযায়ী কন্টেন্ট পরিবর্তন করতে পারেন, যা স্ট্যাটিক HTML-এর তুলনায় অনেক বেশি শক্তিশালী।


সারমর্ম

HTML এবং ERB এর সংমিশ্রণ Ruby on Rails-এর ওয়েব ডেভেলপমেন্টের একটি গুরুত্বপূর্ণ অংশ। ERB-এর মাধ্যমে Ruby কোডকে HTML-এর মধ্যে এমবেড করে ডাইনামিক কন্টেন্ট তৈরি করা হয়। Rails টেমপ্লেট ইঞ্জিন ERB ব্যবহার করে ডাইনামিক ডাটা প্রদর্শন, কন্ডিশনাল লজিক প্রয়োগ, লুপিং, এবং ফর্ম তৈরি করা সহজ হয়। এর ফলে, HTML স্ট্রাকচার এবং Ruby কোড একত্রে ব্যবহারের মাধ্যমে শক্তিশালী এবং ইন্টারেক্টিভ ওয়েব অ্যাপ্লিকেশন তৈরি করা সম্ভব হয়।

Content added By
Promotion

Are you sure to start over?

Loading...