基于AngularJS和Bootstrap的社區(qū)物業(yè)管理系統(tǒng)的設(shè)計與研究
【學(xué)位單位】:杭州電子科技大學(xué)
【學(xué)位級別】:碩士
【學(xué)位年份】:2017
【中圖分類】:TP311.52
【部分圖文】:
杭州電子科技大學(xué)碩士學(xué)位論文2.4 輕量級數(shù)據(jù)交換格式 JSON目前,JSON和XML是在Web開發(fā)領(lǐng)域中較流行的兩種數(shù)據(jù)交換格式。XML允許用戶自定義標(biāo)簽,具有跨平臺、格式統(tǒng)一等優(yōu)點[18]。但其自身文件較大,格式復(fù)雜,編碼時需使用大量冗余標(biāo)簽來對內(nèi)容進(jìn)行描述,傳輸時會占用較多帶寬使得傳輸效率受到影響。此外 XML 不管使用 SAX 還是 DOM 解析方式,都會占用較多資源和時間。另外會使客戶端和服務(wù)端代碼變得復(fù)雜難以維護(hù),這就不可避免的會造成開發(fā)效率低下,YouTube、Twitter 等應(yīng)用已經(jīng)開始拋棄 XML。而 JSON 作為一種輕量級數(shù)據(jù)交換格式[19],數(shù)據(jù)格式簡單清晰且冗余少,傳送同樣數(shù)據(jù)信息時,JSON 所需字節(jié)數(shù)更少,能夠有效提高軟件系統(tǒng)的響應(yīng)速度。另外,JSON 易于前后端解析,同 XML 相比,具有更好的靈活性和簡單性,如圖2.3 為 Google 統(tǒng)計的趨勢圖,可以看出越來越多的應(yīng)用使用 JSON;诖吮疚倪x用 JSON 作為物業(yè)管理系統(tǒng)的數(shù)據(jù)交換格式。
圖 3.1 系統(tǒng)總架構(gòu)圖3.2 系統(tǒng)總體功能設(shè)計通過需求分析,可知社區(qū)物業(yè)管理系統(tǒng)主要是為業(yè)主和物業(yè)這兩個用戶群體服務(wù)。由于業(yè)主和物業(yè)需求不同,因此將社區(qū)物業(yè)管理系統(tǒng)分為業(yè)主和物業(yè)管理兩部分,雖然這兩部分是相互獨立的,但兩者在訪問數(shù)據(jù)方面是緊密相關(guān)的。如圖 3.2 所示為物業(yè)管理人員功能結(jié)構(gòu)圖。從圖中可以看出,社區(qū)物業(yè)這一部分的功能主要包括設(shè)備信息管理、投訴信息管理、業(yè)主信息管理等七個功能。其中可以對常用電話、業(yè)主信息、設(shè)備信息、小區(qū)廣告進(jìn)行增、刪、改、查的操作,因為投訴信息和報修信息都是由業(yè)主填寫,因此物業(yè)管理人員不能執(zhí)行添加操作。
杭州電子科技大學(xué)碩士學(xué)位論文放連接等步驟[36],這一過程需要耗費很多時間。HTTP 無狀態(tài)的特點意味著,如果重新請求資源,必須發(fā)起一次新的請求,因此減少 HTTP 的請求數(shù)可有效減少用戶等待時間。將網(wǎng)頁中需要用到的小圖片通過使用 CSS Sprites 整合到一張圖片中[37],使用 CSS 中的 background-position 屬性來定位需要使用的小圖片,這樣做可以顯著的減少 HTTP 的請求數(shù)量。此外,將頁面中的樣式表和腳本文件各自進(jìn)行一些合并,也能在一定程度上減少頁面中 HTTP 的請求數(shù)。從圖 3.5 可以看出,沒有對零星小圖片進(jìn)行整合前,物業(yè)管理系統(tǒng)主界面的請求數(shù)達(dá)到了 43個,其中對于零星小圖片的請求就有 9 個,總加載時間達(dá)到了 8s 以上,這對用戶來說是非常槽糕的體驗。圖 3.6 為對一些 css、js 和小圖片進(jìn)行整合后的結(jié)果頁面,可以看出加載時間減少了 22%。HTTP 請求數(shù)量優(yōu)化前后數(shù)據(jù)對比如表 3.9所示,可看出通過 HTTP 請求優(yōu)化后,HTTP 請求數(shù)減少了 32.5%,頁面全部加載時間降低了 22.1%。
【參考文獻(xiàn)】
相關(guān)期刊論文 前10條
1 項崢;;物業(yè)公司預(yù)算管理的特點與管理要點探討[J];企業(yè)改革與管理;2016年03期
2 李紅;;主流Javascript框架比較與分析[J];鞍山師范學(xué)院學(xué)報;2015年04期
3 陳鯡;;Web前端開發(fā)技術(shù)以及優(yōu)化方向分析[J];新媒體研究;2015年03期
4 王成;李少元;鄭黎曉;緱錦;曾梅琴;劉慧敏;;Web前端性能優(yōu)化方案與實踐[J];計算機應(yīng)用與軟件;2014年12期
5 丁山茗;;中外小區(qū)物業(yè)管理模式比較[J];當(dāng)代教育理論與實踐;2014年05期
6 王濤;;HTTP協(xié)議技術(shù)淺析[J];中國新技術(shù)新產(chǎn)品;2013年22期
7 王光榮;;城市社區(qū)物業(yè)管理難題的破解策略[J];蘭州學(xué)刊;2013年02期
8 董啟雄;唐清安;陳廣旭;;對幾款瀏覽器兼容性的測試分析[J];計算機光盤軟件與應(yīng)用;2012年18期
9 鄧衢;朱丹薇;;3G時代物業(yè)管理研究[J];現(xiàn)代物業(yè)(上旬刊);2012年09期
10 于海鵬;張旭陽;;基于Web的應(yīng)用系統(tǒng)前端頁面性能優(yōu)化[J];福建電腦;2012年05期
相關(guān)碩士學(xué)位論文 前10條
1 張思文;沈陽渾南國際軟件園物業(yè)管理系統(tǒng)的設(shè)計與實現(xiàn)[D];吉林大學(xué);2016年
2 陳森輝;基于ASP.NET技術(shù)的小區(qū)物業(yè)管理系統(tǒng)設(shè)計與實現(xiàn)[D];蘭州大學(xué);2015年
3 羅淦;基于SSH的小區(qū)物業(yè)管理系統(tǒng)設(shè)計與實現(xiàn)[D];山東大學(xué);2015年
4 劉觀宇;面向LAMP的Web前端代碼處理系統(tǒng)的設(shè)計與實現(xiàn)[D];中國科學(xué)院大學(xué)(工程管理與信息技術(shù)學(xué)院);2015年
5 劉麗云;基于J2EE的安徽誠和物業(yè)管理系統(tǒng)設(shè)計與實現(xiàn)[D];大連理工大學(xué);2015年
6 劉柳;基于Web前端的性能優(yōu)化方案研究[D];華中科技大學(xué);2015年
7 柳宇勃;一個小區(qū)物業(yè)管理系統(tǒng)的設(shè)計與實現(xiàn)[D];吉林大學(xué);2014年
8 段巍;望月湖小區(qū)物業(yè)管理系統(tǒng)設(shè)計與實現(xiàn)[D];大連理工大學(xué);2014年
9 單紅艷;基于WEB的小區(qū)物業(yè)管理與服務(wù)平臺的設(shè)計與實現(xiàn)[D];吉林大學(xué);2014年
10 李沛珊;住宅小區(qū)物業(yè)管理系統(tǒng)的設(shè)計與實現(xiàn)[D];廈門大學(xué);2014年
本文編號:2832547
本文鏈接:http://sikaile.net/kejilunwen/ruanjiangongchenglunwen/2832547.html