zoukankan      html  css  js  c++  java
  • 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
    {
        100%;
          color: black;
        
    }
    th
    {
        height:50px;
    }
                html, body{
                     100%;
                    height: 100%;
                    margin: 0;
                }
                #main{
                     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
    {
        100%;
    }
    th
    {
        height:50px;
    }
                html, body{
                     100%;
                    height: 100%;
                    margin: 0;
                }
                #main{
                     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.明天目标

  • 相关阅读:
    BZOJ2034 【2009国家集训队】最大收益
    「PKUSC2018」最大前缀和
    「PKUSC2018」真实排名
    【FJOI2016】建筑师
    【FJOI2014】最短路径树问题
    【HNOI2007】紧急疏散
    【TJOI2015】线性代数
    【SDOI2017】新生舞会
    POJ2079 Triangle
    【SDOI2011】工作安排
  • 原文地址:https://www.cnblogs.com/qiangini/p/14909868.html
Copyright © 2011-2022 走看看