如何在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>