1、前端工具模块ip信息功能实现

ruoyi-ui/src/api/business/openapi/apitools.js

@@ -86,6 +86,14 @@ export function getChineseDict(content) {
   })
 }
 
+//获取ip信息
+export function getIpInfo(ip) {
+  return request({
+    url: '/openapi/apitools/ipinfo/'+ip,
+    method: 'get',
+  })
+}
+
 
 
 

ruoyi-ui/src/views/business/tools/apitools/index.vue

@@ -370,21 +370,37 @@
           </div>
 
           <div class="table2_col_div">
-            <el-form :inline="true" :rules="rules" :model="chineseDictForm" ref="chineseDictForm">
-              <el-form-item label="IP查询" label-width="100px" prop="dict">
-                <el-input v-model="chineseDictForm.dict" placeholder="请输入单个中文"></el-input>
+            <el-form :inline="true" :rules="rules" :model="ipInfoForm" ref="ipInfoForm">
+              <el-form-item label="IP查询" label-width="100px" prop="ip">
+                <el-input v-model="ipInfoForm.ip" placeholder="请输入单个中文"></el-input>
               </el-form-item>
               <el-form-item>
                 <el-popover
-                  placement="left"
-                  width="560"
+                  placement="bottom"
+                  width="360"
                   trigger="manual"
-                  v-model="chineseDictVisible">
-
+                  v-model="ipInfoVisible">
+                  <div>
+                    <el-card shadow="hover">
+                      <span>城市：{{ ipInfoData.city }}</span>
+                    </el-card>
+                    <el-card shadow="hover">
+                      <span>省份：{{ ipInfoData.province }}</span>
+                    </el-card>
+                    <el-card shadow="hover">
+                      <span>服务商：{{ ipInfoData.isp }}</span>
+                    </el-card>
+                    <el-card shadow="hover">
+                      <span>IP：{{ ipInfoData.ip }}</span>
+                    </el-card>
+                    <el-card shadow="hover">
+                      <span>描述：{{ ipInfoData.desc }}</span>
+                    </el-card>
+                  </div>
                   <el-button @click="close" icon="el-icon-close" circle plain size="mini"
                              style="float: right"></el-button>
-                  <el-button v-loading="loading10" type="primary" slot="reference"
-                             @click="getChineseDict('chineseDictForm')">搜索
+                  <el-button v-loading="loading11" type="primary" slot="reference"
+                             @click="getIpInfo('ipInfoForm')">搜索
                   </el-button>
                 </el-popover>
               </el-form-item>
@@ -410,7 +426,8 @@ import {
   getForecastWeather,
   getGarbageSorting,
   getSimpleComplex,
-  getChineseDict
+  getChineseDict,
+  getIpInfo
 } from "@/api/business/openapi/apitools";
 
 import weather from "@/assets/icons/weather/天气.png"
@@ -437,10 +454,9 @@ export default {
         goodsName: '-',
         goodsType: '-',
       }],
-
-
       simpleComplexData: {},
       chineseDictData: {},
+      ipInfoData: {},
 
       //-------------input框数据-------------------
       idCardForm: {
@@ -464,6 +480,9 @@ export default {
       chineseDictForm: {
         content: ''
       },
+      ipInfoForm: {
+        ip: ''
+      },
 
       //------------控制弹出显示隐藏-----------------
       holidayVisible: false,
@@ -476,6 +495,7 @@ export default {
       garbageSortingVisible: false,
       simpleComplexVisible: false,
       chineseDictVisible: false,
+      ipInfoVisible: false,
 
       //----------------遮罩层-------------------
       loading1: false,
@@ -488,6 +508,7 @@ export default {
       loading8: false,
       loading9: false,
       loading10: false,
+      loading11: false,
 
       //---------------校验规则--------------------
       rules: {
@@ -512,6 +533,10 @@ export default {
           {required: true, message: '请输入简体中文！！！', trigger: 'blur'},
           {min: 1, max: 1, message: '长度在 1 个字符', trigger: 'blur'}
         ],
+        ip: [
+          {required: true, message: '请输入IP地址！！！', trigger: 'blur'},
+          {required: true, validator: this.validatorIp, trigger: 'blur'},
+        ],
 
       },
 
@@ -525,6 +550,25 @@ export default {
   ,
 
   methods: {
+    //获取Ip信息
+    getIpInfo(ipInfoForm) {
+      this.$refs[ipInfoForm].validate((valid) => {
+        this.ipInfoData = {}
+        if (valid) {
+          this.loading11 = true
+          getIpInfo(this.ipInfoForm.ip).then(res => {
+            this.loading11 = false
+            this.ipInfoVisible = true
+            this.ipInfoData = res.data
+          }).catch(err => {
+            this.loading11 = false
+          })
+        } else {
+          return false
+        }
+      })
+    },
+
     //获取汉语字典信息
     getChineseDict(chineseDictForm) {
       this.$refs[chineseDictForm].validate((valid) => {
@@ -652,6 +696,17 @@ export default {
       }
     },
 
+    validatorIp(rule, value, callback) {
+      const reg = /^((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)$/
+      if (!value) {
+        return callback(new Error('ip地址不能为空'))
+      } else if (!reg.test(value)) {
+        return callback(new Error('ip地址不正确'))
+      } else {
+        callback()
+      }
+    },
+
     //关闭窗口
     close() {
       this.mobileBelongVisible = false;
@@ -664,6 +719,7 @@ export default {
       this.garbageSortingVisible = false;
       this.simpleComplexVisible = false;
       this.chineseDictVisible = false;
+      this.ipInfoVisible = false
     },
 
     //获取手机归属地信息

xjs-business/xjs-business-common/src/main/java/com/xjs/consts/RegexConst.java

@@ -22,4 +22,9 @@ public class RegexConst {
      * 15位身份证正则
      */
     public static final String IDCARD_15_REGEX = "^([1-6][1-9]|50)\\d{4}\\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\\d{3}$";
+
+    /**
+     * ip地址v4、v6正则
+     */
+    public static final String IP_REGEX ="^((2[0-4]\\d|25[0-5]|[01]?\\d\\d?)\\.){3}(2[0-4]\\d|25[0-5]|[01]?\\d\\d?)$";
 }

xjs-business/xjs-business-openapi/src/main/java/com/xjs/apitools/controller/ApiToolsController.java

@@ -130,7 +130,6 @@ public class ApiToolsController {
         }
     }
 
-
     @GetMapping("idcardquery/{idcard}")
     @ApiOperation("获取身份证信息")
     @Log(title = "获取身份证信息")
@@ -149,7 +148,11 @@ public class ApiToolsController {
     @Log(title = "获取IP")
     @RequiresPermissions("open:apitools:ipinfo")
     public R<IPInfoVo> getIPApiData(@PathVariable("ip")String ip) {
+        boolean matches = Pattern.matches(IP_REGEX, ip);
+        if (matches) {
             return R.ok(ipService.getIPApiData(ip));
         }
+        return R.fail("请输入正确的IP地址");
+    }
 
 }

xjs-business/xjs-business-openapi/src/main/java/com/xjs/weather/factory/impl/RollIPFactory.java

@@ -51,7 +51,7 @@ public class RollIPFactory implements IPFactory<IPInfoVo> {
             JSONObject data = jsonObject.getJSONObject("data");
             return data.toJavaObject(IPInfoVo.class);
         } else {
-            log.error("天行全网热搜服务调用成功，但返回异常");
+            log.error("roll 获取ip信息，返回异常（ip不合法）");
             if (redisService.hasKey(IP_INFO)) {
                 return (IPInfoVo) redisService.getCacheObject(IP_INFO);
             } else {