基于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.