12.5
完善个人作业第二阶段的词云功能：
<%@ 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>
