微信小程序的移动校园地图系统设计与实现.docxVIP

微信小程序的移动校园地图系统设计与实现 摘要：微信小程序因其无须安装、触手可及、用完即走、无须卸载等优点，推出一年多来已开发出近60万个小程序，但这些应用鲜有基于地图服务的。本文对基于地图服务的微信小程序的构建进行了研究，在微信公众平台和Bmob云平台的支持下，调用百度地图API，实现了“成理圈子”微信小程序的设计与开发。该小程序成功将生活服务功能和百度地图服务功能整合在一起，为微信小程序在地图服务领域的应用提供参考。 数字校园建设是将学校的各种信息资源进行数字化2017年1月，微信团队正式推出小程序，将用户与众多的线上及线下服务连接，包括零售、电子商务、生活服务、政务民生及游戏。推出仅一年多时间，开发者已开发出近60万个小程序，日活跃账户超1.7亿个，拥有大量用户基础。基于微信公众平台的移动互联网数字校园建设可以为用户提供统一的数据服务平台现已推出的校园服务类微信小程序有提供高校图书馆书籍的信息查询服务、学生课堂考勤的教学管理服务、新生入学的预报道服务、校园食堂的外卖服务、高校网络舆情监测1 系统总体设计1.1 系统总体架构系统总体架构自下而上分为服务器端、逻辑层与应用展现层（见图1）。服务器端存储各种地理信息数据库与用户信息数据库，利用Bmob云平台进行可视化云数据库建立与服务器连接；逻辑层使用Java Script语言编程，进行百度地图API、微信API等服务接口对接，实现系统功能模块开发；应用层是各开发模块的界面展现部分，用户可在微信客户端直接发出服务请求。1.2 系统功能设计本系统以在校大学生为服务对象，将校园服务与地图服务功能相结合。根据需求分析可以确定基本功能有：校园信息服务、地理信息服务、交友互动、个人信息4个模块，各模块具体功能如图2所示。1）校园信息服务模块。包括校园新闻阅读、校园招聘信息查询、讲座信息发布等。该模块将校园信息以列表形式在校园动态界面呈现，满足用户的信息需求。2）地理信息服务模块。位置服务是本系统的主要特色。该模块包括地图浏览与缩放、用户定位、兴趣点查询、周边搜索、路径规划导航等功能。本系统将校园内外各种地理信息热点（食堂、教学楼、银行、公交站点等）按类别进行分类，用户可对相关地理信息进行快速查询，获取相应热点的地理位置信息并进行路径规划与导航。3）交友互动模块。该模块设计的主要目的是为用户提供一个线上发起，线下交友平台，使用它能够在线上、线下中找到趣味相投、志同道合的朋友，该模块具有在线发起、参加活动等功能，同时还能对相关活动信息进行点赞、评论、收藏等操作。4）个人信息模块。该模块存储用户对相关互动活动进行的评论、收藏、加入等操作信息，信息由网络上传至后端云数据表中并传回客户端中进行显示。2 后端服务器搭建Bmob后端云是一个全方位一体化的后端服务平台，为用户提供轻量级SDK开发包，通过对应的Key实现网络数据传输，构建应用云端数据库完成校园实时信息与文件存储功能，轻松实现数据网络云端与客户端间的连通，开发者不必搭建服务端硬件环境就可以将即时通讯、实时网络功能快速集成至应用中，大大节省了开发人力、物力。本系统通过调用Bmob云平台完成后端服务器的搭建，实现文本、图片等各种类型消息的上传、后端服务器的转发与接受者的监听等功能。开发者在获取Application ID和REST API Key后，下载SDK，将服务器域名配置到微信小程序后台，设置request、socket、upload File、download File等的合域名，并在相关页面添加var Bmob=require（‘../../utils/bmob.js’）代码，最后在app.js中添加下列两行代码进行全局初始化：Bmob云平台搭建流程如图3所示，在完成相应配置后，便可使用Bmob SDK提供的相关服务。3 功能实现3.1 校园信息推送校园动态信息通过后端服务器获取校园信息表里最新校园动态并在客户端显示（见图4(a））。校园信息表储存在Bmob后端平台网络云数据库里，包括校园新闻阅读、校园招聘信息查询、讲座信息发布等，管理员在后台进行数据更新处理，客户端通过网络连接获取相应更新数据。数据的来源是通过校园页面抓取、解析获得的HTML文件，处理HTML获取有用信息，然后分类排版存储在Bmob后端云平台网络云数据库里，通过query函数获取云数据库里内容。3.2 地理信息服务地理信息服务模块主要通过调用相关API接口实现，包含兴趣点搜索、周边查询、路径导航等功能。图4(b）所示为用户进行兴趣点搜索结果，通过调用微信位置API里wx.choose Location等函数实现，将以用户所在点为中心的电子地图和周边地理信息点进行列表显示；图4(c）所