百度提供有查询 ip 归属地的开放接口,当你在搜索框中输入一个 ip 地址进行搜索,就会打开由 ip138 提供的百度框应用,你可以在框内直接输入 ip 地址查询。我查看了页面请求,提取出查询 ip 归属地的接口,据此使用 Qt 写了个简单的 ip 归属地查询应用。可以在电脑和 Android 手机上运行。这里使用了百度 API ,特此声明,仅可作为演示使用,不能用作商业目的。
版权所有 foruok,转载请注明出处( http://blog.youkuaiyun.com/foruok )。
这个例子会用到 http 下载、布局管理器、编辑框、按钮、Json 解析等知识,我们会一一解说。图 1 是在手机上输入 IP 地址的效果图:
图1 输入 Ip 地址
再看图 2 ,是点击查询按钮后查询到的结果:
图2 IP 归属地查询结果
好啦,现在我们来说程序。
项目是基于 Qt Widgets Application 模板创建,选择 QWidget 为基类,具体创建过程请参考《Qt on Android:图文详解Hello World全过程》。项目的名字就叫 IpQuery ,创建项目完成后,打开工程文件,为 QT 变量添加网络模块,因为我们查询 IP 时要使用。如下面代码所示:
QT += core gui network
项目模板给我们生成 widget.h / widget.cpp ,修改一下代码,先把界面搞起来。首先看头文件 widget.h :
#ifndef WIDGET_H
#define WIDGET_H
#include <QWidget>
#include <QPushButton>
#include <QLineEdit>
#include <QLabel>
#include "ipQuery.h"
class Widget : public QWidget
{
Q_OBJECT
public:
Widget(QWidget *parent = 0);
~Widget();
protected slots:
void onQueryButton();
void onQueryFinished(bool bOK, QString ip, QString area);
protected:
QLineEdit *m_ipEdit;
QPushButton *m_queryButton;
QLabel *m_areaLabel;
IpQuery m_ipQuery;
};
#endif // WIDGET_H
再看 widget.cpp :
#include "widget.h"
#include <QGridLayout>
Widget::Widget(QWidget *parent)
: QWidget(parent), m_ipQuery(this)
{
connect(&m_ipQuery, SIGNAL(finished(bool,QString,QString))
,this, SLOT(onQueryFinished(bool,QString,QString)));
QGridLayout *layout = new QGridLayout(this);
layout->setColumnStretch(1, 1);
QLabel *label = new QLabel("ip:");
layout->addWidget(label, 0, 0);
m_ipEdit = new QLineEdit();
layout->addWidget(m_ipEdit, 0, 1);
m_queryButton = new QPushButton("查询");
connect(m_queryButton, SIGNAL(clicked()),
this, SLOT(onQueryButton()));
layout->addWidget(m_queryButton, 1, 1);
m_areaLabel = new QLabel();
layout->addWidget(m_areaLabel, 2, 0, 1, 2);
layout->setRowStretch(3, 1);
}
Widget::~Widget()
{
}
void Widget::onQueryButton()
{
QString ip = m_ipEdit->text();
if(!ip.isEmpty())
{
m_ipQuery.query(ip);
m_ipEdit->setDisabled(true);
m_queryButton->setDisabled(true);
}
}
void Widget::onQueryFinished(bool bOK, QString ip, QString area)
{
if(bOK)
{
m_areaLabel->setText(area);
}
else
{
m_areaLabel->setText("喔哟,出错了");
}
m_ipEdit->setEnabled(true);
m_queryButton->setEnabled(true);
}
界面布局很简单,我们使用一个 QGridLayout 来管理 ip 地址编辑框、查询按钮以及用于显示结果的 QLabel 。QGridLayout 有 addWidget() / addLayout() 等方法可以添加控件或子布局。还有 setColumnStretch() /