Integracja ReactJS i Spring Framework.

Na mojej platformie pojawiły się pierwsze warsztaty programistyczne, dotyczą one integracji Springa z ReactJS. Czym są warsztaty programistyczne? Są to krótkie kursy (ten trwa dwie godziny z niewielkim hakiem) koncentrujące się na jednym, konkretnym zagadnieniu. W tym wypadku jest to zestawienie komunikacji pomiędzy częścią serwerową w Javie, a front-endem w JavaScript i oprogramowanie operacji z rodziny Create, Read, Update, Delete.


Tworzymy więc aplikację serwerową opartą na frameworku Spring oraz aplikację internetową z użyciem biblioteki ReactJS. Za pomocą API typu REST integrujemy je ze sobą, tak by stanowiły całość i stanowiły odbicie realnej aplikacji z jakimi przyjdzie Ci pracować.

  • Tworzymy aplikację serwerową z użyciem Spring Framework
  • Tworzymy obiekt domenowy i repozytorium
  • Za pomocą RestControllera nasłuchujemy na żądania HTTP
  • Implementujemy obsługę metod GET, POST, PUT, DELETE
  • Wyciągamy dane z adresu URL na jaki przyszedł request, jak i wyciągamy dane z jego samego.
  • Konfigurujemy CORS, by umożliwić komunikację z front-endem
  • Tworzymy aplikację internetową w ReactJS
  • Z poziomu JavaScript łączymy się z częścią serwerową
  • W bonusie poprawiamy wygląd naszej strony za pomocą react-bootstrap

Do warsztatów można dołączyć pod tym linkiem.

Architektura warstwowa w praktyce w Spring Framework

W ostatnich dwóch częściach mini-serii o architekturze opisałem czym są obiekty domenowe, dto oraz jak wygląda architektura trójwarstwowa/wielowarstwowa.

Warto pokazać kod takiej aplikacji. Użyjemy do tego frameworka Spring, który jest najpopularniejszym frameworkiem w świecie Javy.

Czytaj dalej Architektura warstwowa w praktyce w Spring Framework

Architektura trójwarstwowa

Architektura trójwarstwowa dzieli program na trzy osobne części, mianowicie:

  • warstwa prezentacji
  • warstwa biznesowa (zwana również warstwą logiki biznesowej)
  • warstwa danych (persystencji, utrwalania danych).

W praktyce warstwa prezentacji to po prostu interfejs użytkownika. Może to być standardowy interfejs graficzny, może to być strona internetowa, czy też prosty interfejs tekstowy.

Czytaj dalej Architektura trójwarstwowa