Revize ff054af2

new: #10050 Vytvořit ReactJS strukturu; created dummy controller and ReactJS module. Tested controller call

src/main/java/cz/zcu/fav/kiv/antipatterndetectionapp/v2/config/WebConfig.java

@@ +1 @@
+package cz.zcu.fav.kiv.antipatterndetectionapp.v2.config;
+
+import org.springframework.context.annotation.Bean;
+import org.springframework.stereotype.Component;
+import org.springframework.web.servlet.config.annotation.CorsRegistry;
+import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
+
+@Component
+public class WebConfig {
+
+    @Bean
+    public WebMvcConfigurer corsConfigurer() {
+        return new WebMvcConfigurer() {
+            @Override
+            public void addCorsMappings(CorsRegistry registry) {
+                registry.addMapping("/**").allowedOrigins("*");
+            }
+        };
+    }
+
+}

src/main/java/cz/zcu/fav/kiv/antipatterndetectionapp/v2/controller/MainController.java

@@ +1 @@
+package cz.zcu.fav.kiv.antipatterndetectionapp.v2.controller;
+
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+@RestController
+@RequestMapping("/v2")
+public class MainController {
+
+    @GetMapping(value = "/testCall", produces = "application/json")
+    public ResponseEntity<String> TestController() {
+        String response = "{\"response\": \"successfully called\"}";
+
+        return ResponseEntity.ok().body(response);
+    }
+
+}

ui/src/App.tsx

@@ -1 +1 @@
 import React from 'react';
-import logo from './logo.svg';
-import './App.css';
+import { useState, useEffect } from 'react';
+import axios from 'axios'
+
+const App = () => {
+
+  let [data, setData] = useState(null);
+  let [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+      setLoading(true);
+
+      axios
+          .get("http://localhost:8080/v2/testCall")
+          .then((result) => {
+              setData(result.data.response);
+              setLoading(false);
+          })
+          .catch((error) => console.log(error));
+  }, []);
+
+    if (loading) {
+        return <p>Loading...</p>
+    }
+
 
-function App() {
   return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.tsx</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
-    </div>
+      <div className="container">{data}</div>
   );
-}
+};
+
 
 export default App;