微信小程序（BDEDU签到工具）项目总结

微信小程序的开发入门

1. 申请微信小程序

申请小程序，无非是去微信公众平台选择申请小程序，然后填写一些相关信息即可。

2. 部署开发环境

点这里下载对应的开发工具。

3. 新建项目

新建项目时需要用到appid，可以去 微信公众平台=>设置=>开发设置 里查看 

4. 小程序文件及文件目录解释

小程序项目新建时开发工具会给你自动创建几个页面，这里就直接删去，不讲这几个页面，直接通过我写的BDEDU签到工具来讲解微信小程序。 
BDEDU签到工具源码目录结构如下： 

文件解释：

• app.js：全局逻辑文件，写一些生命周期函数、全局函数和全局属性，顺便贴一下生命周期函数

• app.json：全局配置文件，比如配置页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

• app.wxss：全局样式文件，这里写的样式能够被单个页面wxss里的样式覆盖，可以做出一些统一的效果。

• js文件：编写页面逻辑

• wxml文件：页面视图

• wxss文件：页面样式

• json文件：页面配置

目录结构：

• image文件夹下存图片素材

• pages文件夹下存各个页面

• pages/**文件夹下存的是某个页面的视图、逻辑、样式和配置文件

• util文件夹可以用来写一些工具函数

具体详细可以查看API

5. 小程序request请求

小程序提供了完善的request请求API，可以直接向你的服务器请求数据，但是只能向一个服务器请求数据，而且该服务器必须有自己的域名，请求协议必须是https，请求的域名可以在你的开发设置里修改。

request请求详细请看API，点这里

6. 小程序数据储存

小程序提供数据储存，可以存一些本地数据。详细查看请点这里

通过上面的了解后，我们已经能够使用微信小程序干一些事了：

• 发送请求到服务器
• 接收服务器的响应数据
• 将接收到的数据在用户界面中显示
• 存储接收到的数据

如果你还有一些特殊的开发需求只需要看API文档即可。

服务端接口开发

1. 接口需求

写接口前我们需要对每个用户生成一个唯一标识，用于接口的权限验证，幸运的是微信小程序给我们提供了openid（唯一标识），虽然API上说不提倡我们直接使用openid作为用户标识，但是为了简化项目就暂时先作为签到API的唯一标识。

• 绑定签到账号：用户名、密码、code

• 修改绑定：openid、用户名、密码

• 获取用户信息：openid

• 获取所有课程信息：openid

• 获取目前需要签到的课程：openid

• 签到：openid、课程ID、课程名、座位

• 获取签到记录：openid、课程ID、课程名

2. 接口实现

客户端（微信小程序）和服务器接口之间的数据传递全部使用json数据。

• 绑定签到账号：接收用户名密码，调用BDEDU登录接口，判断密码是否正确。 
  密码正确：使用code调用微信API换取openid，将用户名、密码、openid存入数据库。返回成功信息给小程序 
  密码错误：将错误信息返回给小程序

• 修改绑定：同上

• 获取用户信息：通过openid查找用户，将用户信息返回给小程序，若不存在则返回错误信息。

• 获取所有课程信息：通过openid获取用户账号和密码，然后请求BDEDU系统获接口取所有课程信息，返回给小程序。

• 获取目前需要签到的课程：通过openid获取用户账号和密码，然后请求BDEDU系统接口获取所有课程信息，再使用正则表达式匹配每门课程的上课时间，将当前时间和上课时间进行对比，如果当前时间在上课时间内或在上课前20分钟内，就将该课程作为当前需要签到的课程，返回给小程序。如果没有一门课满足要求就返回提示信息：无可签到课程。

• 签到：通过openid获取用户账号和密码，将签到数据（课程ID、课程名、用户名、座位）发送给BDEDU签到系统进行签到，返回签到结果给小程序。

• 获取签到记录：通过openid获取用户账号和密码，将课程ID、课程名、用户名发送给BDEDU签到系统，获取签到记录（html源码），通过正则表达式匹配出真正需要的信息（签到时间、签到位置、备注），存在一个对象list里，返回给小程序。

客户端（微信小程序）的开发

本项目一共四个页面：

• 我的信息页面

• 绑定账号页面

• 签到记录页面

• 签到页面

这里就主要展示一下签到功能的流程图，其他流程类似 
程序的流程图如下：