From 7bf2aeee5885011058974b4d9237c75a916f8648 Mon Sep 17 00:00:00 2001
From: xjs <1294405880@qq.com>
Date: Wed, 12 Jan 2022 19:26:05 +0800
Subject: [PATCH] =?UTF-8?q?1=E3=80=81=E5=89=8D=E7=AB=AF=E7=83=AD=E6=90=9C?=
 =?UTF-8?q?=E6=A6=9C=E9=A1=B5=E9=9D=A2=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/business/openapi/topsearch.js     |   9 ++
 .../business/openapi/topsearch/index.vue      | 125 ++++++++++++++++++
 .../controller/ApiTopSearchController.java    |   2 +-
 .../impl/TianXingTopsearchBaiduFactory.java   |   9 +-
 4 files changed, 143 insertions(+), 2 deletions(-)
 create mode 100644 ruoyi-ui/src/api/business/openapi/topsearch.js
 create mode 100644 ruoyi-ui/src/views/business/openapi/topsearch/index.vue

diff --git a/ruoyi-ui/src/api/business/openapi/topsearch.js b/ruoyi-ui/src/api/business/openapi/topsearch.js
new file mode 100644
index 00000000..5156dfb9
--- /dev/null
+++ b/ruoyi-ui/src/api/business/openapi/topsearch.js
@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+// 热搜榜接口
+export function getTopsearch() {
+  return request({
+    url: '/openapi/topsearch/getTopsearch',
+    method: 'get',
+  })
+}
diff --git a/ruoyi-ui/src/views/business/openapi/topsearch/index.vue b/ruoyi-ui/src/views/business/openapi/topsearch/index.vue
new file mode 100644
index 00000000..6e6a14b1
--- /dev/null
+++ b/ruoyi-ui/src/views/business/openapi/topsearch/index.vue
@@ -0,0 +1,125 @@
+<template>
+
+  <div style="padding: 10px" v-loading="loading">
+    <el-collapse  @change="handleChange">
+      <el-collapse-item class="el-collapse-item" title="抖音热搜榜" name="1">
+        <el-card shadow="hover">
+          <div v-for="douyin in topsearchList.douyinList" :key="douyin.id" class="douyin">
+            <span>{{ douyin.word }}</span>
+            <el-divider direction="vertical"></el-divider>
+            <span style="color: red;margin-left: 25px">{{ douyin.label }}</span>
+          </div>
+        </el-card>
+      </el-collapse-item>
+      <el-collapse-item class="el-collapse-item" title="微博热搜榜" name="2">
+        <el-card shadow="hover">
+          <div v-for="weibo in topsearchList.weiboList" :key="weibo.id" class="douyin">
+            <span>{{ weibo.hotword }}</span>
+            <el-divider direction="vertical"></el-divider>
+            <span style="color: red;margin-left: 25px">{{ weibo.hottag }}</span>
+          </div>
+        </el-card>
+      </el-collapse-item>
+      <el-collapse-item class="el-collapse-item" title="全网热搜榜" name="3">
+        <el-card shadow="hover">
+          <div v-for="allnetwork in topsearchList.allnetworkList" :key="allnetwork.id" class="allnetwork">
+            <div>
+              <h3 style="font-weight: 800">{{ allnetwork.title }}</h3>
+            </div>
+            <div>
+              <span>{{ allnetwork.digest }}</span>
+            </div>
+            <el-divider><i class="el-icon-mobile-phone"></i></el-divider>
+          </div>
+        </el-card>
+      </el-collapse-item>
+      <el-collapse-item class="el-collapse-item" title="百度热搜榜" name="4">
+        <el-card shadow="hover">
+          <div v-for="baidu in topsearchList.baiduList" :key="baidu.id" class="baidu">
+            <div>
+              <h3 style="font-weight: 800">{{ baidu.title }}</h3>
+            </div>
+            <div>
+              <span>{{ baidu.digest }}</span>
+              <el-divider direction="vertical"></el-divider>
+              <span style="color: red;margin-left: 25px">{{ baidu.trend }}</span>
+            </div>
+            <el-divider><i class="el-icon-mobile-phone"></i></el-divider>
+          </div>
+        </el-card>
+      </el-collapse-item>
+      <el-collapse-item class="el-collapse-item" title="微信热搜榜" name="5">
+        <el-card shadow="hover">
+          <div v-for="wechat in topsearchList.wechatList" :key="wechat.id" class="douyin">
+            <span>{{ wechat.word }}</span>
+          </div>
+        </el-card>
+      </el-collapse-item>
+    </el-collapse>
+
+
+    <!--  回到顶部-->
+    <el-backtop target="" :bottom="100">
+    </el-backtop>
+
+  </div>
+
+</template>
+
+<script>
+
+import {getTopsearch} from "@/api/business/openapi/topsearch";
+
+export default {
+  name: "index",
+  data() {
+    return {
+      //遮罩层
+      loading: true,
+
+      //各个平台热搜数据
+      topsearchList: {},
+
+      //默认打开哪个
+      activeNames: ['1']
+    };
+  },
+  created() {
+    this.getTopsearch()
+  },
+
+
+  methods: {
+    //获取热搜榜
+    getTopsearch() {
+      this.loading = true
+      getTopsearch().then(res => {
+        this.topsearchList = res.data
+        this.loading = false
+      })
+    },
+
+
+    handleChange(val) {
+    }
+  },
+}
+</script>
+
+<style scoped>
+.el-collapse-item {
+  /*text-align: center;*/
+}
+
+.douyin {
+  margin-bottom: 20px;
+  font-size: 15px;
+  font-weight: 800;
+}
+
+.allnetwork {
+  margin-bottom: 20px;
+  font-size: 15px;
+  margin-left: 25px;
+}
+</style>
diff --git a/xjs-business/xjs-business-openapi/src/main/java/com/xjs/topsearch/controller/ApiTopSearchController.java b/xjs-business/xjs-business-openapi/src/main/java/com/xjs/topsearch/controller/ApiTopSearchController.java
index 1b42a852..2e2cf99a 100644
--- a/xjs-business/xjs-business-openapi/src/main/java/com/xjs/topsearch/controller/ApiTopSearchController.java
+++ b/xjs-business/xjs-business-openapi/src/main/java/com/xjs/topsearch/controller/ApiTopSearchController.java
@@ -48,7 +48,7 @@ public class ApiTopSearchController {
     private RedisService redisService;
 
 
-    @GetMapping
+    @GetMapping("getTopsearch")
     @ApiOperation("热搜榜接口")
     @Log(title = "获取热搜榜")
     @RequiresLogin
diff --git a/xjs-business/xjs-business-openapi/src/main/java/com/xjs/topsearch/factory/impl/TianXingTopsearchBaiduFactory.java b/xjs-business/xjs-business-openapi/src/main/java/com/xjs/topsearch/factory/impl/TianXingTopsearchBaiduFactory.java
index ec428b9f..a80152d9 100644
--- a/xjs-business/xjs-business-openapi/src/main/java/com/xjs/topsearch/factory/impl/TianXingTopsearchBaiduFactory.java
+++ b/xjs-business/xjs-business-openapi/src/main/java/com/xjs/topsearch/factory/impl/TianXingTopsearchBaiduFactory.java
@@ -44,7 +44,14 @@ public class TianXingTopsearchBaiduFactory implements TopserachFactory<ApiTopsea
                     ApiTopsearchBaidu apiTopsearchBaidu = new ApiTopsearchBaidu();
                     JSONObject json = (JSONObject) arrayJson;
                     apiTopsearchBaidu.setTitle(json.getString("keyword"));
-                    apiTopsearchBaidu.setDigest(json.getString("brief"));
+
+                    String brief = json.getString("brief");
+                    //截取无用字符
+                    if (brief.contains("查看更多&gt;")) {
+                        brief = brief.substring(0, brief.length() - 8);
+                    }
+                    apiTopsearchBaidu.setDigest(brief);
+
                     apiTopsearchBaidu.setHotnum(json.getLong("index"));
                     apiTopsearchBaidu.setTrend(json.getString("trend"));
                     return apiTopsearchBaidu;