কিভাবে রেল লিঙ্ক_টু পদ্ধতি ব্যবহার করবেন (উদাহরণ সহ)

রেল link_to পদ্ধতি!

সবচেয়ে সাধারণ সাহায্যকারী পদ্ধতিগুলির মধ্যে একটি যা আপনি আপনার সমস্ত রেল অ্যাপ্লিকেশনগুলিতে ব্যবহার করবেন৷

কিন্তু এটা কিভাবে কাজ করে?

আপনি যদি এখানে link_to সম্পর্কে জানতে আসেন এবং আপনি এর সাথে বিভিন্ন বিকল্প ব্যবহার করতে পারেন তাহলে আপনি সঠিক জায়গায় আছেন!

প্রথম...

link_to কি করে করবেন?

ঠিক আছে, এই পুরো ওয়েবসাইটটি কাজ করে কারণ আমাদের পৃষ্ঠাগুলির মধ্যে লিঙ্ক রয়েছে৷

এভাবেই আপনি পৃষ্ঠা থেকে পৃষ্ঠায় যান।

সাধারণ HTML-এ, আপনি এইরকম একটি লিঙ্ক তৈরি করেন :

Improve Your Ruby Skills

কিন্তু রেলে এটি দেখতে এরকম হবে :

<%= link_to "Improve Your Ruby Skills", "/ruby-book" %>

কেন?

কারণ আমরা রেলে রুট ব্যবহার করি।

আমরা _path ব্যবহার করে এর সুবিধা নিতে চাই পদ্ধতি এবং লক্ষ্য তৈরি করা (href ) আমাদের লিঙ্কের।

link_to ব্যবহার করা হচ্ছে এটিকে সহজ করে তোলে কারণ আমাদের মানকে ইন্টারপোলেট করতে হবে না।

আমি এটাই বলতে চাইছি :

">Improve Your Ruby Skills

এখন:

আসুন এই পদ্ধতি দ্বারা সমর্থিত সবচেয়ে সহায়ক ঐচ্ছিক আর্গুমেন্টগুলিকে আরও গভীরভাবে দেখি৷

অপশন এবং আর্গুমেন্টের সাথে রেল লিঙ্ক করুন

link_to এর জন্য প্রথম আর্গুমেন্ট লিঙ্কের পাঠ্য।

দ্বিতীয় যুক্তি?

এটি সেই URL যা আপনি লিঙ্ক করছেন৷৷

আপনি চাইলে এটিকে হার্ডকোড করতে পারেন, তবে বেশিরভাগ সময় আপনি একটি রেল মডেল বা একটি _path ব্যবহার করবেন পদ্ধতি।

আপনি যখন সঠিক নিয়মগুলি অনুসরণ করেন তখন রেলগুলি জিনিসগুলি বের করবে৷

উদাহরণস্বরূপ :

<%= link_to "Improve Your Ruby Skills", book_path(@book) %>

বা :

<%= link_to "Improve Your Ruby Skills", @book %>

আপনি কিভাবে জানেন কোনটি ব্যবহার করবেন?

• একটি নির্দিষ্ট সম্পদ (বই) উল্লেখ করার সময় একবচন ফর্ম
• একটি সংগ্রহ (বই) উল্লেখ করার সময় বহুবচন ফর্ম

উদাহরণ :

# Plural
<%= link_to "All Books", books_path %>

# Singular
<%= link_to "Edit Book", edit_book_path(@book) %>

এটি আপনার রুটগুলি দেখতেও সাহায্য করে (rake routes সহ )।

১ম কলামের নাম আছে (যেমন edit_book ) যা আপনি _path যোগ করে আপনার লিঙ্কগুলিতে ব্যবহার করতে পারেন এটিতে।

নিশ্চিতকরণ সহ লিঙ্ক মুছুন

দুটি সহায়ক বিকল্প আপনি ব্যবহার করতে পারেন:

• নিশ্চিত করুন
• disable_with

উদাহরণ :

<%= link_to "Delete Book", @book, method: "delete", { confirm: "Are you sure?", disable_with: "Processing..." } %>

একটি লিঙ্কের জন্য ডিফল্ট ক্রিয়া হল একটি GET অনুরোধ৷

আপনি যদি "মুছে ফেলুন" ক্রিয়াটি ব্যবহার করতে চান তবে আপনাকে এটি সম্পর্কে সুনির্দিষ্ট হতে হবে৷ .

কিন্তু…

আপনি যদি পূর্ববর্তী পৃষ্ঠার একটি লিঙ্ক চান?

এটি চেষ্টা করুন :

<%= link_to "Back", :back %>

কাস্টম CSS ক্লাস এবং HTML বৈশিষ্ট্যগুলি কীভাবে ব্যবহার করবেন

আপনি CSS ব্যবহার করে আপনার লিঙ্কগুলিকে অন্যরকম দেখাতে পারেন।

উদাহরণস্বরূপ :

<%= link_to "Get More Books", books_path, class: "index-link" %>

ধরে নিচ্ছি আপনার কাছে এই CSS আছে:

.index-link {
  color: blue;
  padding: 10px;
}

আপনার যদি আরও এইচটিএমএল অ্যাট্রিবিউটের প্রয়োজন হয় (যেমন "আইডি") আপনি লিঙ্ক টেক্সট এবং লিঙ্ক URL এর পরে সেগুলি যোগ করতে পারেন৷

কিভাবে কোয়েরি প্যারাম এবং অ্যাঙ্কর লিঙ্ক তৈরি করবেন

আরেকটি বিকল্প যা আপনি সহায়ক বলে মনে করতে পারেন তা হল ক্যোয়ারী প্যারামিটার এবং অ্যাঙ্করগুলির সাথে লিঙ্ক তৈরি করার ক্ষমতা৷

কেন এটি সহায়ক?

কারণ ব্যবহারকারী লিঙ্কটিতে ক্লিক করার পরে আপনি আপনার নিয়ামক থেকে এই অতিরিক্ত ডেটা অ্যাক্সেস করতে সক্ষম হবেন৷

আসুন কিছু উদাহরণ দেখি!

যদি আপনি এরকম একটি URL তৈরি করতে চান :

"/search?q=all"

তাহলে আপনি এটি করতে পারেন৷ :

<%= link_to "Search ALL", search_path(q: "all") %>

এবং এই URL এর জন্য :

"/books#programming"

আপনি এটি করতে পারেন৷ :

<%= link_to "Programming Books", books_path(anchor: "programming") %>

ইউআরএল সাহায্যকারীর সাথে একত্রিত (_path / _url ), link_to আপনাকে আপনার প্রয়োজনীয় সমস্ত নমনীয়তা দেয়৷

ছবির সাথে লিঙ্ক করা

অনেকেই জানেন না যে link_to একটি ঐচ্ছিক ব্লক নেয়।

এটি আরও জটিল পরিস্থিতিতে সক্ষম করে৷

একটি ছবির সাথে লিঙ্ক করার মত :

<%= link_to books_path do %>
  <%= image_tag "Book Collection" %>
<% end %>

এই উদাহরণে, ব্লকের বিষয়বস্তু লিঙ্কিং টেক্সট, ইমেজ বা অন্য কোনো HTML এলিমেন্ট হয়ে যায় যা আপনি ক্লিকযোগ্য হতে চান।

সারাংশ

আপনি link_to সম্পর্কে জেনেছেন রেলে পদ্ধতি!

আপনি যদি এই নিবন্ধটি সহায়ক বলে মনে করেন তবে আমার রুবি বইয়ের একটি অনুলিপি পান যাতে আপনি আপনার রুবি দক্ষতাকে সুপার-চার্জ করতে পারেন এবং আমার কাজকে সমর্থন করতে পারেন৷

পড়ার জন্য ধন্যবাদ 🙂