如何在html中映射图像和文本?假设图像文件夹中有图像并且文本来自数据库?如何将它们放在网页的某个位置?

假设milkbottel在我的图像文件夹中,并且奶瓶中的文本来自数据库,那么如何**


  动态映射


**这两种方式使奶瓶图像和奶瓶文本位于网页中的某个位置?

最佳答案

数据库内容示例:

id (INT)   | caption VARCHAR(255)     | location VARCHAR(255)
   1              milkbottle            /images/milkbottle.jpg
   2                orange              /images/orange.jpg


JSP示例

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
</head>
<body>
<table border="2">
<%
try {
   Class.forName("com.mysql.jdbc.Driver");
   String url="jdbc:mysql://localhost/test";
   String username="root";
   String password="root";
   String query="SELECT * FROM image_table WHERE caption = 'milkbottle' LIMIT 1";
   Connection conn=DriverManager.getConnection(url,username,password);
   Statement stmt=conn.createStatement();
   ResultSet rs=stmt.executeQuery(query);

   if(rs != null) {
   %>
    <tr>
      <td><%=rs.getString("caption"); %></td>
      <td><img src='<%=rs.getString("location"); %>'/></td>
    </tr>
<%
}
%>
    </table>
    <%
    rs.close();
    stmt.close();
    conn.close();
}
catch(Exception e)
{
    e.printStackTrace();
}
%>
</body>
</form>
</html>

10-08 15:14