Treća laboratorijska vježba

U trećoj laboratorijskoj vježbi potrebno je napraviti GUI klijent pomoću kojega je moguće pregledavati podatke u zvjezdastoj strukturi. Tehnologija za izvedbu je proizvoljna.

O implementaciji

Laboratorijska vježba implementirana je pomoću Spring Boot-a u razvojnom okruženju Intelij IDEA. Dodatno, korišten je React framework za jednostavni prikaz i generiranje HTML-a koji je uređen pomoću CSS-a. Projekt zahtjeva korištenje i instaliranje potrebnih biblioteka putem naredbe npm install.

Tehnologije korištene za implementaciju

Frontend

• CSS
• HTML5
• React
• Typescript

Backend

• Java
• Spring

Alati

Visual Studio Code

Intelij

Git

Upute za pokretanje

Radno okruženje

Za radno okruženje korišteni su Intelij IDEA (backend) i Visual Studio Code (frontend)

• kloniranje ili preuzimanje projekta
• Otvaranje projekta unutar VSCode i Intelij IDEA odabirom odgovarajućeg direktorija

Pokretanje projekta

Frontend

• pozicionirati se unutar /dz3/frontend direktorija
• upisati naredbu ls koja će ispisati sve datoteke koje se nalaze u trenutnom direktoriju
• u slučaju da prethodna naredba nije ispisala node_modules, upisati naredbu npm install
• pokrenuti aplikaciju pomoću naredbe npm start

Backend

• pozicionirati se unutar /dz3/posint/src/main/java direktorija
• locirati PosintApplication.java
• odabrati opciju Load Maven build script
• odabrati opciju Setup SDK i postaviti na Java 21
• Pokrenuti PosintApplication.java

Napomene

• Projekt koristi datoteku application.properties dostupnu u /dz3/posint/src/main/java/resources pomoću koje se aplikacija povezuje na bazu podataka pokrenutu u SQL Server Managment Studio aplikaciji
• Potrebno je u SQL Server Managment Studio aplikaciji pronaći i:
  • promijeniti naziv baze podataka tj. databaseName
    • spring.datasource.url=jdbc:sqlserver://localhost:1433;databaseName=imeBaze;trustServerCertificate=true
  • promijeniti ime korisnika tj. username
    • spring.datasource.username = imeKorisnika
  • promijeniti lozinku korisnika tj. password
    • spring.datasource.password = lozinkaKorisnika

Pregled funkcionalnosti

Pregled činjeničnih tablica

Pregled dimenzija i mjera

Pregled generiranja upita za odabrane atribute

Pregled izvršavanja generiranog upita