prikaz prve stranice dokumenta Razvoj web aplikacije korištenjem razvojnog okvira Spring Boot i React.js biblioteke
Access restricted to authenticated users
master's thesis
Razvoj web aplikacije korištenjem razvojnog okvira Spring Boot i React.js biblioteke
2021. urn:nbn:hr:179:278569
Đapić, Nikolina
University of Split
Faculty of Electrical Engineering, Mechanical Engineering and Naval Architecture
Department of Electronics and Computing

Cite this document

Đapić, N. (2021). Razvoj web aplikacije korištenjem razvojnog okvira Spring Boot i React.js biblioteke (Master's thesis). Retrieved from https://urn.nsk.hr/urn:nbn:hr:179:278569

Đapić, Nikolina. "Razvoj web aplikacije korištenjem razvojnog okvira Spring Boot i React.js biblioteke." Master's thesis, University of Split, Faculty of Electrical Engineering, Mechanical Engineering and Naval Architecture, 2021. https://urn.nsk.hr/urn:nbn:hr:179:278569

Đapić, Nikolina. "Razvoj web aplikacije korištenjem razvojnog okvira Spring Boot i React.js biblioteke." Master's thesis, University of Split, Faculty of Electrical Engineering, Mechanical Engineering and Naval Architecture, 2021. https://urn.nsk.hr/urn:nbn:hr:179:278569

Đapić, N. (2021). 'Razvoj web aplikacije korištenjem razvojnog okvira Spring Boot i React.js biblioteke', Master's thesis, University of Split, Faculty of Electrical Engineering, Mechanical Engineering and Naval Architecture, accessed 27 March 2023, https://urn.nsk.hr/urn:nbn:hr:179:278569

Đapić N. Razvoj web aplikacije korištenjem razvojnog okvira Spring Boot i React.js biblioteke [Master's thesis]. Split: University of Split, Faculty of Electrical Engineering, Mechanical Engineering and Naval Architecture; 2021 [cited 2023 March 27] Available at: https://urn.nsk.hr/urn:nbn:hr:179:278569

N. Đapić, "Razvoj web aplikacije korištenjem razvojnog okvira Spring Boot i React.js biblioteke", Master's thesis, University of Split, Faculty of Electrical Engineering, Mechanical Engineering and Naval Architecture, Split, 2021. Available at: https://urn.nsk.hr/urn:nbn:hr:179:278569

Please login to the repository to save this object to your list.
Metadata
TitleRazvoj web aplikacije korištenjem razvojnog okvira Spring Boot i React.js biblioteke
Title (english)Building web application with Spring Boot framework and React.js library
AuthorNikolina Đapić
MentorAnte Kristić (mentor)
GranterUniversity of Split
Faculty of Electrical Engineering, Mechanical Engineering and Naval Architecture
(Department of Electronics and Computing)
Split
Defense date and country2021-07-22, Croatia
Scientific / art field,
discipline and subdiscipline		TECHNICAL SCIENCES
Computing
Abstract
Web aplikacije su bitan dio današnjice i ljudi ih svakodnevno koriste. Gledajući njihovu osnovnu arhitekturu, web aplikacije je moguće podijeliti na nekoliko osnovnih dijelova od kojih se sastoje. To su sučelje, web server i baza podataka. Sve te dijelove potrebno je uskladiti kako bi mogli međusobno komunicirati i činiti funkcionalnu cjelinu. Dio web aplikacije koji se brine o logici aplikacije i obrađuje zahtjeve koji dolaze od klijenta naziva se pozadinskom aplikacijom. Ona se nalazi na web serveru i komunicira sa sučeljem, kao i s bazom podataka. Pozadinsku aplikaciju moguće je razviti korištenjem raznih programskih jezika, a u ovom radu korišten je programski jezik Java, zajedno s njegovim razvojnim okvirom Spring, odnosno Spring Boot. Spring Boot je zapravo proširenje razvojnog okvira Spring i posebno je pogodan kod izrade web aplikacija. Korištenjem navedenih razvojnih okvira programeru se omogućava da se fokusira na izradu logike aplikacije, a ne na dugotrajno postavljanje osnovne konfiguracije. Time se uvelike skraćuje vrijeme razvoja i izbjegava se mogućnost pogreške. Nadalje, u Springu se omogućuje korištenje H2 baze podataka ugrađene u memoriju i istu se može koristiti bez uređivanja posebnih postavki. Pozadinska aplikacija tada komunicira s navedenom bazom i upravlja potrebnim podacima na željeni način. S druge strane, da bi se aplikaciju moglo koristiti na jednostavan način prilagođen korisnicima, potrebno je izraditi sučelje. Njime se vizualno prikazuju mogućnosti koje su dostupne korisniku. Za izradu sučelja u ovom radu korištena je biblioteka React.js, koja se temelji na JavaScript jeziku. Njome se omogućava brzo i jednostavno izrađivanje responzivnih i interaktivnih korisničkih sučelja. React biblioteka također skraćuje vrijeme rada programera i pri njenom korištenju uvijek je moguće dodati i druge biblioteke koje su potrebne. Primjeri takvih biblioteka su Redux i Redux Saga. Redux služi za centralizirano kontroliranje stanja komponenti sučelja i na taj način omogućava pregledniji rad, a Redux Saga se koristi kod mijenjanja stanja na asinkroni način, što primjerice uključuje dohvat podataka s pozadinske aplikacije.
Abstract (english)
Web applications are an important part of everyday life and people use it daily. By looking at their basic architecture, they can be divided into few basic parts. Those parts are user interface, web server and database. They have to coordinate together in order to be a functional whole. A part of web application that takes care of application logic and processes requests from the client is called the backend. Backend application is placed in a web server and it communicates with the user interface, as well as the database. Backend can be developed by using various programming languages. Java was selected here, along with its framework Spring and Spring Boot. Spring Boot is actually an extension of Spring framework and it is very suitable for developing web applications. When using these frameworks, a developer is able to focus on building the application logic, instead of spending a lot of time for setting the configuration. That results in reducing the development time and avoiding the possibility of errors. Furthermore, Spring enables the usage of H2 in-memory database without making some additional settings. Backend application can thus communicate with said database and manipulate data the way it needs. On the other hand, it is needed to have a user interface in order to simplify the usage of the web application for the user. It visually shows all web application options available. Here, React.js library was used to develop user interface. React is based on JavaScript language and it provides fast and simple development for a responsive and interactive user interface. It also reduces development time and enables adding additional libraries such as Redux and Redux Saga. Redux is used for controlling the components’ state from a one place, which means that the state is centralized. That provides a clearer way of working. Redux Saga is used for changing the state asynchronously, for example to fetch data from backend.
Keywords
Keywords (english)
Languagecroatian
URN:NBNurn:nbn:hr:179:278569
Study programmeTitle: Computing
Study programme type: university
Study level: graduate
Academic / professional title: magistar/magistra inženjer/inženjerka računarstva (magistar/magistra inženjer/inženjerka računarstva)
Type of resourceText
File originBorn digital
Access conditionsAccess restricted to authenticated users
Terms of useLicence In copyright icon
Created on2021-12-01 09:58:11