基于HBuilder快速开发移动端APP的设计与实现

许溜溜

摘要：随着智能手机的普及，现代人们在生活中越来越依赖于智能手机，其中APP（即应用软件）上架渠道的开放更是吸引无数厂商疯狂开发自已的APP软件，致使较多的程序员转行学习如何开发APP软件，学习流行的iOS与Andriod平台就要学习两套不同的开发环境、编译打包等知识。HBuilder的出现，完美解决了开发中涉及的跨平台，uni-app便是其中的开发框架，仅编写一套代码，即可覆盖八个不同平台。

关键词：APP快速开发;uni-app;HBuilder;跨平台开发

中图分类号：TP311.52 文献标识码：A

文章编号：1009-3044（2020）10-0074-02

1背景

近年来，随着智能手机的普及，手机系统的接口开放，越来越多的软件APP出现在智能手机上，但APP的开发与应用却异常复杂，就连开发环境的安装让很多技术人员却步。HBuilder的出现，它所提供的开发工具有效地解决了入门难、开发难。本文利用HBuilder开发《中高职学生请假系统APP》为案例，介绍HBuilder的基本使用。

2现状分析

目前较多中高职学校的学生请假管理系统采用传统纸质或简单电子请假系统审批，从学生请假上报，到最后请假条归位到学生所在班级班干部统一管理，以便课堂教师查验。这种传统请假模式只适合规模较小的学校，现如今各地中高职学校扩招、建新校，如此请假模式已逐渐显露弊端，也有部分中高职已开发了B/S模式的请假系统，但请假消息推送不主动，不能实时提醒教师审批，造成请假延时，信息闭塞等问题。

3系统功能设计

面对上述问题。本文拟设计一款基于HBuilder开发的手机端《中高职学生请假系统APP》，支持iOS、Android跨系统平台，实时消息推送，操作简单助能完善。

3.1DCloud的HBuilder介绍

DCloud，国内HTML5产业的领军企业。该公司推出的IDE工具——HBulider，主推开发一次，同时生成APP、H5、小程序的亮点，吸引几百万的开发者用户。

3.2uni-app介绍

uni-app是基于Vue.is框架所开发的跨平台应用前端。

3.3系统框架及功能

本系统以Vue.is为前端框架，PHP语言开发后端，MySQL建立系统数据库，具体结构如图1所示。

4系统实现思路与关键技术研究

基于以上对系统框架的设计，系统的实现分为服务端和数据库端及手机端三部分。手机端采用HBuilder开发。系统实现的关键技术包括以下几点。

4.1服务端与手机端通信过程

4.1.1用户登录与请求

4.2客户端消息推送

4.2.1通知栏消息实时推送

UniPush推送服务定义好的推送样式、后续动作的推送方式，客户端接收到后显示在系统通知栏，用户点击通知栏消息启动APP。

4.2.2推送客户端标识的获取

在应用安装后第一次运行时调用plus.push.getClientInfo方法获取客户端标识，并将此标识提交到开发者的业务服务器进行注册设备，使用户登录时绑定手机设备，达到消息推送。示例代码如下：

这里需要注意的是第三方的消息推送会被阻挡。最好的方式就是按照厂商的要求接人各个推送服务。庆幸的事情，这部分DCloud（数字天堂）已经帮你做好了，只需要注册下各个厂商的开发平台，将appid和$ecYet登录DCloud（数字天堂）后台即可。

4.3服務端接收与推送

5结束语

本文档利用HBuilder开发工具讲解了APP的设计与开发，APP整体运行正常，后续还需要跟进与升级同时也存在一起问题。比如i0S安装包还需要通过iOS开发者对安装包进行签名与验证，或者需要i0S开发者账号将安装包上架到APP store上才能供所有人使用。