csdn2020博客之星在线

2020博客之星投票总数排行:http://blogstart2020.cyouagain.cn:81/index.html

2020博客之星投票正在热火朝天进行中,为方便大家查看各位大佬的投票数据,我对csdn提供的数据进行整理。

主要代码如下:
controller层:

package com.cya.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.io.*;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;

@RestController
@CrossOrigin(origins = "*",maxAge = 3600)
public class BlogController {

    @RequestMapping("/getStartTop")
    public String getStartTop(){
        String url="https://bss.csdn.net/m/topic/blog_star2020/getUsers";
        String param="";
        String result = doPost(url, param);

        System.out.println("result="+result);
        return result;
    }


    public static String doPost(String httpUrl, String param) {

        HttpURLConnection connection = null;
        InputStream is = null;
        OutputStream os = null;
        BufferedReader br = null;
        String result = null;
        try {
            URL url = new URL(httpUrl);
            // 通过远程url连接对象打开连接
            connection = (HttpURLConnection) url.openConnection();
            // 设置连接请求方式
            connection.setRequestMethod("POST");
            // 设置连接主机服务器超时时间:15000毫秒
            connection.setConnectTimeout(15000);
            // 设置读取主机服务器返回数据超时时间:60000毫秒
            connection.setReadTimeout(60000);

            // 默认值为:false,当向远程服务器传送数据/写数据时,需要设置为true
            connection.setDoOutput(true);
            // 默认值为:true,当前向远程服务读取数据时,设置为true,该参数可有可无
            connection.setDoInput(true);
            // 设置传入参数的格式:请求参数应该是 name1=value1&name2=value2 的形式。
            connection.setRequestProperty("Content-Type", "application/x-www-form-urlencoded");
            // 设置鉴权信息:Authorization: Bearer da3efcbf-0845-4fe3-8aba-ee040be542c0
            connection.setRequestProperty("Authorization", "Bearer da3efcbf-0845-4fe3-8aba-ee040be542c0");
            // 通过连接对象获取一个输出流
            os = connection.getOutputStream();
            // 通过输出流对象将参数写出去/传输出去,它是通过字节数组写出的
            os.write(param.getBytes());
            // 通过连接对象获取一个输入流,向远程读取
            if (connection.getResponseCode() == 200) {

                is = connection.getInputStream();
                // 对输入流对象进行包装:charset根据工作项目组的要求来设置
                br = new BufferedReader(new InputStreamReader(is, "UTF-8"));

                StringBuffer sbf = new StringBuffer();
                String temp = null;
                // 循环遍历一行一行读取数据
                while ((temp = br.readLine()) != null) {
                    sbf.append(temp);
                    sbf.append("\r\n");
                }
                result = sbf.toString();
            }
        } catch (MalformedURLException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            // 关闭资源
            if (null != br) {
                try {
                    br.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            if (null != os) {
                try {
                    os.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            if (null != is) {
                try {
                    is.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            // 断开与远程地址url的连接
            connection.disconnect();
        }
        return result;
    }
}

js:

var URL="http://39.104.64.124:81/getStartTop"

$(document).ready(function(){

	getStart2020()
})

function getStart2020(){
	var data={};
	 $.ajax({
            //请求方式
            type : "POST",
            asnyc: false,
            //请求的媒体类型
         
            //请求地址
            url : URL,
            //数据,json字符串
            data : data,
            //请求成功
            dataType: 'json',
            success : function(result) {
                sort(result.data);
            },
            //请求失败,包含具体的错误信息
            error : function(e){
                console.log(e);
            }
        });}

        function sort(arr) {
            console.log("s:",arr.length)
          for(var i=0;i<arr.length-1;i++){
              var temp=arr[i];
              var index=i;
              for(var j=i+1;j<arr.length;j++){
                  if(arr[j].vote_num>arr[index].vote_num) index=j;
              }
              arr[i]=arr[index];
              arr[index]=temp;
          }

          console.log("arr:",arr);
          for(var i=0;i<arr.length;i++){
                  arr[i].title="https://blog.csdn.net/"+arr[i].title;

          }
          vue.dataArr=arr;
        }


var vue=new Vue({
    el:'#app',
    data:{
        dataArr:[]
    }
})

关注公众号获取更多IT技术文章
在这里插入图片描述

版权声明:本文为cyouagain原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/cyouagain/p/14292043.html