

摘要:文章基于微服務(wù)架構(gòu)和Vue.js前端框架,利用前后端分離開發(fā)模式及響應(yīng)式設(shè)計、基于ECharts的可視化圖表展示等技術(shù),設(shè)計并實現(xiàn)了工程建設(shè)項目“多測合一”管理系統(tǒng)。該系統(tǒng)以統(tǒng)一匯交、聯(lián)合審批管理、共享測繪成果為目的,輔助實現(xiàn)工程建設(shè)項目“事項合一、委托合一、標準合一、成果合一”,避免了測繪成果重復(fù)提交,確保了測繪成果的一致性,提升了測繪成果的共效能。
關(guān)鍵詞:多測合一;統(tǒng)一匯交;聯(lián)合審批;工程建設(shè)項目;微服務(wù)架構(gòu);Vue.js前端框架
中圖分類號:P208 "文獻標志碼:A
0 引言
隨著國家不斷深化“放管服”改革與優(yōu)化營商環(huán)境的戰(zhàn)略部署,工程建設(shè)項目審批制度正經(jīng)歷著前所未有的全面革新。這一改革浪潮不僅旨在提升政府服務(wù)效率,更致力于優(yōu)化市場環(huán)境,推動經(jīng)濟社會的持續(xù)健康發(fā)展[1]。近年來,國家層面連續(xù)出臺多項政策文件,明確提出推行“多測合一”改革,其核心在于打破傳統(tǒng)審批模式的壁壘,通過整合測繪資源、優(yōu)化審批流程,實現(xiàn)審批效率的大幅提升[2-3]。這一改革策略不僅能夠有效減少企業(yè)負擔,提高審批效率,還能夠促進市場公平競爭,為經(jīng)濟社會發(fā)展注入新活力。
在此背景下,各地積極致力于貫徹落實“放管服”改革和優(yōu)化營商環(huán)境的要求,采取一系列政策措施,但工程建設(shè)領(lǐng)域的“多頭測繪、重復(fù)測繪”等問題仍然存在[4]。因此,本文基于微服務(wù)架構(gòu)和Vue.js前端框架,設(shè)計并實現(xiàn)了工程建設(shè)項目“多測合一”管理系統(tǒng),以提升工程建設(shè)項目的信息化和監(jiān)管能力。
1 系統(tǒng)體系架構(gòu)
1.1 系統(tǒng)總體架構(gòu)
系統(tǒng)總體架構(gòu)共分為5層,自上而下分別為用戶層、應(yīng)用層、服務(wù)層、數(shù)據(jù)層和運行支撐層。系統(tǒng)總體架構(gòu)如圖1所示。
用戶層:包括審批單位用戶、建設(shè)單位用戶、測繪單位用戶以及運維管理用戶。系統(tǒng)根據(jù)不同用戶的職責要求對其管理范圍和操作權(quán)限進行限定,以防出現(xiàn)權(quán)責不清、管理混亂情況。
應(yīng)用層:是工程建設(shè)項目“多測合一”管理系統(tǒng)的核心,提供門戶首頁、企業(yè)入駐與管理、項目入駐與管理、測繪事項統(tǒng)一審批、測繪成果統(tǒng)一管理以及后臺管理等服務(wù)。
服務(wù)層:主要包括門戶服務(wù)、企業(yè)入駐與管理服務(wù)、項目入駐與管理服務(wù)、測繪事項統(tǒng)一審批服務(wù)、測繪成果統(tǒng)一管理以及后臺管理服務(wù),為應(yīng)用層提供支撐。
數(shù)據(jù)層:用于向服務(wù)層提供數(shù)據(jù)支撐,包括機構(gòu)基礎(chǔ)信息數(shù)據(jù)、項目信息數(shù)據(jù)、業(yè)務(wù)流程數(shù)據(jù)、測繪成果數(shù)據(jù)以及后臺管理服務(wù)數(shù)據(jù)。
運行支撐層:對整個系統(tǒng)的運行提供支撐,主要包括支撐本系統(tǒng)運行的應(yīng)用服務(wù)器、支撐PostgreSQL數(shù)據(jù)庫運行的服務(wù)器以及用于儲存各類文件的文件服務(wù)器。
1.2 系統(tǒng)數(shù)據(jù)庫設(shè)計
系統(tǒng)數(shù)據(jù)庫設(shè)計包括機構(gòu)基本信息庫、項目信息專題庫、業(yè)務(wù)流程專題庫、測繪成果專題庫以及后臺管理庫5個部分,具體設(shè)計如下。
機構(gòu)基本信息庫:主要包括審批單位用戶表、建設(shè)單位用戶表、測繪單位用戶表、運維管理用戶表,用于存儲各用戶的基本信息。
項目信息專題庫:主要包括項目基本信息表、任務(wù)分配表、項目進度表、項目變更記錄表,用于存儲項目的基本信息、任務(wù)分配、進度以及變更記錄。
業(yè)務(wù)流程專題庫:主要包括流程定義表、流程執(zhí)行記錄表,用于存儲流程名稱、步驟定義信息以及流程執(zhí)行記錄信息。
測繪成果專題庫:主要包括測繪成果基本信息表、測量數(shù)據(jù)表、測量圖件表、元數(shù)據(jù)表、成果更新與維護記錄表,用于存儲測繪成果的基本信息、數(shù)據(jù)、圖件、元數(shù)據(jù)以及更新與維護記錄。
后臺管理庫:主要存儲用戶信息、角色信息、用戶與角色管理關(guān)系等信息,用于系統(tǒng)的后臺管理。
2 關(guān)鍵技術(shù)
2.1 前后端分離開發(fā)模式
前后端分離技術(shù)作為一種高效的開發(fā)模式,通過清晰界定前端與后端的職責,顯著提升開發(fā)流程的靈活性與效率。在此架構(gòu)下,前端專注于構(gòu)建直觀流暢的用戶界面及交互邏輯,確保用戶體驗的卓越性;后端則專注于數(shù)據(jù)處理與業(yè)務(wù)邏輯的實現(xiàn),為前端提供穩(wěn)健的數(shù)據(jù)支撐。前后端分離不僅加快了應(yīng)用響應(yīng)速度,優(yōu)化了用戶體驗,還帶來了多項益處:它使前端與后端團隊能夠獨立開展性能優(yōu)化與安全強化工作,加速了開發(fā)步伐并降低了維護成本。更重要的是,該模式支持跨平臺功能,一套后端服務(wù)能有效應(yīng)對多個前端應(yīng)用的需求,顯著增強了系統(tǒng)的可擴展性和可維護性。通過API實現(xiàn)數(shù)據(jù)交互,前后端分離架構(gòu)為Web應(yīng)用的快速迭代與持續(xù)集成奠定了基礎(chǔ)[5]。
2.2 響應(yīng)式設(shè)計
響應(yīng)式設(shè)計旨在提升跨設(shè)備用戶的體驗,它運用層疊樣式表(Cascading Style Sheets,CSS)的自適應(yīng)布局技術(shù),使網(wǎng)頁能夠智能地根據(jù)屏幕尺寸、分辨率等參數(shù)自動調(diào)整其布局和樣式。無論是手機、平板還是電腦,用戶都能獲得經(jīng)過優(yōu)化的顯示效果,確保內(nèi)容的可讀性和界面的易用性。這一設(shè)計策略不僅提升了網(wǎng)頁在不同設(shè)備上的加載速度和性能,還確保了用戶無論使用何種設(shè)備訪問,都能享受到流暢、舒適的瀏覽體驗,從而極大地增強了平臺的吸引力,提高了用戶滿意度[6]。
2.3 基于ECharts的可視化圖表展示
ECharts是一個功能全面的JavaScript可視化圖表庫,支持創(chuàng)建包括折線圖、柱狀圖、餅圖等在內(nèi)的多種圖表類型,這些圖表能夠兼容主流瀏覽器。憑借豐富的圖表樣式、交互組件以及高度自定義的配置選項,ECharts賦予了開發(fā)者極大的靈活性,使其能夠根據(jù)業(yè)務(wù)需求定制出既符合美學標準又簡便實用的數(shù)據(jù)可視化方案。此外,ECharts提供了簡潔直觀的API接口以及詳盡易懂的文檔資料和活躍的社區(qū)支持,這些資源極大地提高了開發(fā)者的學習和使用效率,從而幫助開發(fā)者高效地創(chuàng)建出滿足各種數(shù)據(jù)分析和展示需求的專業(yè)圖表。[7]數(shù)據(jù)庫表設(shè)計如表1所示。
3 系統(tǒng)功能實現(xiàn)
工程建設(shè)項目“多測合一”管理系統(tǒng)主要開發(fā)了門戶首頁、企業(yè)入駐與管理、項目入駐與管理、測繪事項統(tǒng)一審批、測繪事項統(tǒng)一管理及后臺管理等功能模塊。
3.1 門戶首頁
門戶首頁作為用戶與系統(tǒng)交互的首要界面,集成了多項便捷功能。任務(wù)欄集成了消息提醒,通過鈴鐺圖標直觀展示待辦事項數(shù)量,分類列出“我的申請”(待確認、已確認、退回)與“我的審批/確認”(代辦、已辦、已退回),便于用戶快速響應(yīng)。信息公示區(qū)則實時更新“多測合一”項目動態(tài)、政策法規(guī)及服務(wù)指南,確保信息透明。單位列表展示區(qū)直觀展示建設(shè)單位和測繪單位名稱、資質(zhì)等級等信息,方便快速查找。
3.2 企業(yè)入駐與管理
企業(yè)入駐模塊支持建設(shè)單位與測繪單位在線錄入基本信息,上傳資質(zhì)證書及營業(yè)執(zhí)照,一鍵提交入駐申請。信息編輯與更新功能允許企業(yè)隨時維護其資料,確保信息的時效性和準確性。行政審核環(huán)節(jié)由主管審批單位負責,通過嚴格審核機制驗證企業(yè)信息的真實性,保障入駐企業(yè)的合法性。信息檢索功能則提供了按名稱、資質(zhì)等級等條件快速查找企業(yè)的途徑,提升了工作效率。
3.3 項目入駐與管理
項目入駐模塊支持根據(jù)項目類型(劃撥或出讓)創(chuàng)建項目并分階段管理。用戶可填寫項目信息,上傳相關(guān)批復(fù)文件,實現(xiàn)項目入駐。項目管理功能允許用戶錄入、編輯、查詢及導(dǎo)出項目信息,支持Excel或PDF格式導(dǎo)出,便于后續(xù)處理。項目查詢與導(dǎo)出功能通過關(guān)鍵詞搜索、條件篩選,快速定位所需項目,導(dǎo)出包含基本信息、進度及測繪成果的綜合報告。進度追蹤功能實時更新項目狀態(tài),確保項目按計劃推進。測繪事項授權(quán)管理根據(jù)項目出資方自動分配測繪任務(wù),支持手動調(diào)整,確保資源合理配置。
3.4 測繪事項統(tǒng)一審批
測繪事項審批模塊實現(xiàn)了測繪成果的在線提交與審批。測繪單位可上傳各階段測繪成果,系統(tǒng)記錄提交歷史,便于追溯。建設(shè)單位分階段確認成果,審批單位則對成果進行審核,審核結(jié)果迅速反饋。若審核不通過,成果可退回修改,以確保質(zhì)量。消息提醒功能確保審批人員及時響應(yīng)待辦任務(wù),提升審批效率。
3.5 測繪成果統(tǒng)一管理
測繪成果管理模塊支持用戶向?qū)徟块T申請成果共享,審批通過后,用戶可下載所需成果。系統(tǒng)提供項目整體或分階段成果集合下載,便于成果共享與歸檔。這一功能促進了測繪數(shù)據(jù)的有效利用,減少了重復(fù)測繪,降低了成本。
3.6 后臺管理
后臺管理模塊包括審批單位與人員管理、角色與菜單配置、日志記錄及信息公示管理。管理員可通過此模塊添加、編輯審批單位與人員信息,分配角色權(quán)限,定制菜單布局,確保系統(tǒng)操作符合實際需求。日志管理記錄系統(tǒng)操作日志,便于故障排查與審計。信息公示管理則負責更新門戶首頁的信息公示內(nèi)容,保持信息的時效性與準確性。
4 結(jié)語
本文基于微服務(wù)架構(gòu)和Vue.js前端框架,設(shè)計并實現(xiàn)了一套工程建設(shè)項目“多測合一”管理系統(tǒng)。該系統(tǒng)通過前后端分離開發(fā)模式、響應(yīng)式設(shè)計以及基于ECharts可視化圖表展示等關(guān)鍵技術(shù),為工程建設(shè)項目的全流程管理提供了支撐。系統(tǒng)充分考慮了不同用戶角色的需求,設(shè)計了多個功能模塊,實現(xiàn)了對工程建設(shè)項目審批流程的全面覆蓋。未來,筆者將繼續(xù)優(yōu)化和完善系統(tǒng)功能,提升用戶體驗,為工程建設(shè)項目的健康發(fā)展做出更大貢獻。
參考文獻
[1]余惠玲,葉曉樂.“多測合一”讓群眾少跑腿[N].中國縣域經(jīng)濟報,2024-10-28(003).
[2]李觀石,蔡勇.江蘇省工程建設(shè)項目“多測合一”改革的對策與思考[J].江蘇科技信息,2020(19):22-24.
[3]王盛校,陳永輝.江陰市“多測合一”綜合服務(wù)平臺建設(shè)研究[J].無線互聯(lián)科技,2024(6):50-54.
[4]張偉.“多測合一”中若干關(guān)鍵測繪技術(shù)的應(yīng)用與研究[J].西部資源,2024(5):96-99.
[5]直敏,高天哲,孫楊.響應(yīng)式布局在網(wǎng)頁設(shè)計中的應(yīng)用[J].無線互聯(lián)科技,2022(15):150-152.
[6]王青,王忠芳.房屋建筑調(diào)查成果管理系統(tǒng)設(shè)計與實現(xiàn)[J].無線互聯(lián)科技,2023(16):75-77.
[7]王雙立,譚煒樂,呂鋼,等.基于ASP.net的ECharts動態(tài)多組曲線圖表的實現(xiàn)[J].江蘇科技信息,2018(32):33-35.
(編輯 王雪芬編輯)
Design and implementation of the “multi measurement integration” management system
for engineering construction projects
LIU" Yuxiang, XIE" Yuyu*
(Jiangsu Province Basic Geographic Information Center, Nanjing 210013, China)
Abstract:"" This article is based on microservice architecture and Vue. js front-end framework, utilizes front-end and back-end separation development mode, responsive design, and visualization chart display based on ECharts technology to design and implement a “multi measurement in one” management system for engineering construction projects. The system aims to achieve unified submission, joint approval management, and sharing of surveying and mapping results, assisting in the integration of “matters, commissions, standards, and results” in engineering construction projects, avoiding duplicate submission of surveying and mapping results, ensuring consistency of surveying and mapping results, and improving the overall effectiveness of surveying and mapping results.
Key words: multi measurement in-one; unified remittance; joint approval; engineering construction projects; microservice architecture; Vue.js front-end framework