使用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），具体如何实现我会在下节详细叙述。
有需要的可以给我留言，分享源码

很多人将我的文章不加修改就复制到CSDN去，还标明原创，这是极大的侵权，我已经将你们举报，请你们立即删除，并道歉！