1
湖北师范大学
教育信息技术与技术学院
（项目开发书）
班 级 名称: 1502
项 目 名称: 微信小程序-五子棋
姓 名: 庞琪
2018 年 5 月 28 日
2
目 录
1 系统概述 ...............................................2
2 系统技术基础 ...........................................3
2.1 开发语言 ...........................................3
2.1.1 Java 简介 ..............................................3
2.1.2 XML 简介 ...............................................4
2.2 开发工具 ...........................................4
2.2.1 微信 web 开发者工具.....................................4
2.3 开发环境 ...........................................4
2.4.1 Android................................................4
2.4.2 MySQL..................................................5
3 系统设计 ...............................................5
3.1 功能模块设计 .......................................5
3.1.1 会话列表...............................................5
3.1.2 文件夹.................................................6
3.1.3 五子棋胜利方判断 .......................................7
3.1.4 悔棋..................................................11
3.2 五子棋页面示意图 ..................................12
4 结语 ..................................................26
5 致谢 ..................................................27
参考文献 ................................................29
3
1 系统概述
微信小程序是腾讯微信团队推出的基于微信生态的应用号，是一种跨平台，
媲美原生 App 操作体验的 web 应用，它拥有，即用即走、离线存储、跨平台等特
点。
微信小程序的定义：小程序是一个可以帮助用户高效解决问题的工具，用完
即走；其优质的用户体验会推动用户走了再回来。同时微信给小程序开放了多个
入口帮助用户能够找到自己使用过或者想要使用的小程序。
最大的优势就是：很多 App 在微信打开后需要跳转，而小程序依靠月活 10
亿的微信用户，可以直接在微信中打开运行。购物类小程序打开后界面类似其他
商城 App，让用户购物体验更好。也可以直接在微信群分享，熟人分享转化率更
高。
微信群里的小游戏像病毒一样刷屏，虽然腾讯表示会阻止这样的病毒式分享，
但是依然无法阻挡小游戏的火爆。这是一条很好的变现方式。
碎片化时间的利用充分展示了小程序的优越性，用完就走，无需安装和留存，
腾讯给小程序开放了很多入口，首页下拉可以看到小程序的使用记录。
借助小程序数据助手对用户特征消费行为特征数据的采集和处理，可进行多
维度的用户消费特征分析、产品策略分析和销售策略指导分析，通过准确把握用
户需求，增加用户互动的方式推动营销策略的策划和执行。
本次微信小程序—双人对战五子棋游戏，能够在微信中实现好友与好友之间
的双人对战游戏，能够加强好友之间的联系，加强互动。如今微信在即时通信领
域发挥着越来越重要的作用，而作为在微信上运行的小程序将会变得更加重要，
也会被使用的越来越频繁，所以此次设计将会在微信 web 开发平台上制作微信小
程序。
2 系统技术基础
小程序是微信内的云端应用（所以无需安装），不是原生 App，通过
WebSocket 双向通信（保证无需刷新即时通信）、本地缓存（图片与 UI 本地缓
存降低与服务器交互延时）以及微信底层技术优化实现了接近原生 APP 的体验。
2.1 开发语言
4
本质上就是 JS+CSS+HTML5，不过不能直接用 HTML 标签，微信提供一个组件
库，没有 DOM 和其他浏览器上的 API；网络、Canvas 等也重新包装过。
2.1.1 Java 简介
Java 是由 Sun Microsystems 公司推出的 Java 面向对象程序设计语言和
Java 平台的总称。Java 是由 James Gosling 和同事们共同研发，并在 1995 年正
式推出。Java 最初被称为 Oak，是 1991 年为消费类电子产品的嵌入式芯片而设
计的。1995 年正式更名为 Java，并重新设计用于开发 Intern et 应用程序。用
Java 实现的 HotJava 浏览器（支持 Java applet）显示了 Java 的魅力：跨平台、
动态 Web、Internet 计算。从此，Java 被广泛接受并推动了 Web 的迅速发展，
常用的浏览器均支持 Java applet。另一方面，Java 技术也不断更新。Java 自面
世后就非常流行，发展迅速，对 C++语言形成有力冲击。在全球云计算和移动互
联网的产业环境下，Java 更具备了显著优势和广阔前景。2010 年 Oracle 公司收
购 Sun Microsystems[2]。
2.1.2 XML 简介
XML 语言是一种可扩展标记语言，标准通用语言的子集，是一种标记电子文
件使其具有结构性的标记语言。它非常适合万维网的传输，提供统一的方法来描
述和交换独立于应用程序或提供商的结构化数据。是 Internet 环境中跨平台的、
依赖于内容的技术，也是当今处理分布式结构信息的有效工具。早在 1998 年，W3C
就发布了 XML1.0 规范，使用它来简化 Internet 的文档信息传输。
2.2 开发工具
2.2.1 微信 web 开发者工具
为帮助开发者更方便、更安全地开发和调试基于微信的网页，我们推出了
web 开发者工具。它是一个桌面应用，通过模拟微信客户端的表现，使得开发者
可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。
2.3 开发环境
