【OK210试用体验】系统篇（4） 基于OK210的智能家居系统之整合

gjianw217 当前离线 经验 688 窥视卡 雷达卡

gjianw217 ( 楼主 ) 2015-8-31 00:50:47  只看该作者 19514 | 6 倒序浏览

    前面介绍了OK210基于Linux的功能篇：LED、Key按、DS18B20温度传感器、PWM蜂鸣器、红外遥控和ADC模数的驱动以及系统篇：Boa服务器搭建、Bootstrap前端设计、CGI后端设计CGI，今天介绍基于OK210的智能家居系统的整合，即通过构建Boa服务器，来控制OK210上的设备资源。对设备资源的访问是通过前面介绍的驱动进行的，对设备资源的控制是通过前面介绍的Boa服务器前端控制的。
    本节主要分3个部分：

• 1 对驱动的管理
  

• 2 对驱动的访问
  

• 3 对界面的控制
  

一、对驱动的管理
    前面对驱动的体验都是通过手动加载上去的（insmodrmmodlsmod），现在要改成上电启动后，自动加载，具体方法见【OK210试用体验】入门篇（4）编程入门（NFS登录、驱动入门）中的附录模板，这里要加载的驱动有，LED驱动、Key按按驱动、DS18B20温度传感器驱动、PWM蜂鸣器驱动、ADC模数驱动等，具体的驱动代码，见相关章节。
二、对驱动的访问
1 新建文件和目录：对驱动的访问，通过接口函数来实现，
首先在Boa服务器的CGI目录下，新建各自的源文件和头文件，
其次，新建一配置文件config.ini，用来放置一些系统的初始化数据
再次，新建一控制文件main-cgi.c，用来响应或管理前端的数据
最后的文件目录如下所示：

2 关键代码说明

1. if( (fp_html=fopen("./../main.html","r")) == NULL)//打开网页主页面
   
2.         {
   
3.                 exit(1);//如果打不开，直接退出
   
4.         }
   
5.         while(fgets(buf,512,fp_html))//每次获取主页面上的512个字符，直到读取完
   
6.         {
   
7.                 if(strncmp(buf,"$CurTemp$",9)==0)//如果找到温度的显示位置
   
8.                 {
   
9.                         ds18b20_fun(temperation);//读取OK210上的DS18B20的数据
   
10.                         if (temperation[0]>0&&temperation[1]>0)
    
11.                                 printf("  %2d.%d ℃n", temperation[0], temperation[1]);//更新数据显示
    
12.                         else
    
13.                                 printf("  85.0 ℃n");
    
14. 
    
15.                         //printf("  85.0 ℃n");
    
16.                 }
    
17. 
    
18.                 else if(strncmp(buf,"$CurHumidity$",13)==0)//如果找到湿度的显示位置
    
19.                 {
    
20.                         adc_data = adc_fun(0);//通过ADC模拟湿度，读取模拟值
    
21.                         printf("     %2d %n", (adc_data/100));//更新数据显示
    
22.                 }
    
23.                 else if(strncmp(buf,"$PWMMotor$",10)==0)//通过PWM模拟窗帘动作
    
24.                 {
    
25.                         if(pwm_config[0]==0)
    
26.             {
    
27.                 printf("");//更新显示状态
    
28.             }
    
29.             else
    
30.             {
    
31.                 printf("");
    
32.             }
    
33.                 }
    
34. 
    
35.                 else if(strncmp(buf,"$LedSwitch$",11)==0)//通过LED模拟开关动作
    
36.                 {
    
37.                         int i=0;
    
38.                         for(i=0; i < 4; i++)
    
39.                         {
    
40.                                 if(led_config[i]==1)
    
41.                                 {
    
42.                                         printf("");//更新显示状态
    
43.                                 }
    
44.                                 else
    
45.                                 {
    
46.                                         printf("");
    
47.                                 }
    
48.                         }
    
49.                 }
    
50. 
    
51.                 else
    
52.                         printf("%s",buf);//否则保护原来的数据
    
53.         }

复制代码

3编译
arm-linux-gcc -o main-cgi.cgi main-cgi.c ds18b20-cgi.c adc-cgi.c leds-cgi.c pwm-cgi.c

三、对界面的控制
1 界面设计
1）主要有3个界面，index.html，login.html，main.html
boa服务器首先启动index.html文件（在boa.conf中设置），在该页面，通过登录按键，将页面跳转到login.html界面，如下代码：

1. 登录

复制代码

在login.html中，通过登录按键，触发onclick事件，该事件响应myFunction()函数，如下代码所示：

1. 登录

复制代码

在myFunction()函数，验证提交的登录信息，如果正确，则跳转到main-cgi.cig文件。

1. if(document.getElementById("inputEmail").value=="gjianw217@163.com"&&document.getElementById("inputPassword").value=="111111")
   
2. {
   
3. window.open("./cgi-bin/main-cgi.cgi");
   
4. }
   

复制代码

在main-cgi.cgi中，首先打开main.html文件，获取信息后，再输出的页面上。
2 主界面
主界面主要通过表单

和cgi进行数据的交互，如环境检测表单，用来显示温度值和湿度值。其中湿度值是模拟值。代码中有两点值得注意
1）表单数据的提交方法，使用post
2）表单中通过变量$xx$来定位数据

1.      
   
2. 环境检测
   
   
3.            
   
   
4.                     温度检测
   
5.                     
   
   
6.                         

   温    度
   

   $CurTemp[        DISCUZ_CODE_1046        ]lt;/h5>
   

                        

           

           

                    湿度检测

                    

                        

湿    度

$CurHumidity[        DISCUZ_CODE_1046        ]lt;/h5>

                     

           

                       

  复制代码再如通过led灯来模拟开关，同样注意表单的提交方法（post)和变量的设置

1. 
   
2. 灯光控制
   
   
3. $LedSwitch$
   
4.        
   
   
5.         　　
   
6.         　　
   
7.         　　
   
8.         　　
   
9.        
   
   
10. 　
    

复制代码

3 调试结果
最后附几张调试图片
1）下图为登录控制界面后，当前的温度为32.10度，湿度为16%，默认为读厨房和餐厅的灯亮

2）下图对应上图的控制信息，显示读厨房和餐厅的灯亮

3）下图显示窗帘正在运行，此时OK210的蜂鸣器在响

沙发

刘帅 发表于 2015-9-9 00:24:05

楼主真6啊   佩服佩服  

板凳

qym19920 发表于 2015-10-12 15:11:14

楼主，有个问题想请教你，在cgi-bin目录里的cgi程序显示html时，那些js文件怎么不起作用，想给cgi输出的html添加第三方UI库，不能正常显示，这到底是怎么回事，是我哪里写错了还是，本来就不能显示用js写的UI

4#

gjianw217 发表于 2015-10-12 20:29:09

qym19920 发表于 2015-10-12 15:11
楼主，有个问题想请教你，在cgi-bin目录里的cgi程序显示html时，那些js文件怎么不起作用，想给cgi输出的html添加第三方UI库，不能正常显示，这到底是怎么回事，是我哪里写错了还是，本来就不能显示用js写的UI

可以的，你可以参考：【OK210试用体验】系统篇（2） 基于OK210的智能家居系统之前端设计

5#

小虎嵌入式 发表于 2015-10-16 15:44:59

先收藏了先，谢谢楼主分享！

6#

刘德义 发表于 2016-5-1 16:31:59

楼主太强大了,收藏了.赞......

7#

李天 发表于 2016-6-27 10:39:24

你好，怎么在开发板上用lsmod安装模块会提示无效的模块呢？