您的位置:首页 > 其它

后台增加IP地理位置显示功能

2010-10-11 21:53 477 查看
用户信息表,是大多数系统都有的。我们也知道,通常都会有类似 注册IP 和 最后登录IP 这两个的字段,来存储用户注册时候的IP地址和最后登录的IP的地址。

获取这样的地址,在后台显示 xxx.xxx.xxx.xxx 的地址段,让人看到很不自然,根本就不知道具体地理位置。

现在我们就简单的实现一下这个功能。

用到了 读取纯真IP数据库的公用组件QQWry.NET 这个组件,作者阿不。(谢谢他的共享)

还要去下载最新的纯真IP地址库,下载获得QQWry.dat

最后请出Js中的小靓妞,jquery-1.3.1.js

新建Web项目AjaxIP,将QQWry.dat添加到App_Data下。

然后添加QQWry.NET的组件类,如下:

代码

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3 <html xmlns="http://www.w3.org/1999/xhtml" >
4 <head runat="server">
5 <title></title>
6 <script language="javascript" src="Js/jquery-1.3.1.js"></script>
7 <script language="javascript">
8 $(document).ready(function() {
9 $("#tb tr").each(function() {
10 var obj = $(this).children("td:eq(2)");
11 SearchIP(obj);
12 });
13 })
14
15 function SearchIP(obj) {
16 $.ajax({
17 type: "GET",
18 url: "IPSearch.ashx?ip=" + obj.text(),
19 success: function(data) {
20 obj.text(data);
21 }
22 });
23 }
24 </script>
25 </head>
26 <body>
27 <form id="form1" runat="server">
28 <div>
29
30 <table id="tb" style="width:100%;">
31 <thead>
32 <th>321321</th>
33 <th>321321</th>
34 <th>321321</th>
35 </thead>
36 <tr>
37 <td>
38 OMEGA</td>
39 <td>
40 0</td>
41 <td>
42 122.229.191.8</td>
43 </tr>
44 <tr>
45 <td>
46 荒年</td>
47 <td>
48 900,000</td>
49 <td>
50 110.87.98.30</td>
51 </tr>
52 <tr>
53 <td>
54 寒妃</td>
55 <td>
56 1,854,257,979</td>
57 <td>
58 220.188.193.72</td>
59 </tr>
60 <tr>
61 <td>
62 哈小土</td>
63 <td>
64 600,100</td>
65 <td>
66 220.188.193.72</td>
67 </tr>
68 <tr>
69 <td>
70 化妆造型</td>
71 <td>
72 400,100</td>
73 <td>
74 220.188.193.72</td>
75 </tr>
76 </table>
77
78 </div>
79 </form>
80 </body>
81 </html>
这样我们的后台用户信息不再是不友好的IP地址段了。

运行一下,看看效果吧。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: