内容正文:
人教/中图版(2019)
第三章
3.3.3开发网络聊天系统
使用网络中的一些聊天室时,只要在浏览器中输入聊天室的网址,根据提示登录后就可以聊天了。下面开发一个简易的文字型网络聊天系统,这个系统的客户端用浏览器来担当。
要开发的信息系统功能很简单:客户端负责发送、接收信息,服务器负责把收到的信息转发给客户端。
明确系统结构
在本节的范例中,聊天系统将采用 WebSocket协议进行通信,绝大多数浏览器都已经支持这种协议,因而开发过程相对简单。如果需要,也可以采用其他协议进行开发。
明确系统结构
随着浏览器的功能越来越强,很多信息系统的客户端都已借助浏览器来实现,编写客户端软件的过程类似于编写网页。
通常,网页本身由HTML代码构成。HTML是 hypertext markup language的缩写,中文译为“超文本标记语言”。浏览网页时,浏览器软件根据代码进行布局图文、展示影像等操作。
开发客户端软件
项目实施
编写客户端软件
1.明确客户端软件应该具备的具体功能
_连接服务器_输入信息_发送信息_接收信息_显示接收的信息
2.参照下面的代码,用HTML编写或改写网页形式的客户端
项目实施
<html>input id='host' valve=127.0,0.1)</ input> #服务器地
<button onc1ck-‘con()>连接</ button>
<br/><br/>
<input id=‘msg’></input> #输入聊天信息
< button onclick- send()>发送</button>
<div id=" output"></div>
<script>
function con() #建立连接
{ws= new web socket(ws://" +host .value+" : 8765/)
项目实施
ws,onopen= function(evt){ writeToScreen("CONNECTED1)};
Ws.onmessage- function(evt){writeToscreen(evt. data););}
function send#发送信息
{message=msg. value;
Ws.send(message);f
}
function writeToscreen(message)#显示信息
项目实施