基于Ionic2+AngularJS2技術(shù)的跨平臺物業(yè)管理App系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

金偉佳 孟莉莉 藍(lán)建平

【摘 要】本文分析了在當(dāng)前原生App應(yīng)用開發(fā)存在的問題的基礎(chǔ)上，利用Ionic、Angular JS框架設(shè)計(jì)實(shí)現(xiàn)了跨平臺的物業(yè)管理系統(tǒng)App。通過使用App，小區(qū)物業(yè)管理部門提高了管理效率，業(yè)主也更快捷、便利的獲取了物業(yè)服務(wù)。

【關(guān)鍵詞】物業(yè);跨平臺;Ionic

中圖分類號： TM614 文獻(xiàn)標(biāo)識碼： 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 引言

如今小區(qū)發(fā)展迅猛，但物業(yè)管理仍然處于滯后的管理狀況，住戶在生活中遇到的問題不能夠及時(shí)的解決。伴隨著移動互聯(lián)網(wǎng)的迅速發(fā)展，涌現(xiàn)了大量的移動端物業(yè)管理App。借助App，物業(yè)服務(wù)公司大大提升了服務(wù)質(zhì)量、節(jié)約了人力成本;業(yè)主也可以更快捷、便利地獲取各項(xiàng)小區(qū)服務(wù)和咨訊。但由于目前移動端主流的系統(tǒng)主要有Android和iOS。但不同的平臺，不同的只有App UI而已，其交互的邏輯基本上是完全一致的。相同的邏輯，需要實(shí)現(xiàn)兩次，因而需要更多的人力資源地支實(shí)現(xiàn)和維護(hù)，而跨平臺移動應(yīng)用開發(fā)可以很好地解決這些問題。

1 跨平臺App開發(fā)

目前跨平臺App開發(fā)中混合App應(yīng)用開發(fā)是主流。混合式App應(yīng)用開發(fā)是指通過使用Html5，css3和JavaScript來構(gòu)建跨平臺移動應(yīng)用程序，多平臺適配與原生App相媲美。由于混合App開發(fā)，實(shí)現(xiàn)一套代碼多設(shè)備運(yùn)行，Android和iOS下公用一套代碼，大大降低了開發(fā)成本和開發(fā)周期。

本系統(tǒng)正是利用Ionic框架，構(gòu)建的一款跨平臺物業(yè)管理系統(tǒng)，為物業(yè)管理部門和物業(yè)的業(yè)主提供各類管理與服務(wù)。

2 系統(tǒng)設(shè)計(jì)

2.1 系統(tǒng)架構(gòu)

整個(gè)跨平臺物業(yè)App涉及App客戶端和Web服務(wù)端。在該應(yīng)用中，服務(wù)端采用了SpringBoot2+MyBatis+Spring的技術(shù)架構(gòu)，而客戶端則采用了Ionic框架技術(shù)。

在該系統(tǒng)中，用ionic做了混合開發(fā)。涉及的技術(shù)點(diǎn)主要有：

（1）簡單的使用http模塊聯(lián)網(wǎng)，解析數(shù)據(jù)

（2）使用第三方module（ionic2-super-tabs）增強(qiáng)UI，做tabUI

（3）使用list，grid，progress簡單布局

服務(wù)端采用了控制器層、業(yè)務(wù)邏輯層、DAO層的分層架構(gòu)。具體架購如圖2所示。Ionic App客戶端應(yīng)用只負(fù)責(zé)與服務(wù)器的控制器組件交互，Ionic App應(yīng)用采用HTTP向服務(wù)器端的控制器發(fā)送請求并獲取服務(wù)器響應(yīng)，這樣即可實(shí)現(xiàn)App客戶端與測評系統(tǒng)的通信。系統(tǒng)的后臺管理系統(tǒng)框架結(jié)構(gòu)如圖1所示，實(shí)現(xiàn)數(shù)據(jù)的交互。

2.2 系統(tǒng)功能結(jié)構(gòu)

跨平臺物業(yè)App分為App客戶端與RestFul Api服務(wù)端兩部分。客戶端的主要功能有：

業(yè)主通過物業(yè)App可以接收物業(yè)管理系統(tǒng)后臺推送的一般通知、公告，緊急通知，節(jié)日賀詞及注意事項(xiàng)等服務(wù)。業(yè)主打開報(bào)修菜單，選擇電話報(bào)修，軟件中會顯示該項(xiàng)目部維修人員的聯(lián)系電話，業(yè)主選擇維修人員電話，由軟件建立撥號通話鏈接，直接進(jìn)行電話報(bào)修。可以進(jìn)行信息咨訊、投訴等。

物業(yè)App的功能結(jié)構(gòu)圖如如圖2所示。

3 結(jié)論

本文主要基于ionic和AngularJS，設(shè)計(jì)實(shí)現(xiàn)了一款跨平臺的物業(yè)管理系統(tǒng)APP，利用該App，小區(qū)物業(yè)管理部門可以高效地進(jìn)行物業(yè)管理，業(yè)主可以獲得物業(yè)服務(wù)、咨訊。同時(shí)借助跨平臺技術(shù)，可以快速實(shí)現(xiàn)多平臺應(yīng)用、方便后期的維護(hù)。

【參考文獻(xiàn)】

[1]石瑞.淺談信息系統(tǒng)在物業(yè)管理中的應(yīng)用[J].現(xiàn)代物業(yè)（上旬刊）.2015（07）：107-109.

[2]熊亞蒙.跨平臺移動應(yīng)用開發(fā)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].電子測試，2017（21）：57+55

[3]許佩瑩，禹亮，陳超智.使用混合開發(fā)技術(shù)快速構(gòu)建跨平臺移動應(yīng)用系統(tǒng)[J].電信工程技術(shù)與標(biāo)準(zhǔn)化.2018（03）：65-68.

[4]蘇玉慧.基于跨平臺的移動應(yīng)用開發(fā)框架研究[J].無線互聯(lián)科技，2015（21）：102-103.

[5]夏光蔚.淺析居住小區(qū)物業(yè)管理系統(tǒng)的設(shè)計(jì)[J].勞動保障世界，2016（33）：69.