1200字范文 > 仿QQ聊天软件（登录界面好友界面聊天界面）-Java（Swing Socket）

仿QQ聊天软件（登录界面好友界面聊天界面）-Java（Swing Socket）

时间：2019-06-22 18:52:35

文章目录

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

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

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