当前位置:网站首页>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);
}
}
边栏推荐
- 【每日一题】1200. 最小绝对差
- 前缀、中缀、后缀表达式「建议收藏」
- CAN和CAN FD
- 聊聊异步编程的 7 种实现方式
- Alibaba cloud SLB load balancing product basic concept and purchase process
- 【MySQL 使用秘籍】一網打盡 MySQL 時間和日期類型與相關操作函數(三)
- How to choose note taking software? Comparison and evaluation of notion, flowus and WOLAI
- Flutter draws animation effects of wave movement, curves and line graphs
- A detailed explanation of ASCII code, Unicode and UTF-8
- [daily question] 1200 Minimum absolute difference
猜你喜欢
Talk about seven ways to realize asynchronous programming
Changing JS code has no effect
Pandora IOT development board learning (HAL Library) - Experiment 7 window watchdog experiment (learning notes)
Backup and restore of Android local SQLite database
Cloudcompare - point cloud slice
聊聊异步编程的 7 种实现方式
蜀天梦图×微言科技丨达梦图数据库朋友圈+1
国际自动机工程师学会(SAE International)战略投资几何伙伴
Laravel document reading notes -mews/captcha use (verification code function)
“百度杯”CTF比赛 九月场,Web:SQL
随机推荐
mysql econnreset_ Nodejs socket error handling error: read econnreset
"Baidu Cup" CTF competition in September, web:upload
Could not set property ‘id‘ of ‘class XX‘ with value ‘XX‘ argument type mismatch 解决办法
leetcode 10. Regular expression matching regular expression matching (difficult)
山东大学暑期实训一20220620
程序员成长第八篇:做好测试工作
LB10S-ASEMI整流桥LB10S
Go pointer
stm32逆向入门
Sorry, we can't open xxxxx Docx, because there is a problem with the content (repackaging problem)
Reverse Polish notation
Rocky basic command 3
精彩速递|腾讯云数据库6月刊
私有地址有那些
Idea设置方法注释和类注释
go 字符串操作
APICloud Studio3 WiFi真机同步和WiFi真机预览使用说明
峰会回顾|保旺达-合规和安全双驱动的数据安全整体防护体系
How to protect user privacy without password authentication?
Actual combat simulation │ JWT login authentication