基于web服务器的前后台交互程序（基于C语言）

本节设计一个按键（button）和文本框（Text），web页面上按键点击一下，文本框中显示“Helloword!”的字符，其中html语言用于web网页的设计；javascript语言用于与C语言后台程序交互和显示控制;基于C语言的后台程序处理接收命令，并显示输出。按键每次点击的颜色会发生翻转，提醒使用者按键生效。

1.首先基于html语言设计按钮（button）和文本框(Text)，其中按键作为输入，文本框作为输出显示使用，程序如下图所示：

图1 html设计首页

2.其次基于javascript语言设计按钮点击的颜色切换，并向C语言发送控制指令，且接收C语言发送的结果。

图2 javascript设计控制逻辑

 

3.最后设计基于C语言的后台程序，后台程序从Get环境变量获得javascript语言传递的参数，并发送结果给javascript函数。

图3 C语言后台程序

4.编写C语言的Makefile文件和编译脚本build_web.sh,分别如下图所示：

图4 Makefile文件

 

图5 编译脚本

 

5.给build_web.sh编译脚本添加可执行权限，并运行编译脚本，生成main.cgi文件。

图6 编译生成C语言的可执行文件

 

6.拷贝main.cgi和index.html文件到thttpd的cgi文件目录，开启thttpd服务。

图7 开启thttpd的web服务

 

7.浏览器输入服务器ip地址，测试结果如下图所示：

图8 浏览器进入web操作

 

图9 测试结果成功