zoukankan      html  css  js  c++  java
  • 个人冲刺(九)

    将爬取信息显示的界面

    <%@ 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>

  • 相关阅读:
    FZU 2150 Fire Game
    POJ 3414 Pots
    POJ 3087 Shuffle'm Up
    POJ 3126 Prime Path
    POJ 1426 Find The Multiple
    POJ 3278 Catch That Cow
    字符数组
    HDU 1238 Substing
    欧几里德和扩展欧几里德详解 以及例题CodeForces 7C
    Codeforces 591B Rebranding
  • 原文地址:https://www.cnblogs.com/mumulailai/p/14912049.html
Copyright © 2011-2022 走看看