陳旭+楊鶴標

摘要：針對醫(yī)療保險數(shù)據(jù)覆蓋面廣、社會化程度高、數(shù)據(jù)海量等特點，設(shè)計并實現(xiàn)了一種交互性良好、動態(tài)性和可擴展性強的醫(yī)療保險數(shù)據(jù)可視化系統(tǒng)，該系統(tǒng)采用Spring MVC+Mybatis為服務(wù)端核心框架，將Maven作為項目管理和構(gòu)建工具。利用Mysql存儲醫(yī)療保險收支、參保人員以及醫(yī)療保險基本信息，Web頁面采用Vue.js結(jié)合Echarts等可視化技術(shù)將數(shù)據(jù)以多維形式展示，方便決策人員對醫(yī)保收支和參保人員進行對比和預(yù)測，把握收支平衡。通過實際應(yīng)用表明該系統(tǒng)具有可行性和實用價值。

關(guān)鍵詞：醫(yī)療保險；數(shù)據(jù)可視化；Spring MVC；Echarts；Mybatis；Vue.js

DOIDOI：10.11907/rjdk.171137

中圖分類號：TP319

文獻標識碼：A 文章編號：1672-7800（2017）006-0059-04

0 引言

近年來，隨著醫(yī)療保險領(lǐng)域數(shù)據(jù)量的日益增多，分析數(shù)據(jù)日益龐大，且醫(yī)療保險涉眾廣，不同年齡段和不同地區(qū)的數(shù)據(jù)表征和變動特征差異性大[1-2]，同時醫(yī)療保險采用實收實付制，人工分析很難發(fā)現(xiàn)醫(yī)保數(shù)據(jù)變化趨勢，不易對醫(yī)保數(shù)據(jù)進行對比分析和預(yù)測。

本文針對醫(yī)療保險數(shù)據(jù)的數(shù)據(jù)特征，設(shè)計并實現(xiàn)了醫(yī)療保險數(shù)據(jù)可視化系統(tǒng)，通過數(shù)據(jù)可視化展示數(shù)據(jù)，可及時有效地對醫(yī)保收支和參保人員數(shù)據(jù)進行對比分析，掌握其運作情況并作出預(yù)測，為醫(yī)保決策作出有力支撐[3]。

1 相關(guān)技術(shù)

1.1 Spring MVC

Spring MVC是基于MVC設(shè)計模式的請求響應(yīng)模型的Web框架[4]，使用了前端控制器模式來進行設(shè)計，再根據(jù)請求映射規(guī)則分發(fā)給相應(yīng)的頁面控制器進行處理。

1.2 Maven

Maven是一個軟件項目管理工具，通過簡單的描述信息實現(xiàn)對象項目的管理[5]。Maven提供三大功能：依賴管理、項目構(gòu)建、項目知識管理。

1.3 Vue.js

Vue.js是基于MVVM模式的漸進式框架[6]，旨在克服原生的HTML和Javascript構(gòu)建應(yīng)用上的不足，采用單文件組件和Vue.js生態(tài)系統(tǒng)支持的庫開發(fā)復(fù)雜的單頁面應(yīng)用，數(shù)據(jù)的雙向綁定和組合的視圖組件只需要通過簡單的API就可以實現(xiàn)。

1.4 Echarts數(shù)據(jù)可視化技術(shù)

Echarts是由百度開發(fā)的基于Javascript的數(shù)據(jù)可視化圖表庫，提供靈活、直觀且交互性強的數(shù)據(jù)可視化圖表。打破了單純的視圖呈現(xiàn)，允許用戶對所呈現(xiàn)的數(shù)據(jù)進行挖掘、整合，讓可視化成為輔助人們進行視覺化思維的方式[7]。提供混搭、拖拽重計算、數(shù)據(jù)視圖、動態(tài)類型切換、圖例開關(guān)、數(shù)據(jù)區(qū)域選擇、多圖聯(lián)動、子區(qū)域地圖等功能。

1.5 MyBatis

MyBatis是一個持久層框架，其支持SQL查詢和定制、高級映射和存儲過程。MyBatits可以通過配置文件將接口和Java普通類映射成數(shù)據(jù)庫中的記錄，從而自動獲取結(jié)果集[8]。

2 系統(tǒng)設(shè)計

醫(yī)保數(shù)據(jù)采用實收實付制，人工分析很難發(fā)現(xiàn)數(shù)據(jù)變化趨勢。本文設(shè)計實現(xiàn)一個基于Vue.js+SpringMVC+MyBatis+Maven框架的醫(yī)療保險數(shù)據(jù)可視化系統(tǒng)，從多維度、多層面分析和展示，便于決策者對醫(yī)保收支作對比并分析數(shù)據(jù)變化趨勢。

系統(tǒng)主體分為3個部分：數(shù)據(jù)庫、服務(wù)器和Web客戶端[9]。Web客戶端向服務(wù)器發(fā)出HTTP請求，服務(wù)器根據(jù)不同的請求信息調(diào)用業(yè)務(wù)邏輯從數(shù)據(jù)庫中獲取數(shù)據(jù)，對請求作出相應(yīng)的響應(yīng)。系統(tǒng)架構(gòu)如圖1所示。

該系統(tǒng)是基于用戶請求響應(yīng)的框架[10]，用戶發(fā)出請求，前端控制器根據(jù)請求信息（如URL）分發(fā)給相應(yīng)的頁面控制器，如圖2中的步驟1、2。頁面控制器接收到請求后，將請求對象委托給業(yè)務(wù)對象進行處理，通過Mybatis與數(shù)據(jù)庫進行交互，實現(xiàn)數(shù)據(jù)處理；處理結(jié)束后將數(shù)據(jù)和視圖返回到前端控制器，如圖2中的步驟3、4、5、6。前端控制器收回控制權(quán)，將數(shù)據(jù)和視圖交給 Vue.js，Vue.js將數(shù)據(jù)綁定到Echarts上，如圖2中的步驟7、8；最終前端控制器將獲得的數(shù)據(jù)和頁面一并呈現(xiàn)給用戶，如圖2中的步驟9，至此整個流程結(jié)束。

3.2 數(shù)據(jù)庫實現(xiàn)

醫(yī)療保險數(shù)據(jù)由參保人信息、醫(yī)保收支信息、醫(yī)保基本信息三大部分組成[2]。參保人信息包括城鎮(zhèn)職工、城鎮(zhèn)居民。醫(yī)保收支信息包括醫(yī)保收入信息、醫(yī)保支出信息、醫(yī)保結(jié)算信息。同時，醫(yī)保收入信息又由個人繳費、企業(yè)事業(yè)繳納、政府補貼以及利息組成。醫(yī)保支出信息又分為個人賬戶支出和統(tǒng)籌賬戶支出。個人賬戶支出由用藥費、診斷費和檢查費構(gòu)成，統(tǒng)籌賬戶支出由大病支出和特殊病種支出組成。醫(yī)保結(jié)算信息主要包括醫(yī)保支出和收入結(jié)余及醫(yī)保收入支出的變化率。醫(yī)?；拘畔⒅饕@示醫(yī)療保險規(guī)定的個人繳費比例和政府繳費比例等。

通過對以上信息中字段的提取和信息的關(guān)聯(lián)，設(shè)計出如圖3 所示的EER圖，并存于數(shù)據(jù)庫中。其中，u_staff_acc為城鎮(zhèn)職工醫(yī)療保險結(jié)算表，包含統(tǒng)籌基金收入、個人賬戶收入、統(tǒng)籌基金支出、個人賬戶支出等字段；u_res_acc為城鎮(zhèn)居民醫(yī)療保險結(jié)算表，包含當年收入、當年支出、當年結(jié)余等字段，per_expdetail為個人賬戶支出明細，包括用藥費、診斷費和檢查費等字段；whole_expdetail表示統(tǒng)籌賬戶支出，包含大病支出和特殊病種等字段；income_detail為醫(yī)療保險收入明細表；perinfo表示參保人信息，包括性別、年齡、人員類別等字段；all_change為收支變化率表；basicinfo表示醫(yī)療保險基本信息包括個人繳費比例、政府繳費比例、退休年齡等字段。

4 應(yīng)用展示

本網(wǎng)站首頁如圖4所示，展示了當月累積收入支出、結(jié)余、當年參保人員總數(shù)、各項相對變化率、首頁堆疊折線圖，以及當年每個月的收支和結(jié)余對比。同時，還將鎮(zhèn)江市每個地區(qū)預(yù)算收支和實際收支以雷達圖的形式顯示，便于分析出各地區(qū)的超支情況。

從整體上，將2007-2015年鎮(zhèn)江市醫(yī)療保險收支按年份以動態(tài)的方式展示，如圖5所示。橫向?qū)Ρ群涂v向深入，縱向挖掘數(shù)據(jù)規(guī)律，對收入較低或者支出較高的年份作深入分析，通過雷達圖可以查看此年份醫(yī)療保險收入的組成分布。對于收入較低的項，橫向通過折線圖顯示不同年份該項的收入，對于較低的年份，向下鉆取數(shù)據(jù)，以地圖的形式來展示各地區(qū)的收入情況，從而分析出收入較低的原因，分析預(yù)測醫(yī)保收支。

局部上，通過堆疊條形圖顯示各類繳費人員（退休人員，在職0～46歲，在職46歲以上）在不同年份月份人數(shù)變化[15]，如圖6所示。結(jié)合醫(yī)療保險繳費合計變化，推斷出下個月或者下一年醫(yī)療保險繳費變化。生成分析對比報告，便于決策人員分析。也可以個人賬戶支出為例，結(jié)合年齡、性別、地區(qū)、支出項（用藥費、診斷費、檢查費等）等多個維度對醫(yī)療保險個人賬戶支出進行可視化展示。對不同年齡段中的相同支出項、不同性別的相同支出項進行展示。

此外，結(jié)合性別和年齡兩個角度，使用矩陣樹圖的動態(tài)縮放功能，有層次地展示不同性別下不同年齡組的醫(yī)療保險收入和支出。

5 結(jié)語

醫(yī)療保險數(shù)據(jù)可視化系統(tǒng)由Vue.js+SpringMVC+MyBatis+Maven框架實現(xiàn)，并結(jié)合Echarts可視化技術(shù)，從醫(yī)療保險總體收支和結(jié)算、參保人數(shù)和類型以及不同年齡和性別等方面對醫(yī)療保險數(shù)據(jù)進行展示，為決策人員提供信息支持，幫助其便捷地對數(shù)據(jù)進行對比，把握醫(yī)保收支平衡，預(yù)測收支和參保人員數(shù)據(jù)走勢。今后將進一步關(guān)注整個系統(tǒng)的運行效率及對醫(yī)保數(shù)據(jù)的展示方式。

參考文獻：

[1]張澤，錢慶，何曉琳，等.基于HTML5的腫瘤流行病數(shù)據(jù)可視化系統(tǒng)實現(xiàn)[J].中國數(shù)字醫(yī)學(xué)，2016，11（4）：43-47.

[2]劉舒舒，楊鶴標.基于多Agent的醫(yī)保欺詐檢測系統(tǒng)的研究[J].計算機技術(shù)與發(fā)展，2013（12）：171-174.

[3]盧馳文，王欽池.城鎮(zhèn)職工基本醫(yī)療保險基金結(jié)余規(guī)?？刂蒲芯縖J].經(jīng)濟縱橫，2010（1）：47-50.

[4]薛峰，梁鋒，徐書勛，等.基于Spring MVC框架的Web研究與應(yīng)用[J].合肥工業(yè)大學(xué)學(xué)報：自然科學(xué)版，2012（3）：337-340.

[5]倪時龍，蘇江文，張垚.一種基于maven插件和freemarker模版的代碼生成方法及裝置：CN，CN 103500087 A[P].2014.

[6]MENGESONNEENTAG R.DIE JavaScript-Bibliothek Vue.js.js erreicht release-status[Z].Heise.de，2015.

[7]趙聰.可視化庫d3.js的應(yīng)用研究[J].信息技術(shù)與信息化，2015（2）：105-107.

[8]吳婉楠.基于SpringMVC和MyBatis框架的炒股比賽系統(tǒng)的設(shè)計與實現(xiàn)[D].南京：南京大學(xué)，2016.

[9]彭琰，嚴莉.基于Gephi的云南民族醫(yī)藥研究可視化分析[J].醫(yī)學(xué)信息學(xué)雜志，2015，36（2）：65-68.

[10]黃淼，張國平.基于SpringMVC的高校教務(wù)評教系統(tǒng)設(shè)計[J].電子設(shè)計工程，2016，24（8）：23-26.

[11]丁振凡.Spring REST風格Web服務(wù)的Json消息封裝及解析研究[J].智能計算機與應(yīng)用，2012，2（2）：9-10.

[12]HEALEY C，ENNS J.Attention and visual memory in visualization and computer graphics[J].IEEE Transactions on Visualization & Computer Graphics，2012，18（7）：1170-1188.

[13]王洪九.運用Echarts組件和Ajax技術(shù)展現(xiàn)商業(yè)圖表[J].中國電子商務(wù)，2014（23）：36.

[14]SCOTT MURRAY.數(shù)據(jù)可視化實戰(zhàn)：使用D3設(shè)計交互式圖表[M].北京：人民郵電出版社，2013.

[15]郭思言.A市城鎮(zhèn)居民基本醫(yī)療保險基金收支案例分析[D].廣州：華南理工大學(xué)，2015.

（責任編輯：孫 娟）