برنامه نویسی

webforms.java به روزرسانی به WebFormsjs 1.6

خبر خوب برای توسعه دهندگان جاوا: هم اکنون می توانید WebForms Core Technology را در جاوا تجربه کنید. Elanat کلاس WebForms را برای جاوا با آخرین نسخه WebFormsjs ، 1.6 به روز کرده است. کلاس WebForms در سرور و کتابخانه WebFormsjs در مشتری ، فناوری اصلی WebForms را تشکیل می دهد.

با استفاده از فناوری اصلی WebForms ، نیازی به ایجاد یک جلو نیست ، زیرا تمام برچسب های HTML از سرور مدیریت می شوند.

ویدیوی زیر عملکرد فناوری اصلی WebForms برای مدیریت محتوا را نشان می دهد.
https://www.youtube.com/watch؟v=zummapm00xm

لینک های بارگیری

می توانید کلاسهای WebForms را برای زبان برنامه نویسی جاوا از لینک زیر بارگیری کنید.

webforms.java

برای بارگیری آخرین نسخه WebFormSJS ، به لینک زیر مراجعه کنید.

بارگیری WebFormsjs

مثال: استفاده از شبکه WebForms در Boot Spring

در زیر نمونه ای از نحوه استفاده از WebForms Core با Boot Spring نشان داده شده است. در این مثال ، رنگ پس زمینه و رنگ متن برچسب “فرم” پس از کلیک روی دکمه ، به رنگ های انتخاب شده در جعبه های متن تغییر می یابد.

در نمای زیر ، پس از برچسب “فرم” ، یک برچسب “P” وجود دارد که مقدار متغیر “WebFormStag” را در خود جای داده است. مقدار متغیر “WebFormStag” از طریق کنترلر تنظیم می شود.

مشاهده (پرونده default.html)




  </span>Using WebForms Core<span class="nt"/>
  <span class="nt"><script><![CDATA[<span class="na">type=]]></script></span><span class="s">"text/javascript"</span> <span class="na">src=</span><span class="s">"/script/web-forms.js"</span><span class="nt">></span>
<span class="nt"/>
<span class="nt"/>
    <span class="nt"/>WebForms Core Technology in JAVA<span class="nt"/>
    <span class="nt"/>
    <span class="nt"><p> <span class="na">th:utext=</span><span class="s">"${WebFormsTag}"</span><span class="nt">></span></p></span>
<span class="nt"/>
<span class="nt"/>
</code></pre>
<div class="highlight__panel js-actions-panel">
<div class="highlight__panel-action js-fullscreen-code-action">
    <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewbox="0 0 24 24" class="highlight-action crayons-icon highlight-action--fullscreen-on"><title>حالت تمام صفحه را وارد کنید
    

از حالت تمام صفحه خارج شوید

این کلاس کنترلر دارای سه روش است. هر روش انواع مختلفی از درخواست های HTTP را کنترل می کند و داده های ورودی را با استفاده از کتابخانه WebFormScore پردازش می کند تا به صورت پویا فرم را در صفحه وب به روز کند.

کنترل کننده

package com.example.demo;

import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;

import WebFormsCore.WebForms;
import WebFormsCore.InputPlace;
import WebFormsCore.Fetch;
import WebFormsCore.HtmlEvent;

@Controller
public class MyController {

    @GetMapping("https://dev.to/")
    public String PageLoad(Model model) {

        WebForms form = new WebForms();

        form.setGetEvent("BackgroundColor", HtmlEvent.OnKeyUp, "/set-color");
        form.setGetEvent("TextColor", HtmlEvent.OnKeyUp, "/set-color");

        model.addAttribute("WebFormsTag", form.exportToWebFormsTag(null));

        return "default"; // This will map to default.html
    }

    @GetMapping("/set-color")
    public ResponseEntity<String> PageLoad(@RequestParam(name = "set-text-color", required = false) String Color) {

        WebForms form = new WebForms();

        form.saveValue("BackgroundColor","*");
        form.setBackgroundColor("BackgroundColor", Fetch.saved("*"));
        form.saveValue("TextColor","*");
        form.setTextColor("TextColor", Fetch.saved("*"));
        form.setCache();

        return ResponseEntity.ok(form.response());
    }

    @PostMapping("https://dev.to/")
    @ResponseBody
    public String PageLoad(@RequestParam("BackgroundColor") String backgroundColor, @RequestParam("TextColor") String textColor) {

        WebForms form = new WebForms();

        form.setBackgroundColor(InputPlace.tag("form"), backgroundColor);
        form.setTextColor(InputPlace.tag("form"), textColor);
        form.setDisabled(InputPlace.name("Button"), true);
        form.addTag(InputPlace.tag("form"), "h3", null);
        form.setText(InputPlace.tag("h3"), "The background color and the text color was set!");
        form.delete(InputPlace.tag("h3"));
        form.assignDelay(3, -1);

        return form.response(); 
    }
}
حالت تمام صفحه را وارد کنید

از حالت تمام صفحه خارج شوید

تصویر GIF در زیر نحوه عملکرد کد فوق را نشان می دهد.

Core Webforms در جاوا

اولین تجربه من با Boot Spring

به عنوان کسی که برای اولین بار یک مثال ساده MVC را با چارچوب بوت بهار ایجاد کرده است ، باید بگویم که جنبه مهم این چارچوب نقشه برداری است. در این مثال ، من مسیر “/تنظیم رنگ” را در روش setGetEvent در کلاس WebForms مشخص کردم و دستورات لازم را با استفاده از کدگذاری کردم @GetMapping("/set-color")بشر

شروع

ابتدا باید کلاسهای مورد نیاز را در فناوری اصلی WebForms وارد کنیم. WebForms کلاس اصلی در این فناوری است و کلاس های دیگر نقش حمایتی ایفا می کنند.

import WebFormsCore.WebForms;
import WebFormsCore.InputPlace;
import WebFormsCore.Fetch;
import WebFormsCore.HtmlEvent;
حالت تمام صفحه را وارد کنید

از حالت تمام صفحه خارج شوید

درخواست دریافت (بار اولیه صفحه):

@GetMapping("https://dev.to/")
public String PageLoad(Model model) {

    WebForms form = new WebForms();

    form.setGetEvent("BackgroundColor", HtmlEvent.OnKeyUp, "/set-color");
    form.setGetEvent("TextColor", HtmlEvent.OnKeyUp, "/set-color");

    model.addAttribute("WebFormsTag", form.exportToWebFormsTag(null));
    return "default"; // This will map to default.html
}
حالت تمام صفحه را وارد کنید

از حالت تمام صفحه خارج شوید

PageLoad روش با GetMapping("https://dev.to/")

  • یک جدید را آغاز می کند WebForms نمونه
  • رویدادها را برای BackgroundColor وت TextColor ورودی هایی که مسیر “/تنظیم رنگ” را در OnKeyUp رویداد
  • صادرات WebForms داده ها به ویژگی مدل WebFormsTagبشر
  • نام نمایش “پیش فرض” را که نقشه ها را به “default.html” باز می گرداند.

رویداد کلید بالا

@GetMapping("/set-color")
public ResponseEntity<String> PageLoad(@RequestParam(name = "set-text-color", required = false) String Color) {

    WebForms form = new WebForms();

    form.saveValue("BackgroundColor","*");
    form.setBackgroundColor("BackgroundColor", Fetch.saved("*"));
    form.saveValue("TextColor","*");
    form.setTextColor("TextColor", Fetch.saved("*"));
    form.setCache();

    return ResponseEntity.ok(form.response());
}
حالت تمام صفحه را وارد کنید

از حالت تمام صفحه خارج شوید

PageLoad روش با GetMapping("/set-color")

  • یک جدید را آغاز می کند WebForms نمونه
  • مقادیر را ذخیره می کند و می دهد BackgroundColor وت TextColor ورودی ها
  • رنگهای پس زمینه و متن را بر اساس مقادیر ذخیره شده تنظیم می کند.
  • تغییرات را ذخیره می کند و پاسخ را به عنوان a برمی گرداند Stringبشر

توجه: ساختار کلی فناوری اصلی WebForms این است که مشتری درخواست سرور را بصورت آنلاین می کند و سرور دستورات را به مشتری ارسال می کند. با این حال ، این فناوری همچنین از حالت آفلاین پشتیبانی می کند. در این روش ، مقادیر برچسب ابتدا ذخیره می شوند و سپس آن مقادیر بدون نیاز به داده های سرور دوباره بازیابی می شوند. فراخوانی setCache روش باعث می شود مشتری فقط یک بار درخواست به سرور کند. حالت آفلاین در WebForms Core Technology یک ساختار سطح بالا مانند واکنش اجزای سروربشر

فرم ارسال

@PostMapping("https://dev.to/")
@ResponseBody
public String PageLoad(@RequestParam("BackgroundColor") String backgroundColor, @RequestParam("TextColor") String textColor) {

    WebForms form = new WebForms();

    form.setBackgroundColor(InputPlace.tag("form"), backgroundColor);
    form.setTextColor(InputPlace.tag("form"), textColor);
    form.setDisabled(InputPlace.name("Button"), true);
    form.addTag(InputPlace.tag("form"), "h3", null);
    form.setText(InputPlace.tag("h3"), "The background color and the text color was set!");
    form.delete(InputPlace.tag("h3"));
    form.assignDelay(3, -1);

    return form.response(); 
}
حالت تمام صفحه را وارد کنید

از حالت تمام صفحه خارج شوید

PageLoad روش با PostMapping("https://dev.to/")

  • برداشتن BackgroundColor وت TextColor به عنوان پارامترها
  • پس زمینه و متن متن فرم را بر اساس ورودی ها تنظیم می کند.
  • دکمه ارسال (“دکمه”) را غیرفعال می کند.
  • یک عنوان موقت (“H3”) را با یک پیام اضافه و حذف می کند.
  • تأخیر را برای اقدام بعدی تعیین می کند.
  • پاسخ را به عنوان a برمی گرداند Stringبشر

توجه: لطفاً توجه داشته باشید که وقتی صفحه HTML برای اولین بار درخواست می شود ، اگر از کلاس WebForms استفاده می کنید ، از آن استفاده کنید exportToWebFormsTag روش برای درخواست های ثانویه ، از response روش

می توانید کد نمونه را در لینک زیر دریافت کنید.
https://elanat.net/content/31/webforms.java به روزرسانی به WebFormsjs 1.6.html

فناوری اصلی WebForms همچنین توسط تمام زبانهای برنامه نویسی مبتنی بر JVM پشتیبانی می شود!

علاوه بر زبان برنامه نویسی جاوا ، می توانید از کلاسهای WebForms واقع در فهرست WebFormScore به طور مستقیم یا بعد از تدوین در زبان های برنامه نویسی زیر (یا پیاده سازی) استفاده کنید:

  • کلاتلین
  • درشت
  • ناراضی
  • کله
  • جبهه
  • مربا
  • دوست پسر
  • میهمان
  • سیلان
  • دوست پسر
  • JPHP

پایان

با استفاده از این به روزرسانی ، توسعه دهندگان جاوا می توانند از WebForms Core استفاده کنند ، که به آنها امکان می دهد نه تنها برنامه های پویاتر ایجاد کنند بلکه گردش کار خود را نیز به طور قابل توجهی ساده می کنند زیرا دیگر دانش جلویی لازم نیست! این فناوری از تمام زبانهای مبتنی بر JVM از جمله کوتلین پشتیبانی می کند!

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا