[發(fā)明專利]一種可在線交流的多部門協(xié)同制圖方法及其系統(tǒng)

在審

• 申請(qǐng)?zhí)枺?/td>: 202310584324.3
• 申請(qǐng)日: 2023-05-23
• 公開（公告）號(hào): CN116579753A
• 公開（公告）日: 2023-08-11
• 發(fā)明（設(shè)計(jì)）人: 褚永彬;樊驁;崔林林;卞玉霞;王增武;喻亮
• 申請(qǐng)（專利權(quán)）人: 成都信息工程大學(xué)
• 主分類號(hào): G06Q10/101
• 分類號(hào): G06Q10/101;G06F16/29;G06F16/23;G06F16/958
• 代理公司: 成都方圓聿聯(lián)專利代理事務(wù)所(普通合伙) 51241
• 代理人: 鄧永紅

1.一種可在線交流的多部門協(xié)同制圖方法，其特征在于，基于WebSocket和Fetch長(zhǎng)輪詢技術(shù)保持瀏覽器和服務(wù)器之間的通訊，用戶直接在瀏覽器上實(shí)現(xiàn)實(shí)時(shí)通訊交流的功能；一個(gè)用戶繪制點(diǎn)、線、面圖形，圖形數(shù)據(jù)包裝成GeoJSON傳送至服務(wù)端，然后服務(wù)端將數(shù)據(jù)推送至各個(gè)客戶端，客戶端對(duì)接受到的消息進(jìn)行解析繪制，即可實(shí)現(xiàn)兩個(gè)或多個(gè)其他用戶在瀏覽器的地圖容器中同步看見這個(gè)用戶所繪制的圖形；當(dāng)繪制完成后，將協(xié)同繪制的成果進(jìn)行保存，保存進(jìn)數(shù)據(jù)庫(kù)中。

2.根據(jù)權(quán)利要求1所述的一種可在線交流的多部門協(xié)同制圖方法，其特征在于，包括以下步驟：

(1)客戶端啟動(dòng)協(xié)同制圖，利用WebSocket與服務(wù)器建立連接；WebSocket協(xié)議實(shí)現(xiàn)客戶端與服務(wù)器進(jìn)行雙向通信，允許服務(wù)端在數(shù)據(jù)更新或收到數(shù)據(jù)時(shí)主動(dòng)向全部客戶端推送數(shù)據(jù)；瀏覽器向服務(wù)器發(fā)送連接請(qǐng)求，和服務(wù)器通過HTTP完成第一次握手，帶去WebSocket連接參數(shù)，服務(wù)器響應(yīng)連接請(qǐng)求，兩者之間完成連接，進(jìn)行數(shù)據(jù)傳輸、交換；

(2)客戶端與服務(wù)端基于WebSocket連接，實(shí)現(xiàn)文字交流；

(3)客戶端進(jìn)行圖形繪制；繪制過程由客戶端JavaScript完成圖形邊界捕捉以及沖突的解決；

(4)圖形繪制完成后，JavaScript將其包裝成GeoJSON，利用JavaScript發(fā)送至服務(wù)端；服務(wù)端WEB和XML服務(wù)器解析數(shù)據(jù)包得到圖形；

(5)Fetch長(zhǎng)輪詢機(jī)制基于客戶端和服務(wù)端之間的連接，向服務(wù)器發(fā)送獲得GeoJSON的請(qǐng)求；請(qǐng)求的返回值將賦給fetchPromise變量；Promise記錄執(zhí)行狀態(tài)；

(6)服務(wù)器將圖形數(shù)據(jù)以GeoJSON的形式通過WEB和XML服務(wù)器返回至Fetch引擎；

(7)獲取操作成功，Promise狀態(tài)發(fā)生變化，Promise調(diào)用處理函數(shù)，傳入一個(gè)包含服務(wù)器的響應(yīng)的Response對(duì)象，利用處理函數(shù)解析GeoJSON數(shù)據(jù)包，完成圖形更新繪制。

3.一種可在線交流的多部門協(xié)同制圖系統(tǒng)，其特征在于，用于多個(gè)用戶在線上同時(shí)對(duì)同一地圖項(xiàng)目進(jìn)行操作，即時(shí)分享繪制成果，以及實(shí)現(xiàn)實(shí)時(shí)在線的溝通；

采用了HTML、CSS、JavaScript結(jié)合React框架作為前端展示，Node.js作為后臺(tái)的B/S框架，前后端通訊使用Fetch，關(guān)系型數(shù)據(jù)庫(kù)使用MySQL；

包括：

數(shù)據(jù)服務(wù)層，由關(guān)系型數(shù)據(jù)庫(kù)MySQL和空間數(shù)據(jù)庫(kù)組成；

業(yè)務(wù)邏輯層，由管理模塊、地圖操作模塊、協(xié)同制圖模塊組成；管理模塊負(fù)責(zé)用戶的用戶名和密碼的驗(yàn)證，如果數(shù)據(jù)庫(kù)中存在對(duì)應(yīng)的數(shù)據(jù)，則通過驗(yàn)證，進(jìn)入系統(tǒng)的主頁(yè)面；如果用戶名和密碼有一項(xiàng)錯(cuò)誤，則無法進(jìn)入主頁(yè)面，并且彈出錯(cuò)誤原因；地圖操作模塊負(fù)責(zé)基礎(chǔ)地圖操作，實(shí)現(xiàn)地圖相關(guān)的基礎(chǔ)操作；協(xié)同制圖模塊用于實(shí)現(xiàn)不同用戶協(xié)同制圖功能，實(shí)現(xiàn)不同用戶界面地圖圖形一致性實(shí)時(shí)顯示；

Web服務(wù)層，由node.js和fetch為前后端提供通訊服務(wù)；Fetch技術(shù)是最新的方法，用戶界面通過JavaScript向服務(wù)端發(fā)送Fetch請(qǐng)求，通過HTTP請(qǐng)求發(fā)送至服務(wù)端由WEB和XML服務(wù)器，將處理結(jié)果通過WEB和XML服務(wù)器以Promise格式返回至Fetch引擎，通過Fetch引擎?zhèn)鞯娇蛻舳酥校偈褂脤?duì)應(yīng)方法渲染為HTML+CSS返回值客戶端用戶界面；

用戶表現(xiàn)層，負(fù)責(zé)提供用戶界面，為用戶提供操作接口，為服務(wù)器返回的數(shù)據(jù)實(shí)現(xiàn)頁(yè)面繪制、顯示和刷新。