首先,你需要在后端查询数据库中符合条件的数据,即当天的前三天数据,然后将这些数据传递到前端页面。

在前端页面中,你可以使用Thymeleaf模板引擎来展示这些数据。对于只能显示而不能修改删除的数据,你可以使用Thymeleaf的条件判断语句来实现,比如:

<tr th:each="data : ${datas}">
   <td th:text="${data.date}"></td>
   <td th:text="${data.content}" th:if="${data.date >= #dates.format(#dates.createNow().minusDays(3), 'yyyy-MM-dd')}"></td>
   <td th:text="${data.content}" th:unless="${data.date >= #dates.format(#dates.createNow().minusDays(3), 'yyyy-MM-dd')}"></td>
   <td th:if="${data.date >= #dates.format(#dates.createNow().minusDays(3), 'yyyy-MM-dd')}">
      <a th:href="@{'/delete/' + ${data.id}}">删除</a>
   </td>
   <td th:unless="${data.date >= #dates.format(#dates.createNow().minusDays(3), 'yyyy-MM-dd')}">
      <span>不可操作</span>
   </td>
</tr>

在这个例子中,我们使用Thymeleaf的条件判断语句来判断数据的日期是否在当天的前三天内,如果是,则显示数据的内容和删除按钮,否则则显示“不可操作”提示。

对于修改操作,你可以使用JavaScript来实现,比如在点击“修改”按钮时,弹出一个模态框来展示当前数据的详细信息,并且可以修改后保存到后端数据库中。

总之,你需要在前端页面中使用Thymeleaf和JavaScript来实现日报填写页面的展示和操作。同时,你还需要在后端使用Spring Boot和JPA来实现数据的查询、修改和删除操作

如何实现日报填写前端页面只实现含当天的前三天数据的修改删除操作按钮其他数据显示但不能修改删除后端用spring boot+jpa前端用thymeleaf

原文地址: https://www.cveoy.top/t/topic/eXMn 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录