据我了解您的问题:
它可以通过不同的方式完成,我将尝试用两种简单的方式来解释。
使用 javascript - 客户端或
使用 java - 服务器端。
基本上每次您的用户按“提交”时,您都会将 html 表单发送到服务器,服务器会将一些新数据插入/更新到数据库中。现在您必须再次表示数据库中的数据。
使用 javascript + java :
每次您的用户按下提交时,您都会向服务器发送一个 AJAX 请求。使用 AJAX,您可以将表单数据发送到服务器,在您将表单数据发送到服务器后,您需要等待服务器的答复。
所以现在你的服务器必须将数据添加到数据库中,如果成功的话。
从数据库中获取所有数据,并响应客户端。
客户端必须获取数据。
获取数据后,您必须使用新数据更改 html 文档。
用java:
如果你只使用 java,你可以用提交按钮发送你的 html 表单数据。
当服务器向数据库添加数据时,您必须重新编写 html 页面,该页面现在将包含数据库中的所有数据。我建议使用 JSP(Java Server Pages)。
这两种方法的区别:
使用 javascript + java :用户按下提交按钮后,您不必刷新页面。你甚至可以做一些动画,同时等待数据从服务器返回。
使用 java(JSP):每次您的用户按下提交按钮时,您都必须刷新整个页面:这是旧方法。
只有java:
小服务程序:
if(request.getParameter("formData"))!=null) {
//databaseSaving logic;
}
//now when it's saved, you have to get the all data, and add it to page scope, so JSP page can access to the data
request.setAttribute("dataName",data);
response.sendRedirect("index.jsp")
jsp:
//for example
//jstl and expression language
<c:forEach items="${data}" var="dataName">
<a href="details?id=${Zaposlenik.getId()}">
${dataName.getId()}
${dataName.getName()}
${dataName.getAge()}
</a>
<br />
</c:forEach>
或者你可以使用脚本
<%
//write the same code as you have written in basic java classes.
%>
javascript + java:
javascript:
这只是基本的 ajax 教程。
http://www.w3schools.com/ajax/
java:
您可以再次为此组合 servlet 和 jsp。
小服务程序:
同上。
jsp:
<table>
</table>
你可以把你的javascript放在jsp中。
<script>
//when user press submit, send request
//after your server respons with data
//change with javascript the html in jsp
</script>
我希望我有所帮助。试图解释逻辑,而不是代码。你总是可以用谷歌搜索一些例子。