<%@ page import="Bean.test" %><%-- <%@ page import="Bean.test" %><%– Created by IntelliJ IDEA. User: 19773 Date: 2021/6/12 Time: 13:19 To change this template use File | Settings | File Templates. –%> <%@ 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"> 关注顶会热词 行业动态早知道</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>
<%-- <%– Created by IntelliJ IDEA. User: 19773 Date: 2021/6/12 Time: 15:40 To change this template use File | Settings | File Templates. –%> <%@ 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- 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>