仿QQ聊天软件(登录界面、好友界面、聊天界面)-Java(Swing、Socket)


学习了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>();//业务办理socket
    private List<SocketType> chatsocketList=new Vector<SocketType>();//双方加好友通信socket
    private 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();
    }

    @Override
    public 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】【消息内容】

上面的协议写起来是我认为最困难的一步,因为消息很多,需要解析很多消息,当然,可以设计一个万用的消息协议,每次解析的流程都是一样的,那么会减少很多代码。但是我暂时没想出来。

六、项目缺点

  • 没有使用数据库,数据存储与应用没有分开
  • 消息协议比较复杂,代码长度很长
  • 不能进行缓存,聊天只能实时通信

结尾附上代码,欢迎大家下载交流,提出修改意见~
源码地址

  • 43
    点赞
  • 146
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值