[论文解读] CHAT ROOM USING HTML, PHP, CSS, JS, AJAX

Amey Thakur, Karan Dhiman|arXiv (Cornell University)|Jun 28, 2021

Mobile and Web Applications参考文献 3被引用 12

一句话总结

本文提出了一种基于客户端-服务器架构的聊天室应用，采用HTML、PHP、CSS、JavaScript和AJAX实现，支持用户之间的实时双向通信。该系统自动实现聊天记录的数字存储，为组织通信提供一种可靠、快速且可访问的解决方案，具备持久的数据记录功能，便于未来检索。

ABSTRACT

Earlier there was no mode of online communication between users. In big or small organizations communication between users posed a challenge. There was a requirement to record these communications and store the data for further evaluation. The idea is to automate the existing Simple Chat Room system and make the users utilize the software so that their valuable information is stored digitally and can be retrieved for further management purposes. There was no online method of communicating with different users. There were many different interfaces available in the market but this method of using windows sockets to communicate between nodes would be fast and reliable. The main objective of our Simple Chat Room project is to create a chat application that helps different users to communicate with each other through a server connected. This is a simple chat program with a server and can have many clients. The server needs to be started first and clients can be connected later. Simple Chat Room provides bidirectional communication between client and server. It enables users to seamlessly communicate with each other. The user can chat using this chat application. If the user at the other end is active then they can start a chat session. The chat is recorded in this application.

研究动机与目标

• 解决组织中缺乏可靠、数字化且持久的在线通信工具的问题。
• 自动化用户交互记录与存储，以供未来管理与评估。
• 利用轻量级Web技术开发可扩展的实时聊天系统。
• 通过中央服务器实现在多个客户端之间的双向通信。
• 基于客户端-服务器架构，提供快速、可靠且可访问的解决方案，具备持久数据日志功能。

提出的方法

• 系统采用客户端-服务器架构，首先启动服务器，随后建立客户端连接。
• 使用HTML和CSS设计聊天室的用户界面和布局。
• JavaScript和AJAX实现客户端与服务器之间的异步通信，无需页面刷新。
• PHP处理服务器端逻辑，包括消息接收、存储及向已连接客户端分发消息。
• 聊天消息存储于数据库中，实现持久化日志记录与未来检索。
• 系统支持实时消息交换，消息可即时显示，并经由服务器端进行消息验证。

实验结果

研究问题

• RQ1 如何使用标准Web技术实现轻量级、实时的聊天系统？
• RQ2 何种架构方法可确保客户端与服务器之间可靠且双向的通信？
• RQ3 如何实现聊天消息的持久存储与检索，以满足组织的记录保存需求？
• RQ4 AJAX在实现无需页面刷新的实时更新中发挥何种作用？
• RQ5 PHP、HTML、CSS与JavaScript的集成如何提升聊天应用的可用性与性能？

主要发现

• 聊天应用成功实现了多个客户端与中央服务器之间的实时、双向通信。
• 消息被可靠地存储于数据库中，确保数据持久性，便于未来访问与管理。
• AJAX的使用实现了无需页面刷新的动态消息更新，显著提升了用户体验。
• 系统利用轻量级Web技术实现了快速且响应迅速的通信。
• 该实现对组织应用具有实际有效性，为数字通信提供了可扩展且易于维护的解决方案。
• 该应用实现了自动化数字通信的目标，具备持久日志功能和极低延迟。