文章目录

• 一、项目结构
• 二、项目功能
• 三、制作界面
• • （一）、登录界面的制作
  • （二）、好友列表界面
  • （三）、聊天界面
• 四、制作服务器
• 五、设计通信协议
• 六、项目缺点

学习了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】【消息内容】

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

六、项目缺点

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

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