JPA如何为多对多关系建立前端(xhtml)和后端?

我正在制作一个小型JSF项目,使用JPA about book store。与作者和书有关系。我的意思是一本书可以由多个作者写,一个作者可以写不止一本书。

我在java类上建立(或试图建立)这种关系。但我很困惑如何增加一本书与不止一个作家。如何将它们添加到数据库中。

到目前为止,我已经做了一些代码部分。 图书.java:

public class Book {
    ...
@ManyToMany(cascade = CascadeType.ALL)
private List<Author> authorsOfBooks = new ArrayList<>();
    ...
 }

编写器.java:

public class Author {
    ...
    @ManyToMany(mappedBy = "authorsOfBooks")
    private List<Book> booksOfAuthor = new ArrayList<>();
    ...
    }

以及books.xhtml文件:

 <p:panelGrid columns="2">   
 Book Name : <h:inputText value="#{BookBean.book.bookName}" />
 Author Names : <h:inputText value="#{BookBean.book.author}" />
 </p:panelGrid>

我真不知道该怎么办。因为“BookBean.book.author作者“实际上是一个列表,我不能作为普通类型键入和添加数据。