如何制作球赛冠军竞猜？
假设你的目的仅仅是“制作”一个页面，那么这个问题就简单了。 你需要准备的材料有： 一张表单（用于收集用户信息） HTML/CSS代码（用来展示答题结果和分数） 几个图片（用作界面装饰和积分统计图底图） 几段JS代码（用来实现按钮点击和倒计时功能） 一个数据存储工具（用来记录用户的用户名和成绩） 这个数据的存储工具有很多，MongoDB、MySQL、Redis都行，不过因为这里只是一个小游戏，为了简单起见，我们可以使用本地文件来存储。
在准备完上面的内容之后，接下来就是最关键的部分——编写和调试代码。 为了方便阅读和测试，我们可以把整个项目分成两个部分：前端和后端。 前面说到需要准备的数据有： 答题结果页面HTML、 CSS代码 用于存放用户数据的工具 这些内容都属于前端的内容，由你一个人负责就可以了。 后端只需要一个可以运行的数据库就可以了，你可以把它和你的网站一起部署到线上服务器上，也可以先把它放在本地运行。
我采用的是第一种方式，然后把数据库的访问接口提供给前端，让前端可以直接向后台获取它需要的数据。 后端还需要提供一个问题存储的地方，用来保存用户的问题答案。这个问题的存储方式和前面那个数据存储工具一样，也是为了方便测试做的简化处理。
后面我就用一个简单的例子来演示下怎么来实现这个小游戏吧。 因为我这里已经用了MongoDB来存储数据了，所以这里就不需要再准备什么数据了，直接开始编写代码就可以了。
1.创建MongoDB数据库并访问 在MongoDB里创建一个名为"cricket"的数据库，并用命令行工具或可视化工具连接数据库，我这里是用Mongo命令行操作。 -dbpath mongodb：//localhost：27017/cricket -port 27017 如果一切顺利的话，你应该可以在终端看到如下图所示的消息，说明你成功的连接到你的数据库里了！
2.编写答题脚本 我这儿有个已经写好的答题脚本文件，如果你感兴趣的话，可以自己研究下怎么写的。 https：//github.com/toogambit/cricinfo_scorer/blob/master/score.js 这是一个nodejs的文件，你可以直接用node命令执行里面的内容，或者放到web server里面通过http请求的方式来调用。
3.搭建服务器 我这里的服务器是用的windows下的apache+php，因此我的代码是在linux环境下编译通过的，如果你是在Windows下面，就需要转换一下编码了。 在Linux下面新建一个文件夹，并且进入该文件夹下面，我来演示如何使用Apache来作为web server。 以root身份登陆系统 然后在终端输入以下命令，安装Apache 接着配置apache，使其能够正确运行 然后我们在浏览器中输入网址，如果看到如图所示，就说明我们的软件已经能正常使用了！ 下面你就可以邀请你的朋友一起答题玩一玩了！~\(≧▽≦)/~