摘 要

21世纪的第二个十年以来，我国的互联网产业获得了飞速的发展，在2019年的现在，由中国掌握主动的移动互联网 时代已然到来。微信作为这个全新移动互联网 时代中最典型的软件产品之一，拥有庞大的用户基数，于2017年初推出业界首创的内置“小程序”功能，更是蕴含着巨大商业价值。

本次毕业设计主题为基于微信小程序的数独游戏开发，其基于微信的原生框架MINA，使用WXML（类HTML） WXSS（类CSS） JavaScript（接入微信内部接口）语法规则。本次毕业设计将着重于数独小程序前端的开发设计，尽量将交互界面做到美观整洁，符合人机交互界面的设计原则。

本程序可借微信订阅号在微信中发布，并具有分享给微信好友的功能。本程序将流行于报纸、杂志的数独游戏进行软件化并基于微信小程序产品化，将方便更多人在移动端解决数独问题，提升了数独游戏的商业价值，也将数独推广到更普遍的用户人群中，人们尤其青少年和儿童可以更方便地接触到数独，提升了数独的教育价值。本程序还将添加难度选择功能、游戏时间计时与不同难度完成记录功能，加强了数独的教育功能与用户的娱乐体验。最终，本程序测试通过，基本实现上述功能。

关键词：前端开发，微信小程序，MINA框架，数独问题

Abstract

In the second decade of the 21st century, China's Internet industry has achieved rapid development. It can be said that the ‘Mobile Internet Era’ has arrived, which our country has mastered on its own now in 2019. As one of the most typical software products in this new ‘Mobile Internet Era’, WeChat has a huge user base. In early 2017, it launched the industry's first built-in “small program” function, which has great commercial value.

The theme of this graduation design is the development of an Sudoku game based on WeChat mini-program, which is on the basis of WeChat's native framework MINA, using WXML (similar to HTML) WXSS (similar to CSS) JavaScript (using Wechat native APIs) syntax rules. This graduation design will focus on the development and design of the front end of this Sudoku small program, trying to make the interactive interface beautiful and neat, and conforming to the design principle of human-computer interaction interface.

This program can be published on WeChat through an WeChat media account and has the function of sharing with WeChat friends. Sudoku games popular in newspapers and magazines will be softwareized and commercialised based on WeChat applets, which will facilitate more people to solve Sudoku problems on the mobile side and hence enhance the commercial value of Sudoku games. Sudoku has been promoted to a more general user population, and people, especially teenagers and children, have more convenient access to Sudoku ,which increased the educational value of Sudoku. The program will also add difficulty selection function, game time timing and difficulty-based recording functions, which enhances the educational function of Sudoku games and the entertainment experience of users. In final, the program passes the test and basically implements the above functions.

Key Words：Front-end Development, WeChat miniprogram, MINA framework, Sudoku Problem

目 录

第1章 绪论 1

1.1 研究目的和意义 1

1.2 国内外研究现状 3

1.2.1 国外研究现状 3

1.2.2 国内研究现状 5

1.3 开发技术介绍 7

1.3.1 微信小程序原生框架 MINA 7

1.3.2 JavaScript特性介绍 8

1.4 论文主要内容及章节安排 9

1.4.1 论文主要内容 9

1.4.2 论文章节安排 10

第2章 微信数独小游戏可行性与需求分析 11

2.1 微信数独小游戏开发模式 11

2.2 数独问题基于MINA软件化可行性分析 11

2.2.1 技术可行性 11

2.2.2 经济可行性 12

2.2.3 操作可行性 12

2.3 微信数独小游戏需求分析 13

2.3.1 程序总体流程图 13

2.3.2 性能需求 13

2.3.3 功能需求 14

2.4 本章总结 14

第3章 微信数独小游戏总体设计 15

3.1 程序功能模块化设计 15

3.2 程序各页面总体规划 16

3.2.1 工程建立与文件配置 16

3.2.2 游戏交互主页面总体规划 17

3.2.3 统计页面总体规划 18

3.2.4 设置页面总体规划 18

3.2.5 教程页面总体规划 19

3.3 本章总结 19

第4章 微信数独小游戏具体实现 20

4.1 游戏交互主页面的具体实现 20

4.1.1 页面导航模块 20

4.1.2 数独生成模块 24

4.1.3 数独生成展示模块 26

4.2 其他页面和功能的具体实现 30

4.2.1 统计页面 31

4.2.2 设置和教程页面 33

4.3 本章总结 34

第5章 微信数独小游戏的测试 35

5.1 测试方法 35

5.2 测试结果 35

5.3 本章总结 39

第6章 总结与展望 40

6.1 总结 40

6.2 展望 41

参考文献 42

致 谢 43

第1章 绪论

1.1 研究目的和意义

21世纪的第二个十年以来，我国的互联网产业获得了飞速的发展。截止今日，第四代移动通信网络（4G）在全国得到普及，5G网络的技术核心更是被国内的优秀互联网企业掌握，5G网络的国内试点测试正在进行，全面推广被纳入日程，5G网络的布局已经展开^[1]。在2019年的现在，中国可以自信地说，一个由自己掌握主动的移动互联网 时代已然到来。在国内的移动互联网 时代背景下，移动网络硬件技术标准的快速换代，标志着移动网络信息传输能力飞速地成长，为移动互联网软件技术提供了前所未有的发展沃土，种类丰富且功能强大的移动应用层出不穷。相较于硬件的基础地位，软件技术的作用力更直接^[2]：宏观上为社会各行各业和公共基础设施直接提供大规模信息数据服务，极大促进了社会与经济发展，微观上为所有人提供全面而专属的个人信息服务，彻底地改变了人们的生活方式。

微信，即是移动互联网 时代最典型的移动终端软件产品之一，于第三代移动通信网络（3G）基本普及的2011年，由腾讯公司正式推出^[3]。微信主打移动端即时通信业务，不局限于传统的图文聊天功能，在提供快于2G数十倍的信息传输速率的3G网络基础上，率先实现了稳定的语音与视频聊天功能和附近的人、摇一摇等基于精确GPS位置共享服务的社交服务。在日后的发展中，微信一直走在时代前沿，快速而完善整合了更多的互联网 时代新技术，更是在2012年提出了微信公众号/服务号、于2017年推出业界首创的内置“微信小程序”等引领时代潮流的全新互联网传媒概念，成功地构建起了微信自己的生态圈。市场调查显示，微信月活跃用户数目前估计超11亿，国内市场的渗透率高达93%^[3]。微信又于2017年末开放了首个官方小游戏“跳一跳”^[4]，使小程序再次声名大噪。经过两年发展，微信小程序和小游戏已被证明拥有巨大的平台优势与无限的商机，且因其基于HTML5 CSS JavaScript的典型前端开发语言与腾讯强大的软件技术支持，吸引了从新手个人开发者到大牛前端工程师的各层次前端程序员进行开发工作，许多其他著名的互联网公司更是争相效仿内置“小程序”的前端应用模式。