基于uni-app的康養(yǎng)之家App的設(shè)計(jì)與實(shí)現(xiàn)

楊棟棟　高凱　趙駿祺　陳彥如　王良　郭晶婧

關(guān)鍵詞：康復(fù)醫(yī)療；uni-app；前后端分離技術(shù)

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2023）12-0048-03

2021年國衛(wèi)醫(yī)發(fā)〔2021〕19號(hào)《關(guān)于印發(fā)加快推進(jìn)康復(fù)醫(yī)療工作發(fā)展意見的通知》，文中提到康復(fù)醫(yī)療工作是衛(wèi)生健康事業(yè)的重要組成部分。如何創(chuàng)新康復(fù)醫(yī)療模式，文中指出要積極推進(jìn)社區(qū)、居家康復(fù)醫(yī)療。鼓勵(lì)符合條件的康復(fù)醫(yī)療機(jī)構(gòu)，把機(jī)構(gòu)中心的康復(fù)醫(yī)療服務(wù)向社區(qū)、居家延伸。不斷創(chuàng)新康復(fù)醫(yī)療服務(wù)方式，對(duì)急需康復(fù)醫(yī)療服務(wù)的重點(diǎn)群體開展居家康復(fù)醫(yī)療及康復(fù)指導(dǎo)等服務(wù)[1]。

為了積極響應(yīng)國家對(duì)于康復(fù)人群線上康復(fù)、居家康復(fù)的鼓勵(lì)政策，本項(xiàng)目設(shè)計(jì)開發(fā)了一款針對(duì)康復(fù)醫(yī)療人群專屬的一個(gè)康養(yǎng)醫(yī)療App，“康養(yǎng)之家”App涵蓋實(shí)時(shí)反饋、線上康復(fù)、問題咨詢、專屬醫(yī)生線上指導(dǎo)、個(gè)性化康復(fù)訓(xùn)練計(jì)劃、居家康復(fù)等多方面的服務(wù)，能夠?qū)⑨t(yī)療康復(fù)計(jì)劃和視頻等醫(yī)療康養(yǎng)資源很好地整合到一起，做到有效的管理，以及通過合理的算法將資源分配給合適的用戶。

1 關(guān)鍵技術(shù)介紹

本項(xiàng)目采用前后端分離式設(shè)計(jì)開發(fā)與實(shí)現(xiàn)。前端部分的開發(fā)環(huán)境是HBuilder，采用了基于vue.js框架的uni-app框架，基礎(chǔ)語言為html、css、JavaScript，開發(fā)過程中使用了vant-app 和uni-app 組件。采用Axios框架向后端發(fā)送異步交互請(qǐng)求，并利用vue.js對(duì)交互數(shù)據(jù)進(jìn)行動(dòng)態(tài)渲染。

后端部分開發(fā)環(huán)境是IDEA，采用基于SpringBoot的SSM三級(jí)架構(gòu)模式。數(shù)據(jù)持久采用MyBatisX持久層框架，搭配MySQL模式，并在此基礎(chǔ)上加入Redis非關(guān)系型數(shù)據(jù)庫對(duì)部分?jǐn)?shù)據(jù)在內(nèi)存中進(jìn)行臨時(shí)緩存，用以減少IO次數(shù)，降低數(shù)據(jù)庫壓力。其中前后端交互采用Axios 框架進(jìn)行異步交互，除此之外，后端Spring?Boot框架中還集成了Maven-editor、Pagehelper、Fileup?load、Jwt等組件，以提高后端的開發(fā)效率并實(shí)現(xiàn)功能的完整性。

2 項(xiàng)目需求分析

2.1 康復(fù)訓(xùn)練者需求

1） 用戶可以通過“互聯(lián)網(wǎng)+”、家庭病床、上門巡診等方式實(shí)現(xiàn)居家康復(fù)訓(xùn)練。

2） 用戶可以清晰地瀏覽專屬于個(gè)人的康復(fù)訓(xùn)練計(jì)劃，以便自己進(jìn)行每天的康復(fù)訓(xùn)練。

3） 機(jī)構(gòu)中心可以為用戶配備專屬的私人醫(yī)生，持續(xù)跟進(jìn)用戶的康復(fù)訓(xùn)練成果及康復(fù)訓(xùn)練所處狀態(tài)。

4） 當(dāng)用戶具有線下康復(fù)的條件時(shí)，用戶可以就近方便地找到對(duì)自己最適合、最實(shí)用的康復(fù)醫(yī)療機(jī)構(gòu)。

5） 用戶能收藏自己喜歡的文章、視頻，以便自己可以回看自己的瀏覽記錄。

6） 當(dāng)用戶遇到康復(fù)訓(xùn)練方面的問題時(shí)，能夠及時(shí)地詢問醫(yī)生，與醫(yī)生溝通交流，及時(shí)解決存在的問題。

7） 用戶可以和其他用戶溝通交流，發(fā)布自己每天的康復(fù)訓(xùn)練成果，和他人討論如何更加高效地進(jìn)行康復(fù)訓(xùn)練。

2.2 醫(yī)生需求

1） 醫(yī)生能夠?qū)崟r(shí)了解到用戶的康復(fù)訓(xùn)練進(jìn)度，更了解用戶目前所處于的康復(fù)狀態(tài)。

2） 醫(yī)生可以為用戶制定屬于用戶個(gè)人的康復(fù)計(jì)劃，達(dá)到康復(fù)計(jì)劃能因人而異，滿足每位用戶最切實(shí)的需求。

3） 醫(yī)生方便管理自己的用戶，可以查看用戶往期的就診記錄，以便于實(shí)時(shí)了解用戶所處的康復(fù)狀態(tài)。

3 系統(tǒng)功能模塊設(shè)計(jì)與實(shí)現(xiàn)

“康養(yǎng)之家”App客戶端可以在安卓、IOS等多終端適配。其中的信息是由后臺(tái)管理系統(tǒng)負(fù)責(zé)，采用MySQL數(shù)據(jù)庫?！翱叼B(yǎng)之家”App操作主界面由“首頁、線下康復(fù)、線上康復(fù)、我的”四大模塊組成，具體情況如圖1所示。

3.1 登錄和首頁

登錄功能可以分別選擇QQ、微信、微博三種登錄方式。用戶可以根據(jù)自己的需求選擇適合自己的登錄方式。

首頁是用戶進(jìn)入軟件的第一呈現(xiàn)的界面，通常具有“第一印象”效應(yīng)[2]。該App的首頁有八大功能點(diǎn)：

定位功能：頁面的左上角會(huì)顯示目前用戶所在的城市名稱。

搜索功能：在頁面頂部的搜索欄中，用戶可以結(jié)合自己的需求，進(jìn)行關(guān)鍵字搜索，更快查詢到自己需要的信息。

推薦功能：“康養(yǎng)之家”App后臺(tái)系統(tǒng)會(huì)根據(jù)用戶在App上所填寫的資料和康復(fù)情況為用戶推薦適合的康復(fù)視頻和方法。

關(guān)注功能：用戶可以對(duì)自己喜歡的醫(yī)生進(jìn)行關(guān)注，醫(yī)生被關(guān)注之后，就可以在關(guān)注這一欄看到該醫(yī)生，點(diǎn)擊該醫(yī)生即可更快地了解相關(guān)的動(dòng)態(tài)信息。

社區(qū)功能：該模塊提供討論功能，康復(fù)朋友們可以在社區(qū)里面暢所欲言，發(fā)表自己在康復(fù)訓(xùn)練過程中遇到了哪些問題，自己如何去解決這些問題。用戶之間的互相交流經(jīng)驗(yàn)可以達(dá)到更快、更有效的康復(fù)訓(xùn)練效果。

商城功能：該模塊里面有康復(fù)訓(xùn)練所使用的相關(guān)儀器和一些設(shè)備，所有商家和設(shè)備均需要通過國家標(biāo)準(zhǔn)質(zhì)量審核才能上架該平臺(tái)，旨在為用戶提供便宜、安全的交易平臺(tái)。

康復(fù)計(jì)劃功能：系統(tǒng)后臺(tái)管理者會(huì)在該模塊上傳一些特定的康復(fù)訓(xùn)練、康復(fù)指導(dǎo)等模板計(jì)劃。

康復(fù)飲食功能：后臺(tái)會(huì)根據(jù)用戶目前所處的狀態(tài)，實(shí)時(shí)更新，匹配推薦用戶此時(shí)所需要的營(yíng)養(yǎng)食物，用戶可以瀏覽該界面，查看此時(shí)身體還需要補(bǔ)充哪些營(yíng)養(yǎng)，以達(dá)到更有針對(duì)性、更有效的康復(fù)訓(xùn)練[3]。

3.2 線下康復(fù)

該模塊會(huì)先對(duì)用戶自身所在的位置進(jìn)行定位功能，然后根據(jù)用戶的地理位置信息，自動(dòng)匹配出距離用戶最近的所有正規(guī)康復(fù)醫(yī)療機(jī)構(gòu)。頁面展示了康復(fù)機(jī)構(gòu)中心的簡(jiǎn)介，用戶可以在手機(jī)上點(diǎn)擊該醫(yī)療機(jī)構(gòu)，獲取該康復(fù)機(jī)構(gòu)的地理位置、聯(lián)系方式、預(yù)約咨詢、營(yíng)業(yè)時(shí)間、機(jī)構(gòu)宗旨等詳細(xì)資料，用戶根據(jù)系統(tǒng)推薦選擇適合的康復(fù)醫(yī)療機(jī)構(gòu)進(jìn)行康復(fù)訓(xùn)練指導(dǎo)。

3.3 線上康復(fù)

該模塊會(huì)依據(jù)用戶歷史就診記錄、康復(fù)訓(xùn)練情況等信息，匹配展現(xiàn)出全國最優(yōu)秀、用戶好評(píng)最多、康復(fù)效果最好的線上康復(fù)機(jī)構(gòu)課程。用戶可以在該頁面了解到線上康復(fù)機(jī)構(gòu)的簡(jiǎn)介信息。用戶可以點(diǎn)擊進(jìn)去獲取線上康復(fù)機(jī)構(gòu)的歷史用戶評(píng)價(jià)、課程簡(jiǎn)介、用戶反饋評(píng)分等更詳細(xì)的信息，以便于了解該線上康復(fù)課程是否滿足自己的需求。當(dāng)用戶成功線上購買一個(gè)課程后。該課程就會(huì)出現(xiàn)在線上康復(fù)頁面中的“我的”下面，下次想要進(jìn)入自己購買的付費(fèi)線上康復(fù)課程時(shí)，直接在該頁面點(diǎn)擊“我的”，付費(fèi)課程就會(huì)直接展現(xiàn)出來。為用戶提供一個(gè)更高效、更舒適、更方便的居家康復(fù)訓(xùn)練課程指導(dǎo)服務(wù)[4]。

3.4 我的用戶中心

“我的用戶中心”頁面包括個(gè)人資料編輯、我的收藏、問題咨詢、我的錢包、歷史記錄、康復(fù)計(jì)劃、我的專屬醫(yī)生、客服與反饋和我的訂單?！皞€(gè)人資料編輯”可以編輯自己的個(gè)人詳細(xì)資料。在“我的收藏”中，用戶可以查看到自己喜歡的康復(fù)醫(yī)療資源。用戶也可以在問題咨詢中尋找康復(fù)醫(yī)生，咨詢自身的康復(fù)訓(xùn)練情況。如果用戶在線下康復(fù)醫(yī)療機(jī)構(gòu)就診過，那么該醫(yī)院就會(huì)分配一個(gè)線下機(jī)構(gòu)的醫(yī)生作為該用戶的專屬居家康復(fù)醫(yī)生，分配的康復(fù)醫(yī)生會(huì)根據(jù)用戶當(dāng)前的康復(fù)情況為用戶制定一系列針對(duì)性的康復(fù)計(jì)劃，并最終在我的用戶中心頁面直觀地呈現(xiàn)出來。用戶也可以選擇入駐我們平臺(tái)的其他康復(fù)醫(yī)生咨詢。該頁面也可以直接與自己的康復(fù)醫(yī)生進(jìn)行溝通交流，詢問醫(yī)生一些有關(guān)于康復(fù)訓(xùn)練的重要知識(shí)。如果用戶對(duì)軟件的使用方法、康復(fù)訓(xùn)練、如何進(jìn)行線上線下康復(fù)等方面存有疑問，可以與“康養(yǎng)之家”的人工客服進(jìn)行溝通交流反饋，幫助用戶切實(shí)解決自身在現(xiàn)實(shí)生活中所遇到的問題[5]。

4 創(chuàng)新功能設(shè)計(jì)與實(shí)現(xiàn)

4.1 用戶登錄功能

用戶登錄模塊是用戶前臺(tái)界面通過Axios框架發(fā)送異步請(qǐng)求至后端控制層中，該請(qǐng)求中攜帶的數(shù)據(jù)有賬號(hào)和密碼以及密鑰。密鑰主要依靠Token進(jìn)行實(shí)現(xiàn)，驗(yàn)證Token時(shí)會(huì)經(jīng)歷以下步驟——通過接收來自前端請(qǐng)求中的賬號(hào)和密碼在后端加密并生成密鑰，并將生成的Token返回至前端并進(jìn)行存儲(chǔ)。用戶登錄成功后便會(huì)攜帶后端唯一生成的密鑰自由訪問前端頁面，如果該用戶沒有攜帶密鑰或攜帶的密鑰與后端生成的密鑰不一致，即可說明該用戶沒有進(jìn)行登錄或該用戶的登錄狀態(tài)異常，此時(shí)該用戶沒有權(quán)限訪問某些頁面并且該用戶需要強(qiáng)制退回登錄頁面進(jìn)行登錄或注冊(cè)。此方式旨在確保該用戶在訪問頁面時(shí)處于登錄狀態(tài)并且確保請(qǐng)求的安全性和時(shí)效性。即如有第三方攔截請(qǐng)求并進(jìn)行惡意修改后再提交，是無法通過驗(yàn)證的。除此之外還可以在后端設(shè)置Token的過期時(shí)間，這不僅確保了請(qǐng)求的安全性和時(shí)效性，也在一定程度上維護(hù)了用戶的數(shù)據(jù)安全性和隱私性。其中后端采用HS256算法加密生成Token。

4.2 聊天、通話功能

用戶和醫(yī)生的手機(jī)分別是兩個(gè)主機(jī)。通過Web?cam獲取到攝像頭拍攝的照片，由一個(gè)主機(jī)將圖片發(fā)送到另一個(gè)主機(jī)，將圖片合成為視頻。其本質(zhì)是從一個(gè)主機(jī)中錄取圖片，然后發(fā)送到另一個(gè)主機(jī)，然后另一個(gè)主機(jī)會(huì)將圖片合成為視頻，然后播放。語音通話使用jacob實(shí)現(xiàn)，從一個(gè)主機(jī)錄取聲音，通過網(wǎng)絡(luò)傳輸?shù)搅硪粋€(gè)主機(jī)，然后另一個(gè)主機(jī)播放錄取的聲音，在這個(gè)過程中由于發(fā)送文件的大小有限制，我們需要將大文件分切成多個(gè)小文件，編號(hào)之后發(fā)送，到了另一個(gè)主機(jī)之后再做順序的拼接。

4.3 專屬康復(fù)計(jì)劃定制

專屬康復(fù)計(jì)劃的制定是由醫(yī)生在后臺(tái)管理系統(tǒng)中進(jìn)行制定，并最終顯示在用戶的前端界面。需要說明的是：本軟件分為用戶移動(dòng)端和醫(yī)生使用的Web系統(tǒng)端。醫(yī)生在Web后臺(tái)系統(tǒng)端可以根據(jù)用戶前端所提交的病情以及術(shù)后情況實(shí)時(shí)制定該用戶專屬的康復(fù)計(jì)劃，該計(jì)劃由醫(yī)生手動(dòng)輸入以及制定，一經(jīng)制定完成并發(fā)布后，該計(jì)劃會(huì)發(fā)送并存儲(chǔ)至與該醫(yī)生相關(guān)聯(lián)的用戶端，用戶后端會(huì)設(shè)置一個(gè)監(jiān)聽接口并在前端綁定監(jiān)聽事件，該康復(fù)計(jì)劃制定完成后會(huì)向用戶后端發(fā)送并存儲(chǔ)，用戶后端服務(wù)接收并存儲(chǔ)后實(shí)時(shí)向前端接口發(fā)送，再由前端向后端發(fā)起查詢，將查詢結(jié)果渲染至用戶界面的個(gè)人專屬康復(fù)計(jì)劃頁面中。

4.4 醫(yī)生推薦

該功能模塊會(huì)根據(jù)用戶的個(gè)人就診資料、關(guān)鍵詞等信息，通過模糊匹配和過濾算法推薦合適的醫(yī)生，比如輸入咳嗽關(guān)鍵詞，就可以模糊定位治療咳嗽的醫(yī)生。還有通過哈希算法進(jìn)行匹配，比如咳嗽、流鼻涕等都可以在常量的時(shí)間復(fù)雜度內(nèi)定位到感冒。我們還設(shè)計(jì)了專門的過濾算法，比如關(guān)鍵詞是新冠和流鼻涕，那么就不會(huì)優(yōu)先定義到治療感冒的醫(yī)生，而是優(yōu)先定義到治療新冠的醫(yī)生。

5 總結(jié)與展望

本項(xiàng)目所開發(fā)的“康養(yǎng)之家”App為了響應(yīng)國家政策應(yīng)運(yùn)而生，緊跟國家政策的腳步，滿足時(shí)代所需，切實(shí)解決了社會(huì)生活存在的現(xiàn)實(shí)問題。使用uniapp、idea、SpringBoot、SSM等主流框架開發(fā)工具，使其性能更加流暢、強(qiáng)大，且同時(shí)能夠多平臺(tái)兼顧使用。增強(qiáng)了軟件的實(shí)用性及適用性。在國家政策大力支持的時(shí)代背景下，此App的實(shí)現(xiàn)具有必然性。

本軟件現(xiàn)在仍處于開發(fā)階段，后續(xù)還會(huì)不斷地研發(fā)新的功能，進(jìn)一步優(yōu)化代碼算法，讓App在更多的醫(yī)用場(chǎng)景中適用，使康復(fù)醫(yī)療用戶和康復(fù)醫(yī)療機(jī)構(gòu)達(dá)到互通互便。極大地滿足了國衛(wèi)醫(yī)發(fā)文中提到的鼓勵(lì)符合條件的康復(fù)醫(yī)療機(jī)構(gòu)，通過“互聯(lián)網(wǎng)+”，上門巡診等方式，把康復(fù)醫(yī)療機(jī)構(gòu)中心的康復(fù)醫(yī)療服務(wù)逐漸地向社區(qū)、居家延伸。

App開發(fā)成本低，簡(jiǎn)單快捷，且具有龐大的智能手機(jī)用戶支持，設(shè)計(jì)開發(fā)成功后還可以一端多用，以達(dá)到軟件的最大使用價(jià)值[6]。