智能手機(jī)接入小區(qū)管理系統(tǒng)設(shè)計(jì)

智能手機(jī)接入小區(qū)管理系統(tǒng)設(shè)計(jì)摘要社區(qū)是社會(huì)的一個(gè)主要組成部分，社區(qū)自身的成熟對(duì)社會(huì)整體的進(jìn)步起著不可言喻的作用。中國(guó)經(jīng)濟(jì)飛速發(fā)展的同時(shí)，人們對(duì)社會(huì)基層的成長(zhǎng)也提出了新的要求：一是隨著國(guó)家綜合實(shí)力的不斷增強(qiáng)，社區(qū)工作不再像以前那樣可以“忽略”；二是社會(huì)主義市場(chǎng)經(jīng)濟(jì)體制的改革過(guò)程中，迫切需要注意黨在基層社區(qū)的建設(shè)；三是由于城鎮(zhèn)人口巨大的增長(zhǎng)速度，需要優(yōu)化老舊的社區(qū)管理模式；四是隨著人民生活水平的不斷提高，人們開(kāi)始更加渴望多元化的精神文化建設(shè)。在新的時(shí)代，應(yīng)該有更優(yōu)質(zhì)的社區(qū)建設(shè)被實(shí)施，來(lái)滿足人們?cè)谶@方面的需求。本文通過(guò)研究國(guó)內(nèi)外的相關(guān)學(xué)術(shù)成果，分析了當(dāng)前時(shí)代社區(qū)的發(fā)展情況以及社區(qū)管理模式的異同，并且介紹了當(dāng)前社區(qū)管理應(yīng)用的混亂現(xiàn)象。本次設(shè)計(jì)利用Express框架設(shè)計(jì)了一個(gè)輕量級(jí)的應(yīng)用，使得智能手機(jī)接入小區(qū)管理系統(tǒng)。并且應(yīng)用最新的Manifest技術(shù)，無(wú)需復(fù)雜的操作，即可完成信息的查詢(xún)、事件的申報(bào)、代理繳費(fèi)等任務(wù)。節(jié)省了大量的人力以及時(shí)間資源、降低了處理情況的繁雜度，為智能化社區(qū)的進(jìn)展添磚加瓦，給居民的生活提供了便利。關(guān)鍵詞：Express；Manifest；智能手機(jī)TheDesignofCommunityManagementSystemwithSmartphoneAccessAbstract:Communityisanimportantpartofsociety,andthedevelopmentofthecommunityplaysauniqueroleinthedevelopmentofthewholesociety.Withtheeconomicdevelopment,newrequirementshavealsobeenputforwardforthesocialbase:First,asChina’scomprehensivestrengthcontinuestoincrease,communityworkatthegrassrootslevelhasbecomemoreimportant;Second,duringthereformofthesocialistmarketeconomicsystem,thereisanurgentneedtostrengthenthepartybuildingatthegrassrootslevel;Third,duetothehugegrowthrateofurbanpopulation,weneedtooptimizetheoldcommunitymanagementmodel.;Fourth,aspeople’slivingstandardscontinuetoimprove,people’sdemandformaterialcultureandspiritualculturehavebecomemorediverse.Inthenewera,thereshouldbebettercommunitybuildingimplementedtomeetpeople'sneeds.Bystudyingtherelevantacademicachievementsathomeandabroad,thisarticleanalyzedthedevelopmentofcommunitiesandthesimilaritiesanddifferencesofcommunitymanagementmodels.Italsointroducedthechaosofcurrentcommunitymanagementapplications.ThisdesignusesExpressframeworktodesignalightweightapplication,whichmakessmartphonecouldaccesstocommunitymanagementsystem.AndwiththelatestManifesttechnology,youcancompleteinformationquery,eventreporting,agentpayment,andothertaskswithouttoomuchoperations.Itsavesalotofmanpowerandtimeresources,reducesthecomplexityoftheprocessingsituation,andcontributestotheupgradingprogressofintelligentcommunity,providessomanyconveniencesforresidents’dailylife.Keywords:Express;Manifest;Smartphone目錄第1章前言 11.1課題背景 11.1.1國(guó)內(nèi)社區(qū)管理近況的分析 11.1.2國(guó)外社區(qū)發(fā)展情況的研究 31.2主要內(nèi)容 41.3預(yù)期目標(biāo) 5第2章小區(qū)管理系統(tǒng)的需求分析 62.1社區(qū)管理系統(tǒng)需求的抉擇 62.2社區(qū)管理系統(tǒng)發(fā)展方向的分析 7第3章小區(qū)管理系統(tǒng)開(kāi)發(fā)中的主要技術(shù) 93.1HTML的技術(shù)應(yīng)用研究 93.2JavaScript的技術(shù)應(yīng)用研究 103.3MongoDB的技術(shù)應(yīng)用研究 113.4HTTPS的特點(diǎn)分析 13第4章小區(qū)管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) 164.1小區(qū)管理系統(tǒng)總體設(shè)計(jì) 164.2后端數(shù)據(jù)接口設(shè)計(jì) 174.3前端界面設(shè)計(jì) 194.4智能手機(jī)接入小區(qū)管理系統(tǒng)測(cè)試 23結(jié)論 27致謝 28參考文獻(xiàn) 29第1章前言1.1課題背景隨著新時(shí)代的到來(lái)，物業(yè)管理越來(lái)越受到人們的重視，人們對(duì)美好生活環(huán)境和服務(wù)要求也不斷增加，小區(qū)服務(wù)直接關(guān)系到人們的獲得感、幸福感。在這種情況下，更好更便捷的社區(qū)管理和服務(wù)能為社區(qū)居民營(yíng)造一個(gè)全方位的理想生活氛圍，展示出中國(guó)城市的新時(shí)代的人類(lèi)風(fēng)采。進(jìn)入到21世紀(jì)，中國(guó)城市地區(qū)的居民委員會(huì)都被上級(jí)組織勒令重建，它們的新名字中多了“社區(qū)”一詞。原本黨政性質(zhì)濃厚的居民委員會(huì)在此之后，社區(qū)服務(wù)所占的成分越來(lái)越大，所以“新版”居民委員會(huì)的門(mén)外會(huì)額外加一塊“社區(qū)服務(wù)中心”的牌子。在上海市，由于存在著許多蜿蜒交錯(cuò)的巷弄，社區(qū)的概念一般用于指稱(chēng)街道辦事處的轄區(qū)“街道”，通常為一個(gè)街道設(shè)置一個(gè)社區(qū)服務(wù)中心。國(guó)內(nèi)的一些道路復(fù)雜的地區(qū)在社區(qū)服務(wù)實(shí)踐過(guò)程中，也借鑒了上海的經(jīng)驗(yàn)，同時(shí)因地制宜，提出了帶有本地特色的社區(qū)服務(wù)管理模式，為當(dāng)?shù)鼐用竦娜粘Ｉ钐峁┝瞬簧俚膸椭?。農(nóng)村地區(qū)也受此影響，衍變出了不同的特征。查閱分析我國(guó)已“升級(jí)”的新型農(nóng)村社區(qū)的新聞資料，可將其總結(jié)為以下2種：?jiǎn)为?dú)型，這類(lèi)社區(qū)內(nèi)的居民基本上是原來(lái)村莊的大部分村民，社區(qū)由原來(lái)的村莊單獨(dú)改建；整合型，這類(lèi)社區(qū)基本是多個(gè)鄉(xiāng)村重新組成的一個(gè)整體，居民來(lái)自于不同的村落。與傳統(tǒng)的村莊相比，新型農(nóng)村社區(qū)有很多地方需要新居民去適應(yīng)：集中居住的樓房，管理層級(jí)的調(diào)整，公共空間的合理使用，個(gè)人生活的隱私，農(nóng)忙季節(jié)農(nóng)產(chǎn)品的晾曬去雜等（GreenMeansGo，2018）。由于物業(yè)管理涉及的管理范圍較為廣泛，管理內(nèi)容繁雜，日常工作需要耗費(fèi)大量人力、財(cái)力、物力，而借助因特網(wǎng)，采用現(xiàn)代化計(jì)算機(jī)管理手段來(lái)提高物業(yè)管理的效率、降低物業(yè)管理的成本，是一種行之有效的解決辦法（陳長(zhǎng)江等，2006）。1.1.1國(guó)內(nèi)社區(qū)管理近況的分析中國(guó)房地產(chǎn)經(jīng)過(guò)了迅猛發(fā)展的十余年，據(jù)有關(guān)統(tǒng)計(jì)，中國(guó)的物業(yè)管理公司大致有10500家，具有高級(jí)資質(zhì)的僅占到1/10，從業(yè)人員達(dá)到700萬(wàn)人，可見(jiàn)體系之龐大。然而一些不正當(dāng)服務(wù)、不合理收費(fèi)的現(xiàn)象依舊存在，管理系統(tǒng)的低效沒(méi)有解決，物業(yè)管理、社區(qū)居民和周邊店鋪沒(méi)有發(fā)展成為一個(gè)互利互惠的整體（閆立朝，2016）。分析部分資料總結(jié)出，當(dāng)前社區(qū)管理存在的問(wèn)題主要體現(xiàn)在以下幾個(gè)方面：（一）社區(qū)管理體制存在問(wèn)題現(xiàn)行的社區(qū)管理體制改革不夠徹底，政府的負(fù)擔(dān)仍舊不小。社區(qū)自治實(shí)際處于一種“傀儡”的情況之下。在當(dāng)前的社區(qū)自治的實(shí)踐發(fā)展中，社區(qū)的自治地位越來(lái)越凸顯出來(lái)，這賦予了社區(qū)居民更多的權(quán)力，但在另一方面也意味著大量行政權(quán)力的上交，以至于社區(qū)管理體制下的諸多權(quán)力名存實(shí)亡。在這種情況下，社區(qū)自治和社區(qū)服務(wù)職能難以成為社區(qū)工作的主要內(nèi)容，職能缺位與越位交叉的現(xiàn)象十分嚴(yán)重。在改革開(kāi)放后，居委會(huì)體制并未出現(xiàn)全局性變化，行政權(quán)威性弱化，職權(quán)、人力、財(cái)力、物力等的匱乏，導(dǎo)致很多看似容易的工作難以開(kāi)展（張文彪，2018）242。（二）社區(qū)管理工作隊(duì)伍專(zhuān)業(yè)化程度低現(xiàn)如今，隨著城市單位體制的逐步弱化，越來(lái)越多的社會(huì)職能會(huì)不可避免地回歸到社會(huì)，社會(huì)事務(wù)也逐步由社區(qū)來(lái)承擔(dān)。但是社區(qū)管理工作的輻射范圍廣泛，涉及到的具體事務(wù)繁雜且專(zhuān)業(yè)化和綜合性較強(qiáng)，這就需要社區(qū)工作者具備相應(yīng)的文化社區(qū)管理方面專(zhuān)業(yè)知識(shí)與之匹配。社區(qū)管理工作并沒(méi)有正規(guī)的人才引進(jìn)渠道，相當(dāng)一部分是臨時(shí)工，社區(qū)管理工作的服務(wù)質(zhì)量深受影響（張文彪，2018）242。（三）社區(qū)組織管理法律制度不近完善目前我國(guó)城市社區(qū)管理的法制建設(shè)還不夠健全，職責(zé)交叉而導(dǎo)致管理混亂，相應(yīng)的管理制度尚未真正建立。社區(qū)自治組織的職責(zé)范圍模糊，與物業(yè)公司、政府部門(mén)、業(yè)主委員會(huì)這三方之間的聯(lián)動(dòng)和權(quán)力邊界不清晰且無(wú)明確規(guī)定，容易出現(xiàn)執(zhí)行機(jī)構(gòu)權(quán)責(zé)分配不均的現(xiàn)象。社會(huì)組織層面來(lái)看，社會(huì)中介組織發(fā)展緩慢，居民委員會(huì)等自治組織的作用尚未得到充分地發(fā)揮，社區(qū)居民參與率低，積極性不夠，社區(qū)內(nèi)的溝通交流機(jī)制也有待完善（張文彪，2018）242。（四）社區(qū)服務(wù)資源不足目前，我國(guó)的社區(qū)的服務(wù)設(shè)施嚴(yán)重缺乏，許多社區(qū)居委會(huì)和黨群服務(wù)中心等辦公場(chǎng)所難以達(dá)到國(guó)家標(biāo)準(zhǔn)。社會(huì)服務(wù)的財(cái)物來(lái)源于政府，但現(xiàn)實(shí)中的社會(huì)服務(wù)經(jīng)費(fèi)并未完全列入政府預(yù)算，許多工作由于缺乏經(jīng)費(fèi)最后終止。并且由于社區(qū)之間難以共享資源，使得一些社區(qū)持有的資源未得到充分利用，資源閑置現(xiàn)象嚴(yán)重，社區(qū)資源整合程度低（張文彪，2018）243。1.1.2國(guó)外社區(qū)發(fā)展情況的研究“Acommunityisasocialunitthatsharescommonvalues,oragroupofinteractinglivingorganismssharinganenvironment.”這是維基百科的對(duì)于社區(qū)一詞的釋義，更能體現(xiàn)出外國(guó)人對(duì)于社區(qū)的認(rèn)知。國(guó)外的社區(qū)發(fā)展相對(duì)國(guó)內(nèi)早一些，使用“plannedcommunity”的方法來(lái)規(guī)劃建立的占絕大多數(shù)?！皃lannedcommunity”的特點(diǎn)是預(yù)先策劃、整齊明晰，大多數(shù)建立在未開(kāi)發(fā)的綠地之上，例如芬蘭的瓦薩、澳大利亞的堪培拉，都是典型。而最具代表性的“plannedcommunity”則是斯洛伐克的帕蒂贊斯克，設(shè)施齊全得更像一個(gè)小型城市。它于1938年和一座制鞋工廠一起被建立在一片平原之上，社區(qū)內(nèi)的絕大多數(shù)成年人都任職于這個(gè)工廠（Sobreira，2018）。帕蒂贊斯克的俯瞰圖如圖1-1所示。圖1-1帕蒂贊斯克經(jīng)過(guò)時(shí)間的沉淀，在外國(guó)的社區(qū)管理模式中，美國(guó)的自治型社區(qū)管理模式、日本地區(qū)的混合型社區(qū)管理模式以及新加坡的政府主導(dǎo)型社區(qū)管理模式這三種發(fā)展成為了標(biāo)志性的社區(qū)管理模式類(lèi)型，其管理特色值得參考。自治型社區(qū)管理模式：在這種管理模式下，政府行為和社區(qū)行為是沒(méi)有直接關(guān)系的，社區(qū)的工作完全自治，無(wú)論是聯(lián)邦政府還是地方政府都沒(méi)有權(quán)利干預(yù)社區(qū)事務(wù)。政府有關(guān)部門(mén)提供專(zhuān)項(xiàng)撥款，社區(qū)要進(jìn)行一定的配合，同時(shí)通過(guò)各類(lèi)社會(huì)團(tuán)體及基金會(huì)來(lái)籌措一定的經(jīng)費(fèi)。社區(qū)的高度自治使得美國(guó)社區(qū)管理基本上是“政府規(guī)劃、指導(dǎo)、資助，社區(qū)組織具體實(shí)施的運(yùn)行方式”（李玉杰等，2018）138。混合型社區(qū)管理模式：日本受西方文化傳統(tǒng)的影響形成了混合型社區(qū)管理模式。政府負(fù)責(zé)對(duì)社區(qū)的規(guī)劃、指導(dǎo)和經(jīng)費(fèi)支持，政府管理和自治特征相結(jié)合。地域中心和社會(huì)團(tuán)體組織相互配合，給社區(qū)自治、社區(qū)管理及其發(fā)展提供較大的發(fā)展空間。日本混合型社區(qū)是一種雙向管理模式，是政府行政管理部門(mén)和民間管理組織之間的共同協(xié)作（李玉杰等，2018）139。政府主導(dǎo)型社區(qū)管理模式：新加坡是一個(gè)文化多元化的國(guó)家，有著多種民族、宗教和文化傳統(tǒng)，因此社區(qū)建設(shè)不僅要注重社區(qū)物質(zhì)建設(shè)，更重要的是加強(qiáng)社區(qū)文化建設(shè)。新加坡根據(jù)地域范圍劃分為若干個(gè)社區(qū)發(fā)展理事會(huì)，負(fù)責(zé)實(shí)施本地域內(nèi)的管理工作，社區(qū)發(fā)展理事會(huì)下設(shè)多個(gè)選區(qū)，按照選區(qū)為單位設(shè)立公民咨詢(xún)委員會(huì)，負(fù)責(zé)與政府溝通，維護(hù)居民權(quán)益。社區(qū)管理的最基層組織是居民委員會(huì)，全國(guó)社區(qū)的總機(jī)構(gòu)是人民協(xié)會(huì)，是一個(gè)半官方性質(zhì)的社區(qū)管理機(jī)構(gòu)，具有法定地位。這種管理模式的社區(qū)主要經(jīng)費(fèi)來(lái)源于社會(huì)贊助和政府撥款（李玉杰等，2018）139。1.2主要內(nèi)容最近這幾年，我國(guó)在各地的社區(qū)管理領(lǐng)域?qū)嵤┝硕囗?xiàng)有創(chuàng)新意義的試驗(yàn)，取得了相當(dāng)大的進(jìn)步。但這并不代表著人們對(duì)現(xiàn)在的社區(qū)管理服務(wù)已經(jīng)心滿意足，正面面對(duì)并想辦法解決社區(qū)管理過(guò)程中發(fā)生的問(wèn)題，才是正確、科學(xué)的方式。本文主要介紹的是智能手機(jī)接入小區(qū)管理系統(tǒng)設(shè)計(jì)。利用JavaScript、HTML等語(yǔ)言設(shè)計(jì)、創(chuàng)建一個(gè)簡(jiǎn)易的小區(qū)管理系統(tǒng)，以瀏覽器為基礎(chǔ)運(yùn)行平臺(tái)，實(shí)現(xiàn)智能手機(jī)接入小區(qū)管理系統(tǒng)設(shè)計(jì)，為用戶提供清爽的界面體驗(yàn)以及實(shí)用的功能，讓居民更切實(shí)地感受到互聯(lián)網(wǎng)時(shí)代的信息技術(shù)給生活帶來(lái)的便捷、舒適和安全。網(wǎng)頁(yè)應(yīng)用相比于通常的原生應(yīng)用更為輕量，能為用戶帶來(lái)更好的體驗(yàn)，而且可以通過(guò)改造升級(jí)為PWA，提供更完善的功能；此外，無(wú)需為不同設(shè)備的操作系統(tǒng)而做出不同的適配版本，因?yàn)閼?yīng)用是工作在瀏覽器上的，可以多平臺(tái)共通。1.3預(yù)期目標(biāo)通過(guò)使用本應(yīng)用，加強(qiáng)業(yè)主方與物業(yè)方之間的配合，減少不必要的摩擦和人員派遣，能夠?yàn)闃I(yè)主提供更舒心的社區(qū)環(huán)境，能夠?yàn)槲飿I(yè)方提供更為有效率的管理能力，可謂是兩全其美。在系統(tǒng)開(kāi)發(fā)過(guò)程中可以根據(jù)實(shí)際的需求，適當(dāng)?shù)卦鰟h功能，現(xiàn)計(jì)劃完成以下幾個(gè)主要的目標(biāo)：1.發(fā)布小區(qū)的重要消息、緊要告示，以及日常生活的實(shí)用信息；標(biāo)示社區(qū)周邊的一些重要場(chǎng)所，如醫(yī)院、五金店等。用戶通過(guò)點(diǎn)擊新聞標(biāo)題，可以獲取到更為詳細(xì)的內(nèi)容。2.業(yè)主的維修投訴頁(yè)面，住戶通過(guò)填寫(xiě)描述信息，把具體情況傳達(dá)給物業(yè)方，物業(yè)方根據(jù)事件的種類(lèi)、緊急程度等調(diào)度相關(guān)人員，更為有效地處理業(yè)主所遇到的問(wèn)題，為業(yè)主提供優(yōu)質(zhì)的服務(wù)。3.日常繳費(fèi)功能，住戶可以填寫(xiě)準(zhǔn)確信息來(lái)完成網(wǎng)上的代繳費(fèi)，節(jié)省了不少時(shí)間。4.貼心服務(wù)功能，物業(yè)方能夠依據(jù)住戶填寫(xiě)的信息，代替住戶完成一些任務(wù)，例如，臨時(shí)保管物品、特別關(guān)照老人子女等。第2章小區(qū)管理系統(tǒng)的需求分析2.1社區(qū)管理系統(tǒng)需求的抉擇經(jīng)過(guò)第一章的分析，可以發(fā)現(xiàn)國(guó)內(nèi)外的社區(qū)管理確實(shí)有很多不同之處，但這并不意味著其就沒(méi)有值得借鑒學(xué)習(xí)的地方。每種社區(qū)管理模式在當(dāng)?shù)鬲?dú)有的政治、經(jīng)濟(jì)和文化的影響下，不斷進(jìn)化。每種成熟的管理模式都有其存在、發(fā)展至今的能力，只有吸取國(guó)外的優(yōu)秀方式，再結(jié)合本地特色稍加修改，才能創(chuàng)造出和諧高效的社區(qū)管理手段。表2-1具體展示了幾種典型模式之間的差別。表2-1不同社區(qū)管理模式主要特點(diǎn)比較一覽表類(lèi)型特點(diǎn)自治型管理模式混合型管理模式政府主導(dǎo)型管理模式管理權(quán)力主體社區(qū)及自治組織社區(qū)和政府共同設(shè)立管理機(jī)構(gòu)政府設(shè)立管理部門(mén)為主導(dǎo)政府社區(qū)關(guān)系完全分離部分分離完全結(jié)合居民參與意識(shí)極強(qiáng)較強(qiáng)較弱管理運(yùn)行機(jī)制社區(qū)組織廣泛參與政府支持，社區(qū)居民參與共同管理政府主持管理社區(qū)管理性質(zhì)社會(huì)占主導(dǎo)地位政府和社會(huì)相協(xié)同政府主導(dǎo)借著互聯(lián)網(wǎng)時(shí)代的優(yōu)勢(shì)，不少管理類(lèi)型的應(yīng)用出現(xiàn)在人們面前，幫助業(yè)主去參與社區(qū)事務(wù)，但是需要坦承的是，這些應(yīng)用所提供的功能卻使其更像是一個(gè)購(gòu)物類(lèi)應(yīng)用，并且廣告的布置、插入也極大地降低了用戶的使用體驗(yàn)以及使用欲望。居民需要切實(shí)地感受到互聯(lián)網(wǎng)時(shí)代信息技術(shù)給生活帶來(lái)的便捷、舒適和安全，但是這樣的“特色”卻“喧賓奪主”得有些明顯。讓社區(qū)的業(yè)主更多的參與進(jìn)社區(qū)組織的健康向上的樂(lè)趣活動(dòng)，不僅能夠增強(qiáng)業(yè)主與社區(qū)之間的聯(lián)系，而且可以豐富本地社區(qū)的精神屬性，營(yíng)造出欣欣向榮、積極向上的生活氛圍。此外，社區(qū)內(nèi)部的組織也能借此機(jī)會(huì)宣傳自己的優(yōu)勢(shì)及作用，給予社區(qū)的業(yè)主列出更多的選擇。社區(qū)管理機(jī)構(gòu)需要更用心地協(xié)調(diào)政府與居民的關(guān)系，處事不能過(guò)于強(qiáng)硬、冷漠，要讓社區(qū)內(nèi)的居民更好地理解政府的相關(guān)政策、規(guī)范，要更順滑地推行相關(guān)的措施方法，要更積極地舉辦陽(yáng)光有趣的活動(dòng)，要更友善地處理鄰里之間的小摩擦，更有效地解決社區(qū)內(nèi)發(fā)生的問(wèn)題，讓居民全身心地體會(huì)到社區(qū)生活的美好。2.2社區(qū)管理系統(tǒng)發(fā)展方向的分析新時(shí)代的科技發(fā)展日新月異，社會(huì)生產(chǎn)中的大多數(shù)行業(yè)都可以看到智能化管理的影子——AI更是一個(gè)燙手山芋，為社會(huì)的進(jìn)步獻(xiàn)出了不可忽視的力量。其中，現(xiàn)代社區(qū)管理的智能化實(shí)踐引起了社會(huì)各界人民的高度重視。在黨的十九大報(bào)告中提出社會(huì)治理“社會(huì)化、法制化、智能化、專(zhuān)業(yè)化”要求的背景下，類(lèi)型多樣化的國(guó)際化社區(qū)治理對(duì)于探索復(fù)雜社區(qū)治理的有效形式和路徑、推動(dòng)形成更具包容性的城市發(fā)展形態(tài)具有極強(qiáng)的前瞻意義。通過(guò)對(duì)先進(jìn)地區(qū)試點(diǎn)經(jīng)驗(yàn)的調(diào)查和分析，可以看出中國(guó)正以開(kāi)放的創(chuàng)新意識(shí)和強(qiáng)有力的執(zhí)政規(guī)劃，借助豐富的黨群政治資源，充分發(fā)揮社會(huì)組織和專(zhuān)業(yè)隊(duì)伍的力量，將中國(guó)的制度優(yōu)勢(shì)轉(zhuǎn)化為具體的社會(huì)治理效能（樊鵬，2018）57。新型社區(qū)治理，發(fā)揮著推動(dòng)地方當(dāng)局進(jìn)行主動(dòng)積極改革的作用——城市管理者和基層官僚隊(duì)伍會(huì)做出基于行政能力自保的理性選擇。引入大量專(zhuān)業(yè)機(jī)構(gòu)為街道以下的黨組織和居委會(huì)分憂，發(fā)展其成為居民服務(wù)供給的主體，是現(xiàn)有體制下的“唯一”選項(xiàng)，有利于把基層黨組織從具體、繁重的社區(qū)事務(wù)之中解放出來(lái)，也更有利于培育出健康高效的專(zhuān)業(yè)社會(huì)力量。從另一個(gè)角度來(lái)看，建設(shè)出高品質(zhì)多元化的智能社區(qū)、留住高科技的專(zhuān)業(yè)人才，是帶動(dòng)地區(qū)產(chǎn)業(yè)升級(jí)和高端服務(wù)業(yè)發(fā)展的引擎，是推動(dòng)城市向更高層次發(fā)展轉(zhuǎn)型的有效手段之一（樊鵬，2018）63。受到互聯(lián)網(wǎng)急速發(fā)展的影響，很多家具也已經(jīng)邁入了一個(gè)新的紀(jì)元——它們變得更加“聰明”，能理解使用者發(fā)出的一些“復(fù)雜”的要求，而社區(qū)管理同樣也借著智能化管理煥發(fā)了“新生”。小區(qū)車(chē)輛的智能識(shí)別、網(wǎng)上繳費(fèi)、智能門(mén)鎖、社區(qū)WIFI等，這些新技術(shù)逐步融入人們的生活之中，給人們帶來(lái)了更好的生活體驗(yàn)?，F(xiàn)在，互聯(lián)網(wǎng)通過(guò)光纖把世界各地的人們串聯(lián)起來(lái)；琳瑯滿目的應(yīng)用層出不窮，提供了諸多實(shí)用的功能，改變了人們的生活方式。而智能化社區(qū)，則在持續(xù)地提供新穎的服務(wù)，給人類(lèi)帶來(lái)更優(yōu)質(zhì)的生活品質(zhì)。未來(lái)，社區(qū)管理系統(tǒng)必將更緊密地與智慧家居結(jié)合起來(lái)，在一個(gè)地方，用戶就能處理和社區(qū)日常生活相關(guān)的事物、為自己設(shè)計(jì)出一個(gè)理想的生活環(huán)境。第3章小區(qū)管理系統(tǒng)開(kāi)發(fā)中的主要技術(shù)3.1HTML的技術(shù)應(yīng)用研究HTML（HypertextMarkupLanguage）——超文本標(biāo)記語(yǔ)言——不是一種標(biāo)準(zhǔn)的編程語(yǔ)言；它是一種標(biāo)記語(yǔ)言，它會(huì)教導(dǎo)瀏覽器如何去渲染將要訪問(wèn)的網(wǎng)頁(yè)，目前主要使用的是它的第5個(gè)版本——HTML5，公開(kāi)于2014年。它可以變得復(fù)雜，也可以變得簡(jiǎn)單，這取決于開(kāi)發(fā)者的選擇。HTML的“基本成員”是元素，它能夠包裝或標(biāo)記內(nèi)容的不同部分，使其按照預(yù)先設(shè)計(jì)好的形式呈現(xiàn)在文檔樹(shù)中。HTML由位于第一行的“<!DOCTYPEhtml>”聲明，如果沒(méi)有聲明或者聲明寫(xiě)錯(cuò)了，瀏覽器就沒(méi)有辦法正常渲染頁(yè)面，一個(gè)最簡(jiǎn)單的HTML文件的結(jié)構(gòu)如圖3-1所示。圖3-1HTML的結(jié)構(gòu)物理學(xué)家TimBerners-Lee在歐洲核研究組織工作時(shí)，為科學(xué)家們?cè)O(shè)計(jì)出一種可以在因特網(wǎng)上共享文件的方法，但是其介質(zhì)只能是通過(guò)郵件、FTP等來(lái)傳輸?shù)募兾谋疚募?。早期版本的HTML也試圖加入SGML大家族，但在HTML4之前的語(yǔ)法并沒(méi)有嚴(yán)格地遵守SGML的標(biāo)準(zhǔn)——因?yàn)镠TML的定義就是“松散的”。SGML是一種語(yǔ)法及其復(fù)雜的標(biāo)記語(yǔ)言，已經(jīng)不再適應(yīng)于現(xiàn)代互聯(lián)網(wǎng)的高速發(fā)展。因此，作為主管的W3C在制定新一代HTML標(biāo)準(zhǔn)時(shí)，決定脫離SGML的語(yǔ)法限制，把語(yǔ)言風(fēng)格明朗化、簡(jiǎn)潔化，讓其淺顯易懂，并且延續(xù)了部分HTML4的風(fēng)格。開(kāi)始標(biāo)簽把一個(gè)約定好的值——元素名——括在尖括號(hào)內(nèi)，它表示這個(gè)元素在此生效；結(jié)束標(biāo)簽與開(kāi)始標(biāo)記基本上是相同的，但多了一個(gè)正斜杠，它代表這個(gè)元素在此“收?qǐng)觥薄?nèi)容在獨(dú)特的元素中有不同的含義，如在圖3-2中代表著一段文本。上述的各個(gè)“部分”拼接起來(lái)便構(gòu)成了一個(gè)簡(jiǎn)單的元素。不同類(lèi)型的元素都有各自獨(dú)有的特點(diǎn)，也有共通的地方，這也是W3C所期望的“responsive”。元素也能夠獲得額外的屬性，屬性包含元素的一些附帶的、或是自有的有用的信息，不過(guò)這些重要的信息并不會(huì)直接展示給訪問(wèn)的瀏覽者，通常被開(kāi)發(fā)者用來(lái)設(shè)計(jì)網(wǎng)頁(yè)內(nèi)各區(qū)塊的樣式以增強(qiáng)視覺(jué)效果。圖3-2一個(gè)簡(jiǎn)單元素的結(jié)構(gòu)因?yàn)镠TML的處理對(duì)象是瀏覽器，所以它可以在不同的系統(tǒng)上給用戶帶來(lái)大致一樣的內(nèi)容呈現(xiàn)——如果使用同款瀏覽器的話，同時(shí)會(huì)為不同的界面（分辨率）做出不同程度的自適應(yīng)以提供更好的用戶體驗(yàn)（Pachinko，2018）。3.2JavaScript的技術(shù)應(yīng)用研究JavaScript是世界上最流行的腳本語(yǔ)言，因?yàn)樵诨ヂ?lián)網(wǎng)上能夠?yàn)g覽到的全部網(wǎng)頁(yè)以及衍生的HTML5應(yīng)用的交互邏輯都是由JavaScript實(shí)現(xiàn)的。1995年，美國(guó)的網(wǎng)景（Netscape）公司憑借Navigator瀏覽器成為了人類(lèi)邁入Web時(shí)代后最有名的第一代互聯(lián)網(wǎng)公司。后來(lái)，網(wǎng)景公司想讓一些動(dòng)態(tài)反饋可以在靜態(tài)網(wǎng)頁(yè)上體現(xiàn)出來(lái)，使網(wǎng)頁(yè)看起來(lái)“富有生命力”，讓網(wǎng)頁(yè)能夠與使用者“互動(dòng)”。BrendanEich因此受命設(shè)計(jì)一種新的編程語(yǔ)言去實(shí)現(xiàn)這個(gè)目標(biāo)，也就是JavaScript。經(jīng)過(guò)十幾年的發(fā)展，所有現(xiàn)代的HTML頁(yè)面都使用JavaScript來(lái)增強(qiáng)用戶與Web站點(diǎn)和Web應(yīng)用程序之間的交互（Canon，2017）。與HTML不同，JavaScript是輕量級(jí)的解釋型編程語(yǔ)言。通過(guò)編寫(xiě)不同的代碼，可以創(chuàng)建動(dòng)態(tài)更新的內(nèi)容，控制頁(yè)面渲染的內(nèi)容，以及更多。AngularJS是一個(gè)基于JavaScript的開(kāi)源前端Web應(yīng)用程序框架，于2009年被開(kāi)發(fā)出來(lái)，后來(lái)被Google公司收購(gòu)?，F(xiàn)在主要由Google的AngularJS團(tuán)隊(duì)和開(kāi)發(fā)者社區(qū)來(lái)維護(hù)，以解決開(kāi)發(fā)單頁(yè)面應(yīng)用程序時(shí)所遇到的許多問(wèn)題。AngularJS調(diào)整、改寫(xiě)了部分標(biāo)準(zhǔn)的HTML標(biāo)簽和屬性，在降低代碼復(fù)雜度的同時(shí)，增強(qiáng)了腳本代碼的可讀性。得益于雙向的數(shù)據(jù)綁定，網(wǎng)頁(yè)中的一部分?jǐn)?shù)據(jù)會(huì)被AngularJS拿來(lái)與JavaScript對(duì)象中對(duì)應(yīng)的值對(duì)比、更新。為了創(chuàng)建更易于測(cè)試的開(kāi)發(fā)項(xiàng)目，AngularJS會(huì)誘導(dǎo)渲染引擎去處理依賴(lài)注入和交換控制。它還使用承諾（Promise）和延遲對(duì)象（defer）優(yōu)化處理原本復(fù)雜的異步回調(diào)過(guò)程（Aqra，2018）。2014年，原本的AngularJS團(tuán)隊(duì)開(kāi)始開(kāi)發(fā)新一代Angular應(yīng)用平臺(tái)——Angular2.0，并通知各位開(kāi)發(fā)者將會(huì)于2018年7月發(fā)布AngularJS的長(zhǎng)期支持版本1.7。盡管AngularJS的版本停止在了1.x，但是這并不代表著它是一個(gè)落后、難以使用、性能差勁、被拋棄的框架，世界上仍有10%左右開(kāi)發(fā)者依然選擇AngularJS作為他們的前端框架，社區(qū)中的討論也在繼續(xù)。Node.js問(wèn)世于2009年，是一個(gè)基于ChromeV8引擎的JavaScript運(yùn)行環(huán)境。Node.js使用的是由事件驅(qū)動(dòng)的、非阻塞式I/O的事務(wù)處理模型。JavaScript其實(shí)是一個(gè)完整的編程語(yǔ)言——雖然在有些地方的規(guī)范不夠“嚴(yán)謹(jǐn)”。由于部分前端開(kāi)發(fā)者通常寫(xiě)得沒(méi)有那么規(guī)整，給人們留下了“JavaScript就是個(gè)‘玩具語(yǔ)言’”的壞印象。如果模塊化的JavaScript代碼運(yùn)行在Node.js上的話，開(kāi)發(fā)者就完全沒(méi)有解決瀏覽器兼容性問(wèn)題的后顧之憂，并且能夠使用最新的ES6語(yǔ)法標(biāo)準(zhǔn)，完全滿足工程上的需求，足以設(shè)計(jì)出高性能的Web服務(wù)（佚名，2018）。Express.js是世界上最流行的基于Node.js的開(kāi)源web框架，它高度包容、快速而極簡(jiǎn)的，無(wú)需繁瑣的設(shè)置即可建立出表現(xiàn)優(yōu)秀的網(wǎng)站。各大論壇中關(guān)于它的討論帖的數(shù)量是一個(gè)巨大的數(shù)字，開(kāi)發(fā)者們沒(méi)有任何理由不選擇它作為一個(gè)輕量級(jí)應(yīng)用的“后盾”（佚名，2018）。3.3MongoDB的技術(shù)應(yīng)用研究MongoDB（MongoDatabase）是使用C++語(yǔ)言編寫(xiě)的一個(gè)基于分布式文件存儲(chǔ)的開(kāi)源數(shù)據(jù)庫(kù)系統(tǒng)。MongoDB不是傳統(tǒng)的關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)。在操作相當(dāng)大量的數(shù)據(jù)時(shí)，NoSQL類(lèi)數(shù)據(jù)庫(kù)能夠比傳統(tǒng)的關(guān)系型數(shù)據(jù)庫(kù)展現(xiàn)出更優(yōu)秀的表現(xiàn)。目前比較流行的Python，Java等多種語(yǔ)言都在MongoDB的支持列表中,MongoDB還為市場(chǎng)上主流的操作系統(tǒng)推出了各自的版本。NoSQL是“NotOnlySQL（不僅僅是SQL)”的簡(jiǎn)寫(xiě)形式。在2009年的一次關(guān)于分布式開(kāi)源數(shù)據(jù)庫(kù)的會(huì)議上，來(lái)自Rackspace的EricEvans把“NoSQL”再次引入人們的視線，此刻的“NoSQL”代表的是非關(guān)系型、分布式、沒(méi)有提供“ACID”的數(shù)據(jù)庫(kù)設(shè)計(jì)模式。同年，“no:sql(east)”在亞特蘭大召開(kāi)，它揮出了這項(xiàng)革命性運(yùn)動(dòng)的最濃墨重彩的一筆——讓世界再次意識(shí)到NoSQL類(lèi)數(shù)據(jù)庫(kù)的優(yōu)勢(shì)。對(duì)彼時(shí)風(fēng)靡全球的關(guān)系型數(shù)據(jù)庫(kù)來(lái)說(shuō)，這一概念在全球范圍內(nèi)的盛行無(wú)疑讓人們瞠目結(jié)舌。時(shí)至今日，對(duì)“NoSQL”一詞最準(zhǔn)確的解釋是，非關(guān)聯(lián)類(lèi)型的，強(qiáng)調(diào)Key-ValueStores和文檔數(shù)據(jù)庫(kù)的優(yōu)點(diǎn)，而不是單純的反對(duì)傳統(tǒng)的關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)（佚名，2018）。隨著互聯(lián)網(wǎng)上RIA網(wǎng)站的涌現(xiàn)，傳統(tǒng)的關(guān)系數(shù)據(jù)庫(kù)在配合新型網(wǎng)站，尤其是超大規(guī)模、高并發(fā)式的網(wǎng)站時(shí)已經(jīng)有些招架不住，暴露出來(lái)不少的問(wèn)題。而“新”的非關(guān)系數(shù)據(jù)庫(kù)則借此機(jī)會(huì)取得了相當(dāng)快速的進(jìn)步，扎實(shí)地壯大自己的“根基”，開(kāi)始蠶食原先由傳統(tǒng)的關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)占據(jù)主要份額的全球市場(chǎng)。目前比較成熟的NoSQL類(lèi)數(shù)據(jù)庫(kù)有Hbase，Redis，MongoDB以及Neo4J等。盡管它們都屬于NoSQL，但是每個(gè)庫(kù)仍是不同的類(lèi)型，例如Hbase是列存儲(chǔ)類(lèi)型，而MongoDB是文檔存儲(chǔ)類(lèi)型，Neo4J則是圖存儲(chǔ)類(lèi)型。MongoDB不限制每個(gè)鍵對(duì)應(yīng)的值的數(shù)目。比如一個(gè)新聞網(wǎng)站，有些新聞沒(méi)有讀者評(píng)論，那么它的值就是一個(gè)空集；有的新聞引發(fā)了讀者的熱烈討論，那么它的值就是擁有很多鍵值對(duì)的集合。除此之外，MongoDB沒(méi)有規(guī)定同一個(gè)集合里面的不同文檔必須要有相同的鍵。還以上面那個(gè)例子來(lái)說(shuō)，有的文章可能沒(méi)有開(kāi)放評(píng)論，不過(guò)這些不同的文檔都可以方便地存儲(chǔ)在MongoDB中，而且查詢(xún)起來(lái)也相當(dāng)輕松，因?yàn)椴僮髡卟恍枰M(jìn)行跨文檔查詢(xún)。MongoDB會(huì)把數(shù)據(jù)集中存放在一處，填充著數(shù)據(jù)的許許多多的鍵值對(duì)構(gòu)成了它的數(shù)據(jù)結(jié)構(gòu)，這與JSON文件的格式很像。前文曾經(jīng)提到過(guò)JavaScript對(duì)于網(wǎng)頁(yè)的重要性，因此，MongoDB的數(shù)據(jù)和應(yīng)用所使用的數(shù)據(jù)可以說(shuō)是“無(wú)縫銜接”，這免除了很多轉(zhuǎn)換格式帶來(lái)的惱人問(wèn)題。MongoDB中基本的概念，如圖3-3所示。圖3-3MongoDB特點(diǎn)Node.js和MongoDB能夠建立完整的“REST”服務(wù)。“REST”是一種基于HTTP定義一組約束和屬性的架構(gòu)風(fēng)格，它允許開(kāi)發(fā)者使用固定的接口輔助完成客戶端與服務(wù)器的通信過(guò)程。在REST風(fēng)格的Web服務(wù)中，對(duì)URI的請(qǐng)求將觸發(fā)XML、JSON或其他格式的響應(yīng)返回。響應(yīng)可以確認(rèn)對(duì)已經(jīng)存儲(chǔ)的資源進(jìn)行的更改，并且能夠提供到別的有關(guān)聯(lián)的頁(yè)面的URL。除了基礎(chǔ)的自帶命令行工具，MongoDB同樣支持多種可視化工具來(lái)對(duì)存儲(chǔ)的數(shù)據(jù)進(jìn)行各項(xiàng)操作，官方提供MongoDBCloudManager、MongoDBCompass，第三方軟件也有很多，如mongo-express、MongoChef、Robo3T。這些可視化工具減少了操作人員對(duì)于命令語(yǔ)句的依賴(lài)，大大降低了工作時(shí)的復(fù)雜度。3.4HTTPS的特點(diǎn)分析HTTP（HypertextTransferProtocol）——超文本傳輸協(xié)議——是一種能夠獲取網(wǎng)絡(luò)資源的通訊協(xié)議。現(xiàn)代網(wǎng)絡(luò)上發(fā)生的數(shù)據(jù)的交換都依賴(lài)于它。HTTP網(wǎng)絡(luò)通信的幾個(gè)關(guān)鍵組成部分如圖3-4所示。圖3-4HTTP網(wǎng)絡(luò)通信HTTPS（HypertextTransferProtocolSecure）——超文本傳輸安全協(xié)議——是一種通過(guò)計(jì)算機(jī)網(wǎng)絡(luò)進(jìn)行安全通信的傳輸協(xié)議。HTTPS的底層雖然使用HTTP實(shí)現(xiàn)網(wǎng)絡(luò)通信，但是它會(huì)使用SSL或者TLS來(lái)加密需要傳輸?shù)臄?shù)據(jù)包。大多數(shù)人知道，或者至少懷疑，通過(guò)公共互聯(lián)網(wǎng)連接購(gòu)買(mǎi)物品是不明智的，但他們可能并不知道原因所在。其中一個(gè)原因是潛在的“中間人攻擊”——中間人攻擊是指有人把他自己插入到用戶和用戶正在訪問(wèn)的網(wǎng)站的中間，并通過(guò)模仿雙方來(lái)獲取訪問(wèn)敏感信息的權(quán)限，如密碼、信用卡數(shù)據(jù)。舉個(gè)簡(jiǎn)單的例子，Ann在她最喜歡的咖啡店瀏覽百思買(mǎi)電子商務(wù)網(wǎng)站，并且想要買(mǎi)些什么。此時(shí)沒(méi)有任何辦法阻止一個(gè)惡意的中間人攻擊插入Ann和百思買(mǎi)的會(huì)話，他可以捕獲并且修改將要傳輸?shù)臄?shù)據(jù)。如果Ann此刻進(jìn)行購(gòu)買(mǎi)，他就能夠調(diào)整訂單數(shù)量或竊取她的全部身份信息。Ann和她訪問(wèn)的網(wǎng)站都會(huì)落入危險(xiǎn)之中。HTTPS增加了安全性，但不是全面的保護(hù)——已經(jīng)有一些人在設(shè)法“解決”認(rèn)證過(guò)程。HTTPS現(xiàn)在還不夠完美，而且隨著時(shí)間的推移它會(huì)進(jìn)一步改善。HTTPS開(kāi)發(fā)的主要目的，是提供對(duì)網(wǎng)站服務(wù)器的身份認(rèn)證，保護(hù)交換數(shù)據(jù)的隱私與完整性（KayceBasques，2018）。現(xiàn)在，幾乎所有類(lèi)型的網(wǎng)站都在使用HTTPS“武裝”自己的網(wǎng)頁(yè)，保護(hù)個(gè)人用戶的敏感信息、網(wǎng)頁(yè)之間的通訊和訪問(wèn)網(wǎng)頁(yè)時(shí)的私密性。HTTPS還提供了更為強(qiáng)大的全新網(wǎng)絡(luò)平臺(tái)功能，更新一些“老舊”的API，而且支持PWA的運(yùn)行。一個(gè)擁有HTTPS證書(shū)的網(wǎng)站，會(huì)有圖3-5所示的彈窗提示。圖3-5HTTPS標(biāo)示第4章小區(qū)管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)4.1小區(qū)管理系統(tǒng)總體設(shè)計(jì)本次設(shè)計(jì)以HTML作為骨架，構(gòu)建應(yīng)用的主體頁(yè)面，后端使用Express框架來(lái)維護(hù)創(chuàng)建好的“REST”服務(wù)，來(lái)確保前后端數(shù)據(jù)的流通；不同的頁(yè)面能夠去完成不同的功能，項(xiàng)目絕大部分?jǐn)?shù)據(jù)存儲(chǔ)在MongoDB中。AngularJS是“MEAN”堆?！狹ongoDB數(shù)據(jù)庫(kù)、Express.js服務(wù)器框架、AngularJS前端框架和Node.js服務(wù)器運(yùn)行時(shí)環(huán)境——的前端部分。用戶打開(kāi)主頁(yè)，可以瀏覽到工作人員發(fā)布的社區(qū)新聞、臨時(shí)通知等，獲取到最新的消息；通過(guò)上方的導(dǎo)航欄跳轉(zhuǎn)到“表單”頁(yè)面，用戶可以填寫(xiě)表單，提供詳細(xì)的要求或者信息來(lái)告知物業(yè)方自己有哪些事情需要解決處理；通過(guò)上方的導(dǎo)航欄跳轉(zhuǎn)到“周邊”頁(yè)面，用戶可以查看社區(qū)周?chē)膴蕵?lè)、體育、醫(yī)療等設(shè)施——這里使用重繪的地圖能更為清晰地標(biāo)出地點(diǎn)；通過(guò)上方的導(dǎo)航欄跳轉(zhuǎn)到“聯(lián)系我”頁(yè)面，用戶可以查看社區(qū)內(nèi)部的一些機(jī)構(gòu)、組織的位置和聯(lián)系方式，快速滿足需求。屏幕的左下方設(shè)計(jì)了一個(gè)按鈕，點(diǎn)擊可以回到頂部，滑動(dòng)可以喚出另外的功能按鈕來(lái)刷新頁(yè)面。管理端可以使用額外的頁(yè)面，來(lái)發(fā)布最新情況、社區(qū)活動(dòng)等信息，也可以刪除過(guò)時(shí)、失效的新聞；用戶發(fā)來(lái)的表單信息，使用數(shù)據(jù)庫(kù)的可視化工具操作，更為安全、方便，幾乎沒(méi)有上手難度。首先安裝好本次設(shè)計(jì)所需的服務(wù)器運(yùn)行時(shí)環(huán)境——Node.js——的長(zhǎng)期支持版本，按照指導(dǎo)一步步安裝。MongoDB數(shù)據(jù)庫(kù)去官方網(wǎng)站下載即可，然后安裝。要注意一點(diǎn)，需要提前在安裝MongoDB的磁盤(pán)根目錄下新建一個(gè)data文件夾，之后才能使用各種方式——命令行或者GUI——正常訪問(wèn)到MongoDB。本次設(shè)計(jì)使用的AngularJS版本號(hào)是1.6.9；AngularJS含有多個(gè)可以額外使用的模塊文件，每個(gè)文件都可以獨(dú)立使用，根據(jù)項(xiàng)目中的使用程度有選擇地放進(jìn)項(xiàng)目文件夾，沒(méi)有使用到的就放在一邊。Express框架需要在npm窗口下載、全局安裝，Express４需要下載額外的express-generator包來(lái)進(jìn)行基礎(chǔ)的操作。開(kāi)發(fā)時(shí)使用Mongoose來(lái)連接到MongoDB并對(duì)其操作，使用nodemon包來(lái)解決實(shí)時(shí)刷新預(yù)覽的問(wèn)題。本次設(shè)計(jì)選擇Chrome瀏覽器作為產(chǎn)品的測(cè)試平臺(tái)，使用的版本號(hào)為66.0.3359.181。Chrome瀏覽器可以實(shí)時(shí)模擬多個(gè)頁(yè)面，以檢測(cè)產(chǎn)品在各個(gè)終端上的效果。檢測(cè)各部分版本號(hào)，這是排查問(wèn)題、搜索答案時(shí)重要的依據(jù)，如圖4-1所示。圖4-１版本號(hào)檢測(cè)4.2后端數(shù)據(jù)接口設(shè)計(jì)項(xiàng)目的目錄如圖4-2所示。圖4-2目錄結(jié)構(gòu)數(shù)據(jù)的結(jié)構(gòu)文件存放在models中，腳本、樣式表、圖片等資源放在public“公共”文件夾內(nèi)；routes文件夾里是路由文件，views文件夾里的是視圖文件——將要展示在瀏覽器上的主要內(nèi)容，package.json文件記錄著項(xiàng)目的依賴(lài)項(xiàng)等一系列基本信息，app.js文件是Express的“根基”，它設(shè)定了服務(wù)器的方法規(guī)則。在app.js中調(diào)用自帶的方法把Mongoose連接到本地已經(jīng)自動(dòng)建立好的數(shù)據(jù)庫(kù)，具體的代碼如圖4-3所示。圖4-3Mongoose連接數(shù)據(jù)庫(kù)Mongoose提供一系列原生的方法來(lái)操作數(shù)據(jù)庫(kù)中的數(shù)據(jù)，這里不再詳細(xì)介紹。需要設(shè)計(jì)2個(gè)模板，1個(gè)用來(lái)規(guī)范管理方發(fā)布的信息，另1個(gè)用來(lái)規(guī)范用戶提交的表單信息。雖然使用的數(shù)據(jù)是無(wú)模式的，不過(guò)使全部的數(shù)據(jù)擁有一個(gè)規(guī)范合理的結(jié)構(gòu)會(huì)易于驗(yàn)證信息的真實(shí)性。模板設(shè)計(jì)了3個(gè)屬性（內(nèi)容），分別是新聞標(biāo)題、新聞內(nèi)容、具體時(shí)間；表單模板設(shè)計(jì)了7個(gè)屬性（內(nèi)容），分別是地點(diǎn)、是否解決、期待時(shí)間、聯(lián)系方式、事件詳情、事件種類(lèi)、提交時(shí)間。如圖4-4，4-5所示。圖4-4新聞模板圖4-5表單模板通過(guò)在路由文件里面編寫(xiě)的代碼，設(shè)計(jì)具體的頁(yè)面路徑，路徑設(shè)置使用/news/:id來(lái)展示新聞信息，詳細(xì)表單信息則對(duì)用戶隱藏，本次設(shè)計(jì)如圖4-6所示。圖4-6具體路由設(shè)置4.3前端界面設(shè)計(jì)使用AngularJS的factory方法創(chuàng)建2個(gè)服務(wù)，分別對(duì)應(yīng)后端2個(gè)數(shù)據(jù)接口，都使用封裝好的、高級(jí)的$resource服務(wù)替代$http與其通信，如圖4-7所示。圖4-7factory方法通過(guò)改寫(xiě)尾部的$routeProvider，可以調(diào)整將要渲染的頁(yè)面，展示出不同的信息。為每個(gè)頁(yè)面指定各自的控制器，來(lái)改變能夠使用的功能。利用$resource獲取的數(shù)據(jù)暫時(shí)存儲(chǔ)在臨時(shí)創(chuàng)建的數(shù)組中，使用AngularJS內(nèi)置的ng-repeat指令從該數(shù)組取出數(shù)據(jù)的內(nèi)容，填充進(jìn)HTML文檔中，展示給用戶，如圖4-8所示。圖4-8分配控制器的設(shè)置“周邊”頁(yè)面使用重繪的地圖來(lái)標(biāo)示周邊的娛樂(lè)、體育、醫(yī)療設(shè)施，相比于接入百度地圖等地圖，能夠清晰地傳達(dá)給瀏覽者更多有效的信息，如圖4-9所示。圖4-9簡(jiǎn)單的地圖“聯(lián)系我”頁(yè)面與周邊頁(yè)面設(shè)計(jì)的大同小異，地圖更換為社區(qū)內(nèi)部的結(jié)構(gòu)圖，指引用戶去了解本社區(qū)內(nèi)部的成員，下方會(huì)列出有效的聯(lián)系方式，如圖4-10所示。圖4-10示例地圖首頁(yè)展示了新聞列表，并且設(shè)計(jì)了一個(gè)輸入框去檢索過(guò)往的信息。頁(yè)面頂部引用了必應(yīng)的每日?qǐng)D片，每天都有新的圖片呈現(xiàn)給用戶；后期也可以使用自建的圖庫(kù)，例如社區(qū)內(nèi)部景觀的攝影、社區(qū)居民生活中的攝影，如圖4-11所示。圖4-11首頁(yè)貼圖管理方可以進(jìn)入到控制頁(yè)面，發(fā)布、修改新聞，這個(gè)地址只有管理員知道。填寫(xiě)完必要的信息后，點(diǎn)擊發(fā)布按鈕，即可把新聞、活動(dòng)、通知等公布給用戶；在列項(xiàng)頁(yè)面，管理方可以刪除已經(jīng)發(fā)布的消息，如圖4-12，4-13所示。圖4-12發(fā)布新聞頁(yè)面圖4-13管理頁(yè)面用戶發(fā)來(lái)的表單信息使用數(shù)據(jù)庫(kù)的可視化工具操作，容易上手，功能全面，更加安全。請(qǐng)求的事務(wù)由