将爬取信息显示的界面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="src.bean.Bean,src.dao.Dao,src.servlet.Servlet,java.util.*" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>主页</title>
</head>
<body>
<%
Dao dao = new Dao();
List<Bean> bookList = dao.findAllBookInfo();
%>
<form action="Servlet" style="align:center;" method="post">
<div style="position: fixed;100%;height:10%;top:0;">
<input style="border-radius:10px;60%;height:80%;background-color: #fff; opacity: 0.8;font-family:黑体;font-size:14pt" type="text" value="<%=session.getAttribute("str")%>" name="value" id="value"/>
<button id="b1" style="border-radius:10px;8%;height:80%; opacity: 0.9;hover:rgba(249,205,173,0);"><i style="font-family:黑体;font-size:16pt;color: cyan;">搜索</i></button>
</div>
</form>
<div style="100%;height:70%;top:10%;">
<div class="img_content" style="height:70%;100%;top:20%;">
<ul>
<c:forEach items="${list}" var="bean">
<li id="car1" style="border-radius:10px;cursor:pointer;height:300px; 200px;float:left;margin: 20px 20px 20px 20px;list-style-type:none">
<div style=" 100%;height: 100%;background-color:white;border-radius:10px;">
<div style="background-color: #d9d9d9; 100%;height: 50%;">
<a href="${bean.link}" style="100%;height: 100%;">
<img src="${bean.image}" style="100%;height: 100%;" >
</a>
</div>
<div style="background-color:#b4b4b4; 100%;height: 10%;">
<span style="font-size:8px">价格:</span><span style="font-size:20px">${bean.price}</span>
</div>
<div style="border-bottom-right-radius: 10px; 100%;height: 40%;font-size:13px;font-family:黑体;background-color:#cccccc">
${bean.name}
</div>
<div style="bottom:0;right:35px;10%;height:14%;background-color:#cccccc;border-bottom-right-radius: 10px;">
<span style=";font-size:7px;font-family:黑体;">${bean.origin}</span>
</div>
</div>
</li>
</c:forEach>
</ul>
</div>
</div>
</body>
</html>