Verwendung von PHP und WebSocket zur Entwicklung einer Online-Abstimmungsfunktion
Einführung
Mit der rasanten Entwicklung des Internets sind nach und nach immer mehr traditionelle Aktivitäten auf Online-Plattformen verlagert. Einer davon ist die Abstimmungskampagne. Durch die Kombination von PHP- und WebSocket-Technologie können wir eine einfache und praktische Online-Abstimmungsfunktion implementieren. In diesem Artikel wird die Entwicklung eines vollständigen Online-Abstimmungssystems mit PHP und WebSocket vorgestellt und einige spezifische Codebeispiele bereitgestellt.
Systemanforderungen
Um die Online-Abstimmungsfunktion zu implementieren, müssen wir die folgenden Systemanforderungen erfüllen:
- Serverumgebung: PHP 7.0 oder höher, unterstützt WebSocket-Erweiterungen, wie z. B. Swoole-Erweiterungen.
- Client-Browser: Browser, der HTML5 unterstützt, wie Chrome, Firefox usw.
Architekturdesign
Bevor wir das Online-Abstimmungssystem entwerfen, müssen wir einige Schlüsselfunktionen und Implementierungsmethoden festlegen:
- Datenspeicherung: Verwenden Sie eine Datenbank (z. B. MySQL), um abstimmungsbezogene Daten zu speichern, einschließlich Abstimmungsoptionen und Abstimmungsstatistiken warten.
- WebSocket-Server: Verwenden Sie die WebSocket-Erweiterung von PHP (z. B. swoole) als Server zum Empfangen von Client-Verbindungsanfragen und Nachrichten-Push.
- WebSocket-Client: In JavaScript geschriebener WebSocket-Client, der für die Echtzeitkommunikation mit dem Server verwendet wird.
- Benutzeroberfläche: Verwenden Sie HTML, CSS und JavaScript, um die Benutzeroberfläche für die Anzeige von Abstimmungsoptionen und die Echtzeitanzeige von Abstimmungsstatistiken zu implementieren.
Implementierungsschritte
Die folgenden Schritte werden befolgt, um die Online-Abstimmungsfunktion zu implementieren:
-
Erstellen Sie eine Datenbanktabelle.
Erstellen Sie eine Tabelle in MySQL, um Abstimmungsoptionen zu speichern. Die Tabellenstruktur ist wie folgt:
CREATE TABLE `voting_options` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`option_name` varchar(255) NOT NULL,
`vote_count` int(11) NOT NULL DEFAULT '0',
PRIMARY KEY (`id`)
);
Nach dem Login kopieren
-
Schreiben Sie den Servercode
Zuerst müssen Sie die Swoole-Erweiterung installieren, dann einen WebSocket-Server erstellen und den angegebenen Port abhören. Wenn eine neue Verbindung hergestellt wird, ermitteln Sie die Abstimmungsoptions-ID des Clients und aktualisieren Sie die Anzahl der Stimmen für die entsprechende Option in der Datenbank. Das Codebeispiel lautet wie folgt:
<?php
// 创建WebSocket服务器
$server = new SwooleWebSocketServer('0.0.0.0', 9501);
// 当有新的连接建立时
$server->on('open', function ($server, $request) {
// 解析请求中的投票选项ID
$optionId = $_GET['option_id'];
// 更新数据库中对应选项的投票数量
// 推送投票统计结果给所有已连接的客户端
});
// 启动服务器
$server->start();Nach dem Login kopieren
Client-Code schreiben
Fügen Sie in HTML eine Schaltfläche für die Abstimmungsoption hinzu und verwenden Sie JavaScript, um eine WebSocket-Verbindung zu erstellen, um auf Nachrichten-Push vom Server zu warten. Wenn Sie auf die Schaltfläche klicken, verwenden Sie WebSocket, um die Abstimmungsoptions-ID an den Server zu senden. Das Codebeispiel lautet wie folgt:
<html>
<head>
<!-- 引入jQuery库 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<!-- 添加投票选项的按钮 -->
<button id="option1" onclick="vote(1)">选项1</button>
<button id="option2" onclick="vote(2)">选项2</button>
<button id="option3" onclick="vote(3)">选项3</button>
<!-- 引入WebSocket客户端代码 -->
<script>
// 创建WebSocket连接
var socket = new WebSocket('ws://localhost:9501');
// 监听服务端的消息推送
socket.onmessage = function(event) {
// 更新投票统计结果
};
// 投票函数
function vote(optionId) {
// 发送投票选项ID给服务端
}
</script>
</body>
</html>Nach dem Login kopieren
Aktualisieren Sie die Datenbank und übertragen Sie die Abstimmungsstatistiken.
Aktualisieren Sie im Servercode entsprechend der empfangenen Abstimmungsoptions-ID die Anzahl der Stimmen für die entsprechende Option in der Datenbank. Anschließend übertragen Sie die Abstimmungsstatistikergebnisse über WebSocket an alle verbundenen Clients. Das Codebeispiel lautet wie folgt:
<?php
// 创建WebSocket服务器
$server = new SwooleWebSocketServer('0.0.0.0', 9501);
// 当有新的连接建立时
$server->on('open', function ($server, $request) {
// 解析请求中的投票选项ID
$optionId = $_GET['option_id'];
// 更新数据库中对应选项的投票数量
$optionId = intval($optionId);
$result = mysqli_query($conn, "UPDATE voting_options SET vote_count = vote_count + 1 WHERE id = $optionId");
if ($result) {
// 推送投票统计结果给所有已连接的客户端
$votingLiveData = getVotingLiveData(); // 获取投票统计数据
$server->push($request->fd, $votingLiveData); // 发送投票统计数据给当前客户端
$server->push($request->fd, $votingLiveData, WEBSOCKET_OPCODE_BINARY);
}
});
// 启动服务器
$server->start();Nach dem Login kopieren
Zusammenfassung
Dieser Artikel stellt vor, wie man eine einfache Online-Abstimmungsfunktion mit PHP und WebSocket entwickelt. Durch die Verwendung von PHP als Server, HTML, CSS und JavaScript zur Implementierung der Benutzeroberfläche und WebSocket für die Echtzeitkommunikation können wir ein Online-Abstimmungssystem implementieren, das Abstimmungsstatistiken in Echtzeit aktualisiert. Es ist zu beachten, dass es sich bei diesem Beispielcode nur um ein einfaches Beispiel handelt. In tatsächlichen Situationen können aufgrund spezifischer Anforderungen einige Anpassungen und Optimierungen erforderlich sein. Ich hoffe, dass dieser Artikel bei der Entwicklung von Online-Abstimmungsfunktionen hilfreich sein kann.
Das obige ist der detaillierte Inhalt vonEntwickeln Sie eine Online-Abstimmungsfunktion mit PHP und Websocket. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
