文章目录
- 一、项目结构
- 二、项目功能
- 三、制作界面
- (一)、登录界面的制作
- (二)、好友列表界面
- (三)、聊天界面
- 四、制作服务器
- 五、设计通信协议
- 六、项目缺点
学习了socket通信后,就想来制作一个类似QQ的聊天小程序,所以制作了这个仿QQ聊天软件,使用了Swing和Socket通信来实现的,由于没有使用数据库技术,所以并没有实现消息缓存等功能,只能实现在线聊天。还有几个功能还未完善,有时间会继续完善这个项目。下面先上效果图
登录界面:
各项服务:
好友列表
聊天界面
一、项目结构
这个项目总的来说就是三大块内容,分别是GUI设计与制作,通信协议,服务端设计。项目各项功能都是基于这几项来完成的。下面我们先看一个结构模式图。
客户端结构:
服务器结构:
项目工作模式图
二、项目功能
- 登录功能
- 修改密码
- 注册账号
- 好友列表
- 发起聊天
- 加好友
- 在线通知
- 群聊功能(还未完成)后续有时间完善
- 视频聊天(还未完成)后续有时间完善
三、制作界面
(一)、登录界面的制作
在写界面的时候遇到一个问题,我们平常用JFrame写出来的窗体,会出现其自带的标题栏和图标,但是我们观察QQ的登录界面的标题栏好像并不长这样,于是,我们就想把标题栏去掉。但是去掉之后,我们怎么拖动窗体呢?又怎么关闭和缩小窗体呢?
一步一步来看:
首先去除窗体标题栏的操作:调用setUndecorated()方法,就可以去除标题栏。
this.setUndecorated(true);//去除标题栏
下一步:制作缩小和关闭的按钮
这个其实就是常规的按钮JButton就好。
这里需要调用两个方法,是使窗体缩小和关闭的两个方法。
ui.setExtendedState(JFrame.ICONIFIED);//缩小
ui.dispose();//关闭
解决了窗体标题栏的问题,那么接下来就是制作窗体了,你可以把这个没有标题栏的窗体当做你的画布,尽情设计一个窗体出来,对于使用的密码输入框和选择框,按钮如何设置透明和边框,可以参考swing的帮助文档自己进行修改。
(二)、好友列表界面
同样的,我们参考之前制作登录界面的方式去制作这一个好友列表的界面,使用方法和登录界面是一致的。
(三)、聊天界面
这里我们需要介绍一个容器,我们如何制作出类似上面那个效果呢?其实很简单,我们可以使用container来进行存储组件。我们知道,我们每一条消息都有三个组件:昵称,头像,消息,我们可以用三个标签来存放这三个东西,然后将他们放在container容器中,再将这个container容器放在JPanel上,这样我们就实现了每一条消息的封装。
Container container=new Container();container.setSize(870,80);container.setLayout(null);JLabel jLabel=new JLabel();jLabel.setSize(80,80);icon.setImage(icon.getImage().getScaledInstance(80,80,0));jLabel.setIcon(icon);jLabel.setLocation(0,0);container.add(jLabel);JLabel jLabel1=new JLabel(other,SwingConstants.LEFT);jLabel1.setSize(messages.get(i).getWho().getBytes().length*20,30);jLabel1.setFont(new Font("楷体",Font.BOLD,30));jLabel1.setLocation(80,0);container.add(jLabel1);JLabel jLabel2=new JLabel(messages.get(i).getMessage(),SwingConstants.LEFT);jLabel2.setSize(messages.get(i).getMessage().getBytes().length*30,50);jLabel2.setFont(new Font("楷体",Font.BOLD,40));jLabel2.setLocation(80,30);container.add(jLabel2);container.setVisible(true);container.setLocation(0,i*80);this.add(container);
四、制作服务器
服务器主要负责解析来自客户端的各项消息,这里我设计的服务端,在接收到连接后,会对连接进行分类,一类是负责处理各项请求和功能实现的Socket,一类是只进行聊天的socket,这样设计的好处是,在设计通信协议的时候没有那么复杂,可以将聊天消息与服务请求分开。
public class MainServer implements Runnable{private ServerSocket serverSocket;private List<Socket> socketList=new Vector<Socket>();//业务办理socketprivate List<SocketType> chatsocketList=new Vector<SocketType>();//双方加好友通信socketprivate List<UserType> userTypes=new Vector<>();//保存当前共申请了多少用户private List<UserType> nowuser=new Vector<>();//保存当前在线的人员public static void main(String[] args) {MainServer server=new MainServer();}public MainServer(){try {serverSocket=new ServerSocket(9998);} catch (IOException e) {e.printStackTrace();}System.out.println("开始监听");new Thread(this).start();}@Overridepublic void run() {while (true){int n=0;try {Socket sockets= serverSocket.accept();InputStream is=sockets.getInputStream();n=is.read();//读socket类型//分类保存socket类型if(n==1){socketList.add(sockets);ServerThread serverThread=new ServerThread(sockets,userTypes,nowuser);serverThread.start();}else if(n==2){//读取请求方qq号int length1=is.read();byte[] number=new byte[length1];is.read(number);String num=new String(number);//读取被请求方qq号int length2=is.read();byte[] number2=new byte[length2];is.read(number2);String num2=new String(number2);SocketType socketType=new SocketType(n,num,num2,sockets);chatsocketList.add(socketType);ChatThread chatThread=new ChatThread(chatsocketList,sockets);chatThread.start();}} catch (IOException e) {e.printStackTrace();}}}
}
五、设计通信协议
这里我们需要设计一个通信协议,然后服务器通过这个协议来解析来自客户端的各项消息,客户端在给服务器发消息的时候,也需要遵守这个协议,这样在读数据的时候才不会混乱。
这是我使用的协议
服务协议:【消息类型】-【读取的内容】-进行的操作
- 1-【密码】【昵称】-返回QQ号(申请QQ号)
- 2-【QQ号】【新密码】-返回结果(修改密码)
- 3-【QQ号】【密码】-返回结果和好友列表(登录)
- 4-【请求方QQ】【被请求方QQ】-将请求发送给被请求方(加好友)
- 5-【应答方QQ】【请求方QQ】【结果】-将结果发送至请求方(加好友的应答)
- 6-【读取下线QQ】-删除在线用户中的该用户(下线通知)
- 7-【请求方QQ】【被请求方QQ】-发送聊天请求给被请求方(聊天请求)
- 8-【应答方QQ】【请求方QQ】【应答结果】-将结果发送给请求方(聊天应答)
客户端发消息协议:【消息类型】【消息内容】
对于客户端发送的消息,是与上方的服务器接收协议一致,发的时候照着上面的通信协议发消息就可以了。
客户端接收消息协议:【消息类型】【消息内容】-执行的操作
- 1-【注册结果】-弹窗
- 2-【修改密码结果】-弹窗
- 3-【登录结果】-创建好友列表-【接收好友列表】
- 4-【加好友请求结果】-弹窗
- 5-【请求方QQ】【请求方昵称】-弹出加好友请求窗体
- 6-【加好友结果】【被请求方号码】【昵称】-加入好友列表
- 7-【上线号码】-加入在线列表
- 8-【下线号码】-从在线列表中删除
- 9-【请求结果】-弹窗
- 10-【请求方号码】【请求方昵称】-结果
- 11-【读取结果】【读取号码】-弹出聊天界面
聊天协议:
【发出方QQ】【接收方QQ】【消息内容】
上面的协议写起来是我认为最困难的一步,因为消息很多,需要解析很多消息,当然,可以设计一个万用的消息协议,每次解析的流程都是一样的,那么会减少很多代码。但是我暂时没想出来。
六、项目缺点
- 没有使用数据库,数据存储与应用没有分开
- 消息协议比较复杂,代码长度很长
- 不能进行缓存,聊天只能实时通信
结尾附上代码,欢迎大家下载交流,提出修改意见~
源码地址