【分享】从零开始，开发一个五子棋棋谱记录系统

因为自己的爱好，以及朋友们的需要，开发了一个五子棋的棋谱记录系统。用了一些业余时间，从页面到数据库全都弄得差不多了，也已经投入使用。于是决定把代码和思路贴出来，与大家分享。需求：输入棋局记录，记录棋局的进行过程并且展示在页面上；
记录棋局的相关信息，如对局者，规则，结果，对局地点，时间，备注等。
查看单个对局时，可以回到第一手、到最后一手、前进、后退，可以显示/隐藏棋子上的数字。
前进、后退可以用键盘控制
对局的所有字段可以编辑。
按照对局分类进行搜索
按照对局者姓名进行搜索
按照棋局的前N手的走法进行搜索
选择一些棋局，导出一个打印页面，可以直接用来打印。
用到的主要技术：页面部分，JQuery，CSS，Html。图片9张：因为我做了3个样式，2个是用来看的棋盘，还有个打印的，每个样式有一个棋盘图片，2个棋子的图片。
后台代码：PHP
数据库：Mysql，共一张表（本来还想做个用户系统的，想想没必要了。）那么，从最基本的开始说起：如何用一张背景图片、2个棋子做一个能动的棋盘出来。