消息接口配置是微信二次开发的第一步, 可实现公众平台与本地后台正常通信。系统运行机制如图2所示, 用户成功关注公众账号后, 将接收公众号推送的图文消息。用户可点击座位预约图文消息链接进入预约座位界面, 也可向公众号发送消息, 消息会首先到达微信服务器, 并由其转发到微信公众平台, 公众平台会根据接口配置中的URL信息, 将用户发送的消息转发到本地后台, 后台接收消息后会判断消息的类型, 并进行相应处理^[5], 如通过访问数据库中记录返回座位使用情况、好友位置或设置用户头像、添加用户预约座位信息等操作。

图2

	Figure Option ViewDownloadNew Window
	图2 系统运行机制图

本系统以后台数据库为支撑, 通过前台界面实现座位预约功能。

(1) 数据库设计

后台数据库采用SQL Server 2012, 其中用户信息表用于保存用户个人信息; 座位预约信息表保存座位信息, 状态字段共有三个属性(未确认、正在使用、保留), 系统根据状态字段对座位进行管理并控制人员进出; 历史记录信息表用于保存非当天的座位使用信息, 以便后期进行统计和数据分析; 黑名单表用于保存违规次数超过限制的用户信息。限于篇幅, 不列出各表的详细字段。

(2) 座位预约界面设计

座位预约界面采用HTML5和CSS3设计。为使座位管理系统平面图易于识别, 按照阅览室座位实际布局情况设计座位平面图, 对所有座位统一编号, 编号由三位数字组成, 如“ 001” 、“ 002” 等。未被选择的座位显示座位号, 而正在使用的座位显示人物图标, 用户可直观方便地选择座位。座位预约界面如图3所示:

图3

	Figure Option ViewDownloadNew Window
	图3 理工科阅览室选座位界面

微信接口接入是为了将系统与公众平台对接, 即在公众平台上使用系统中的一些功能, 微信消息回复接口是公众平台与系统后台通信的通道, 具体步骤如下: 登录微信公众平台, 进入开发者中心, 点击“ 修改配置” 按钮, 填写系统后台URL(服务器地址)和Token(令牌), 提交后, 微信公众平台向后台URL发送GET请求, 验证服务器地址的有效性, 请求包括4个参数: Signature (微信加密签名)、Timestamp (时间戳)、Nonce (随机数)和Echostr (随机字符串)。系统后台通过检验Signature对请求进行校验, 校验成功后将返回Echostr参数, 否则认证失败。

用户向微信公众平台发送消息后, 后台将收到转发的XML数据包, 通过解析XML数据包, 可获得用户OpenId、MsgType和Content等消息, 根据消息内容进行相应处理, 并将处理结果封装成XML数据包发送给微信公众平台, 最终由微信后台转发给用户。消息解析主要代码如下所示:

//将接收的用户消息转为字典

XmlDocument doc = new XmlDocument();

doc.LoadXml(xmlStr);

Dictionary< string, string> mo = new Dictionary< string, string> ();

var data = doc.DocumentElement.ChildNodes;

for (int i = 0; i < data.Count; i++)

{

//变量mo中以键值对的形式保存用户发送的消息

mo.Add(data.Item(i).LocalName, data.Item(i).InnerText);

}

……

消息回复主要代码如下所示:

//获得MsgType值

mo.TryGetValue("MsgType", out str);

//按类型对消息处理

……

//将处理结果封装成XML数据包

string str = string.Format(@"< xml> ……< /xml> ", ……);

//消息发送

HttpContext.Current.Response.ContentType = "text/plain";

HttpContext.Current.Response.Write(str);

后台收到用户发送的消息后, 判断用户是否已绑定账号, 若已绑定, 则判断消息类型, 若消息为文本类型, 后台将调用文本消息处理模块处理消息, 验证消息合法性, 随后根据消息内容查询数据库, 并将查询结果封装成图文消息XML数据包返回给用户。若消息为图文类型, 后台将调用图文消息处理模块解析图文消息的XML数据包, 并将< PicUrl> 节点(图片在微信服务器中的地址)内容存储在数据库中作为用户在系统中的头像。消息处理流程如图4所示。

用户点击图文消息进入座位预约界面, 客户端利用AJAX中XMLHttpRequest对象将用户预约的座位信息发送到后台。后台调用Request.QueryString [“ 名称” ] 方法获得客户端传来的数据, 同时将用户预约的座位信息存入数据库, 用户成功选择座位后, 后台将

图4

	Figure Option ViewDownloadNew Window
	图4 消息处理流程图

利用C#委托为用户创建一个定时器, 并将定时器插入定时器队列队尾, 后台获取队首元素, 并在While循环里判断TimeSpan.TotalSeconds大于或等于系统设置的时间间隔是否成立, 若成立则预约超时, 系统将删除此定时器并退出While循环。否则继续循环。关键代码如下:

//新建XMLHttpRequest对象

var xmlHttpReq = new XMLHttpRequest();

//设置回调函数, 选座成功后更新座位信息

xmlHttpReq.onreadystatechange = callback;

//将座位信息传入后台

xmlHttpReq.open("GET", "Back.aspx?number=" + str +"& room
=" +room +"& way=" +way+"& num="+ num, true);

xmlHttpReq.send(null);

座位预约模块流程如图5所示:

图5

	Figure Option ViewDownloadNew Window
	图5 座位预约模块流程图

选择自习室界面如图6所示, 确认预约信息界面如图7所示。

图6

	Figure Option ViewDownloadNew Window
	图6 选择自习室或阅览室界面

图7

	Figure Option ViewDownloadNew Window
	图7 确认预约信息界面

用户成功绑定账号后, 向公众平台发送“ 查询+全部” 可获得图书馆所有自习室座位使用情况, 发送“ 查询+自习室名称” 可获得指定自习室座位使用情况, 实现效果如图8所示。若用户向公众平台发送图文消息, 后台将为用户设置头像, 发送“ 找人+姓名” 可获得好友学号、所在自习室名称以及座位号。实现效果如图9所示。

图8

	Figure Option ViewDownloadNew Window
	图8 查询座位使用情况

图9

	Figure Option ViewDownloadNew Window
	图9 设置头像及搜索好友