JavaWebApp—从MySQL表中获取结果并在web上显示的最佳方法_Java_Web Applications

JavaWebApp—从MySQL表中获取结果并在web上显示的最佳方法

java web-applications

JavaWebApp—从MySQL表中获取结果并在web上显示的最佳方法,java,web-applications,Java,Web Applications,我正在创建一个简单的web应用程序，我的主要目标是从MySQL中的表中检索记录，并在web上显示结果（前端）我用Intellij编写了一个简单的程序，其中我的index.jsp如下所示： <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/a

我正在创建一个简单的web应用程序，我的主要目标是从MySQL中的表中检索记录，并在web上显示结果（前端）

我用Intellij编写了一个简单的程序，其中我的index.jsp如下所示：

<head>

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <style>
    body {
      font-family: Arial;
    }

    * {
      box-sizing: border-box;
    }

    form.example input[type=text] {
      padding: 10px;
      font-size: 17px;
      border: 1px solid grey;
      float: left;
      width: 80%;
      background: #f1f1f1;
    }

    form.example button {
      float: left;
      width: 20%;
      padding: 10px;
      background: #2196F3;
      color: white;
      font-size: 18px;
      border: 1px solid grey;
      border-left: none;
      cursor: pointer;
    }

    form.example button:hover {
      background: #0b7dda;
    }

    form.example::after {
      content: "";
      clear: both;
      display: table;
    }
    #result{
      padding-top: 30px;
      width:40%;
      float:left;
      position:relative;
      left:35%;

    }

    ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #333;
    }

    li {
      float: left;
    }

    li a {
      display: block;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }

    li a:hover {
      background-color: #111;
    }

    li a:active{

    }


  </style>



  <title>File Queue table</title>
  <body>
  <h1>Simple File Queue table</h1>



  </body>

<script>

  function queue_display(){




  }






</script>




</html>

web.xml：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">


    <servlet>
        <description></description>
        <display-name>Servlet</display-name>
        <servlet-name>MyServlet</servlet-name>
        <servlet-class> MyServlet</servlet-class>

    </servlet>

    <servlet-mapping>
        <servlet-name>MyServlet</servlet-name>
        <url-pattern>/Servlet</url-pattern>
    </servlet-mapping>


</web-app>


Servlet
MyServlet
MyServlet
MyServlet
/Servlet

我不熟悉web应用程序，有没有一种有效的方法可以从表中检索记录并在前端显示，而不必使用servlet？

@DareDevil您可以通过ajax调用从数据存储中获取记录。虽然表单提交是从jsp进行后端调用的另一种选择，但如果您需要在不重新加载页面的情况下加载内容，请使用ajax。希望这能有所帮助。

web应用程序……高效的方式……如果不首先使用servlet，servlet是java web应用程序编程的主要工具，为什么您不想使用它们呢？接下来，无论您是否在使用

servlets

，都有很多方法可以使您的代码高效。我建议您退一步，重新阅读一些教程内容。这看起来很好，有什么评论吗？@ScaryWombat Servlets帮助web应用程序获得请求，对吗？为了过分简化，servlet就是web应用程序，认真地建议你阅读我给你的链接，很多很多有趣的信息。

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">


    <servlet>
        <description></description>
        <display-name>Servlet</display-name>
        <servlet-name>MyServlet</servlet-name>
        <servlet-class> MyServlet</servlet-class>

    </servlet>

    <servlet-mapping>
        <servlet-name>MyServlet</servlet-name>
        <url-pattern>/Servlet</url-pattern>
    </servlet-mapping>


</web-app>