# WebTest

**Repository Path**: luckt_z/webtest

## Basic Information

- **Project Name**: WebTest
- **Description**: 基于window/c++的web服务控制程序
- **Primary Language**: C++
- **License**: BSD-4-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-26
- **Last Updated**: 2024-05-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WebTest

#### 介绍
基于window/c++的web服务控制程序

#### 软件架构
软件架构说明


#### 安装教程

一、安装Apache24，参照：https://blog.csdn.net/qq_46027570/article/details/121460636

	1. Apache24下载地址：http://httpd.apache.org/download.cgi ，或者直接使用Resource文件夹下面的资源：httpd-2.4.59-240404-win64-VS17.zip；
	2. 将安装包解压到合适位置，注意文件夹名不包含中文且不要包含空格，例如：cd E:\WebTest；
	1. 用管理员身份运行命令提示符cmd，切换到刚解压位置的bin目录下，例如：cd E:\WebTest\Apache24\bin；
	4. 执行命令：.\httpd.exe -k install -n "Apache"   //安装一个叫Apache的服务
	5. 此时会有拒绝访问的错误，找到并打开安装目录下的httpd.conf文件，找到对应报错的位置，修改自己的解压路径，例如：Define SRVROOT "E:/WebTest/Apache24"；
	6. 执行命令：httpd -t，出现syntax ok 即配置成功；
	7. 通过设置配置文件httpd.conf中的 Listen 指令后面的数字修改监听端口，例如：80；
	8. 可以通过修改配置文件httpd.conf中的（DocumentRoot）网站根目录选项切换，改了网站根目录之后需要重新启动Apache服务；
	9. 配置文件httpd.conf中的DirectoryIndex，默认文档可以配置多个（有前到后一次去找，找到为止，如果没找到任何一个则启用目录浏览）；

二、加载主页面，参照：https://blog.csdn.net/RadiumTang/article/details/102248771

	1. 从Apache的根目录下找到这个cgi-bin文件夹，我们只要把编译好的二进制文件放进这个文件夹内，就可以通过web访问;
	2. 使用QT打开：E:\WebTest\WorkSpace\Server\server.pro；
	3. 修改程序生成路径到：E:\WebTest\Apache24\cgi-bin\server，并编译；
	4. 复制download路径下的测试页面（index.html、index_line.html、index_rectangle.html、index_round.html）到程序生成路径：E:\WebTest\Apache24\cgi-bin\server\release；
	5. 打开Apache24主程序，E:\WebTest\Apache24\bin\ApacheMonitor.exe，并start服务;
	6. 打开浏览器并访问：http://127.0.0.1//cgi-bin/server/release/server.exe，成功进入主页面；
	
三、加载子页面

	1. 使用QT打开：E:\WebTest\WorkSpace\PostTest\post_test.pro；
	2. 修改程序生成路径到：E:\WebTest\Apache24\cgi-bin\PostTest，并编译；
	3. 打开浏览器访问：http://127.0.0.1//cgi-bin/server/release/server.exe，成功进入主页面；
	4. 点击按钮：线段、圆或者矩形，相应的按钮颜色改变；
	
四、网页操作响应

	1. 使用QT打开：E:\WebTest\WorkSpace\QtView\qtView.pro；
	2. 修改程序生成路径到：E:\WebTest\WorkSpace\Run，并编译运行；
	3. 点击左侧的网页操作按钮：右侧对应颜色变化；
	
五、 运行效果
	20240422_163859.mp4

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)