学习进度条102

<%@ page import="Bean.test" %><%--
<%@ page import="Bean.test" %>&lt;%&ndash;
  Created by IntelliJ IDEA.
  User: 19773
  Date: 2021/6/12
  Time: 13:19
  To change this template use File | Settings | File Templates.
&ndash;%&gt;
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style/demo.css?v=2">
<link rel="stylesheet" href="style/minippfix.css">
<html>
  <head>
    <title>顶会热词查询系统</title>
  </head>
  <style>
      body {
          margin-top: 180px;
          background-color: rgba(0, 0, 0, 0.13);
          background-color: rgba(0, 0, 0, 0.13);
          font-family: Roboto, 'helvetica neue', Helvetica, Arial, sans-serif;
      }
      .container {
          width: 800px;
          margin: auto;
      }
      .row {
          position: relative;
          height: 50px;
          z-index: 1;
          clear: both;
          margin-bottom: 30px;
          text-align: center;
      }
      .row--intro {
          padding-top: 20px;
          font-size: 16px;
          line-height: 28px;
          font-weight: 300;
          color: #fff;
          opacity: 0.4;
      }
      .row--intro span {
          font-size: 11px;
      }
      .skew-title {
          font-size: 25px;
      }
      .skew-title span {
          position: relative;
          display: inline-block;
          width: 40px;
          height: 50px;
          margin: auto;
          z-index: 2;
          text-align: center;
          color: #fff;
          font-family: 'roboto condensed';
          font-weight: 700;
          font-size: 35.714285714285715px;
          line-height: 50px;
          -webkit-transform: skewY(-15deg);
          transform: skewY(-15deg);
          -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
          transition: all 0.2s;
          cursor: default;
      }
      .skew-title span:after,
      .skew-title span:before {
          display: block;
          top: 0;
          left: 0;
          width: 40px;
          height: 50px;
          position: absolute;
          background: rgba(0, 0, 0, 0.13);
          content: ' ';
          z-index: -1;
          transition: all 0.2s;
      }
      .skew-title span:before {
          background: rgba(0,0,0,0.1);
          -webkit-transform: skewY(15deg);
          transform: skewY(15deg);
          -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
      }
      .skew-title span:nth-child(even) {
          background-color: rgba(0, 0, 0, 0.13);
          -webkit-transform: skewY(15deg);
          transform: skewY(15deg);
          -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
          color: #d9d9d9;
      }
      .skew-title span:nth-child(even):after {
          background-color: rgba(0, 0, 0, 0.13);
      }
      .skew-title span:nth-child(even):before {
          -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
          -webkit-transform: skewY(-15deg);
          transform: skewY(-15deg);
      }
      .skew-title span.flat {
          -webkit-transform: skewY(0);
          transform: skewY(0);
          color: #fff;
      }
      .skew-title span.flat:before {
          -webkit-transform: skewY(0);
          transform: skewY(0);
      }
      .skew-title span.flat:nth-child(even):after {
          background-color: rgba(0, 0, 0, 0.13);
      }
      .skew-title span.alt:after {
          background-color: #b94a2c;
      }
      .skew-title span.alt:nth-child(even):after {
          background-color: #9d3f25;
      }
      .skew-title span.alt.flat:nth-child(even):after {
          background-color: #b94a2c;
      }
  </style>
  <body>
  <div class="container">
      <h1 class="row skew-title">
          <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
      </h1>
  <%
       int i=test.getcount();
       if(i%30==0)
       {
           i=i/30;
       }
       else
       {
           i=i/30;
            i=i+1;
       }
      session.setAttribute("allpage",i);
  %>
  <div align="center">
      <form action="alltext.jsp" method="POST">
          <button class="custom-btn btn-16" name="page" value="1">列表</button></form>
  <form action="chaxun.jsp" method="POST"><input type="text" name="keyword" id="keyword" class="ppfix pre email" /><br> <button class="custom-btn btn-16" name="page" value="1" >查询</button></form>

  <form action="ciyun1.jsp" method="GET"><input type="text" name="cishu" id="cishu"> <br><button  class="custom-btn btn-16">词云</button></form>
  </div>

  </body>

</html>
--%>
<!DOCTYPE html>
<html lang="en">
<head>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <title>CVPR</title>
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" href="./index.css">
</head>
<body>
<%
    int i= test.getcount();
    if(i%30==0)
    {
        i=i/30;
    }
    else
    {
        i=i/30;
        i=i+1;
    }
    session.setAttribute("allpage",i);
%>
<header>
    <ul>
        <li><a href="wordcloud.jsp">词云</a></li>
        <li><a href="javascript:doPost('alltext.jsp', {'page':'1'})">列表</a></li>

    </ul>
</header>
<article>
    <img src="https://hhw-1304897045.cos.ap-beijing.myqcloud.com/python/cvpr.png" height="129" width="270"/>
    <br>
    <div id="search">
        <form action="chaxun.jsp" method="POST">
        <input id="searchContent" name="keyword">
            <input type="hidden" name="page" value="1">
        <input id="searchBtn" type="submit" value="搜索一下" />
        </form>
    </div>

    <div id="code">
        <p class="sub-title"> 关注顶会热词&nbsp;&nbsp;行业动态早知道</p>
    </div>
</article>
<footer></footer>
<script>
    function doPost(to, p) { // to:提交动作(action),p:参数
        var myForm = document.createElement("form");
        myForm.method = "post";
        myForm.action = to;
        for (var i in p){
            var myInput = document.createElement("input");
            myInput.setAttribute("name", i); // 为input对象设置name
            myInput.setAttribute("value", p[i]); // 为input对象设置value
            myForm.appendChild(myInput);
        }
        document.body.appendChild(myForm);
        myForm.submit();
        document.body.removeChild(myForm); // 提交后移除创建的form
    }
</script>
</body>
</html>
<%--
&lt;%&ndash;
  Created by IntelliJ IDEA.
  User: 19773
  Date: 2021/6/12
  Time: 15:40
  To change this template use File | Settings | File Templates.
&ndash;%&gt;
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@page import="Bean.test" %>
<%@ page import="Bean.cvpr" %>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style/demo.css?v=2">
<link rel="stylesheet" href="style/minippfix.css">
<style>
    *{
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    body{
        font-family: Helvetica;
        -webkit-font-smoothing: antialiased;
        background: rgba(0, 0, 0, 0.13);
    }
    h2{
        text-align: center;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: white;
        padding: 30px 0;
    }

    /* Table Styles */

    .table-wrapper{
        margin: 10px 70px 70px;
        box-shadow: 0px 35px 50px rgba( 0, 0, 0, 0.2 );
    }

    .fl-table {
        width:70%;
        border: 1px solid #696969;
        border-collapse: collapse;
        margin:0 auto;
    }

    .fl-table td, .fl-table th {
        text-align: center;
        padding: 8px;
    }

    .fl-table td {
        border-right: 1px solid #f8f8f8;
        font-size: 12px;
    }

    .fl-table thead th {
        color: #ffffff;
        background: #4FC3A1;
    }


    .fl-table thead th:nth-child(odd) {
        color: #ffffff;
        background: #324960;
    }

    .fl-table tr:nth-child(even) {
        background: #F8F8F8;
    }

    /* Responsive */

    @media (max-width: 767px) {
        .fl-table {
            display: block;
            width: 100%;
        }
        .table-wrapper:before{
            content: "Scroll horizontally >";
            display: block;
            text-align: right;
            font-size: 11px;
            color: white;
            padding: 0 0 10px;
        }
        .fl-table thead, .fl-table tbody, .fl-table thead th {
            display: block;
        }
        .fl-table thead th:last-child{
            border-bottom: none;
        }
        .fl-table thead {
            float: left;
        }
        .fl-table tbody {
            width: auto;
            position: relative;
            overflow-x: auto;
        }
        .fl-table td, .fl-table th {
            padding: 20px .625em .625em .625em;
            height: 60px;
            vertical-align: middle;
            box-sizing: border-box;
            overflow-x: hidden;
            overflow-y: auto;
            width: 120px;
            font-size: 13px;
            text-overflow: ellipsis;
        }
        .fl-table thead th {
            text-align: left;
            border-bottom: 1px solid #f7f7f9;
        }
        .fl-table tbody tr {
            display: table-cell;
        }
        .fl-table tbody tr:nth-child(odd) {
            background: none;
        }
        .fl-table tr:nth-child(even) {
            background: transparent;
        }
        .fl-table tr td:nth-child(odd) {
            background: #F8F8F8;
            border-right: 1px solid #E6E4E4;
        }
        .fl-table tr td:nth-child(even) {
            border-right: 1px solid #E6E4E4;
        }
        .fl-table tbody td {
            display: block;
            text-align: center;
        }
    }
</style>

<html>
<head>
    <title>Title</title>
</head>
<body>

<%
    int allpage=(int) session.getAttribute("allpage");
    //int allpage=Integer.valueOf(allpage1);
    String page1 = request.getParameter("page");
    int page3=Integer.valueOf(page1);

    int j=test.getcount();
    cvpr[] cvprs=new cvpr[30];
    if (page3<1)
    {
        page3=1;
    }
    if(page3>allpage)
    {
        page3=allpage;
    }
    session.setAttribute("page",page3);
    int k=test.cx(cvprs,page3);
%>
<div align="center">

<table border="1" id="no1" class="fl-table">
    <tr>
        <th>序号</th>
        <th>标题</th>
        <th>作者</th>
        <th>年份</th>
        <th>操作</th>
    </tr>
    <%for(int i=0;i<k;i++){%>
    <tr>
        <form action="alltext1.jsp" method="POST">
        <td ><%=cvprs[i].getId() %></td>
        <td  class="td"><%=cvprs[i].getTitle() %></td>
        <td  class="td"><%=cvprs[i].getAuthors() %></td>
        <td ><%=cvprs[i].getYear() %></td>
        <td><button value=<%=cvprs[i].getId()%> name="id" class="custom-btn btn-16" >点击查看</button></td>
        </form>
    </tr>
    <%
        }
    %>
</table>
    <form action="alltext.jsp" method="POST" class="fl-table" >
        <button class="custom-btn btn-16" value=<%=1%> id="page" name="page">首页</button>
        <button class="custom-btn btn-16" value=<%=--page3%> id="page" name="page">上一页</button>
        <p><%=page3+1%>/<%=allpage%></p>
        <button class="custom-btn btn-16" value=<%=page3+2%> id="page" name="page">下一页</button>
        <button class="custom-btn btn-16" value=<%=allpage%> id="page" name="page">末页</button><br>
        <input type="text" name="page" > <button class="custom-btn btn-16" >跳转</button><br></form>
    <form action="index.jsp" method="get"><button class="custom-btn btn-16">返回首页</button></form>

</div>
</body>

</html>
--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@page import="Bean.test" %>
<%@ page import="Bean.cvpr" %>
<!-- saved from url=(0069)https://www.17sucai.com/preview/722634/2020-03-24/sgcyhtml/index.html -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>列表页</title>
    <link rel="stylesheet" href="./ht-sty.css">
    <link rel="stylesheet" href="./dateSelect.css">
    <style>
        article{
            width: 100%;
            height: 36px;
            text-align: center;
        }


        article  #searchContent{
            width: 540px;
            height: 36px;
        }

        article   #searchBtn{
            display: inline-block;
            width: 100px;
            height: 36px;
            background: #3385ff;
            color: white;
            border: none;
        }

        article #search {
            font-size: 0;
        }

        article #code{
            margin-top: 71px;
            width: 100%;
            height: 202px;
        }

        article #code .title{
            font-size: 16px;
            color: #333333;
        }

        article #code .sub-title{
            font-size: 14px;
            color: #999999;
        }

    </style>
</head>

<body class="bodybg4">
<%
    int allpage=(int) session.getAttribute("allpage");
    //int allpage=Integer.valueOf(allpage1);
    String page1 = request.getParameter("page");
    int page3=Integer.valueOf(page1);

    int j=test.getcount();
    cvpr[] cvprs=new cvpr[30];
    if (page3<1)
    {
        page3=1;
    }
    if(page3>allpage)
    {
        page3=allpage;
    }
    session.setAttribute("page",page3);
    int k=test.cx(cvprs,page3);
%>
<div style="background:#369AFEFF; color:rgba(255,255,255,0.25)" class="hearer-i clearfloat">
    <div  style="background:#369AFEFF; color:rgba(255,255,255,0.25)">
        <div class="logo" style="background:#369AFEFF; color:rgba(255,255,255,0.25)"> CVPR查询</div>
        <div class="right-con">
            <a href="index.jsp">回到主页</a>
        </div>
    </div>
</div>
<!--内容页-->
<div class="liuc-con">

    <div class="search_box">
        <div class="juzhongbox">
            <article>
                <div id="search">
                    <form action="chaxun.jsp" method="POST">
                        <input id="searchContent" name="keyword">
                        <input type="hidden" name="page" value="1">
                        <input id="searchBtn" type="submit" value="搜索一下" />
                    </form>
                </div>
            </article>
        </div>
    </div>
    <div class="liuc_tabbox">
        <div class="tab_bom">
            <ul id="one11">
                <%for(int i=0;i<k;i++){%>
                <li >
                    <h3><%=cvprs[i].getTitle()%></h3>
                    <p>作者:<%=cvprs[i].getAuthors()%></p>
                    <p>关键词 :<%=cvprs[i].getKeywords()%></p>
                    <p>摘要 :<%=cvprs[i].getAbstract_text()%></p>
                    <span>发布日期 :<%=cvprs[i].getYear()%>   </span>
                    <a href="<%=cvprs[i].getOriginal_link()%>">查看原文</a>
                </li>
                <%
                    }
                %>
            </ul>
            <div class="page_box">
                <a href="javascript:doPost('alltext.jsp', {'page':'1'})">首页</a>
                <a href="javascript:doPost('alltext.jsp', {'page':'<%=page3-1%>'})">上一页</a>
                <%if(page3<=3){if(page3==1){%>
                <span>1</span>
                <%
                    ;}
                    else{
                %>
                <a href="javascript:doPost('alltext.jsp', {'page':'1'})">1</a>
                <%
                    ;}
                %>
                <%if(page3==2){%>
                <span>2</span>
                <%
                    ;}
                else{
                %>
                <a href="javascript:doPost('alltext.jsp', {'page':'2'})">2</a>
                <%
                        ;}
                %>
                <%if(page3==3){%>
                <span>3</span>
                <%
                    ;}
                else{
                %>
                <a href="javascript:doPost('alltext.jsp', {'page':'3'})">3</a>
                <%
                        ;}
                %>
                <a href="javascript:doPost('alltext.jsp', {'page':'4'})">4</a>
                <a href="javascript:doPost('alltext.jsp', {'page':'5'})">5</a>
                <%
                    }
                %>
                <%
                     if(page3>3&&page3<=allpage-3){
                %>

                <a href="javascript:doPost('alltext.jsp', {'page':'<%=page3-2%>'})"><%=page3-2%></a>
                <a href="javascript:doPost('alltext.jsp', {'page':'<%=page3-1%>'})"><%=page3-1%></a>
                <span><%=page3%></span>
                <a href="javascript:doPost('alltext.jsp', {'page':'<%=page3+1%>'})"><%=page3+1%></a>
                <a href="javascript:doPost('alltext.jsp', {'page':'<%=page3+2%>'})"><%=page3+2%></a>
                <%}%>
                <%
                    if(page3>allpage-3)
                    {
                %>
                <a href="javascript:doPost('alltext.jsp', {'page':'<%=page3-4%>'})"><%=page3-4%></a>
                <a href="javascript:doPost('alltext.jsp', {'page':'<%=page3-3%>'})"><%=page3-3%></a>
                <%
                    if(page3==allpage-2)
                    {
                %>
                <span>
                    <%=page3%>
                </span>
                <%
                    ;}
                else{
                %>
                <a href="javascript:doPost('alltext.jsp', {'page':'<%=page3-2%>'})"><%=page3-2%></a>
                <%
                    ;}
                %>
                <%
                    if(page3==allpage-1)
                    {
                %>
                <span>
                    <%=page3%>
                </span>
                <%
                    ;}
                else{
                %>
                <a href="javascript:doPost('alltext.jsp', {'page':'<%=page3-1%>'})"><%=page3-1%></a>
                <%
                        ;}
                %>
                <%
                    if(page3==allpage)
                    {
                %>
                <span>
                    <%=page3%>
                </span>
                <%
                    ;}
                else{
                %>
                <a href="javascript:doPost('alltext.jsp', {'page':'<%=allpage%>'})"><%=allpage%></a>
                <%
                        ;}
                %>
                <%
                    }
                %>
                <a href="javascript:doPost('alltext.jsp', {'page':'<%=page3+1%>'})">下一页</a>
                <a href="javascript:doPost('alltext.jsp', {'page':'<%=allpage%>'})">尾页</a>
            </div>
        </div>

    </div>

</div>

<div class="foot">版权:黄鸿炜</div>

<script>
    function doPost(to, p,q) { // to:提交动作(action),p:参数
        var myForm = document.createElement("form");
        myForm.method = "post";
        myForm.action = to;
        for (var i in p){
            var myInput = document.createElement("input");
            myInput.setAttribute("name", i); // 为input对象设置name
            myInput.setAttribute("value", p[i]); // 为input对象设置value
            myForm.appendChild(myInput);
        }

        document.body.appendChild(myForm);
        myForm.submit();
        document.body.removeChild(myForm); // 提交后移除创建的form
    }
</script>
<script src="./test_files/jquery-1.8.3.min.js.下载"></script>
<script type="text/javascript" src="./test_files/dateSelect.js.下载"></script>
<script type="text/javascript">
    $("#date").dateSelect();
    $("#dateend").dateSelect();
    function showUl(ulid,type){//tab点击处理
        activepage=1;
        var tabid=ulid.substring(0,4);//当期击中的tabid
        var tbidsub03=ulid.substring(0,3);//tabid相同的前3位
        typeinit=type;
        ulidinit=ulid;
        for(var i=1;i<5;i++){
            if(tbidsub03+i!=tabid){//未击中去除样式,隐藏内容
                $("#"+tbidsub03+i).attr("class","");
                $("#"+tbidsub03+i+i).hide();
            }else{//击中添加样式,显示内容
                $("#"+tbidsub03+i).attr("class","ved");
                $("#"+tbidsub03+i+i).show();
            }
        }
    }
</script></body></html>

 

posted @ 2021-06-13 20:32  独倚高楼凭栏醉  阅读(17)  评论(0编辑  收藏  举报