基于移動設備的航天社區綠植二維碼運維平臺開發

劉陸，史晨曦

西安航天弘發實業有限公司，陜西西安，071000

0 引言

社區綠化是社區建設中一項必不可缺的基礎工作[1]。隨著國家科技的不斷進步與發展。互聯網行業逐漸興起，成了當下熱門的新興產業。將傳統行業與互聯網技術相融合，推動互聯網行業發展的新形態，被稱為“互聯網+”。將擁有創新型成就的互聯網與各個經濟和社會領域緊密結合，提高整個社會的科技進步，并使互聯網作為基礎設施和實施工具成了更廣泛的經濟發展形式。

社區綠化項目是管理和養護各小區綠色植物的工程。社區綠化是一個為住戶提供良好的居住環境、滿足人們回歸自然愿望的場所，是保護生態環境、改善城市生活環境的重要措施。但社區綠化的管理往往還采用紙質化記錄模式，保存起來非常困難，且不利于定期查閱。相較能夠在電腦上直觀查看的記錄來說，紙質載體的記錄顯得不夠簡潔明了，為物業系統化的管理模式帶來了很大的阻礙。社區綠化的管理和養護應該改進其傳統的管理模式，將信息化技術融入其中，對社區綠化相關工作進行信息化建設，最終促進社區綠化工作的開展。通過二維碼技術與信息化系統技術的融合，不光可以讓社區工作人員更加有效以及便捷的對于社區綠化工作進行管理，同時可以讓社區居住人員更方便地區分植物的種類[2]。在社區居民掃描二維碼之后能夠對植物有一個全面了解并且二維碼的運維平臺還可以反饋相關的綠化知識，進一步促進人們的環保意識[3]。

1 二維碼技術

首先二維碼又稱二維條形碼（2-dimensional bar code），這一項編碼方式最早起源于20世紀80年代中葉[4]。近些年來，二維碼技術的應用十分廣泛，它已經逐漸融入人們的生活中，成為現代社會通用的支付手段；例如掃碼消費、電子券消費打折、電子票務、掃碼點餐、掃碼乘坐公交等，相較于條形碼（Bar Code）來說，二維碼具有諸多優勢。首先二維碼技術編碼的密度非常大，能夠容納的信息量更加豐富。其次，它具有非常寬泛的編碼范圍和極強的容錯性。最后，它有著更為精確的譯碼，也可引入加密措施，具有非常強的安全等級[5]。二維碼是用某種特定的幾何圖形按一定規律在平面（二維方向上）分布的、黑白相間的、記錄數據符號信息的圖形。相較于一維碼而言，是一種由塊狀條形碼生成的平面的二維條碼。將印刷在物體表面的二維碼圖形通過具有掃碼功能的設備進行掃描，得到其中所包含的信息，進行相關服務的應用。

2 Vue技術

Vue是一構建用戶界面的漸進式JavaScript框架。

構建用戶界面即為將拿到手中的數據經過某些方式轉變成用戶看得見的界面。Vue的關注點在于如何將數據變為可視化界面。

漸進式則是指Vue可以自底向上逐層應用。若應用較為簡單，則可只引用一個小型輕量的核心庫，若應用較為復雜，則可以引入各式各樣的Vue插件。從只需一個小巧輕量的核心庫的簡單應用逐漸遞進到可以使用各式各樣Vue插件的復雜應用。

Vue的特點如下。

（1）采用了組件化的模式，提高了代碼復用率，并且能夠讓代碼變得更加容易維護。組件化是Vue的一個重要概念，即將一個龐大的項目拆分成若干個小的組件，并分別調用組件進行使用。組件化開發具有高復用性與低耦合性，更加適用于由多人參與開發的大型項目，各組件之間進行單獨的維護與測試，更加便捷。

（2）采用聲明式的編碼方式，讓編碼人員無需直接操作DOM，提高了開發效率。聲明式編碼不同于以往與計算機的執行過程相似的命令式編碼——命令機器去做事情，告訴它需要做什么并且如何去做，聲明式編碼更接近現實的表達，對機器聲明我們想要完成的內容，機器去完成它。聲明式編碼靈活度更高，擁有更高的可讀性，代碼更加簡潔。

（3）使用虛擬的DOM+優秀的Diff算法，盡可能地復用DOM節點。更加適用于數據具有多變性的系統。數據變更后，將新的虛擬DOM與原始虛擬DOM進行比較，稱為Diff比較。使用Diff比較中的優秀Diff算法，將未變的原始數據進行復用，對數據進行優化。

3 社區綠植二維碼運維平臺流程分析

首先社區管理人員將社區所屬植物的相關信息通過綠化運維平臺進行錄入，每錄入一條信息皆會匯聚生成一條長數據，平臺將錄入信息保存到數據庫中，同時針對數據庫中的該條數據生成該植物的二維碼。隨后社區管理人員可以對于該植物的養護信息進行錄入。當所有錄入工作完成后，社區管理人員可以將該植物所生成的二維碼進行打印，懸掛到對應的植物上。而社區居民可以通過掃描植物上的二維碼對于植物的相關信息進行了解，這樣可以更好提高全民保護植物的意識。

4 社區綠植二維碼運維平臺設計

4.1 社區綠植二維碼運維平臺功能設計

系統提供了用戶管理、數據錄入、數據審查、數據刪改、數據查詢、 報表展示等模塊功能，如圖1所示。由管理人員對綠植數據進行整合并錄入到系統中，社區綠植二維碼運維平臺通過收集社區綠植的相關數據，將社區里每一條綠植數據都對應生成一個相關二維碼，并貼到相關綠植的固定位置。該二維碼意味著樹木的身份名片，其中涵蓋著該樹木的全部信息。

圖1 系統的主要功能

系統的數據庫主要建立用戶表、綠植信息表、綠植二維碼對應表、綠植養護信息表，綠化設備信息表等。

綠植信息表結構包括（綠植編號、所屬區域、所屬科名、所屬種名、別稱、所屬學名、養護人）。用戶表（ID、用戶名、用戶密碼、所屬部門）。綠植信息二維碼對應表（綠植編號，綠植信息二維碼圖片）。綠化設備對應表（綠化設備編號，產地，品牌，型號）。綠化設備二維碼對應表（綠化設備編號，綠化設備信息二維碼圖片）。

4.2 社區綠植二維碼運維平臺模塊設計

綠植二維碼運維平臺由數據庫模塊，管理系統WAP服務器模塊，以及移動端模塊構成。首先社區管理人員將社區所屬植物的相關信息通過綠化運維平臺進行錄入，平臺將錄入信息保存到信息數據庫。隨后信息數據庫將待解碼信息傳遞至二維碼生成模塊，二維碼生成模塊生成該綠植信息的二維碼圖片，社區管理人員將二維碼圖片粘貼到相對應的綠植上。社區居民通過帶有二維碼掃描功能的移動設備進行掃描可以接收綠植二維碼運維平臺所發送的綠植相關信息。同時綠植二維碼運維平臺可以跟信息數據庫進行數據交互，從而將綠植的養護信息及時錄入數據庫。該過程如圖2所示。

圖2 社區綠植二維碼運維平臺的模塊簡圖

4.3 社區綠植二維碼運維平臺的部署方案

通過騰訊云服務器進行社區綠植二維碼運維平臺的數據庫服務器的部署。社區居住人員和來訪客人可以掃碼獲取對應鏈接訪問植物信息界面，員工可以通過計算機終端收集報告和數據，經理通過PC端進行數據審查以及報表查看等相關操作。該過程如圖3所示。

圖3 社區綠植二維碼運維平臺的部署方案

4.4 社區綠植二維碼運維平臺的開發環境簡介

基于B/S架構的社區綠植二維碼運維平臺利用Vue+Koa+MySQL作為開發語言與開發工具。本運維平臺后端開發框架為Koa，網頁端開發框架采用Vue，前后端數據交互采用WEB數據交互技術，網站服務器采用開源服務器Nginx。

開發軟件版本如下：

（1）Vue漸進式框架 3.0；

（2）Koa 2.13.4；

（3）Node v7.6.0；

（4）Nginx 1.17。

4.5 社區綠植二維碼運維平臺的功能實現

4.5.1 綠植信息管理

綠植信息管理部分主要完成綠植信息錄入、綠植圖片上傳、綠植信息編輯、查詢、刪除、統計等工作。綠植信息錄入的實現主要取決于系統后臺與數據庫之間的連接，以及數據庫SQL語句查詢、增加、刪除、修改。下面以綠植信息查詢為例進行敘述。

（1）將網頁端的過濾規則通過WEB數據交互技術傳遞給后臺。網頁端界面將過濾規則通過Web數據交互技術進行傳遞，并通過超文本傳輸協議將過濾參數傳到后臺。

（2）構建查詢數據庫語句、連接數據庫并查詢。結合服務器端接收到的過濾參數，構建查詢SQL語句，過濾符合條件的植物信息，并按符合條件的程度進行排序。

后端服務通過超文本傳輸協議將最終結果返回給網頁端界面，由網頁端進行顯示。

4.5.2 養護信息管理

主要功能包括錄入對應綠植的養護信息等功能。實現養護信息錄入的關鍵是將信息傳輸到服務器端，服務器端對其處理形成數據庫語句，連接數據庫，執行該數據庫語句，最終形成查詢結果。

4.5.3 用戶信息管理

用戶信息管理主要包括用戶管理等功能。運維平臺管理員有權為新用戶分配角色和修改用戶角色。運維平臺的系統管理員擁有系統的所有權限，同時可以對其余擁有部分系統權限或者單一系統權限的人員進行人員賬戶的增加、刪除、更改與查詢。可用于增加新員工賬號信息、刪除離職員工身份賬號數據、修改員工所變更的身份信息與查詢符合查詢條件員工的各項信息。其與服務器交互的流程與4.5.1類似，這里不再贅述。

4.5.4 綠化設備管理

綠化設備管理主要是對割草機、割灌機、綠籬機、油鋸、打藥機等常見的比較貴重的綠化機械設備進行統一入庫管理。通過在設備表面不影響使用的明顯區域粘貼二維碼，當設備出庫時設備使用者（具有設備使用權限的系統用戶）通過掃碼確認進行設備使用上報，設備狀態變更為已借出狀態。而歸還設備時應進行掃碼后點擊確認歸還，進行設備使用歸還，設備狀態重新變為可使用狀態。設備日常維保流程與設備使用流程相似。這一模塊保障設備的日常順利使用與日常維修保養問題。從而保證設備質量，降低設備故障率和事故率，避免人為原因造成的損失，其與服務器交互的流程與4.5.1類似，這里不再贅述。

4.5.5 報表管理

報表管理指的是對于社區里的綠植，養護人，設備的相關信息進行圖表分析。通過這個模塊社區管理人員可以對運維平臺的基礎數據進行可視化的查看，對于社區綠化工作的大體狀況進行更為直觀的認知，方便對未來社區綠化工作的安排提供決策條件。

5 結語

通過融合了二維碼技術以及信息系統開發技術，本研究設計以及最終實現了社區綠植二維碼運維平臺。網頁端開發技術采用Vue漸進式框架，以Koa為后端開發技術框架，數據庫采用MySQL數據庫，對社區綠植二維碼運維平臺的注冊登錄、綠植信息管理、養護信息管理、用戶信息管理等功能模塊加以開發實現。