基于web的警務(wù)智能風(fēng)險(xiǎn)信息系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)
【學(xué)位單位】:北京交通大學(xué)
【學(xué)位級(jí)別】:碩士
【學(xué)位年份】:2019
【中圖分類】:D035.39;TP311.52
【部分圖文】:
前后端分離是web開發(fā)的一種架構(gòu)模式。在這種交互模式下,前端向后端發(fā)??送Ajax請求,請求成功后后端返回前端需要的數(shù)據(jù),前端根據(jù)JS腳本生成頁面??DOM結(jié)構(gòu),再根據(jù)請求到的靜態(tài)資源和數(shù)據(jù)對(duì)頁面進(jìn)行渲染,呈現(xiàn)給用戶。對(duì)于??后端來說只需要按需將前端所要的數(shù)據(jù)和資源返回,不需要再將數(shù)據(jù)和頁面進(jìn)行??嵌套處理。這種開發(fā)模式下,前后端不需要關(guān)心彼此的邏輯實(shí)現(xiàn),只需要通過一??套接口文檔作為媒介,前端將自己需要的數(shù)據(jù)格式和內(nèi)容告知后端,然后后端將??規(guī)定好的字段和接口地址提供給前端,前端就可以根據(jù)需要調(diào)用接口拿到數(shù)據(jù)。??一般來說好的接口文檔可以提高互相之間的工作效率,減少理解障礙,一般??用Json格式的數(shù)據(jù),規(guī)定好字段名稱以及數(shù)據(jù)結(jié)構(gòu),前端在拿到接口前也可以通??過mock模仿后端返回?cái)?shù)據(jù)進(jìn)行獨(dú)立開發(fā),降低工作之間的耦合度[1G]。這樣一來前??端可以更好地去關(guān)注頁面渲染、界面交互和提升性能,提供更好的用戶體驗(yàn),后??端也可以專注數(shù)據(jù)處理和業(yè)務(wù)邏輯。前后端分離模式如圖2-2。??Browser?API?Server??" ̄??
<^rr〇H〇?container)?丨’丨?ja^a?K???1、八??(ind=r丨et?j請撕理??圖2-1傳統(tǒng)的前后端模式??Fig?2-1?Traditional?front-end?and?back-end?modes??前后端分離是web開發(fā)的一種架構(gòu)模式。在這種交互模式下,前端向后端發(fā)??送Ajax請求,請求成功后后端返回前端需要的數(shù)據(jù),前端根據(jù)JS腳本生成頁面??DOM結(jié)構(gòu),再根據(jù)請求到的靜態(tài)資源和數(shù)據(jù)對(duì)頁面進(jìn)行渲染,呈現(xiàn)給用戶。對(duì)于??后端來說只需要按需將前端所要的數(shù)據(jù)和資源返回,不需要再將數(shù)據(jù)和頁面進(jìn)行??嵌套處理。這種開發(fā)模式下,前后端不需要關(guān)心彼此的邏輯實(shí)現(xiàn),只需要通過一??套接口文檔作為媒介,前端將自己需要的數(shù)據(jù)格式和內(nèi)容告知后端,然后后端將??規(guī)定好的字段和接口地址提供給前端,前端就可以根據(jù)需要調(diào)用接口拿到數(shù)據(jù)。??一般來說好的接口文檔可以提高互相之間的工作效率
接收數(shù)據(jù)并進(jìn)行事件處理[12]。另一方面Controller可與Model直接通信和請求數(shù)據(jù),??調(diào)用相應(yīng)的方法來獲。停铮洌澹斓臄(shù)據(jù),Model層也會(huì)通過觀察者模式在自身數(shù)據(jù)??變化時(shí)通知到Controller。MVC架構(gòu)如圖2-3。??6湖相應(yīng)的Vie為"iK*'??/?一??/?2.發(fā)送請求?\?.、、、???1?\?S.^tt理結(jié)給controller??BEBBI—View?3媚請求調(diào)用雛的model?]??i?H??\?I??、、?J?\?i??、腺結(jié)果,?\?j??model?(?4.業(yè)努獅)??圖2-3?MVC架構(gòu)各層之間的通信??Fig?2-3?Communication?between?layers?of?MVC?architecture??但是這種模式也存在著一定問題,比如Model和View層都依賴于Controller,??需要處理網(wǎng)絡(luò)請求、用戶操作等,由于邏輯復(fù)雜導(dǎo)致項(xiàng)目可維護(hù)性降低。??MVVM?(View-ViewModel-Model)是幵發(fā)過程中應(yīng)用的前后端分離架構(gòu)模式,??當(dāng)前主流的前端框架如Vue,js、AngularJS、React都是基于MVVM框架。ViewModel??是MVVM的中轉(zhuǎn)站同時(shí)也是核心,當(dāng)用戶在界面上輸入數(shù)據(jù),ViewModel會(huì)監(jiān)聽??到數(shù)據(jù)變化,并及時(shí)更新自身的數(shù)據(jù)模型,當(dāng)用出發(fā)了點(diǎn)擊事件后,ViewModel??會(huì)向后端發(fā)送請求和數(shù)據(jù)
【參考文獻(xiàn)】
相關(guān)期刊論文 前3條
1 封宇;陳寧江;;基于MVVM架構(gòu)的移動(dòng)Web前端展示方案[J];計(jì)算機(jī)與現(xiàn)代化;2014年11期
2 張兆端;;“智慧警務(wù)”:大數(shù)據(jù)時(shí)代的警務(wù)模式[J];公安研究;2014年06期
3 金鋒;徐玉波;;公安信息化系統(tǒng)資源整合與平臺(tái)建設(shè)面臨的問題及對(duì)策研究[J];中國安防;2012年06期
相關(guān)碩士學(xué)位論文 前6條
1 金夢辰;“互聯(lián)網(wǎng)+服務(wù)型警務(wù)”研究[D];南京大學(xué);2018年
2 陳碩;企業(yè)管理平臺(tái)會(huì)話子系統(tǒng)前端的設(shè)計(jì)與實(shí)現(xiàn)[D];南京大學(xué);2018年
3 劉翔宇;基于Vue的數(shù)據(jù)可視化系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D];北京郵電大學(xué);2018年
4 路雯雯;支持前后端分離的JavaScript開發(fā)框架的研究及在內(nèi)容管理系統(tǒng)中的應(yīng)用[D];山東大學(xué);2017年
5 曾廣海;基于Web前端組件化的個(gè)人博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D];華中科技大學(xué);2016年
6 戴翔宇;Web前端工程組件化的分析與改進(jìn)[D];吉林大學(xué);2016年
本文編號(hào):2877921
本文鏈接:http://sikaile.net/falvlunwen/fanzuizhian/2877921.html