第一个版本
TODO:加入原型图
TODO:加入流程图
TODO:显示0-9，而不是1-3
加入了原型图，但可能需要微调