Introduction

webforJ in six screens. The whole framework, start to finish.

webforJ is the full-stack Java framework for business web apps: you build the whole app, screens included, in Java. This tour walks through it in six short screens, from your first Java class to the AI tooling. It takes about five minutes.

01Mitä webforJ on
02Komponentit ja teemoitus
03craftforJ
04Tiedot, lomakkeet ja tietoturva
05Nykyinen koodisi
06Tekoälytyökalut ja seuraavat pysähdykset

01Mikä webforJ on

Näyttö on Java-luokka.

webforJ on täyden pinon Java-kehys yritysten verkkosovelluksiin: rakennat koko sovelluksen, myös näkymät, Javalla.

Reitti tekee siitä sivun. Lisää @Route luokkaan, niin se vastaa selaimessa kyseisessä osoitteessa.
Komponentit ovat kenttiä. Luo ne komennolla new ja reagoi napsautuksiin lambda-funktiolla.
Java tai Kotlin. Kotlin DSL rakentaa saman näkymän samoilla komponenteilla.

Lue lisää: Kotlin DSL

HelloView.java

@Route("/hello")
public class HelloView extends Composite<FlexLayout> {
  private final FlexLayout self = getBoundComponent();
  private TextField name = new TextField("What is your name?");
  private Button greet = new Button("Say hello");

  public HelloView() {
    greet.setTheme(ButtonTheme.PRIMARY)
        .addClickListener(e ->
            Toast.show("Welcome, " + name.getValue() + "!",
                Theme.SUCCESS));
    self.add(name, greet);
  }
}

@Route("hello")
class HelloView : Composite<FlexLayout>() {
  private val self = boundComponent

  init {
    self.apply {
      val name = textField("What is your name?")
      button("Say hello") {
        theme = ButtonTheme.PRIMARY
        onClick {
          Toast.show("Welcome, ${name.text}!", Theme.SUCCESS)
        }
      }
    }
  }
}

localhost:8080/helloNapsautuksen jälkeen

Suoritusnäkymässä näkyy tekstikenttä, jonka otsikko on ”Mikä nimesi on?”, ”Sano hei” -painike ja napsautuksen jälkeen onnistumisilmoitus, jossa lukee ”Tervetuloa, Lauren!”

02Komponentit ja teemoitus

Komponentit rakennettu yrityssovelluksille.

Kentät, luettelot, valintaikkunat, tiedostojen lähetykset, kaaviot, puunäkymät ja asettelut tulevat webforJ:n mukana. Jokainen niistä on Java-luokka, jonka luot näytöllesi.

Teeman luominen alkaa pohjaväristä. Aseta pääväri, niin paletin kaikki 19 sävyä mukautuvat siihen kaikissa komponenteissa.

app.css

:root {
  --dwc-color-primary-seed: #6366f1;
}

Lue lisää: Komponentit

webforJ ComboBox -komponentti — ComboBox

webforJ GoogleCharts -komponentti — GoogleCharts

webforJ Terminal -komponentti — Terminal

03craftforJ

Näe Java-koodillasi rakennettu sovellus. Muuta sitä sen ollessa käynnissä.

craftforJ on visuaalinen editori, joka toimii sovelluksessasi kehitystilassa. Se näyttää Java-koodisi luoman komponenttipuun, antaa muuttaa ominaisuuksia reaaliaikaisesti ja kirjoittaa säilyttämäsi muutokset takaisin Java-lähdekoodiisi.

Tarkastele komponentteja. Selaa komponenttipuuta, valitse komponentti napsauttamalla sitä sivulla ja muuta sen ominaisuuksia sovelluksen ollessa käynnissä.
Kirjoita muutokset lähdekoodiin. Tarkista reaaliaikaiset muokkauksesi diff-näkymässä ja ota ne käyttöön alkuperäisessä Java-tiedostossa.
Tekoälyavustaja. Käynnissä olevassa sovelluksessa toimiva koodausagentti kirjoittaa Java-koodia, kääntää sen ja ottaa sen käyttöön hyväksynnälläsi.

Lue lisää: craftforJ

craftforJ

04Tiedot, lomakkeet ja tietoturva

Lomakkeet, säännöt ja käyttöoikeudet backendisi rinnalla

Sidonta BindingContext yhdistää lomakekentät bean-olioon ja tarkistaa sen Jakarta-validointisäännöt, kun lomake kirjoitetaan takaisin.
Spring Boot. Näkymät saavat palvelusi, repositoriosi ja muut Spring-pavut konstruktorin injektoinnilla.
Tietoturva Annotaatiot, kuten @RolesAllowed, suojaavat reittiä, ja sääntöjä sovelletaan ennen kuin mitään komponenttia renderöidään.

Lue lisää: Esittely

CustomerFormView.java

public class CustomerFormView extends Composite<FlexLayout> {
  private TextField name = new TextField("Name");
  private TextField email = new TextField("Email");
  private Customer customer = new Customer();

  private BindingContext<Customer> context =
      BindingContext.of(this, Customer.class, true);

  public CustomerFormView() {
    Button save = new Button("Save", ButtonTheme.PRIMARY, e -> {
      ValidationResult result = context.write(customer);
      if (result.isValid()) {
        Toast.show("Saved " + customer.getEmail(), Theme.SUCCESS);
      }
    });

    getBoundComponent().add(name, email, save);
  }
}

public class Customer {

  @NotEmpty(message = "Name cannot be empty")
  private String name;

  @NotEmpty(message = "Email is required")
  @Email(message = "Not a valid email address")
  private String email;

  // getters and setters
}

@Route("/dashboard")
public class DashboardView extends Composite<FlexLayout> {

  public DashboardView(RandomNumberService service) {
    Button roll = new Button("Generate random number");
    roll.setTheme(ButtonTheme.PRIMARY)
        .addClickListener(e ->
            Toast.show("The new random number is "
                + service.nextNumber(), Theme.SUCCESS));

    getBoundComponent().add(roll);
  }
}

05Nykyinen koodisi tulee mukana

Tuo koodi Sinulla on jo.

WebswingConnector upottaa käynnissä olevan Swing-, JavaFX- tai SWT-sovelluksen webforJ-näkymään, joten uudelleenkirjoitusta ei tarvitse tehdä kerralla.

ElementComposite käärii mukautetun HTML-elementin tai web-komponentin Java-luokkaan, jossa sen ominaisuudet, attribuutit ja tapahtumat määritellään Javassa.

Lue lisää: Webswing

1TänäänSwing työpöydälläVuosien liiketoimintalogiikkaa, joka toimii joka päivä.
2Vaihe 1Sama sovellus selaimessa Webswing suoratoistaa sen selaimeen muuttamatta alkuperäistä.
3SieltäwebforJ, näkymä kerrallaanKorvaa Swing-näytöt webforJ:llä yksi kerrallaan.

SwingAppView.java

@Route
public class SwingAppView extends Composite<Div> {
  private final Div self = getBoundComponent();
  private WebswingConnector connector;

  public SwingAppView() {
    // Initialize the connector with your Webswing application URL
    connector = new WebswingConnector("http://localhost:8080/myapp/");

    // Set the display dimensions
    connector.setSize("100%", "600px");

    // Add to the view container
    self.add(connector);
  }
}

06Tekoälytyökalut ja mitä seuraavaksi

Tekoälyavustajasi seuraa webforJ-käytännöt.

Asenna webforJ AI -lisäosa kerran, niin koodausavustajasi saa webforJ MCP -palvelimen ja Agent Skills -ominaisuudet.

Palvelin tarjoaa sille reaaliaikaiset työkalut. Taidot kertovat, milloin niitä käytetään, missä järjestyksessä ja miten tulos tarkistetaan.

Lue lisää: Tekoälytyökalut

Pääte

claude plugin marketplace add webforj/webforj-ai
claude plugin install webforj@webforj-ai

MCP server

Valitse oikea webforJ-versio
Etsi tietämyskannasta
Luo uusi webforJ-projekti
Luo DWC-teema
Tyylittele DWC-komponentit oikein.
Työskentele DWC:n suunnittelutokenien kanssa

Agentin taidot

webforj-adding-servlets
webforj-building-forms
webforj-creating-components
webforj-handling-timers-and-async
webforj-localizing-apps
webforj-securing-apps
webforj-styling-apps
webforj-upgrading-versions

Opastus valmis

Siinä oli koko pino. Olet valmis rakentamaan.

Voit pitää itseäsi epävirallisesti sertifioituna: olet nähnyt, miten webforJ-sovellus rakentuu ensimmäisestä näkymästä seuraavan tekemistä auttaviin tekoälytyökaluihin.

Mitä webforJ on
Komponentit ja teemoitus
craftforJ
Tiedot, lomakkeet ja tietoturva
Nykyinen koodisi
Tekoälytyökalut ja seuraavat pysähdykset