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>

  • 相关阅读:
    编程注意事项(2010.12.25)
    单链表冒泡排序
    关于选书与读书
    记录一下后几年要看的书
    我的第一次面试经历
    使用IntelliJ IDEA配置Tomcat(入门)
    linux中Find命令的使用
    profile,bashrc,bash_profile之间的区别和联系
    Linux的启动流程、模块管理与boot Loader
    linux(Centos)下软件安装的方式总结
  • 原文地址:https://www.cnblogs.com/mumulailai/p/14912049.html
Copyright © 2011-2022 走看看