Web中常见的几种前端与后端交互数据的方式---servlet表格--layUI表格--thymeleaf表格

本文链接：https://blog.youkuaiyun.com/qq_43520913/article/details/107134212

本文介绍了三种在Web应用中前端与后端交互数据的方式，包括servlet+jsp、layui表格数据填充和thymeleaf表格展示。分别阐述了servlet如何将数据库数据传递到前端，layui表格的JavaScript渲染以及thymeleaf模板引擎在HTML中的数据处理。示例代码详尽，涵盖了数据获取、页面跳转、表格渲染等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果傘皮不能用代码改变世界，那就改变自己就好了~
请把您的赞留给大神们，把下次一定留给俺，俺下次一定好好写（^ 狗头 ^）~

文章目录

一：servlet+jsp传数据

（1）servlet代码

将数据从数据库取得数据后，主要用到 request.getSession().setAttribute(“data”,data);
response.sendRedirect(“success.jsp”);
这两句代码进行将数据传到前台，和进行页面的跳转

@WebServlet("/GradeServlet")
public class GradeServlet extends HttpServlet {
   

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
   
        request.setCharacterEncoding("UTF-8");
        String s=request.getParameter("search");
        List data;
        Service service = new Service();
        if(s.equals("查询")) {
   
            data = service.getSql(request.getParameter("name"));
        }else {
   
            data=service.getSql();
        }
        request.getSession().setAttribute("data",data);
        response.sendRedirect("success.jsp");
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
   
        doPost(request,response);
    }
}

（2）jsp代码

在jsp里通过写java代码，将数据取出来后，利用for循环将数据遍历取出来，主要通过 < td>< % =grade.getStudent_number() %>< /td>这句代码将其取出。其中grade是一个实体类，有get，set方法

<table style="margin: auto ">
    <caption>成绩查询结果</caption>
   <tr>
       <th>学号</th>
       <th>姓名</th>
       <th>数学</th>
       <th>英语</th>
       <th>计算机原理</th>
       <th>C语言</th>
       <th>java</th>
       <th>Android</th>
       <th>算法</th>
       <th>平均成绩</th>
   </tr>
    <%
        if( request.getSession().getAttribute("data")!=null){
   
        List data= (List) request.getSession().getAttribute("data");
        for(int i=0;i<data.size();i++){
   
            Grade grade= (Grade) data.get(i);

    %>
    <tr>
        <td>