使用Java语言编写一个五子棋UI界面并实现网络对战功能（非局域网）
2016 年 8 月 20 日
使用Java语言编写一个五子棋UI界面并实现网络对战功能（非局域网）
一，前期准备
1，Java IDE（Eclipse）与JDK的安装与配置
提取码：earu
提取码：5iyy
网络上很多配置jdk的方法，我不再重复 这里提供一种便捷操作的方法（针对新手） 由于高版本jdk不需要手动配置路径，将我上传的jdk资源下载后一键安装，路径即可自动配置
2，一台云主机
阿里云，腾讯云，华为云的云主机均可，我用的是windows系统 （window是自带的远程连接很方便），如果想用其他的也可，最好选择一个有桌面的，这样调试起来容易些 在云主机上同样需要安装Eclipse与配置jdk，步骤同上 如果内存较大的可以安装数据库，这样编写的程序上可以加账号登录注册功能
我的云主机
3，另一台可供测试可以联网的电脑或虚拟机
建议方便的同学用另一台电脑，一台电脑用手机热点，另一台用WiFi 这样可以测试外网的连接情况
4，转换Java Jar为exe文件的软件（如exe4j）
网上很多关于转换的教程（非必须，如果不需要可以忽略这一步）
二，功能分析与效果展示
1，这个程序主要分为三部分，UI界面，单机落子部分，联网落子部分，而UI界面又分为登录界面和棋盘界面。在这篇文章中UI界面与联网落子部分为讲述重点。
2，登录界面实现的功能有以下几点，首先当启动程序时，应自动检测与服务器的连接，如果连接失败，则不出现网络登录入口，如果连接成功，则出现网络对战登录入口。
连接失败效果展示
连接成功效果展示
3，棋盘界面应满足的功能，黑白棋的落子，判断胜利，重新开始
棋盘效果展示
4，网络对战应满足的功能，由于很多电脑使用路由器与外网访问（有的通信服务提供商会隐藏真实ip，故两台由不同路由器连接的电脑很难建立连接），同时增加编写难度，采用下棋双方与服务器连接的方式，A->服务器<-B，AB，程序应做到迅速响应服务器信息，减少延迟，双方棋盘信息应一致。
三，具体实现方法
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），具体如何实现我会在下节详细叙述。
有需要的可以给我留言，分享源码
About The Author
