در دنیای پویا توسعه وب، Ruby on Rails به عنوان یک چارچوب قدرتمند و کارآمد برای ساخت برنامه های کاربردی وب برجسته می شود. یکی از جنبه های اساسی بسیاری از برنامه های کاربردی وب، توانایی جمع آوری ورودی های کاربر از طریق فرم ها است. در این پست وبلاگ، من شما را از طریق فرآیند ایجاد یک فرم ساده در Rails با استفاده از آن راهنمایی خواهم کردفرم_باکمک کننده به عنوان یک تامین کننده Rails، من این امتیاز را داشته ام که روی پروژه های متعددی کار کنم که در آنها فرم ها نقش مهمی دارند، و من هیجان زده هستم که بینش خود را با شما به اشتراک بگذارم.
درک کردنفرم_بادر ریل
قبل از اینکه به ایجاد یک فرم بپردازیم، بیایید یک لحظه وقت بگذاریم تا بفهمیم چه چیزی چیستفرم_بااست.فرم_بایک روش کمکی در Rails است که فرآیند ایجاد فرم های HTML را ساده می کند. این یک روش منعطف و شهودی برای تولید فرم هایی است که هم از نظر معنایی صحیح هستند و هم نگهداری آنها آسان است. چه در حال ایجاد یک فرم تماس ساده یا یک فرم چند مرحله ای پیچیده باشید،فرم_باآیا شما را پوشش داده است
راه اندازی یک برنامه ریل جدید
اگر قبلاً این کار را نکردهاید، باید یک برنامه جدید Rails راهاندازی کنید. ترمینال خود را باز کنید و دستور زیر را اجرا کنید:
Rails new simple_form_app سی دی simple_form_appاین یک برنامه جدید Rails به نام ایجاد می کندsimple_form_appو شما را به دایرکتوری برنامه هدایت کنید.
ایجاد یک کنترلر و یک نمای
در مرحله بعد، یک کنترلر و یک نمای برای مدیریت فرم خود ایجاد می کنیم. دستور زیر را در ترمینال خود اجرا کنید:
ریل ها کنترل کننده را تولید می کنند فرم های جدیداین یک را ایجاد می کندFormsControllerبا یکجدیداقدام و یک فایل مشاهده مربوطه درapp/views/forms/new.html.erb.
ایجاد فرم با استفاده ازفرم_با
حالا بیایید در را باز کنیمapp/views/forms/new.html.erbفایل و فرم ما را با استفاده ازفرم_با. در اینجا نمونه ای از یک فرم تماس ساده آورده شده است:
<%= form_with(url: "/submit_form"، متد: :post) do |form| %> <div> <%= form.label :name %> <%= form.text_field :name %> </div> <div> <%= form.label :email %> <%= form.email_field :email %> </div> <div> <%= form.label :message %t> <%= form. <div> <%= form.submit "ارسال" %> </div> <% پایان %>در این مثال، ما ازفرم_بابرای ایجاد فرمی که داده های خود را به/submit_formURL با استفاده ازارسال کنیدروش در داخل بلوک فرم، از روشهای کمکی فرم مختلف برای ایجاد فیلدهای ورودی برای نام، ایمیل و پیام کاربر و همچنین دکمه ارسال استفاده میکنیم.
رسیدگی به ارسال فرم
برای رسیدگی به ارسال فرم، باید یک مسیر و یک اقدام به خود اضافه کنیمFormsController. را باز کنیدconfig/routes.rbفایل و خط زیر را اضافه کنید:
ارسال '/submit_form'، به: 'forms#submit'این نقشه را نشان می دهد/submit_formURL بهارسال کنیداقدام درFormsController. حالا، آن را باز کنیدapp/controllers/forms_controller.rbفایل کنید و عمل زیر را اضافه کنید:
def submit # در اینجا میتوانید دادههای فرم را پردازش کنید، به عنوان مثال، آن را در پایگاه داده ذخیره کنید name = params[:name] email = params[:email] message = params[:message] # در حال حاضر، فقط دادهها را در کنسول چاپ میکنیم که "Name: #{name}" قرار میدهد "Email: #{email}" قرار میدهد "Email: #{email}". با موفقیت! پایاندر این عمل، ما در حال بازیابی اطلاعات فرم ازپارامترهاهش کنید و آن را در کنسول چاپ کنید. در یک برنامه دنیای واقعی، شما معمولا داده ها را در یک پایگاه داده ذخیره می کنید یا یک ایمیل ارسال می کنید. پس از پردازش داده های فرم، کاربر را با یک پیام موفقیت به مسیر اصلی هدایت می کنیم.
سبک دادن به فرم
برای اینکه فرم ما قابل ارائه تر به نظر برسد، می توانیم چند سبک CSS اضافه کنیم. را باز کنیدapp/assets/stylesheets/application.cssفایل کنید و سبک های زیر را اضافه کنید:
form div { margin-bottom: 10px; } form label { display: block; margin-bottom: 5px; } form input[type="text"], form input[type="email"], form textarea { width: 100%; padding: 5px; حاشیه: 1px جامد #ccc; مرز-شعاع: 3px; } ورودی فرم[type="submit"] { background-color: #007BFF; رنگ: سفید؛ بالشتک: 10px 20px; مرز: هیچ مرز-شعاع: 3px; مکان نما: اشاره گر } فرم ورودی[type="submit"]:hover { background-color: #0056b3; }این سبک ها به فرم ما ظاهری تمیز و حرفه ای می بخشد.
افزودن اعتبارسنجی به فرم
برای اطمینان از اینکه کاربر داده های معتبر را وارد می کند، می توانیم اعتبار سنجی را به فرم خود اضافه کنیم. در Rails میتوانیم از اعتبارسنجیهای ActiveRecord برای اعتبارسنجی دادهها قبل از ذخیره آنها در پایگاه داده استفاده کنیم. با این حال، از آنجایی که در این مثال از مدلی استفاده نمیکنیم، میتوانیم از جاوا اسکریپت برای انجام اعتبارسنجی اولیه در سمت کلاینت استفاده کنیم. در اینجا مثالی از نحوه افزودن اعتبار به فرم با استفاده از جاوا اسکریپت آورده شده است:
document.addEventListener('DOMContentLoaded', function() {const form = document.querySelector('form'); form.addEventListener('submit', function(event) {const name = document.querySelector('input[name="name"]').value; const emailname=documentueval.inquery" const message = document.querySelector('textarea[name="message"]').این کد جاوا اسکریپت در صورت خالی بودن هر یک از فیلدهای مورد نیاز، از ارسال فرم جلوگیری می کند.
نتیجه گیری
ایجاد یک فرم ساده در Rails با استفاده ازفرم_بایک فرآیند مستقیم است. با دنبال کردن مراحل ذکر شده در این پست وبلاگ، می توانید یک فرم کاربردی ایجاد کنید که ورودی های کاربر را جمع آوری کرده و فرم های ارسالی را مدیریت می کند. به عنوان یک تامین کننده Rails، من به طور مستقیم قدرت و انعطاف پذیری Rails را در ساخت برنامه های کاربردی وب مشاهده کرده ام و امیدوارم این راهنما برای شما مفید بوده باشد.
اگر علاقه مند به خرید ریل های باکیفیت برای پروژه های خود هستید، ما طیف گسترده ای از گزینه ها از جملهریل جرثقیل استاندارد GOST KP140،ریل فولادی 49E2، وریل BS 100A. ریل های ما برای مطابقت با بالاترین استانداردهای کیفیت و عملکرد طراحی شده اند و ما متعهد به ارائه خدمات عالی به مشتریان هستیم. اگر سؤالی دارید یا می خواهید در مورد نیازهای خود صحبت کنید، لطفاً برای مشاوره خرید با ما تماس بگیرید.
مراجع
- راهنماهای ریل: https://guides.rubyonrails.org/
- شبکه توسعه دهنده موزیلا: https://developer.mozilla.org/