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

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

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

中圖分類號(hào)： TM614 文獻(xiàn)標(biāo)識(shí)碼： A 文章編號(hào)： 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í)的解決。伴隨著移動(dòng)互聯(lián)網(wǎng)的迅速發(fā)展，涌現(xiàn)了大量的移動(dòng)端物業(yè)管理App。借助App，物業(yè)服務(wù)公司大大提升了服務(wù)質(zhì)量、節(jié)約了人力成本;業(yè)主也可以更快捷、便利地獲取各項(xiàng)小區(qū)服務(wù)和咨訊。但由于目前移動(dòng)端主流的系統(tǒng)主要有Android和iOS。但不同的平臺(tái)，不同的只有App UI而已，其交互的邏輯基本上是完全一致的。相同的邏輯，需要實(shí)現(xiàn)兩次，因而需要更多的人力資源地支實(shí)現(xiàn)和維護(hù)，而跨平臺(tái)移動(dòng)應(yīng)用開發(fā)可以很好地解決這些問題。

1 跨平臺(tái)App開發(fā)

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

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

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

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

整個(gè)跨平臺(tái)物業(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ā)送請(qǐng)求并獲取服務(wù)器響應(yīng)，這樣即可實(shí)現(xiàn)App客戶端與測(cè)評(píng)系統(tǒng)的通信。系統(tǒng)的后臺(tái)管理系統(tǒng)框架結(jié)構(gòu)如圖1所示，實(shí)現(xiàn)數(shù)據(jù)的交互。

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

跨平臺(tái)物業(yè)App分為App客戶端與RestFul Api服務(wù)端兩部分?？蛻舳说闹饕δ苡校?/p>

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

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

3 結(jié)論

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

【參考文獻(xiàn)】

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

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

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

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

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