renwinping / boa_cgi_html_mysql Goto Github PK

效果参考：

https://ikaros-521.gitee.io/boa_cgi_html_mysql/login.html

使用到的软件和技术

BOA服务器，Apache，CGI，CCGI，MySQL，SQLite。C，HTML，CSS，JS，SQL

具体功能讲解

1、运行BOA服务器 （来到BOA目录下的src，终端输入 sudo ./boa 启动服务）

2、打开浏览器，输入localhost:端口号/login.html （文件都要放在 /var/www 目录下）

3、登录页面，注册页面。（登录注册将表单发送给对应CGI文件，CGI文件和MySQL数据库交互（运行MySQL，建好数据库和表)，将结果输出）

4、登录成功后会来到 配置页面。（对相应参数进行配置，可自由发挥，同样HTML的表单发送给CGI程序，打开系统文件，写入相应参数，重启服务）

环境搭建和配置等其他问题可以参考大佬的博客讲解 https://blog.csdn.net/A642960662/article/details/66473793

ajax局部刷新，这个demo链接在这 https://gitee.com/ikaros-521/ajax_cgi/tree/master

操作系统： Ubuntu12.04 LTS

环境搭建： 需要 BOA，Apache，CCGI，MySQL，GCC

Linux下嵌入式Web服务器BOA和CGI编程开发

数据库的相关知识——学习笔记 的三

mysql中文乱码问题解决 / C程序插入仍是乱码解决 / 卸载重装教学

扩展： 我还用了bootstrap框架，CSS/JS

源码链接：GitHub：传送门 ， 码云：传送门

环境准备好后，我们在 /var/www 下写HTML文件

在 /var/www/cgi-bin 下写c文件，编译后命名为.cgi。

编译命令仅供参考

gcc -o login.cgi login.c cgic.c -lpthread -ldl -lmysqlclient

程序都写好后，我们开始测试。

1、开启MySQL服务 默认开启

我的程序需要事先 新建用户test，数据库register，表user

mysql -utest -ptest

// 创建新用户test
mysql> create user 'test'@'localhost' identified by 'test';
// 给test用户所有权限
mysql> grant all privileges on *.*  to test@localhost identified by 'test';
// 刷新权限
mysql> flush privileges;

mysql> create database register;

mysql> use register;
mysql> CREATE TABLE user(username varchar(20) PRIMARY KEY,password varchar(20));

2、开启BOA服务器，在/boa/src目录下 sudo ./boa

3、打开浏览器，访问localhost:端口号 访问的即 /var/www 目录

我直接访问 http://localhost:886/login.html 我的登录页面

其他页面都是同理。

开启boa服务器后，我们访问到我们在 /var/www 下编写的HTML文件，显示我们的登录页面。 我们点击“注册”按钮，跳转到 register.html

点击“注册”按钮，提交form表单信息给cgi-bin/register.cgi

cgi程序通过 cgiFormString函数试图检索发送给指定字段的字符串。存入变量中。我们连接MySQL数据库

将数据写入register数据库中的user表中（此数据库和表需要先建好）

处理完毕后，跳回 login.html 登录页面

现在我们输入数据，点击“登录”，同理将表单发给 login.cgi ，对数据在MySQL数据库中查询后，成功就来到base_config.html 配置页面。

然后我们输入相应数据，点击“提交”，交给base_config.cgi处理，之后任意发挥就好了。

我是打印出来，写入系统文件的代码暂时注释了，慎用

遇到问题可以参考页首的链接

其余参考GitHub或码云