有暇，做了個五子棋大戰的小遊戲送給各位小夥伴！

用到的知識點有：

1.JavaWeb基礎知識（懂jsp，servlet足夠）
2.JavaScript和jQuery基本用法
3.瞭解WebSocket的基本用法

OK，關於第三點，如果小夥伴們之前沒有接觸過WebSocket，或者對WebSocket並不太熟悉，可以先閱讀這三篇文章學習下：

1.WebSocket刨根問底(一)

2.WebSocket刨根問底(二)

3.WebSocket刨根問底(三)之羣聊

遊戲效果圖

1.登錄效果

2.遊戲進行時效果

3.房間滿員後，再進入，會有錯誤提示，如下：

核心思路

1.該遊戲本質上就是兩個人聊天，只不過聊天的內容爲棋盤上的座標
2.用戶點擊棋盤，根據點擊的位置，算出離點擊位置最近的一個十字的座標作爲此次點擊事件的座標，將之傳遞給WebSocket服務端
3.當有兩個人已經連接上服務端的時候，此時如果有第三個人連接服務端，則服務端返回一條消息告訴該客戶端房間人已滿，並且讓該客戶端主動關閉連接
4.每下一子，都去判斷一下該子的上\下，左\右，左上\右下，左下\右上四個方向上同類型的子是否已滿5個，滿5個表示此次落子的用戶贏
5.遊戲進行過程中，有一方關閉瀏覽器，會提示另一方某某人已經下線

源碼地址：https://github.com/lenve/GobangGame

歡迎小夥伴們fork，star。

更多JavaEE資料請關注公衆號：

以上。