Prompt for the LochView

Please create a React-JS view called "LochView" for the fields of the Loch entity. The LochView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: Golfplatz   type: Golfplatz 
    - name: LaengeMeter   type: LONG 
    - name: Name   type: STRING 
    - name: Nummer   type: LONG 
    - name: Par   type: LONG 
    - name: Vorgabe   type: LONG 
The data source for the [Golfplatz] select control should be loaded from the relative URL: 
    "/GolfplatzService/golfplatz"   (HTTP-GET) 
An existing Loch entity should be loaded from the relative URL: 
    "/LochService/loch/{id}"   (HTTP-GET) 
If a new Loch entity has been created, the new entity should be posted to the relative URL: 
    "/LochService/loch"   (HTTP-POST) 
If an existing Loch entity has been updated, the modified entity should be sent to the relative URL: 
    "/LochService/loch/{id}"   (HTTP-PUT) 
If an existing Loch entity has to be deleted, the following relative URL should be called: 
    "/LochService/loch/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Abschlag columns: 
    - column: Geschlecht 
    - column: Name 
    - column: LaengeMeter 
    - column: Loch 
    - column: Farbe 
The table should have the title "Abschlags" und the data must be loaded from the server with the following relative URL: 
    "/AbschlagService/abschlag/loch/{id}" 
Add a HTML table to the view with the following Rough columns: 
    - column: Grasart 
    - column: Beschreibung 
    - column: Loch 
    - column: Typ 
    - column: Pflegegrad 
The table should have the title "Roughs" und the data must be loaded from the server with the following relative URL: 
    "/LochService/rough/loch/{id}" 
Add a HTML table to the view with the following Fairway columns: 
    - column: BreiteMeter 
    - column: LaengeMeter 
    - column: GefaelleBeschreibung 
    - column: Loch 
    - column: HatDogleg 
    - column: Grasart 
The table should have the title "Fairways" und the data must be loaded from the server with the following relative URL: 
    "/TurnierService/fairway/loch/{id}" 
Add a HTML table to the view with the following Wasserhindernis columns: 
    - column: Geschuetzt 
    - column: Loch 
    - column: Seitlich 
    - column: PositionBeschreibung 
    - column: Typ 
The table should have the title "Wasserhinderniss" und the data must be loaded from the server with the following relative URL: 
    "/GolfplatzService/wasserhindernis/loch/{id}" 
Add a HTML table to the view with the following Bunker columns: 
    - column: Loch 
    - column: FlaecheQm 
    - column: PositionBeschreibung 
    - column: Typ 
    - column: IstTopfbunker 
The table should have the title "Bunkers" und the data must be loaded from the server with the following relative URL: 
    "/LochService/bunker/loch/{id}" 
Add a HTML table to the view with the following Gruen columns: 
    - column: Stimpwert 
    - column: UmgebungBeschreibung 
    - column: FlaecheQm 
    - column: Grasart 
    - column: Loch 
    - column: Mehrstufig 
The table should have the title "Gruens" und the data must be loaded from the server with the following relative URL: 
    "/LochService/gruen/loch/{id}"

Overview

My API

System Designs