ایجاد یک جریان گرافیکی ساده

  • مدرس: علی بیگدلی
  • تاریخ انتشار: Aug 26, 2020

ظاهر و عملکرد داشبورد گرافیکی با گره ها و ویجت هایی که در صفحه قرار میدهیم تشکلی می شود و عملکردی کاربر پسند به خود می گیرد.

در قسمت قبلی دیدید که برای اتصال به صفحه داشبورد میبایست آدرس localhost:1880/ui مراجعه کنین و یا اینکه اگر این سرویس تحت شبکه هستش با استفاده از آیپی دستگاه مقصد یا رزبری می توانید به جای نوشتن localhost متصل شوید.

پس از نصب داشبورد تعداد زیادی ویجت به قسمت کناری در سمت چپ nodered اضافه شد کی می توانید با استفاده از آن ها و عملکرد هر کدام طرح های گرافیکی و علمکرد های متفاوت را برای پروژه خود ایجاد کنید.

نمونه ای از پرکاربردی ترین ها رو میبینید که در سمت چپ نوع ویدجت و در سمت راست نمونه خروجی در داشبورد را مشاهده می کنید.

 

مراحل ایجاد یک جریان ساده با استفاده از کلید و نمایش در debug و خروجی text:

  1. ابتدا یک جریان ساده با استفاده از button ایجاد کنید
  2. بر روی ویجت ایجاد شده دوبار کلیک کنید. سپس در بخش تنظیمات می بایست اقدام به ساخت گروه و تب کنید.
  3. ابتدا بر روی بخش ویرایش گروه و سپس ویرایش تب کلیک کنید و با دادن اسم مورد نظر تایید کنید و سپس گروه را نیز با اسم مدنظر تایید کنید.
  4. حال با تنظیم payload و دادن پیام مورد نظر که در این مورد hello است می توانید با تایید تنظیمات خارج شوید.
  5. ویجت debug را به flow اضافه کرده و این دو را به هم متصل کنید.
  6. در آخر با deploy کردن تنظیمات ایجاد شده به صفحه ui رفته و اقدام به تست نمایید.
  7. برای بهتر دیده شدن عملایت می توانید با اضافه کردن ویجت Text به Flow ایجاد شده، تغییرات تاثیر فشرده شدن button را در صفحه ui مشاهده کنید.

 

ثبت دیدگاه
نام *
ایمیل*
دیدگاه *
0دیدگاه