2021/6/11
1.今日收获内容
词云
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%request.setCharacterEncoding("utf-8"); response.setCharacterEncoding("utf-8");%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta charset="utf-8"> <base href="<%=basePath%>"> <!--// echarts CDN--> <!--//<script src='https://cdn.bootcss.com/echarts/3.7.0/echarts.simple.js'></script>--> <script src="${pageContext.request.contextPath}/plug-ins/js/echarts.js"></script> <!--// 下载wordcloud.js文件 // https://github.com/ecomfe/echarts-wordcloud--> <script src="${pageContext.request.contextPath}/plug-ins/js/echarts-wordcloud.js"></script> <script src="${pageContext.request.contextPath}/plug-ins/js/jquery-1.10.2.min.js"></script> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>词云</title> <link rel="icon" type="text/css" href="./images/logo.ico"> <link rel="stylesheet" href="styles/index-style.css"> <link rel="stylesheet" href="styles/allset.css"> <link rel="stylesheet" href="styles/bootstrap.min.css"> <link rel="stylesheet" href="styles/fontawesome-all.css"> <script src="scripts/bootstrap.min.js"></script> <script src="scripts/jquery-3.3.1.min.js"></script> <!-- Bootstrap --> <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css"> <!-- Magnific Popup --> <!-- Custom style --> <link rel="stylesheet" href="css/style.css"> <!--Layui--> <link rel="stylesheet" href="css/layui.css"> </head> <body class="skin-orange"> <header class="primary"> <div class="firstbar"> <div class="container"> <div class="row"> <div class="col-md-2 col-sm-1"> <div class=""> </div> </div> <div class="col-md-6 col-sm-12"> <form class="search" autocomplete="off"> <div class="form-group"> </div> </form> </div> </div> </div> </div> </div> <!-- Start nav --> <style> table,td,th { border:1px solid black; } table { width:100%; color: black; } th { height:50px; } html, body{ width: 100%; height: 100%; margin: 0; } #main{ width: 600px; height: 500px; background: rgba(70, 120, 200, 0.2) float:right } p.pos_fixed { position:fixed; top:30px; right:5px; } .button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 16px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; } .button4 { background-color: white; color: black; border: 2px solid #e7e7e7; } </style> <nav class="menu"> <div class="container"> <div class="brand"> <a href="#"> <img src="images/logo.png" alt="Magz Logo"> </a> </div> <div class="mobile-toggle"> <a href="#" data-toggle="menu" data-target="#menu-list"><i class="ion-navicon-round"></i></a> </div> <div class="mobile-toggle"> <a href="#" data-toggle="sidebar" data-target="#sidebar"><i class="ion-ios-arrow-left"></i></a> </div> <div id="menu-list"> <ul class="nav-list"> <li><a href="ciyun.jsp">热词检索</a></li> <li><a href="NewFile.jsp">词云搜索</a></li> </ul> </div> </div> </nav> <div class="navbar navbar-inverse"> <center> <form class="navbar-form navbar-right" action="ClickServlet" method="post" > <div class="form-group"> <input type="text" class="form-control" id="keyword3" name="keyword3" placeholder="请输入题目" /> </div> <div class="form-group" center> <input type="text" class="form-control" id="keyword2" name="keyword2" placeholder="请输入摘要" /> </div> <div class="form-group"> <input type="text" class="form-control" name="name" placeholder="请输入关键字" /> </div> <button type="submit" class="btn btn-default">查询<tton> </form> </center> </div> <hr> </div > <div> <table class="table table-bordered " > <tr> <th>论文名称</th> <th>关键词</th> <th> </th> </tr> <tbody> <c:forEach items="${list2}" var="data" varStatus="vs"> <tr> <td><a href="${data.link}">${data.title}</a></td> <td>${data.keyword}</td> <td><a href="DeleteServlet?name=${data.keyword}">删除 </a></td> </tr> </c:forEach> </tbody> </table> </div> </body> </html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%request.setCharacterEncoding("utf-8"); response.setCharacterEncoding("utf-8");%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta charset="utf-8"> <base href="<%=basePath%>"> <!--// echarts CDN--> <!--//<script src='https://cdn.bootcss.com/echarts/3.7.0/echarts.simple.js'></script>--> <script src="${pageContext.request.contextPath}/plug-ins/js/echarts.js"></script> <!--// 下载wordcloud.js文件 // https://github.com/ecomfe/echarts-wordcloud--> <script src="${pageContext.request.contextPath}/plug-ins/js/echarts-wordcloud.js"></script> <script src="${pageContext.request.contextPath}/plug-ins/js/jquery-1.10.2.min.js"></script> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>词云</title> <link rel="icon" type="text/css" href="./images/logo.ico"> <link rel="stylesheet" href="styles/index-style.css"> <link rel="stylesheet" href="styles/allset.css"> <link rel="stylesheet" href="styles/bootstrap.min.css"> <link rel="stylesheet" href="styles/fontawesome-all.css"> <script src="scripts/bootstrap.min.js"></script> <script src="scripts/jquery-3.3.1.min.js"></script> <!-- Bootstrap --> <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css"> <!-- Magnific Popup --> <!-- Custom style --> <link rel="stylesheet" href="css/style.css"> <!--Layui--> <link rel="stylesheet" href="css/layui.css"> </head> <body class="skin-orange"> <header class="primary"> <div class="firstbar"> <div class="container"> <div class="row"> <div class="col-md-2 col-sm-1"> <div class=""> </div> </div> <div class="col-md-6 col-sm-12"> <form class="search" autocomplete="off"> <div class="form-group"> </div> </form> </div> </div> </div> </div> </div> <!-- Start nav --> <style> #example1 { background-image: url(ture.jpg), url(ture.jpg); background-position: right bottom, left top; background-repeat: no-repeat, repeat; padding: 15px; } table,td,th { border:1px solid black; } table { width:100%; } th { height:50px; } html, body{ width: 100%; height: 100%; margin: 0; } #main{ width: 600px; height: 500px; background: rgba(70, 120, 200, 0.2) float:right } p.pos_fixed { position:fixed; top:30px; right:5px; } .button { background-color: #4CAF50; /* Green */ border: none; color: black; padding: 16px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; } .button4 { background-color: white; color: black; border: 2px solid #e7e7e7; } </style> <div id="example1"> <nav class="menu"> <div class="container"> <div class="brand"> <a href="#"> <img src="images/logo.png" alt="Magz Logo"> </a> </div> <div class="mobile-toggle"> <a href="#" data-toggle="menu" data-target="#menu-list"><i class="ion-navicon-round"></i></a> </div> <div class="mobile-toggle"> <a href="#" data-toggle="sidebar" data-target="#sidebar"><i class="ion-ios-arrow-left"></i></a> </div> <div id="menu-list"> <ul class="nav-list" color: red;> <li><a href="ciyun.jsp">热词检索</a></li> <li><a href="NewFile.jsp">词云搜索</a></li> </ul> </div> </div> </nav> <div class="navbar navbar-inverse"> <center> <form class="" action="NewFile1.jsp" method="post" > <div class="form-group" > <input type="text" class="form-control" name="name" placeholder="热词查询" /> </div> <button type="submit" class="btn btn-default">查询<tton> </form> </center> </div> <hr> </div > </div > <div id='main' > <script> var chart = echarts.init(document.getElementById('main')); var postURL = "/lunwen/ShowServlet"; var mydata = new Array(); $.ajaxSettings.async = false; $.post(postURL, {}, function(rs) { var dataList = JSON.parse(rs); for (var i = 0; i < dataList.length; i++) { var d = {}; d['name'] = dataList[i].name; d['value'] = dataList[i].value; mydata.push(d); } }); $.ajaxSettings.async = true; var option = { tooltip : {}, series : [ { type : 'wordCloud', gridSize : 2, sizeRange : [ 10, 30 ], rotationRange : [ -90, 90 ], shape : 'pentagon', width : 800, height : 600, drawOutOfBound : false, textStyle : { normal : { color : function() { return 'rgb(' + [ Math.round(Math.random() * 160), Math.round(Math.random() * 160), Math.round(Math.random() * 160) ] .join(',') + ')'; } }, emphasis : { shadowBlur : 10, shadowColor : '#333' } }, data : mydata } ] }; chart.setOption(option); chart.on('click', function(params) { var url = "ClickServlet?name=" + params.name; window.location.href = url; }); </script> </body> </html>
2.遇到的问题
3.明天目标
