基于Ionic2+AngularJS2技术的跨平台物业管理App系统设计与实现

金伟佳 孟莉莉 蓝建平

【摘 要】本文分析了在当前原生App应用开发存在的问题的基础上，利用Ionic、Angular JS框架设计实现了跨平台的物业管理系统App。通过使用App，小区物业管理部门提高了管理效率，业主也更快捷、便利的获取了物业服务。

【关键词】物业;跨平台;Ionic

中图分类号： TM614 文献标识码： A 文章编号： 2095-2457（2019）04-0093-002

DOI：10.19694/j.cnki.issn2095-2457.2019.04.035

Design and Implementation of Cross-platform Property Management App System Based on Ionic2+AngularJS2 Technology

JIN Wei-jia MENG Li-li LAN Jian-ping

（Jiaxing Vocational and Technical College， Jiaxing Zhejiang 314036， China）

【Abstract】Based on the analysis of the existing problems in the development of native App application， this paper designs and implements the cross-platform property management system App by using Ionic and Angular JS frameworks. Through the use of App， the property management department of the residential area has improved the efficiency of management， and the owners have access to property services more quickly and conveniently.

【Key words】Property Management; Cross-Platform; Ionic

0 引言

如今小區发展迅猛，但物业管理仍然处于滞后的管理状况，住户在生活中遇到的问题不能够及时的解决。伴随着移动互联网的迅速发展，涌现了大量的移动端物业管理App。借助App，物业服务公司大大提升了服务质量、节约了人力成本;业主也可以更快捷、便利地获取各项小区服务和咨讯。但由于目前移动端主流的系统主要有Android和iOS。但不同的平台，不同的只有App UI而已，其交互的逻辑基本上是完全一致的。相同的逻辑，需要实现两次，因而需要更多的人力资源地支实现和维护，而跨平台移动应用开发可以很好地解决这些问题。

1 跨平台App开发

目前跨平台App开发中混合App应用开发是主流。混合式App应用开发是指通过使用Html5，css3和JavaScript来构建跨平台移动应用程序，多平台适配与原生App相媲美。由于混合App开发，实现一套代码多设备运行，Android和iOS下公用一套代码，大大降低了开发成本和开发周期。

本系统正是利用Ionic框架，构建的一款跨平台物业管理系统，为物业管理部门和物业的业主提供各类管理与服务。

2 系统设计

2.1 系统架构

整个跨平台物业App涉及App客户端和Web服务端。在该应用中，服务端采用了SpringBoot2+MyBatis+Spring的技术架构，而客户端则采用了Ionic框架技术。

在该系统中，用ionic做了混合开发。涉及的技术点主要有：

（1）简单的使用http模块联网，解析数据

（2）使用第三方module（ionic2-super-tabs）增强UI，做tabUI

（3）使用list，grid，progress简单布局

服务端采用了控制器层、业务逻辑层、DAO层的分层架构。具体架购如图2所示。Ionic App客户端应用只负责与服务器的控制器组件交互，Ionic App应用采用HTTP向服务器端的控制器发送请求并获取服务器响应，这样即可实现App客户端与测评系统的通信。系统的后台管理系统框架结构如图1所示，实现数据的交互。

2.2 系统功能结构

跨平台物业App分为App客户端与RestFul Api服务端两部分。客户端的主要功能有：

业主通过物业App可以接收物业管理系统后台推送的一般通知、公告，紧急通知，节日贺词及注意事项等服务。业主打开报修菜单，选择电话报修，软件中会显示该项目部维修人员的联系电话，业主选择维修人员电话，由软件建立拨号通话链接，直接进行电话报修。可以进行信息咨讯、投诉等。

物业App的功能结构图如如图2所示。

3 结论

本文主要基于ionic和AngularJS，设计实现了一款跨平台的物业管理系统APP，利用该App，小区物业管理部门可以高效地进行物业管理，业主可以获得物业服务、咨讯。同时借助跨平台技术，可以快速实现多平台应用、方便后期的维护。

【参考文献】

[1]石瑞.浅谈信息系统在物业管理中的应用[J].现代物业（上旬刊）.2015（07）：107-109.

[2]熊亚蒙.跨平台移动应用开发系统的设计与实现[J].电子测试，2017（21）：57+55

[3]许佩莹，禹亮，陈超智.使用混合开发技术快速构建跨平台移动应用系统[J].电信工程技术与标准化.2018（03）：65-68.

[4]苏玉慧.基于跨平台的移动应用开发框架研究[J].无线互联科技，2015（21）：102-103.

[5]夏光蔚.浅析居住小区物业管理系统的设计[J].劳动保障世界，2016（33）：69.