在Maven项目中，在html页面中提交表单数据，查询同一个html页面中所展示的人物数据实现数据回显和模糊查询的功能

首先，你需要在html页面中创建一个表单，其中包含要提交的查询参数，如下所示：

<form method="get" action="">
  <input type="text" name="search" placeholder="Search...">
  <button type="submit">Search</button>
</form>

在这个表单中，我们使用了一个文本框和一个提交按钮，文本框的名称为“search”，用于接收用户输入的查询参数。

然后，你需要在同一个html页面中展示人物数据，并根据用户提交的查询参数进行数据回显和模糊查询。你可以使用JavaScript来实现这个功能，代码如下：

// 获取表单元素和人物数据元素
const form = document.querySelector('form');
const characters = document.querySelectorAll('.character');

// 监听表单提交事件
form.addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  const search = form.elements.search.value; // 获取用户输入的查询参数
  characters.forEach(function(character) {
    if (character.textContent.includes(search)) {
      character.style.display = 'block'; // 显示匹配的人物数据
    } else {
      character.style.display = 'none'; // 隐藏不匹配的人物数据
    }
  });
});

在这个代码中，我们首先获取了表单元素和人物数据元素，然后监听了表单的提交事件。当用户提交表单时，我们获取了用户输入的查询参数，并遍历所有人物数据元素，在其中查找是否包含查询参数。如果包含查询参数，则显示对应的人物数据，否则隐藏不匹配的人物数据。

最后，你需要在html页面中展示人物数据，如下所示：

<div class="character">Luffy</div>
<div class="character">Zoro</div>
<div class="character">Sanji</div>
<div class="character">Nami</div>
<div class="character">Usopp</div>
<div class="character">Chopper</div>
<div class="character">Robin</div>
<div class="character">Franky</div>
<div class="character">Brook</div>

在这个代码中，我们使用了一个class为“character”的div元素来展示人物数据。

综上所述，通过以上的步骤，你就可以在Maven项目中，在html页面中提交表单数据，查询同一个html页面中所展示的人物数据实现数据回显和模糊查询的功能了。