安防监控项目---web点灯（网页发送命令控制A9的led）
文章目录
- 前言
- 一、web点亮LED流程
- 二、静态网页设计（html界面）
- 三、 CGI和BOA在本项目中的使用
- 总结
前言
书接上期，和大家分享的是web点灯，哈哈哈，谈论起点灯这个词，这么久以来我已然已经成长为一名合格的点灯大师了；点灯是一个很好的测试办法，不仅要去测试开发板是否正常，也要去测试网页是否能够顺利下发数据，接下俩让我们仔细来看一下这个过程！！！
一、web点亮LED流程
先来理一下流程，之后呢我们按照这个流程来一步步实现相应的功能；
html的数据发送到A9期间经历了这么几个过程：
接下来咱们就根据上面流程图一步步来看一下每一步的具体实现！
二、静态网页设计（html界面）
以下呢就是默认index.html网页的具体设计；代码还是比较简单的，没啥技术含量，大家只要能读懂，在这个基础上可以根据自己的需求去修改就可以了；
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登录界面</title>
</head>
<body>
<body background="./images/ckp00.png">
<div align="center">
<table width="900" border="0" background="./images/ckp3.png">
<tr>
<th width="385" height="320" scope="col"> </th>
<th width="385" scope="col"> </th>
<th width="70" scope="col"> </th>
</tr>
<tr>
<td height="50"> </td>
<td>
<div align="center"></div>
</td>
<td> </td>
</tr>
</table>
</div>
<div></div>
<div align="center">
<table width="900" border="0">
<tr>
<td>
<form onsubmit="return isValidate(myform)" action="cgi-bin/login.cgi" method="post">
用户名: <input type="text" name="username" id="username"> 密码: <input type="password" name="userpass" id="userpass">
<input type="submit" value="登录" id="button">
</form>
</td>
</tr>
</table>
</div>
<!--<p> </p>-->
<div align="center">
<table width="900" height="467" border="0" background="./images/ckp4.jpg">
<tr>
<td width="126" height="248"> </td>
<td width="351"></td>
<td width="101"> </td>
</tr>
<tr>
<td></td>
<td> </td>
</tr>
<tr>
<td>
<form name="myform" method="get" action="cgi-bin/login.cgi" onsubmit="return isValidate(myform)"></form>
</td>
</tr>
</div>
</body>
</html>
网页打开如下：
在这里呢需要用户名和密码来进行登录；那接下来肯定是看一下怎样进行登录了呀！
三、 CGI和BOA在本项目中的使用
用户名和密码由网页端发送BOA服务器，接收到数据后CGI进行数据的解析，那接下来看下CGI的程序到底是如何编写的！
#include
Your Password is %s
\n", name, pass);
printf("Content-type: text/html\n\n"); //告诉编译器，用html语法来解析
if((strcmp(name,"Romeo") == 0)&&(strcmp(pass,"123") == 0)) //html登陆的用户名和密码
{
printf(""); //自动跳转到这个页面
}
else{
printf("用户名或密码错误
");
//exit(-1);
}
}
int main()
{
char *input;
char *req_method;
printf("Content-type: text/html\n\n"); //告诉编译器，用html语法来解析
printf("The following is query reuslt:
");
req_method = getenv("REQUEST_METHOD");
input = getcgidata(stdin, req_method); //获取URL 编码的数据
unencode_for_name_pass(input); //解码，并判断用户名，密码,如果正确，跳转至选择界面，否则提示错误
return 0;
}
上述代码就能够实现自动解析用户名和密码并且实现在登陆成功后跳转至二级页面的操作；
二级页面如下：
三级页面如下：
四级页面如下：
到这里呢我们就可以开始点灯了，但是我们必须清楚，网页下发指令后BOA服务器和CGI究竟是如何进行相应的；下来看一下cgi的工程框架：
下面看一下这个是a9_led.c的CGI代码：
#include My CGI \n");
fprintf(cgiOut, "");
fprintf(cgiOut, "send sucess
");
//fprintf(cgiOut, "返回");
fprintf(cgiOut, "", sto_no[0]);
fprintf(cgiOut, "\n");
fprintf(cgiOut, "\n");
return 0;
}
代码中注释的消息类型如下，这个是在通信结构体设计的分享中对应用层进程间通信使用消息队列机制的具体实现；
那么当cgi发把消息写入到消息队列后，那应用层究竟是如何进行接收的呢，继续来看吧：
下图是应用层的框架：
在pthread_client_request.c中，对消息队列进行了接收操作：
#include "data_global.h"
#include "linuxuart.h"
//消息队列id
extern int msgid;
//ipc对象键值
extern key_t key;
//锁资源
extern pthread_mutex_t mutex_client_request,
mutex_refresh,
mutex_sqlite,
mutex_transfer,
mutex_analysis,
mutex_sms,
mutex_buzzer,
mutex_led,
mutex_camera;
//条件变量
extern pthread_cond_t cond_client_request,
cond_refresh,
cond_sqlite,
cond_transfer,
cond_analysis,
cond_sms,
cond_buzzer,
cond_led,
cond_camera;
//模块的控制命令字
extern unsigned char cmd_led;
extern unsigned char cmd_buzzer;
extern unsigned char cmd_fan;
//GPRS模块的电话号
extern char recive_phone[12] ;
extern char center_phone[12] ;
//消息队列通信结构体
struct msg msgbuf;
void *pthread_client_request(void *arg)
{
if((key = ftok("/tmp",'g')) < 0){
perror("ftok failed .\n");
exit(-1);
}
msgid = msgget(key,IPC_CREAT|IPC_EXCL|0666); //检测消息队列中是否有这个键值，如果有则返回对应的-1，没有则创建并返回创建消息队列的id
if(msgid == -1) {
if(errno == EEXIST){ //如果已经存在
msgid = msgget(key,0777); //设置权限为0777
}else{
perror("fail to msgget");
exit(1);
}
}
printf("pthread_client_request\n");
while(1){
bzero(&msgbuf,sizeof(msgbuf)); //清理操作，但一般使用memset，功能更加强大一点
printf("wait form client request...\n");
msgrcv (msgid, &msgbuf, sizeof (msgbuf) - sizeof (long), 1L, 0); //从消息队列中读取消息
printf ("Get %ldL msg\n", msgbuf.msgtype); //打印消息类型
printf ("text[0] = %#x\n", msgbuf.text[0]); //打印消息内容
//判断消息类型，从而确定是哪一个设备
switch(msgbuf.msgtype){
case 1L:
//1L的类型是led的消息类型，此时上锁，等待消息内容也就是控制命令字复制完成后解锁，通过pthread_cond_signal唤醒pthread_led.c这个led线程，进行led的具体硬件操作
pthread_mutex_lock(&mutex_led);
printf("hello led\n");
cmd_led = msgbuf.text[0];
pthread_mutex_unlock(&mutex_led);
pthread_cond_signal(&cond_led);
break;
}
}
}
#endif
下面来看一下led线程里都干了什么事情呢，代码如下：
#include "data_global.h"
#include "chrdev.h"
#include 当然这里不要忘记在跑主框架之前先要加载led的驱动模块哦，要不然我们前面写的再牛，这里的灯也是亮不起来的，哈哈哈哈！
总结
好啦，本期的分享大概就到这里结束了，是不是点个灯这个操作还是具有一定的难度的呢，虽然步骤过程很多，但是每一步都需要我们谨小慎微，把每一步做好，最后自然就能把灯点亮；不要着急，我饿能够按照步骤整理出来是因为我整个项目已经做完了，所以大家不要着急，还是需要一步步来，后面做完后大家肯定比我理解的更深刻！把灯点亮后，那后面蜂鸣器就不是什么问题了，都是一样的原理，是不是跃跃欲试了！加油哦！最后，各位小伙伴们如果有收获，可以点赞收藏哦，你们的认可是我创作的动力，一起加油！