本文共 1745 字，大约阅读时间需要 5 分钟。

1.Tomcat的操作

（1）tomcat2的安装

sudo apt-get install apache2

（2）tomcat2的端口的修改

cd /etc/apache2

打开端口配置文件进行修改

 vim ports.conf

将Listen的端口修改，这里我修改为8090.

（3）进入tomcat2的工作目录

cd /var/www/html/

将写好的网页放在这里即可通过tomcat来访问。

2.监控网页的编写

安装相关软件依赖

sudo apt-get install php5 libapache2-mod-php5

这里通过php来跟数据库进行连接，获取数据库中的数据，并显示在网页上。网页这里通过了bootstrap来修饰一下，引用bootstrap的代码段。

网页这里通过了bootstrap来修饰一下，引用bootstrap的代码段。!-- Bootstrap -->    
   
           
       

jiankong.php的网页

   
       
   
           
       
   
    
家庭实时监控系统
    
    
温湿度信息
    
connect_error) {    die("连接失败: " . $conn->connect_error);}$sql = "select * from dht2 order by id desc limit 3";$result = $conn->query($sql);if ($result->num_rows > 0) {    // 输出数据    while($row = $result->fetch_assoc()) {        echo"
       ";    }} else {    echo "0 结果";}$conn->close();?>
     
      
       
时间(yyyy-mm-dd)
       
温度(°C)
       
湿度(%RH)
      
            
       
".$row["time"]."
       
".$row["temperature"]."
       
".$row["humidity"]."
      
      
      
     
    
    
安防情况
    
connect_error) {    die("连接失败: " . $conn->connect_error);}$sql = "select * from buzzer order by id desc limit 3";$result = $conn->query($sql);if ($result->num_rows > 0) {    // 输出数据    while($row = $result->fetch_assoc()) {        echo"
       ";    }} else {    echo "0 结果";}$conn->close();?>
     
      
       
序号
       
时间
       
描述
      
            
       
".$row["id"]."
       
".$row["time"]."
       
".$row["descr"]."
      
      
      
     
    
   
实时监控情况
   
    
    
   

结果展示图

3.将IP地址内网穿透，可外网访问

内网穿透的前期背景知识，可参考我的这篇博客

具体步骤：

（1）在这个网站下载python版本的

（2）在这个网址中开通免费隧道，然后将网址的IP地址和端口映射上去（具体的步骤可参考上述博客地址）。这里注意因为一共是两个地址，一个是在线监控的地址，一个是网页的地址，端口不一致，所以我们需要开通两个隧道。这里我采取的办法是用两个账号，分别注册，来映射端口

（3）运行

将（1）下载到的python版本运行，粘贴上隧道id，即可成功开启。

成功运行之后即可通过域名来访问我们家庭的监控情况。