今日学习进度：
| 第一天 | 第二天 | 第三天 | 第四天 | 第五天 | |
| 所花时间（小时） | 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] { 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } input[type=submit] { 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; 20px; height:20px; } #nav{height:40px; background-color:#ffe4e6;} #nav *{margin:0;padding:0;} #nav a{text-decoration:none;} /*一级菜单*/ #nav ul{margin:0 auto; 800px; display:block;list-style-type:none;} #nav ul li{display:block;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{ 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>
