Converting database format to java

[Bobo King]

I am currently working on my backend part for my React web application. I have created my project as maven and from there created the web folder with ReactJS. So I have my backend part in src and frontend in the web folder.

I have some challenges with my backend part which is in the programming language java. I am in the process of developing it so that it cooperates with my frontend.

My Backend (Order.java) looks like this:

package model;

import com.fasterxml.jackson.annotation.JsonIgnore;
import jakarta.persistence.*;
import lombok.*;

import java.lang.reflect.Array;

@Entity
@Table(name="DBOrder") //!!WATCH out this is a reserved name!
@Getter
@Setter
@Builder
@ToString
@RequiredArgsConstructor
@AllArgsConstructor
public class Order {
    @Id @GeneratedValue
    @Column
    private int id;
    @Column
    private String menu;
    @Column
    private int amount;
    @Column
    private int price;

    /*@Column - Gives me error...
    private int[] orderedFoodProducts = new int[]{ id, Integer.parseInt(menu), amount, price };*/

    /*@Column @JsonIgnore
    private String hash;*/
}

I'm working on programming my backend api to display my data like this:

{"-N297rpnJO0Yo8Vni05n":{"orderedItems":[{"amount":1,"id":"food1","menu":"Sushi","price":19.99}]}

I have tried and created an array called orderedItems with various values. But I just can't get it to make sense. I've tried to do this, but it doesn't work.

@Column - Gives me error...
private int[] orderedItems = new int[]{ id, Integer.parseInt(menu), amount, price };

The code above gives me error, I've no idea why it should.

Can someone help me converting the format to java code?

Trying to get my backend api to work. I just need to make so my backend prints the data as the format shown above.

[Jeanne Boyarsky]

What is the exact error message you are getting? Can you show the context of the code (that shows the three variables you reference)?

[Bobo King]

Jeanne Boyarsky wrote:What is the exact error message you are getting? Can you show the context of the code (that shows the three variables you reference)?

POST http://localhost:8080/api/orders net::ERR_ABORTED 415.
Failed to load resource: the server responded with a status of 415 ().

[Bobo King]

Tim Cooke wrote:Please don't edit your posts after replies have been made as it makes it look like the other participants in the conversation haven't read your question properly and makes their post look like nonsense.

Conversations go forwards in time, so answer questions and add more information as a replies.

Thanks for info, will do.

[Bobo King]

Jeanne Boyarsky wrote:What is the exact error message you are getting? Can you show the context of the code (that shows the three variables you reference)?

Here's the error from the console:

POST http://localhost:8080/api/orders net::ERR_ABORTED 415.
Failed to load resource: the server responded with a status of 415 ().

The code above gives me error 415. I've found out that 415 error means unsupported Media Type client error response code indicates that the server refuses to accept the request because the payload format is in an unsupported format. So it might be with the format I am sending from my backend and my frontend has another format, is that correct?

Here's how I am using the POST request in my frontend:

const submitOrderHandler = async (event) => {
    //e.preventDefault();
    //console.log(data);
    let token = await fetch("http://localhost:8080/api/orders", {
        "headers" : {
            'Accept': 'application/json',
            'Content-Type': 'application/json'
        },
        mode: "no-cors",
        "method": "POST",
        "body": JSON.stringify({
            amount : cartCtx.foodProducts.amount,
            foodID : cartCtx.foodProducts.id,
            menu : cartCtx.foodProducts.menu,
            price : cartCtx.foodProducts.price
            //orderedItems: cartCtx.foodProducts
        })
    })
    if (token != null) {
        setIsSending(false);
        setDidSend(true);
    } else {
        setErrorMessage({name: "invalid..."});
        renderErrorMessage()
    }
};

Here's my context:

let ContextOfBasket = React.createContext({
    foodProducts: [],
    totalAmount: 0
});