2021.5.21

今日学习进度：
	第一天	第二天	第三天	第四天	第五天
所花时间（小时）	5	6	3	5	3
代码量（行）	200	300	150	500	600
博客量（篇）	1	1	1	1	1
了解到的知识点	CSS伪元素	CSS导航栏1	CSS导航栏2	顶会热词分析3	顶会热词分析4
编写web端显示界面：
find.jsp:
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>论文查询</title>
<link rel="stylesheet" href="css/style.css">
</head>
<style>
input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}
input[type=button], input[type=reset] {
  background-color: #ffe4e6;
  border: none;
  color: black;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
#feny input[type=button]{
background-color: #DDDDDD;
border: none;
  color: black;
  padding: 16px 16px;
  text-decoration: none;
  margin: 4px 4px;
  cursor: pointer;
  width:20px;
  height:20px;
  
}
#nav{height:40px; background-color:#ffe4e6;}
#nav *{margin:0;padding:0;}
#nav a{text-decoration:none;}
/*一级菜单*/
#nav ul{margin:0 auto; width: 800px; display:block;list-style-type:none;}
#nav ul li{display:block;width:150px;height:40px; line-height:40px; float:left;text-align:center;border-right:solid 1px white;}


 * {
            margin: 0;
            padding: 0;
   }
        
a:link {color: gray;}     /* 未访问的链接 */
        a:visited {color: gray}  /* 已访问的链接 */
        a:hover {color: gray}    /* 当有鼠标悬停在链接上 */
        a:active {color: gray}   /* 被选择的链接 */
        a{
            text-decoration : none;
            font-size: 15px;font-family: 幼圆;
        }
        .list{
            width:200px;
            height: 98%;
            position:absolute;
            background: lightblue;
            text-align: left;
            margin: 0 auto;
            height: 25px;
            border-bottom: solid lightblue 1px;
            
        }
</style>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
var findnummm=0;
var resnum=0;
var alldata;
function sendAjax(){
    var url = "servlet?method=findlunwen&randnum=" + Math.random();
   // var name = "nb";
   // alert("name:"+name+", url:"+url);
    //var data = {
        
   // };
    $.ajax({
        type: "get",
        url: url,
        data: $('#biaodan').serialize(),
        dataType: "json",
        success: function(result){
            //alert("success--result:"+result[0].title);
            alldata=result;
            reslist(result);
            if(findnummm==0){
                addresfinddiv();
                findnummm=1;
            }           
            else changeresnum();
        },
        error: function(){
            alert("error");
        }

    });
}
function reslist(data){
    var tab=document.getElementById("restable");
    var str="<tr><td width='35%'>题目</td><td width='35%'>作者</td><td width='15%'>原文链接</td><td width='15%'>论文发表时间</td></tr>";
    for(i in data){
        str=str+"<tr><td>"+data[i].title+"</td><td>"+data[i].zuozhe+"</td><td><a target='_blank' href='"+data[i].lianjie+"'>"+"点击查看"+"</a></td><td>"+data[i].time+"</td></tr>";
        resnum=resnum+1;
    }
    tab.innerHTML = str;
}
function addresfinddiv(){
    var formdiv=document.getElementById("tjdiv");
    var str="<h2 align='center' id='totalnumh'>共"+resnum+"条</h2>"
    var div = document.createElement("div");
    div.id="changeresdiv";
    div.innerHTML = str;
    formdiv.appendChild(div);
    resnum=0;
}

</script>
<body>
<div id="nav">
    <ul>
        <li><a href="index.jsp" target="scrWidget">首页</a></li>

        <li>
                <a href="find1.jsp" target="scrWidget">论文查询</a>
                
        </li>

        <li><a href="view.jsp" target="scrWidget">热词分析及其可视化</a>
           
        </li>
    </ul>
</div >
<h1 align="center">论文查询</h1>
<P></P>
<P></P>
<form action="servlet?method=findlunwen" method="post" id="biaodan" >
<div align="center" id="firdiv" >
<table align="center">
<h4>请输入条件：</h4>
    <tr>
        <td>摘  要：<input type="text" id="zhaiyao" name="zhaiyao"></td>
    </tr>
    <tr>
        <td>关键词：<input type="text" id="title" name="title" ></td>
    </tr>
    <tr>
        <td>作  者：<input type="text" id="zuozhe" name="zuozhe"></td>
    </tr>
</table>
    <form method="post" id="tjdiv">
        <div align="center"><input type="reset" value="重置"  class="findbtn"><input type="button" value="检索" onclick="sendAjax()" class="findbtn"></div>
    </form>
    <div align="center" id="reslunwendiv" class="subbox">
    <table  id="restable" >
    </table>
    </div>
</body>
</html>
posted on 2021-05-21 14:18 白日梦想家~ 阅读(34) 评论(0) 编辑收藏举报