Tekoälytyökalut webforJ:lle

Tekoälyavustajasi kirjoittaa Java-koodin. Nyt se voi tarkistaa sen.

Tekoälypohjaiset koodaustyökalut ovat nopeita, mutta niiden tuotos on silti tarkistettava. webforJ tarjoaa niille kirjoita–tarkista–arvioi-silmukan: oikean API:n luettavaksi, oikean työnkulun noudatettavaksi ja testin, joka antaa tulokseksi hyväksytty tai hylätty ilman selainta.

Asenna lisäosa Käy silmukka läpi vaihe vaiheelta

Claude Coden, GitHub Copilotin, Cursorin, Geminin ja Codexin käyttöön.

$claude plugin marketplace add webforj/webforj-ai

$claude plugin install webforj@webforj-ai

#Vahvista Claude Codessa

>/plugin

>/mcp

webforj näkyy kohdassa Asennetut

plugin:webforj:webforj-mcp näkyy yhdistettyjen palvelinten alla

Dokumentaation asennuskomennot. Yhdellä asennuksella saat MCP-palvelimen ja Agent Skills -taidot.

Miksi silmukka?

Kolme tapaa, joilla agenttien rakentama Java voi rikkoutua, ja tarkistus kuhunkin

Kun koodausagentilla ei ole mitään, mistä tarkistaa tietoja, se kirjoittaa muistinsa varassa. Kehotus olla huolellinen ei korjaa yhtäkään näistä ongelmista. Jokainen virhe vaatii oman tarkistuksensa, ja webforJ sulkee jokaisen aukon omalla työkalullaan.

01
Ilman tarkistusta
Se kutsuu API:a, jota ei ole olemassa tai joka oli aiemmin olemassa.
Todellinen API
MCP-palvelin hakee tietoja webforJ-tietopankista, joten agentti lukee allekirjoitukset sen sijaan, että palauttaisi ne mieleensä.
Lue dokumentaatio
02
Ilman tarkistusta
Se noudattaa yleisiä Java-käytäntöjä kehyksen omien käytäntöjen sijaan.
Oikea työnkulku
Agentin taidot ohjaavat, miten agentti käsittelee lomakkeita, tietoturvaa, tyylitystä, ajastimia ja muuta.
Lue dokumentaatio
03
Ilman tarkistusta
Se tuottaa koodia, joka kääntyy mutta ei tee mitään hyödyllistä, kun käyttäjä napsauttaa sitä.
Hyväksytty tai hylätty
TestBed suorittaa näkymän tavallisessa JUnit-testissä, joten agentti voi todentaa työnsä.
Lue dokumentaatio

Silmukka

Kirjoita, tarkista, arvioi

Agentti kirjoittaa näkymän ja testin, suorittaa testin ja lukee tuloksen: hyväksytty tai hylätty. Käy läpi yksi oikea näkymä kehotteesta testin läpäisyyn.

Kehotteesi

Lisää webforJ-tervehdysnäkymä polkuun /greeting. Nimelle tarkoitettu kenttä, Tervehdi-painike ja kappale, jossa lukee ”Hei” ja nimi.

Näkymä on Java-luokka, jolla on reitti.

Mitään muuta ei tarvita: ei mallipohjaa, JavaScriptiä eikä REST-kerrosta näytön ja koodisi väliin.

Kun MCP-palvelin on yhdistetty, agentti on hakenut kohteet Composite, Button ja @Route ennen niiden kirjoittamista.

GreetingView.java

@Route("greeting")
public class GreetingView extends Composite<Div> {
  private final TextField name = new TextField("Name");
  private final Paragraph message = new Paragraph();
  private final Button greet =
      new Button("Greet", ButtonTheme.PRIMARY, e -> greet());

  public GreetingView() {
    getBoundComponent().add(name, greet, message);
  }

  private void greet() {
    message.setText("Hello, " + name.getValue() + "!");
  }
}

Kehotteesi

Kirjoita GreetingView-komponentille TestBed-testi, joka syöttää nimen, napsauttaa Greet-painiketta ja tarkistaa kappaleen.

Testi seuraa käyttäjän vaiheita.

ComponentLocator etsii kentän sen nimikkeen ja painikkeen tekstin perusteella.
UserInteraction kirjoittaa ja napsauttaa, joten painikkeen tapahtumankuuntelija todella suoritetaan.
verifyThat tarkistaa tekstin, jonka käyttäjä lukisi.

GreetingViewTest.java

@WebforjTest
class GreetingViewTest {

  @Test
  void shouldGreetTheNameTheUserTyped(WebforjTestbed context) {
    context.add(new GreetingView());

    var name = ComponentLocator.of(TextField.class).byLabel("Name").locate();
    var greet = ComponentLocator.of(Button.class).byText("Greet").locate();

    UserInteraction.type(name, "Ada");
    UserInteraction.click(greet);

    verifyThat(ComponentLocator.of(Paragraph.class).locate())
        .hasText("Hello, Ada!");
  }
}

Agentti lukee hyväksytyn tai hylätyn tuloksen.

Agentti suorittaa mvn test ja lukee tuloksen. Selainta ei avata eikä palvelinta käynnistetä.

Jos se epäonnistuu, viesti kertoo, mikä poikkesi, ja agentti tekee muutokset ja suorittaa sen uudelleen. Luettavissa olevan virheen agentti pystyy myös korjaamaan.

Arvauksen sijaan tarkastelet jo hyväksyttyä tulosta.

Pääte

$mvn test

GreetingViewTestshouldGreetTheNameTheUserTypedHyväksytty

Kun tarkistus epäonnistuu, viesti näyttää tältä.Expected TextField to have value <Grace> but it has <Ada>.Se kertoo komponentin tyypin, odotetun arvon ja todellisen arvon.

Vaihe 1/3

Osat

Kolme osaa silmukan takana

AI-laajennusPaketitMCP-palvelin Agentin taidot
TestBed
craftforJ Assistant

01 webforJ AI -lisäosa

Yhdellä asennuksella saat molemmat osat.

Lisäosa sisältää MCP-palvelimen ja Agent Skills -taidot. Yhdessä ne tekevät webforJ-käytäntöjä arvailevasta avustajasta niitä noudattavan.

Mainitse webforJ kehotteissasi. Se ohjaa avustajan lisäosaan yleisen Java-tietämyksen sijaan.

Asenna laajennus

Mihin se asennetaan

Claude CodeMarkkinapaikkakomento
GitHub Copilot CLIMarkkinapaikan komento
VS Code + CopilotChat: Asenna laajennus lähdekoodista
Gemini CLILaajennuksen asennus
OpenAI Codex CLIMarketplace-komento, sitten /plugins
Cursor, Kiro, Goose, Junie, AntigravityManuaalinen määritys

Mihin kehote pyrkii

Kääri tämä Custom Element -kirjasto webforJ-komponentiksi.Komponenttien luomisen taito
Tyylittele tämä näkymä DWC:n design-tokeneilla.Sovellusten tyylittelytaito
Luo runko uudelle webforJ-sivupalkkiprojektille nimeltä CustomerPortal.MCP-projektin luontityökalu
Luo teema brändiväristä #6366f1.MCP-teemageneraattori
Etsi webforJ-dokumentaatiosta @Route ja reititys.MCP-tietohaku

01a MCP-palvelin, osa tekoälylaajennusta

Avustaja tarkistaa oikean API:n sen sijaan, että yrittäisi muistella sitä.

Model Context Protocol on avoin standardi, jonka avulla tekoälyavustajat voivat kutsua ulkoisia työkaluja tarpeen mukaan. webforJ MCP -palvelin hakee vastaukset suoraan itse kehyksestä: dokumentaatiosta, design tokeneista, komponenttien tyylittelystä ja projektin rungon luonnista.

Validointi havaitsee kirjoitusvirheet ja keksityt tokenit ennen julkaisua, jotta CSS ei rikkoudu huomaamatta.

Katso, mihin palvelin pystyy

Valitse oikea webforJ-versio
Lukee pom.xml-tiedoston, jos se on saatavilla; muuten kysyy sinulta. Kaikki sen jälkeiset vastaukset koskevat versiotasi.
Hae tietoa tietämyskannasta
API-kysymys, opas, koodiesimerkki tai Kotlin DSL – vastaukset suoraan oikeasta ohjelmistokehyksestä.
Miten määritän reitityksen @Route-annotaatiolla webforJ:ssä?
Luo uuden projektin runko
Oikea Maven-archetype-komento hello-world-, blank-, tabs- tai sidemenu-vaihtoehdolle webforj- tai webforj-spring-versiona.
Luo webforJ-projekti nimeltä CustomerPortal sidemenu-arkkityyppiä käyttäen
Luo DWC-teema
Ensisijais-, onnistumis-, varoitus-, vaara-, tieto-, oletus- ja harmaapaletit yhdestä brändiväristä automaattisella tekstikontrastilla.
Luo webforJ-teema brändiväristä #6366f1.
Tyylittele DWC-komponentit oikein.
Tutustu CSS-muuttujiin, shadow part -osiin, heijastettuihin attribuutteihin ja slotteihin ennen CSS:n kirjoittamista.
Mitä CSS-muuttujia ja osia dwc-button tarjoaa?
Tarkista design-tokenit
Vertaa CSS:ää, Java-koodia tai Markdownia todelliseen --dwc-*-luetteloon ja ehdottaa korjauksia tuntemattomille nimille.
Tarkista app.css tuntemattomien --dwc-* -tunnisteiden varalta

Vain MCP-palvelin Claude Codessa

claude mcp add webforj-mcp https://mcp.webforj.com/mcp -t http -s user

Laajennus on suositeltu asennustapa. Tämä komento yhdistää vain palvelimeen osoitteessa https://mcp.webforj.com/mcp.

01b Agentin taidot, osa AI-laajennusta

Oikea työnkulku käsillä olevaan tehtävään

MCP-palvelin tarjoaa täsmällistä tietoa. Taito kertoo avustajalle, milloin tietoa kannattaa hakea, mikä toimintatapa sopii ja missä järjestyksessä asiat tehdään.

Taidot noudattavat avointa Agent Skills -standardia. Avustaja lataa sopivan taidon automaattisesti, kun kehotteesi vastaa sitä.

Selaa taitoja

webforj-adding-servlets
REST endpoints, webhooks ja custom servlets webforJ-käyttöliittymän rinnalla.
Lisää REST-päätepiste /api/orders.
webforj-building-forms
Tietojen sidonta, Jakarta-validointi, maskatut syötekentät ja responsiiviset lomakeasettelut.
Luo rekisteröitymislomake, joka on sidottu User-beaniini.
webforj-creating-components
Uudelleenkäytettäviä Java-komponentteja Custom Elements -elementeistä, JavaScript-kirjastoista tai yhdistelmistä.
Kokoa näistä webforJ-komponenteista uudelleenkäytettävä kortti.
webforj-handling-timers-and-async
Interval, Debouncer, Environment.runLater ja PendingResult suoraan käytettyjen ajastimien ja säikeiden sijaan.
Päivitä tämä koontinäyttö 30 sekunnin välein.
webforj-localizing-apps
Viestipaketit, kielen vaihtaminen ajon aikana ja selaimen kieliasetuksen tunnistus.
Lisää tuki englannin ja espanjan kielelle.
webforj-securing-apps
Kirjautuminen, uloskirjautuminen, roolipohjaiset käyttöoikeudet ja oletusarvoisesti suojatut reitit.
Suojaa /admin niin, että vain ADMIN-roolin käyttäjät voivat nähdä sen.
webforj-styling-apps
Teemat, paletit ja komponenttien tyylit – jokainen --dwc-*-tokeni validoitu.
Muuta sovelluksen teemaksi sininen väripaletti.
webforj-upgrading-versions
Pääversiopäivitykset virallisen webforj-rewrite OpenRewrite -reseptin avulla.
Päivitä tämä sovellus webforJ 25:stä webforJ 26:een.

02 TestBed

Selkeä hyväksytty/hylätty-tulos ilman selainta tai palvelinta

Näkymä toimii tavallisessa JUnit-testissä. Komponentit liitetään, ne laukaisevat tapahtumansa ja navigoivat aivan kuten käynnissä olevassa sovelluksessa.

Jokainen vuorovaikutus päättyy ennen testin seuraavan rivin suorittamista, joten odottelua tai satunnaisia virheitä ei esiinny. Spring Boot -sovellukset käyttävät webforj-spring-testbed-moduulia.

Lue TestBed-opas

EtsiComponentLocator
Kuvaa komponentin tavalla, jolla käyttäjä tunnistaa sen: tyypin ja näytettävän sisällön perusteella.
ToimiUserInteraction
Suorittaa vain toimintoja, joita käyttäjä voi tehdä. Käytöstä poistetun painikkeen napsauttaminen aiheuttaa testin epäonnistumisen.
TarkistaverifyThat
Tarkistaa, mitä käyttäjä näkee, ja virheessä ilmoitetaan komponentti sekä molemmat arvot.

pom.xml

<dependency>
  <groupId>com.webforj</groupId>
  <artifactId>webforj-testbed-junit</artifactId>
  <scope>test</scope>
</dependency>

Versio tulee webforJ BOM:sta. Archetypestä luotu projekti tuo sen jo valmiiksi.

03 craftforJ Assistant

Koodausagentti käynnissä olevassa sovelluksessa

Se kirjoittaa Javaa vapaasti, kääntää jokaisen muutoksen ennen kuin näet sen ja ottaa sen käyttöön käynnissä olevassa sovelluksessa. Muutoksen käyttöönotto käynnistää sovelluksen uudelleen, ja agentti jatkaa suunnitelmaansa, kun sovellus on taas käynnissä.

Se toimitetaan webforJ:n mukana, joten mitään ei tarvitse asentaa. craftforJ ei sisällä omaa mallia: lisää tuetun palveluntarjoajan API-avain tai määritä paikallisesti Ollamalla ajettava malli.

Tutustu avustajaan

Asuu kohteessa: TekoälylisäosaEditorisi; craftforJ AssistantKäynnissä oleva sovellus
Lukee: TekoälylisäosaLähdetiedostosi; craftforJ AssistantSovelluksesi livenä oikeilla arvoilla
Vahvistaa käyttäen: TekoälylisäosaSeuraava koontisi; craftforJ AssistantJokainen muutos käännetään ennen kuin näet sen.
Sopiiartunut: TekoälylisäosaUuden rakentaminen alusta alkaen; craftforJ AssistantEdessäsi olevan sovelluksen ymmärtäminen, korjaaminen ja prototypointi

craftforJ-avustaja kysyy ennen toimintaansa suoraan keskustelussa, jossa vaihtoehtoina ovat Käytä, Salli keskustelussa ja Hylkää. — Avustaja kysyy ennen toimintaansa suoraan keskustelussa.

webforj.conf

webforj.debug = true
webforj.devtools.craftforj.enabled = true

craftforJ toimii vain kehitystilassa. Avaa se painamalla Alt + Shift + D ja siirry AI Assistant -välilehdelle.

Näin pääset alkuun

Pyydä yksi näyttö, jossa on testi

Valitse näyttö, jonka muuten rakentaisit käsin tällä viikolla. webforJ on täyden pinon Java-kehys yritysten verkkosovelluksiin: rakennat koko sovelluksen, myös näytöt, Javalla.

Asenna laajennus

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

2
Luo projektirunko tai avaa webforJ-projekti
Pyydä projektia MCP-palvelimelta tai avaa jo olemassa oleva.
3
Pyydä näkymä ja sen TestBed-testi yhdellä kehotteella
Kuvaile haluamaasi toimintaa, jotta testi voi varmistaa sen.
4
Suorita mvn test ja lue tulos

Kolme tapaa, joilla agenttien rakentama Java voi rikkoutua, ja tarkistus kuhunkin

Kirjoita, tarkista, arvioi

Näkymä on Java-luokka, jolla on reitti.

Kolme osaa silmukan takana

Yhdellä asennuksella saat molemmat osat.

Mihin se asennetaan

Mihin kehote pyrkii

Avustaja tarkistaa oikean API:n sen sijaan, että yrittäisi muistella sitä.

Valitse oikea webforJ-versio

Hae tietoa tietämyskannasta

Luo uuden projektin runko

Luo DWC-teema

Tyylittele DWC-komponentit oikein.

Tarkista design-tokenit

Oikea työnkulku käsillä olevaan tehtävään

Selkeä hyväksytty/hylätty-tulos ilman selainta tai palvelinta

Koodausagentti käynnissä olevassa sovelluksessa

Pyydä yksi näyttö, jossa on testi

Asenna laajennus

Luo projektirunko tai avaa webforJ-projekti

Pyydä näkymä ja sen TestBed-testi yhdellä kehotteella

Suorita mvn test ja lue tulos

Suorita `mvn test` ja lue tulos