论文总字数：16378字

摘 要

微信小程序已经发展到了无孔不入的地步。而电子签到作为一种现代化社会常见而简便的签到方式，如果将其与小程序结合，能够有效节省时间、手机内存空间等等，为我们进行考勤签到提供十足的便利。

本文就描述了一个基于位置的微信小程序签到系统，包括小程序端与网页端。我们通过需求分析、系统设计与界面设计的前期工作确定了小程序的基本功能与开发流程。在正式开发中，我们秉承着前后端分离的原则开发，后端采用更加轻便的Golang语言，并以高效的Gin框架来进行，MySQL数据库用以存放数据，原生小程序实现功能。

系统主要包括签到、考勤组和个人中心三大模块。签到模块仅实现签到功能。考勤组中能够创建考勤组并修改自己创建的考勤组信息。而个人中心则是用于查看自己加入的考勤组以及缺勤记录。

关键词：微信小程序；位置签到；Go语言

Abstract

WeChat mini program has developed to the point of being permeable. Electronic sign-in is a common and simple sign-in method in a modern society. If it is combined with a small program, it can effectively save time, mobile phone memory space, etc., which provides us with full convenience for attendance sign-in.

This thesis describes a location-based WeChat mini program check-in system, including mini programs and web pages. We determined the basic functions and development process of mini programs through the preliminary work of requirements analysis, system design and interface design. In the formal development, we adhere to the principle of separation of front and back ends. The back end uses the more lightweight Golang language and is carried out with an efficient Gin framework. The MySQL database is used to store data and the native mini programs implement functions.

The system mainly includes three modules: check-in, attendance group and personal center. The check-in module only implements the check-in function. In the attendance group, you can create an attendance group and modify the information of the attendance group created by yourself. The personal center is used to view attendance groups and absence records that you have joined.

Key words: WeChat mini program; location check-in; Go language

目 录

第1章 绪论 1

1.1 项目开发背景及意义 1

1.2 国内研究现状 1

1.3 本系统的研究内容 2

1.4 本文组织结构 2

第2章 开发相关技术介绍 4

2.1 微信小程序 4

2.2 开发技术 4

2.2.1 Golang语言 4

2.2.2 Gin框架 4

2.2.3 MySQL 数据库 5

2.2.4 WXML以及WXSS 5

2.3 本章小结 5

第3章 需求分析 6

3.1 功能需求分析 6

3.2 系统E-R图 7

3.3 本章小结 7

第4章 系统整体设计 9

4.1系统整体框架 9

4.2系统模块划分 9

4.2.1 考勤组 9

4.2.2 签到 10

4.2.3 个人中心 11

4.3 数据库设计 12

4.4本章小结 13

第5章 系统实现 14

5.1主要界面 14

5.1.1小程序端 14

5.1.2网页端设计 17

5.2 核心功能的实现 18

5.2.1 扫码签到 18

5.2.2位置签到 19

5.2.3 选择考勤人员 19

5.2.4 查看考勤组已到人员 20

5.2.5 查看自身缺勤记录 20

5.3 本章小结 21

第6章 系统测试 22

6.1 功能测试 22

6.2 兼容性测试 22

6.2.1操作系统兼容性 23

6.2.2屏幕兼容性 24

6.3 本章小结 24

第7章 总结与展望 25

7.1 总结 25

7.2 展望 25

参考文献 27

致 谢 28

第1章 绪论

1.1 项目开发背景及意义

随着微信在大众生活中的普及，我们也接触到了它所具备的一些功能，其中就包括最为特殊的微信小程序。比起朋友圈、摇一摇等微信自带的功能，小程序更为多变，不同的小程序可以呈现截然不同的功能^[1]。

在互联网技术不断发展的信息化时代，人们能够在手机上完成几乎一切工作，尽管app市场有自由的选择空间，但我们的手机并不是有无限的内存来进行下载，而且注册手续繁琐，也让人在繁忙的生活中心生厌倦，这个时候，微信小程序就应运而生了。它最大的特点是无需任何内存，使用微信进行搜索或是扫描二维码就能打开，不需提前下载也不需占用内存，随用随搜，随用随退，是十分符合现代人生活习惯和心理的一种新型方式^[2][3]。

而近年来，电子签到早已成为随处可见的考勤方式。本文所述的基于位置的微信签到小程序能够通过获取用户签到时所处位置来判断签到是否成功，由于其反馈的信息快速且实用，使得此签到方式更加流行。进入签到地点，通过微信扫描二维码，或是直接调用手机的GPS定位系统，利用用户地理位置的进行更加精确的实时签到^[4]。

这个小程序能够大大提高团体考勤的效率，同时它也是微信小程序便捷性的体现，是信息社会发展的一个小小缩影。

1.2 国内研究现状

APP行业崛起以来，经历了飞速发展的时期。但进入10年代，随着APP的人口红利褪去，利用率低、市场混乱、无法提前试用等问题终于暴露在人们眼前。建立闭环生态是互联网某个分支发展的第一要义，微信小程序的生态环境就在这样一个天时地利的阶段完整建立起来了^[5]。

而说起签到小程序，我们在生活中已经多多少少接触过一些。如今的签到已经进化到人脸识别、指纹签到等等。而对于我们这一个签到小程序，选择了比较原始的二维码和位置签到，比起其他更丰富的内容，位置签到其实是效率与准确性都高的^[6]。

如今，小程序的发展势头正好，但仍然需要顺应时代做出改变，在改变中发展才能有如活水源头来。而对于这一个签到小程序来说，它正是顺应了时代的发展，满足了用户对小程序的一些理想需求，比如信息的及时展示、与用户的互动等。

比起公众号的规律性、强制性推送，或是现实生活中缓慢的信息反馈过程，小程序的信息交互过程是灵活且快速的，所以在开发过程中我们会直接读取用户的位置信息，反馈到服务器进行比对。而比对结果也会马上反馈到用户手上，科技生活讲究无痕，所以稳定、便利和快捷，是放在本次程序开发首位的^[7]。

1.3 本系统的研究内容

本文描述的是一个基于位置的微信小程序签到系统。考勤签到的一个基本原理，就是比对信息^[7]。在我们进行签到之前，这个系统里已经有了预存的信息，包括：签到时间、签到地点等，而我们在进行签到之后会像系统反映一个自己的信息，系统通过比对这两种信息是否相符，来判断你是否签到成功^[8][9]。

我们基于这个原理设计并开发了一个用于签到的小程序。

签到方式分为两种，一是位置签到。我们用了小程序本身能够读取手机位置这个便利点，将签到时被读取的位置与考勤组中存储好的位置进行对比，距离大于100米无法打卡，否则提交数据到后台，后台获取当前用户及当前用户考勤组、打卡时间，记录到数据库，再给小程序返回打卡成功^[10]。

二是扫描二维码签到。我们在网页端能够生成一个二维码，用户通过微信读取二维码，如果这个二维码与生成的二维码一致，那么也签到成功。

1.4 本文组织结构

本文针对自行开发的基于位置的微信签到小程序进行了一个全方位的描述，主要介绍了微信小程序的实现过程，针对其采用的Gin框架以及Golang语言进行了更为详细的描述，对于数据结构、数据库的设计也进行了解释。

第1章是绪论，详细介绍了项目开发的背景和意义，国内研究现状等，并概括了本系统的研究内容。

第2章是开发中相关技术的介绍，主要分为小程序与开发技术两大块。小程序的介绍主要基于它本身，这一部分是普遍性的常识。而开发技术则是自主的选择，例如本程序选择了Go语言以及Gin框架。通过这一章的铺垫，能为后面详细讲解代码打好基础。

第3章是需求分析，这章从功能描述入手，通过用户的需求来分析小程序需要实现的功能，又根据这些功能绘制了系统E-R图，有了这些基础设计做前提，才能更好地进入程序的开发阶段。

第4章是系统整体设计。这一章以更加宏观的视角对小程序进行了设计。架构与数据库的设计为程序开发提供了坚实的理论基础。功能模块的细化和设计使得小程序的开发能够有条不紊地进行。

第5章是系统的实现。它包括主要界面和核心功能的实现。这一章展示了小程序实现的主要界面，同时选择了几个具有代表性的功能，描述了它们实现的功能以及如何实现的，通过这几个功能就能够对系统以小见大。

第6章则是系统开发完成后的测试部分，这个部分描述了我们进行测试的方法和结果，证明系统的功能都能够正常使用。

第7章的总结与展望以作者的角度概括与描述了这个系统的方方面面，同时以一个开发者的角度来对它可发展的部分做了一些规划与展望。

第2章 开发相关技术介绍

2.1 微信小程序

2.1.1 微信小程序简介

微信小程序是一种无需下载安装即能够使用的应用，用户通过搜索或是扫描二维码就能直接打开自己需要的应用。这体现了微信的“随开随用，用完即忘”的理念，对于用户来说，使用无需担忧内存、网络等问题，给网络生活一种全新的轻体验。而对于开发者来说，也更易入门。小程序尤其适合生活服务类、以及非刚需低频应用，我们将其用于签到，正是十分符合其理念的^[11]。

2.1.2 微信小程序基本功能

对于本系统来说，我们用到的小程序基本功能有如下几点：

请支付后下载全文，论文总字数：16378字

相关图片展示：