使用Java语言编写一个五子棋UI界面并实现网络对战功能（非局域网）

使用Java语言编写一个五子棋UI界面并实现网络对战功能（非局域网）

一，前期准备

1，Java IDE（Eclipse）与JDK的安装与配置
jdk-15.0.1-免配置路径版
提取码：earu
免安装版Eclipse 解压即可使用
提取码：5iyy

网络上很多配置jdk的方法，我不再重复
这里提供一种便捷操作的方法（针对新手）
由于高版本jdk不需要手动配置路径，将我上传的jdk资源下载后一键安装，路径即可自动配置

2，一台云主机

阿里云，腾讯云，华为云的云主机均可，我用的是windows系统
（window是自带的远程连接很方便），如果想用其他的也可，最好选择一个有桌面的，这样调试起来容易些
在云主机上同样需要安装Eclipse与配置jdk，步骤同上
如果内存较大的可以安装数据库，这样编写的程序上可以加账号登录注册功能

我的云主机

3，另一台可供测试可以联网的电脑或虚拟机

建议方便的同学用另一台电脑，一台电脑用手机热点，另一台用WiFi
这样可以测试外网的连接情况

• 1
• 2

4，转换Java Jar为exe文件的软件（如exe4j）

网上很多关于转换的教程（非必须，如果不需要可以忽略这一步）

• 1

二，功能分析与效果展示
1，这个程序主要分为三部分，UI界面，单机落子部分，联网落子部分，而UI界面又分为登录界面和棋盘界面。在这篇文章中UI界面与联网落子部分为讲述重点。
2，登录界面实现的功能有以下几点，首先当启动程序时，应自动检测与服务器的连接，如果连接失败，则不出现网络登录入口，如果连接成功，则出现网络对战登录入口。

连接失败效果展示


连接成功效果展示


3，棋盘界面应满足的功能，黑白棋的落子，判断胜利，重新开始
棋盘效果展示

4，网络对战应满足的功能，由于很多电脑使用路由器与外网访问（有的通信服务提供商会隐藏真实ip，故两台由不同路由器连接的电脑很难建立连接），同时增加编写难度，采用下棋双方与服务器连接的方式，A->服务器<-B，A<-服务器->B，程序应做到迅速响应服务器信息，减少延迟，双方棋盘信息应一致。

三，具体实现方法
1，棋盘UI的实现

 JPanel jpan1 = new JPanel() {                     //根据新棋盘信息作图，覆盖原有Panel
 	        		private static final long serialVersionUID = 1L;
 	        		public void paint(Graphics graphics){         //重构paint函数
 	        			int xst=20,yst=20,add=32;
 	                    for(int t=0;t<15;t++)                      //画竖线
 	                    {
 	                    	graphics.drawLine(xst,yst,xst,468);
 	                    	xst=xst+add;
 	                    }
 	                    xst=20;yst=20;add=32;
 	                    for(int t=0;t<15;t++)                      //画横线
 	                    {
 	                    	graphics.drawLine(xst,yst,468,yst);
 	                    	yst=yst+add;
 	                    }
 	                  
 	    			   graphics.setColor(Color.BLACK);             //画棋盘上五个黑点
 	                   graphics.fillOval(113, 113, 6, 6);
 	                   graphics.fillOval(369, 113, 6, 6);
 	                   graphics.fillOval(113, 369, 6, 6);
 	                   graphics.fillOval(369, 369, 6, 6);
 	                   graphics.fillOval(241, 241, 6, 6);
 	                   
 	                   for(int t=0;t<15;t++)                       //根据棋盘数组里存储的棋子信息画黑白子
 	                   {
 	                	   for(int t1=0;t1<15;t1++)
 	                	   {
 	                		   if(node[t][t1]==1)
 	                		   {
 	                			   graphics.setColor(Color.BLACK);
 	                               graphics.fillOval(t1*32+20-13,t*32+20-13,26,26);
 	                		   }
 	                		   if(node[t][t1]==-1)
 	                		   {
 	                			   graphics.setColor(Color.WHITE);
 	                               graphics.fillOval(t1*32+20-13,t*32+20-13,26,26);
 	                		   }
 	                	   }
 	                   }
 	        	    }
 	        		}

由于每次落子棋盘都会发生变化，所以设置一个鼠标触发事件，当每次触发都将窗口重绘，根据棋盘信息数组里的内容更新到当前局面。
2，网络对战（服务器端编程）
网络对战的实质是socket编程，即客户端A将落子信息传给服务器，服务器将信息传给客户端B，接着客户端B将落子信息传给服务器，服务器传给客户端A，故在服务器端编程中应监听两个端口（我设置的是1075和1056）客户端A将信息通过1075端口传给服务器，服务器将A传过来的信息通过1056传给服务器B，默认先连接的是黑子，当黑子连接成功后，监听白子连接。

package cilent;

import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.net.ServerSocket;
import java.net.Socket;
import java.util.Scanner;

public class test {
    public static void main(String[] args) {
        ServerSocket server,server1;
        try {
            server = new ServerSocket(1075);
            Socket socket=server.accept();
            System.out.println("black is ok");
            server1 = new ServerSocket(1056);
            Socket socket1=server1.accept();
            System.out.println("white is ok");
            while(true){
                System.out.println("----------");
                InputStream in,in1;
                try {
                    in = socket.getInputStream();
                    byte [] b=new byte[1024];
                    StringBuffer sb=new StringBuffer();
                    String s;
                    if(in.read(b) !=-1){
                        s=new String(b);
                        sb.append(s);
                    }
                    OutputStream out1=socket1.getOutputStream();
                    System.out.println("黑发给白"+sb);
                    out1.write(sb.toString().getBytes());
                    out1.flush();
                    in1 = socket1.getInputStream();
                    byte [] b1=new byte[1024];
                    StringBuffer sb1=new StringBuffer();
                    String s1;
                    if(in1.read(b1) !=-1){
                        s1=new String(b1);
                        sb1.append(s1);
                    }
                    OutputStream out=socket.getOutputStream();
                    System.out.println("白发给黑"+sb1);
                    out.write(sb1.toString().getBytes());
                    out.flush();
                } catch (IOException e) {
                   // e.printStackTrace();
                }
            }
            
        } catch (IOException e) {
            e.printStackTrace();
        }
    }


}

 

3，网络对战（客户端编程）
在客户端这边不仅要考虑数据的发送与接收，还要考虑接收或发送的数据在窗体上如何实时的显示，为此我自己创立了一套编码解码方式，为方便每次发送的信息的格式为XX*YY，前两位为二维数组行数，后两位为二维数组列数，发送部分代码如下

 if(xrec<=9)                        //确认发送数据格式 XX*XX XX指二维数组列，行
            		   sent="0"+xrec;
            	   else
            		   sent=""+xrec;
            	   sent=sent+"*";
            	   if(yrec<=9)
            		   sent=sent+"0"+yrec;
            	   else
            		   sent=sent+""+yrec;
            	   System.out.println("==========");
                   try {
					socket.getOutputStream().write(sent.getBytes());
					System.out.println("MY sent:"+sent);
				} catch (IOException e1) {
					// TODO Auto-generated catch block
					e1.printStackTrace();
				}
                   try {
					socket.getOutputStream().flush();
				} catch (IOException e1) {
					// TODO Auto-generated catch block
					e1.printStackTrace();
				}      //发送完毕

 

由于socket的接收函数有阻塞性，当执行接收函数时，程序被阻塞，窗体无法及时更新，这样就会出现无法更新落子信息，当接收到对方落子时一次更新两个棋子的情况，为解决这个问题，将本机落子与接收落子分隔开，当鼠标按下时更新本机落子，当鼠标松开时接收服务器信息。

void jieshou(Socket socket, JFrame jFrame)
	{
		 
        //temp=1;
        InputStream in = null;
		try {
			in = socket.getInputStream();
		} catch (IOException e1) {
			// TODO Auto-generated catch block
			e1.printStackTrace();
			JOptionPane.showMessageDialog(null,"对方未就绪！");
		}
        byte[] b = new byte[1024];
        StringBuffer sb = new StringBuffer();
       
        try {
			if (in.read(b) != -1) {
			       s = new String(b);
			       System.out.println(s);
			       sb.append(s);
			   }
		} catch (IOException e1) {
			// TODO Auto-generated catch block
			e1.printStackTrace();
			 JOptionPane.showMessageDialog(null,"对方未就绪！");
		}
        System.out.println("来自服务器的数据:" + sb);  //收到对方落子信息
        int xnew=(sb.charAt(0)-'0')*10+(sb.charAt(1)-'0');//解码
        int ynew=(sb.charAt(3)-'0')*10+(sb.charAt(4)-'0');
        if(node[xnew][ynew]==0) {              //更改对方落子
            node[xnew][ynew]=-1;
           // m=1;
            }
           
            JPanel jpan1 = new JPanel() {                     //根据新棋盘信息作图，覆盖原有Panel
        		private static final long serialVersionUID = 1L;
        		public void paint(Graphics graphics){
        			super.paint(graphics);
        			int xst=20,yst=20,add=32;
                    for(int t=0;t<15;t++)
                    {
                    	graphics.drawLine(xst,yst,xst,468);
                    	xst=xst+add;
                    }
                    xst=20;yst=20;add=32;
                    for(int t=0;t<15;t++)
                    {
                    	graphics.drawLine(xst,yst,468,yst);
                    	yst=yst+add;
                    }
                  
    			   graphics.setColor(Color.BLACK);
                   graphics.fillOval(113, 113, 6, 6);
                   graphics.fillOval(369, 113, 6, 6);
                   graphics.fillOval(113, 369, 6, 6);
                   graphics.fillOval(369, 369, 6, 6);
                   graphics.fillOval(241, 241, 6, 6);
                   
                   for(int t=0;t<15;t++)
                   {
                	   for(int t1=0;t1<15;t1++)
                	   {
                		   if(node[t][t1]==1)
                		   {
                			   graphics.setColor(Color.BLACK);
                               graphics.fillOval(t1*32+20-13,t*32+20-13,26,26);
                		   }
                		   if(node[t][t1]==-1)
                		   {
                			   graphics.setColor(Color.WHITE);
                               graphics.fillOval(t1*32+20-13,t*32+20-13,26,26);
                		   }
                	   }
                   }
        	    }
        		};
        		jFrame.add(b1);
        	jFrame.add(jpan1);	
        	jFrame.setVisible(true);
        	//temp=0;
	}

 

如果有兴趣的同学也可以在服务器端加一个本地服务器（推荐SQL server）搭配jdbc实现一个客户端登录程序（类似QQ），具体如何实现我会在下节详细叙述。
有需要的可以给我留言，分享源码