« 上一篇

编写JavaScript机房管理软件控制台

为了创建用户界面,需要做的第一件事就是创建一个Servlet,用于启动或加入游戏、获取玩家的用户名称以及转发请求到合适的JSP。TicTacToeServlet正是这样做的。首先,用户通过在游戏会话中输入用户启动游戏。接下来,机房管理软件被添加到一个等待机房管理软件列表中。当另一个用户访问网站时,他将看到等待机房管理软件列表并选择加入哪个。当用户提供用户名加入机房管理软件时,将从等待状态转变为正在进行中。list.jsp是显示等待游戏列表的页面,它也包含了启动机房管理软件的UI代码。对于Servlet或者JSP来说,这都不是新鲜的或者令人激动的事情,所以这里并未打印出它们的代码。

注意该文件的顶部包含了ticTacToe.css样式表、jQuery JavaScript库、Bootstrap和CSS文件。它们帮助完成了讨厌的非WebSocket部分功能,这样就帮助我们节省了大量的时间和代码。游戏表面是一个包含了3行和3列的基本div布局。为了简化代码,本地玩家将总是使用O,而对手总是使用X。当轮到你操作的时候,你可以在每个游戏方块上悬停,如果它是一个合法的动作,该方块将显示一个褪色的O。单击方块提交动作,这是不可取消的。