天域苍穹,怎么写网络小说,完美世界辰东小说下载

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案

炫酷，SpringBoot+Echarts實(shí)現(xiàn)用戶(hù)訪(fǎng)問(wèn)地圖可視化（附源碼）

SpringBoot+Echarts用戶(hù)訪(fǎng)問(wèn)地圖可視化

創(chuàng)新互聯(lián)專(zhuān)注為客戶(hù)提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)、廣水網(wǎng)絡(luò)推廣、小程序制作、廣水網(wǎng)絡(luò)營(yíng)銷(xiāo)、廣水企業(yè)策劃、廣水品牌公關(guān)、搜索引擎seo、人物專(zhuān)訪(fǎng)、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供廣水建站搭建服務(wù)，24小時(shí)服務(wù)熱線(xiàn)：028-86922220，官方網(wǎng)址：www.cdcxhl.com

意義

在常見(jiàn)的電商、新聞、社交網(wǎng)站等，合理運(yùn)用運(yùn)營(yíng)成本才能最大化輸出自己的產(chǎn)品，其中最常見(jiàn)的功能就有針對(duì)不同訪(fǎng)問(wèn)熱度的城市制定不同的運(yùn)營(yíng)手段，因此我們掌握用戶(hù)城市分布情況至關(guān)重要。
pc端與移動(dòng)端不同，無(wú)法依托手機(jī)自帶的gps定位到用戶(hù)所在城市，只能通過(guò)ip來(lái)進(jìn)行判斷所在地理位置。

根據(jù)ip獲取城市的方式

淘寶、新浪等常年提供根據(jù)ip獲取城市的接口，但是隔一段時(shí)間會(huì)出現(xiàn)接口地址更改的情況，也有一定的限流
開(kāi)源純真ip庫(kù)：不斷迭代更新ip庫(kù)內(nèi)容，一般場(chǎng)景下足以使用，自主可控。（下載qqwry.dat庫(kù)）

思路

首先需要獲取用戶(hù)請(qǐng)求的ip地址，我們對(duì)該方法進(jìn)行簡(jiǎn)單封裝：

 
 
 
 
  
  
  
  public class IPUtil {  
  
  
  
      public static String getIpAddress(HttpServletRequest request) {  
  
  
  
          String ip = request.getHeader("x-forwarded-for");  
  
  
  
          if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {  
  
  
  
              ip = request.getHeader("Proxy-Client-IP");  
  
  
  
          }  
  
  
  
          if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {  
  
  
  
              ip = request.getHeader("WL-Proxy-Client-IP");  
  
  
  
          }  
  
  
  
          if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {  
  
  
  
              ip = request.getHeader("HTTP_CLIENT_IP");  
  
  
  
          }  
  
  
  
          if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {  
  
  
  
              ip = request.getHeader("HTTP_X_FORWARDED_FOR");  
  
  
  
          }  
  
  
  
          if (ip == null || ip.length() == 0 || "unknown".equalsIgnoreCase(ip)) {  
  
  
  
              ip = request.getRemoteAddr();  
  
  
  
          }  
  
  
  
          return ip;  
  
  
  
      }  
  
  
  
  }

封裝純真ip的解析工具，根據(jù)ip獲取請(qǐng)求地址所在城市，github有大量實(shí)現(xiàn)版本，我們這里不做贅述，具體代碼見(jiàn)文末源碼

 
 
 
 
  
  
  
  //篇幅較長(zhǎng)，截取的主要方法，詳細(xì)在源碼地址查看      
  
  
  
  public IPZone findIP(final String ip) {  
  
  
  
          final long ipNum = toNumericIP(ip);  
  
  
  
          final QIndex idx = searchIndex(ipNum);  
  
  
  
          if (idx == null) {  
  
  
  
              return new IPZone(ip); 
  
  
  
           }  
  
  
  
          return readIP(ip, idx);  
  
  
  
  }

自定義攔截器，對(duì)用戶(hù)的登錄請(qǐng)求進(jìn)行攔截，在此處判斷請(qǐng)求ip所在城市，并進(jìn)行計(jì)數(shù)。我們這里只是簡(jiǎn)單邏輯的說(shuō)明，在生產(chǎn)上時(shí)應(yīng)該用redis來(lái)存放計(jì)數(shù)，并且專(zhuān)門(mén)提供一個(gè)rest接口來(lái)推送當(dāng)前各城市訪(fǎng)問(wèn)數(shù)量情況，再由前端配合，隔一段時(shí)間發(fā)起一次請(qǐng)求，例如隔一小時(shí)請(qǐng)求一次該rest接口，從而進(jìn)行前端數(shù)據(jù)的展示。

 
 
 
 
  
  
  
  /**  
  
  
  
   * 登錄攔截器  
  
  
  
   */  
  
  
  
  @Slf4j  
  
  
  
  public class MyLoginInterceptor implements HandlerInterceptor {  
  
  
  
      private static final String LOGIN_PATH = "/user/login";  
  
  
  
      private static Map visitCount;  
  
  
  
      private static final QQWry qqWry;  
  
  
  
      static {  
  
  
  
          visitCount = new HashMap<>(31);  
  
  
  
          qqWry = new QQWry();  
  
  
  
      } 
  
  
  
      //展示訪(fǎng)問(wèn)數(shù)量不是精確指標(biāo)，如果要做到完全正確需要使用鎖，防止計(jì)數(shù)存在并發(fā)問(wèn)題  
  
  
  
      @Override  
  
  
  
      public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {  
  
  
  
          log.info("【MyLoginInterceptor】調(diào)用了:{}", request.getRequestURI());  
  
  
  
          if (request.getRequestURI().equals(LOGIN_PATH)) {  
  
  
  
              String ipAddress = IPUtil.getIpAddress(request);  
  
  
  
              String province = qqWry.findIP(ipAddress).getMainInfo();  
  
  
  
              if (visitCount.containsKey(province)) {  
  
  
  
                  visitCount.put(province,new AtomicInteger(visitCount.get(province).incrementAndGet()));  
  
  
  
              } else {  
  
  
  
                  visitCount.put(province,new AtomicInteger());  
  
  
  
              }  
  
  
  
          }  
  
  
  
          return true;  
  
  
  
      }  
  
  
  
      @Override  
  
  
  
      public void postHandle(HttpServletRequest request, HttpServletResponse response,  
  
  
  
                             Object handler, ModelAndView modelAndView) throws Exception {}  
  
  
  
      @Override  
  
  
  
      public void afterCompletion(HttpServletRequest request, HttpServletResponse response,  
  
  
  
                                  Object handler, Exception ex){}  
  
  
  
  }

注冊(cè)自定義的攔截器

 
 
 
 
  
  
  
  @Configuration  
  
  
  
  public class WebMvcConfig implements WebMvcConfigurer {  
  
  
  
      @Override  
  
  
  
      public void addInterceptors(InterceptorRegistry registry) {  
  
  
  
          registry.addInterceptor(new MyLoginInterceptor());  
  
  
  
      }  
  
  
  
  }

登錄controller模擬邏輯，注意：如果想看效果圖需要自己寫(xiě)線(xiàn)程用不同的虛擬ip進(jìn)行訪(fǎng)問(wèn)url，從而達(dá)到在不同城市訪(fǎng)問(wèn)接口的效果。

 
 
 
 
  
  
  
  @RestController("user") 
  
  
  
  public class LoginController { 
  
  
  
      @GetMapping("login")  
  
  
  
      public String login() {  
  
  
  
          //登錄邏輯  
  
  
  
          return "success";  
  
  
  
      }  
  
  
  
  }

最終效果

前后端源碼

 
 
 
 
  
  
  
  https://github.com/Motianshi/distribute-tool

當(dāng)前文章：炫酷，SpringBoot+Echarts實(shí)現(xiàn)用戶(hù)訪(fǎng)問(wèn)地圖可視化（附源碼）
轉(zhuǎn)載來(lái)源：http://m.fisionsoft.com.cn/article/coegshp.html

新聞中心

其他資訊