当前位置:网站首页>Nantong online communication group
Nantong online communication group
2022-07-05 13:23:00 【Wang Gensheng】
Catalog
Nantong online communication group ( Group chat system )
1. Project introduction
The project is based on websocket The online group chat system of the agreement , Multiple users can receive and send messages on the corresponding channel , You can also view historical information
2. Technology stack
ajax+html+css+js+servlet+jdbc+MySql(5.7)+Maven
3. Project presentation
1. Project registration page
2. Project landing page
3. Channel list display page
4. Multiple users enter the channel send and receive message page
- user A The interface of
- user B The interface of
4. Project analysis
1. Demand analysis
1: Implement user registration , Sign in , Log out function
2: After the user logs in successfully , Go to the main page
3: The main page displays the list of channels that the current user is interested in
4: Click on a channel , You can see the message content in the channel ( A user sends a message on this channel , All online users can see it on this channel )
5: Every user can send messages
6: There is also the historical message function , After the user logs in and goes online , You can see all the historical message records sent since the last offline , That is, the missed news in this paragraph
2. The core technology :websocket agreement
~~~~~~ stay H5 before , Message push is basically used http Requested , but http The request can only be sent by the client before the server returns the message , The server cannot actively push messages to the client when the client does not initiate a request ,websocket The emergence of the protocol enables the server to actively push messages to the client , It breaks the traditional one question one answer communication mode , In the multi person chat system, the server needs to actively push messages to the client , So in this project websocket The agreement is more appropriate .
~~~~~~ websocket The protocol is based on tcp Application layer protocol based on the Protocol , In the client js The code passes the specified url Send to server http request , Sent http Request header information connection Of value by upgrade, Means to upgrade the agreement ,upgrade Of value by websocket, It means that you negotiate with the server to upgrade to websocket agreement . Server received http After the request , Will return a 101 Response message of status code , And in header Add a upgrade Field ,value by websocket agreement , Indicates that you want to upgrade to websocket agreement . So between the client and the server websocket The connection is established successfully .( To successfully upgrade to websocket agreement , First of all, ensure that both the client and the server can support websocket agreement , Otherwise, the previous paragraph new websocket Throw exceptions and don't send them http Request the , Most browsers now support wensocket agreement , Like foxes , Google browser , except ie Browser does not support )
Server side :
1: When creating a class , Use @ServerEndpoint Annotation to specify the corresponding URL route
2: Implement some methods of the class
2.1:onOpen: Connection establishment call
2.2:onMessage: Call... When a message is received
2.3:onError: Call when the connection is abnormal
2.4:onClose: Called when the connection is closed
Be careful : The above methods do not need to be called by programmers , At the right time by Tomcat Call by yourself
session.getBasicRemote().sendText(): This method needs to be called by the programmer himself , The interface that the server sends messages to the client : As long as the connection is established , Calling this method can write back data to the client , There is no need for the client to send the request first
client :
1: establish websocket object , At the same time, specify the connection to the server url
2: to websocket Object to register some methods
2.1:onOpen: The successful establishment of the connection is the call
2.2:onMessage: Call... When a message is received
2.3:onError: Call when the connection is abnormal
2.4:onClose: Called when the connection is closed
websocket.send(): Send message to server
3. Database design
User: User information
@Getter
@Setter
@ToString
public class User extends Response implements Serializable {
private static final Long serialVersionUID = 1L;
private Integer userId;
private String name;
private String password;
private String nickName;
private String iconPath;
private String signature;
private java.util.Date lastLogout;// Last login time
}
Channel: Channel information
@Getter
@Setter
@ToString
public class Channel {
private Integer channelId;
private String channelName;
}
Message: Message information
@Getter
@Setter
@ToString
public class Message {
private Integer messageId;
private Integer userId;
private Integer channelId;
private String content;
private java.util.Date sendTime;
// Receive messages from clients , Messages forwarded to all clients , Nickname required
private String nickName;
}
4. Front and rear interface design (api)
1. register
request :
Post /register
{
name:XXX,
password: XXX,
nickName:XXX,
signature:XXX
}
Respond to :
HTTP/1.1 200 OK
{
OK:true
reason:XXX
data:XXX
}
2. Sign in
request :
Post /login
{
name:XXX,
password:XXX
}
Respond to :
HTTP/1.1 200 OK
{
OK:true
reason:XXX
data:XXX
}
3. Check login status
request :
Get /login
Respond to :
HTTP/1.1 200 OK
{
OK:true
reason:XXX
data:XXX
}
4. Log out
request :
Get /logout
Respond to :
HTTP/1.1 200 OK
{
OK:true
reason:XXX
data:XXX
}
5. New channels
request :
Post /channel
{
channelName:XXX,
}
Respond to :
HTTP/1.1 200 OK
{
OK:true
reason:XXX
data:XXX
}
6. Get the channel list
request :
Get /channel
Respond to :
HTTP/1.1 200 OK
{
OK:true
reason:XXX
data:XXX
}
5. Project test
Use Junit Unit testing framework for unit testing
Unit test the registration of the project and the function of finding users by name
public class UserDAOTest {
@Test
public void queryByName() {
UserDAO userDAO = new UserDAO();
User user = userDAO.queryByName(" Yang Lin ");
System.out.println(user.getName());
}
@Test
public void add() {
//1. First new Export the class containing the test method
UserDAO userDAO = new UserDAO();
//2. then new object
User user = new User();
user.setNickName(" Li Shun ");
user.setPassword("admin123");
user.setName(" Li Shun ");
//3. Use the objects in this method
userDAO.add(user);
}
}
边栏推荐
- APICloud Studio3 API管理与调试使用教程
- Datapipeline was selected into the 2022 digital intelligence atlas and database development report of China Academy of communications and communications
- 不知道这4种缓存模式,敢说懂缓存吗?
- Binder通信过程及ServiceManager创建过程
- Detailed explanation of navigation component of openharmony application development
- 关于 Notion-Like 工具的反思和畅想
- Lb10s-asemi rectifier bridge lb10s
- Shuttle INKWELL & ink components
- Cloudcompare - point cloud slice
- Changing JS code has no effect
猜你喜欢
A detailed explanation of ASCII code, Unicode and UTF-8
精彩速递|腾讯云数据库6月刊
Solve Unicode decodeerror: 'GBK' codec can't decode byte 0xa2 in position 107
The "Baidu Cup" CTF competition was held in February 2017, Web: explosion-2
不知道这4种缓存模式,敢说懂缓存吗?
一网打尽异步神器CompletableFuture
STM32 reverse entry
Reverse Polish notation
峰会回顾|保旺达-合规和安全双驱动的数据安全整体防护体系
数据湖(七):Iceberg概念及回顾什么是数据湖
随机推荐
Flutter 绘制波浪移动动画效果,曲线和折线图
一文详解ASCII码,Unicode与utf-8
A detailed explanation of ASCII code, Unicode and UTF-8
[notes of in-depth study paper]uctransnet: rethink the jumping connection in u-net from the perspective of transformer channel
[深度学习论文笔记]使用多模态MR成像分割脑肿瘤的HNF-Netv2
Huawei push service content, read notes
Android本地Sqlite数据库的备份和还原
CAN和CAN FD
Go string operation
FPGA 学习笔记:Vivado 2019.1 添加 IP MicroBlaze
Get you started with Apache pseudo static configuration
【服务器数据恢复】某品牌服务器存储raid5数据恢复案例
Detailed explanation of navigation component of openharmony application development
【Hot100】33. Search rotation sort array
TortoiseSVN使用情形、安装与使用
Rocky基础命令3
go 数组与切片
Small case of function transfer parameters
初次使用腾讯云,解决只能使用webshell连接,不能使用ssh连接。
js判断数组中是否存在某个元素(四种方法)