目錄摘要 ([15]。醫(yī)療報(bào)銷系統(tǒng)開發(fā)流程如圖1所示。圖SEQ圖\*ARABIC1醫(yī)療報(bào)銷管理系統(tǒng)總體流程圖系統(tǒng)流程分析操作流程圖SEQ圖\*ARABIC2流程登陸圖在系統(tǒng)功能模塊中，用戶登錄界面是第一個(gè)等待用戶交互的模塊。在此界面上，用戶可選擇兩種操作方式：登錄已有賬戶或注冊新用戶。如果用戶選擇登錄系統(tǒng)，則界面會(huì)自動(dòng)彈出輸入框，要求提供用戶名和密碼信息。提交賬號和密碼后，系統(tǒng)會(huì)將此數(shù)據(jù)包發(fā)送到后端服務(wù)器，以便與數(shù)據(jù)庫存儲(chǔ)的信息進(jìn)行核對。整個(gè)驗(yàn)證流程包括三個(gè)關(guān)鍵環(huán)節(jié)：首先確認(rèn)用戶名是否輸入完整；其次核實(shí)密碼是否正確無誤；最后驗(yàn)證用戶名和密碼的組合是否與數(shù)據(jù)庫中的記錄完全一致。只有當(dāng)這三個(gè)條件全部滿足，且信息與數(shù)據(jù)庫記錄一致時(shí)，用戶才能順利登錄系統(tǒng)，繼續(xù)進(jìn)行其他操作。若任何一個(gè)條件未被滿足，系統(tǒng)將顯示登錄錯(cuò)誤的提示信息，用戶需要重新檢查輸入內(nèi)容并再次嘗試登錄流程。該系統(tǒng)的登錄流程如圖2所示。添加信息流程用戶在完成登錄流程后，將進(jìn)入個(gè)人保單管理區(qū)域。在這一頁面，系統(tǒng)會(huì)展示用戶需添加的相關(guān)信息項(xiàng)，用戶需輸入這些信息以推進(jìn)后續(xù)流程。當(dāng)用戶完成信息填寫并提交后，系統(tǒng)將自動(dòng)對輸入的內(nèi)容進(jìn)行驗(yàn)證。若信息準(zhǔn)確無誤并通過驗(yàn)證，系統(tǒng)將授權(quán)用戶進(jìn)行下一步操作；反之，若輸入的信息存在不符合標(biāo)準(zhǔn)的情況，系統(tǒng)提示錯(cuò)誤，并且要求用戶進(jìn)行修正后再次提交。如圖3所示。圖SEQ圖\*ARABIC3添加信息流程圖刪除信息流程在信息刪除頁面，唯有管理員能夠選擇需要?jiǎng)h除的數(shù)據(jù)項(xiàng)。系統(tǒng)依據(jù)用戶確認(rèn)的“是”或“否”來決定操作。當(dāng)數(shù)據(jù)滿足刪除條件時(shí)，系統(tǒng)將執(zhí)行刪除操作，并且相關(guān)的數(shù)據(jù)庫記錄會(huì)同步進(jìn)行更新。如圖4所示。圖SEQ圖\*ARABIC4刪除信息流程圖系統(tǒng)設(shè)計(jì)系統(tǒng)體系結(jié)構(gòu)圖SEQ圖\*ARABIC5管理員管理用例圖其他用例圖如6，7，8，9，10，11。圖SEQ圖\*ARABIC6用戶信息用例圖圖SEQ圖\*ARABIC7領(lǐng)導(dǎo)信息用例圖圖SEQ圖\*ARABIC8財(cái)匯審核人員信息用例圖圖SEQ圖\*ARABIC9公告信息用例圖圖SEQ圖\*ARABIC10報(bào)銷單信息用例圖系統(tǒng)總體設(shè)計(jì)圖SEQ圖\*ARABIC11總體結(jié)構(gòu)用例圖系統(tǒng)根據(jù)用戶的實(shí)際需求進(jìn)行開發(fā)，與生活密切相關(guān)。在成功通過身份驗(yàn)證，即使用準(zhǔn)確的賬號和密碼登錄后，管理員便能夠訪問并操作系統(tǒng)內(nèi)的應(yīng)用程序。管理員還承擔(dān)著協(xié)調(diào)各個(gè)組件和服務(wù)的工作，確保系統(tǒng)資源得到高效合理的分配和使用。系統(tǒng)的總體模塊設(shè)計(jì)：系統(tǒng)分為管理員、領(lǐng)導(dǎo)、財(cái)匯審核人員和用戶四個(gè)角色，管理員擁有最高權(quán)限，負(fù)責(zé)系統(tǒng)的管理和運(yùn)維。系統(tǒng)的總體功能展示如圖12所示。在程序設(shè)計(jì)的學(xué)習(xí)過程中，深入理解數(shù)據(jù)管理機(jī)制與系統(tǒng)接口的定制化設(shè)計(jì)構(gòu)成了重要的知識體系。通過構(gòu)建系統(tǒng)化的數(shù)據(jù)管理框架實(shí)現(xiàn)信息資源的規(guī)范化存儲(chǔ)，能夠?yàn)檐浖到y(tǒng)的功能實(shí)現(xiàn)奠定基礎(chǔ)，確保應(yīng)用程序能夠通過標(biāo)準(zhǔn)化的調(diào)用接口快速獲取目標(biāo)數(shù)據(jù)資源。這種架構(gòu)模式建立了高效的數(shù)據(jù)檢索機(jī)制，包括數(shù)據(jù)記錄的增刪改查等基礎(chǔ)操作。值得注意的是，科學(xué)設(shè)計(jì)的數(shù)據(jù)庫體系能夠依據(jù)業(yè)務(wù)規(guī)則對離散的數(shù)據(jù)元素進(jìn)行智能重組，借助關(guān)系型模型的約束條件和索引機(jī)制，最終形成具有強(qiáng)邏輯性的結(jié)構(gòu)化信息網(wǎng)絡(luò)。系統(tǒng)的總體E-R圖如圖13所示。圖SEQ圖\*ARABIC12醫(yī)療管理管理系統(tǒng)總體E-R圖數(shù)據(jù)庫表設(shè)計(jì)數(shù)據(jù)庫中的數(shù)據(jù)表主要存儲(chǔ)著各種數(shù)據(jù)記錄，而在系統(tǒng)中執(zhí)行的增刪改查操作，其實(shí)質(zhì)也正是通過這些數(shù)據(jù)表來完成。因此，優(yōu)秀的數(shù)據(jù)庫設(shè)計(jì)能夠有效縮短處理信息所需的時(shí)間，至關(guān)重要。數(shù)據(jù)庫設(shè)計(jì)過程中需要謹(jǐn)慎規(guī)劃包括表的結(jié)構(gòu)、字段屬性等多個(gè)方面的內(nèi)容。在定義字段時(shí)，需要特別注意其數(shù)據(jù)類型的合理性。以時(shí)間字段為例，其數(shù)據(jù)類型若被誤設(shè)為整數(shù)型，系統(tǒng)會(huì)在數(shù)據(jù)輸入時(shí)觸發(fā)格式錯(cuò)誤的提示信息。下面簡單介紹醫(yī)療報(bào)銷系統(tǒng)的一些數(shù)據(jù)表。在對實(shí)體及其關(guān)聯(lián)結(jié)構(gòu)進(jìn)行詳細(xì)分析后，各實(shí)體的屬性及其關(guān)聯(lián)方式得到了明確的界定，如表1至表6所示，具體設(shè)計(jì)方案在表格中得到了完整呈現(xiàn)。(1)管理員信息表存儲(chǔ)系統(tǒng)所有管理員的基本信息，字段信息如表1所示：表1管理員信息表字段注釋數(shù)據(jù)類型id主鍵intusername用戶名varchar(200)password密碼varchar(200)role角色varchar(200)addtime新增時(shí)間timestamp(2)領(lǐng)導(dǎo)信息表存儲(chǔ)系統(tǒng)所有領(lǐng)導(dǎo)的基本信息，包括領(lǐng)導(dǎo)id、密碼等。字段信息如表2所示：表2領(lǐng)導(dǎo)信息表字段注釋數(shù)據(jù)類型id主鍵intlingdao_email電子郵箱varchar(200)password密碼varchar(200)lingdao_name領(lǐng)導(dǎo)姓名varchar(200)create_time創(chuàng)建時(shí)間timestampsex_types性別intlingdao_photo領(lǐng)導(dǎo)頭像varchar(200)lingdao_phone領(lǐng)導(dǎo)手機(jī)號varchar(200)(3)用戶信息表存儲(chǔ)所有用戶的基本信息，字段信息如表3所示：表3用戶信息表字段注釋數(shù)據(jù)類型id主鍵intyonghu_id用戶varchar(200)password_id密碼varchar(200)yonghu_name用戶姓名varchar(200)yonghu_phone用戶手機(jī)號varchar(200)yonghu_id_number身份證號varchar(200)yonghu_photo用戶頭像varchar(200)yonghu_email電子郵箱varchar(200)create_time創(chuàng)建時(shí)間timestamp(4)財(cái)會(huì)審核人員信息表存儲(chǔ)所有財(cái)會(huì)審核人員的基本信息，字段信息如表4所示：表4財(cái)會(huì)審核人員信息表字段注釋數(shù)據(jù)類型id主鍵intusername用戶varchar(200)password密碼varchar(200)caikuai_name財(cái)會(huì)審核人員姓名varchar(200)caikuai_phone財(cái)會(huì)審核人員手機(jī)號varchar(200)sex_types性別intcaikuai_photo財(cái)會(huì)審核人員頭像varchar(200)caikuai_email電子郵箱varchar(200)create_time創(chuàng)建時(shí)間timestamp(5)報(bào)銷單信息表用于記錄各項(xiàng)報(bào)銷單的相關(guān)信息，其具體字段的設(shè)置與組成詳細(xì)說明如下。字段信息如表5所示。表5報(bào)銷單信息表字段注釋數(shù)據(jù)類型id主鍵intyonghu_id用戶varchar(200)password_id財(cái)匯審核人員varchar(200)biaoxiaodan_uuid_number報(bào)銷單編號varchar(200)biaoxiaodan_name報(bào)銷單名稱varchar(200)biaoxiaodan_baoxiaoren_name報(bào)銷人姓名varchar(200)biaoxiaodan_baoxiaoren_photo報(bào)銷人頭像照片varchar(200)biaoxiaodan_baoxiaoren_shenfenzhengz_photo身份證正面varchar(200)biaoxiaodan_baoxiaoren_shenfenzhengf_photo身份證反面timestampbiaoxiaodan_renyuan_types人員狀態(tài)intbiaoxiaodan_yiliaofeiyong_types費(fèi)用類型intbiaoxiaodan_new_jine報(bào)銷金額decimalinsert_time申請時(shí)間timestampbiaoxiaodan_yesno_types審核狀態(tài)intbiaoxiaodan_yesno_text審核意見text(6)公告信息表存儲(chǔ)系統(tǒng)所有員工公告的基本信息，字段信息如表6所示：表6公告信息表字段注釋數(shù)據(jù)類型id主鍵intgonggao_name公告名稱varchar(200)gonggao_photo公告圖片varchar(200)caikuai_name公告類型intinsert_time公告發(fā)布時(shí)間timestampgonggao_content公告詳情textcreate_time創(chuàng)建時(shí)間timestamp系統(tǒng)設(shè)計(jì)實(shí)現(xiàn)前臺公告信息頁面實(shí)現(xiàn)用戶點(diǎn)擊查看醫(yī)師信息時(shí)，可以在公告信息頁面的輸入欄中輸入公告名稱進(jìn)行搜索，同時(shí)也可以查看這些公告詳情如圖14所示。圖SEQ圖\*ARABIC13公告信息頁面圖<el-form-itemclass="input"v-if="type!='info'"label="公告名稱"prop="gonggaoName">

<el-inputv-model="ruleForm.gonggaoName"

placeholder="公告名稱"clearable:readonly="ro.gonggaoName"></el-input>

</el-form-item><el-form-itemlabel="公告類型">

<el-inputprefix-icon="el-icon-search"v-model="searchForm.indexNameSearch"placeholder="公告類型"clearable></el-input>

</el-form-item>這段是基于

Vue.js框架使用ElementUI組件庫編寫的表單組件。它包含了一個(gè)公告名稱表單項(xiàng)，這個(gè)表單項(xiàng)使用v-if指令來判斷是否顯示。每個(gè)表單項(xiàng)都使用了v-model指令來雙向綁定數(shù)據(jù)，以便在表單提交時(shí)獲取用戶輸入的數(shù)據(jù)。其中，公告類型的輸入框使用了placeholder屬性來設(shè)置提示信息，表示用戶可以輸入公告類型的內(nèi)容。并且，該輸入框還使用了clearable屬性，表示輸入框右側(cè)會(huì)顯示一個(gè)清除按鈕，用戶點(diǎn)擊該按鈕可以快速清空輸入框中的內(nèi)容。前臺個(gè)人信息頁面用戶在個(gè)人中心頁面，可以更改個(gè)人信息，還可以對余額進(jìn)行充值等操作，如圖15所示。<el-form-itemclass="input"v-if="type!='info'"label="用戶姓名"prop="yonghuName">

<el-inputv-model="ruleForm.yonghuName"

placeholder="用戶姓名"clearable:readonly="ro.yonghuName"></el-input>

</el-form-item><el-form-itemclass="input"v-if="type!='info'"label="用戶手機(jī)號"prop="yonghuPhone">

<el-inputv-model="ruleForm.yonghuPhone"

placeholder="用戶手機(jī)號"clearable:readonly="ro.yonghuPhone"></el-input>

</el-form-item>圖SEQ圖\*ARABIC14個(gè)人信息頁面圖這段程序是一個(gè)Vue.js組件，用于顯示個(gè)人中心表單。它包含了六個(gè)表單項(xiàng)，分別是用戶手機(jī)號、用戶姓名、用戶身份證號、性別、用戶頭像、電子郵箱。這些表單項(xiàng)都使用了v-if指令來判斷是否顯示，只有當(dāng)TableName等于yonghu時(shí)才會(huì)顯示。每個(gè)表單項(xiàng)都使用了v-model指令來雙向綁定數(shù)據(jù)，以便在表單提交時(shí)獲取用戶輸入的數(shù)據(jù)。用戶姓名的輸入框綁定了ruleForm.yonghuName數(shù)據(jù)字段，使用了placeholder屬性來設(shè)置提示信息，表示用戶可以輸入用戶姓名的內(nèi)容。并且，該輸入框還使用了clearable屬性，表示輸入框右側(cè)會(huì)顯示一個(gè)清除按鈕，用戶點(diǎn)擊該按鈕可以快速清空輸入框中的內(nèi)容。同時(shí)，使用了:readonly屬性來動(dòng)態(tài)綁定是否只讀的狀態(tài)，當(dāng)ro.yonghuName為true時(shí)，輸入框?qū)⒆優(yōu)橹蛔x，用戶無法修改內(nèi)容。用戶手機(jī)號的輸入框綁定了ruleForm.yonghuPhone數(shù)據(jù)字段，同樣使用了placeholder屬性來設(shè)置提示信息，表示用戶可以輸入用戶手機(jī)號的內(nèi)容。并且，該輸入框也使用了clearable屬性來實(shí)現(xiàn)清除功能，以及:readonly屬性來動(dòng)態(tài)控制是否只讀。后臺管理員登錄模塊實(shí)現(xiàn)管理員登錄時(shí)，輸入用戶名和密碼，選擇角色，可以進(jìn)入系統(tǒng)進(jìn)行后臺操作。如圖16所示。主要代碼：login(){

letcode=''

for(letiinthis.codes){

code+=this.codes[i].num

}

if(!this.rulesForm.username){

this.$message.error("請輸入用戶名");

return;

}

if(!this.rulesForm.password){

this.$message.error("請輸入密碼");

return;

}

if(!this.rulesForm.role){

this.$message.error("請選擇角色");

return;

}letmenus=this.menus;

for(leti=0;i<menus.length;i++){

if(menus[i].roleName==this.rulesForm.role){

this.tableName=menus[i].tableName;

}

}圖SEQ圖\*ARABIC15登錄功能界面圖（1）login()函數(shù)在執(zhí)行登錄操作之前，系統(tǒng)首先會(huì)對用戶輸入的信息進(jìn)行一系列嚴(yán)格的驗(yàn)證。首要步驟是檢查用戶名字段是否填寫，若用戶名為空，系統(tǒng)則會(huì)立即彈出錯(cuò)誤提示框，提醒用戶此項(xiàng)為必填內(nèi)容，并終止后續(xù)流程，返回初始狀態(tài)。依照相同邏輯，緊接著會(huì)對密碼字段進(jìn)行檢測，若密碼為空，同樣會(huì)觸發(fā)錯(cuò)誤提示框告知用戶，并中斷流程返回。若上述兩項(xiàng)基本信息驗(yàn)證通過，接下來系統(tǒng)會(huì)檢查角色數(shù)組的長度。當(dāng)角色數(shù)組長度超過一個(gè)單位時(shí)，表明用戶擁有多個(gè)可選角色，此時(shí)用戶需手動(dòng)選擇其中一個(gè)角色。倘若用戶未進(jìn)行角色選擇，系統(tǒng)則會(huì)彈出錯(cuò)誤提示框，并將流程回退，要求用戶完成角色選擇這一必要步驟。一旦用戶成功選擇角色，系統(tǒng)將啟動(dòng)角色與菜單的匹配機(jī)制。具體而言，系統(tǒng)會(huì)按照既定規(guī)則遍歷菜單數(shù)組，精準(zhǔn)定位與所選角色相對應(yīng)的菜單表名，并將這一結(jié)果賦值給預(yù)設(shè)的tableName變量，為后續(xù)操作做好準(zhǔn)備。而當(dāng)角色數(shù)組長度僅為1時(shí)，意味著用戶僅有一個(gè)唯一角色可選，此時(shí)系統(tǒng)將自動(dòng)跳過手動(dòng)選擇環(huán)節(jié)，直接獲取該角色對應(yīng)的表名，并將其賦值給tableName變量，同時(shí)將角色名稱信息賦值給rulesForm.role變量，以此簡化操作流程，提升用戶體驗(yàn)。完成上述所有驗(yàn)證與賦值步驟后，系統(tǒng)將調(diào)用loginPost()函數(shù)，正式發(fā)起登錄請求，進(jìn)入登錄流程的下一階段。主要代碼：login(){this.$http({url:`${this.tableName}/login?username=${this.rulesForm.username}&password=${this.rulesForm.password}`,method:"post"

}).then(({data})=>{

if(data&&data.code===0){

this.$storage.set("Token",data.token);

this.$storage.set("userId",data.userId);

this.$storage.set("role",this.rulesForm.role);

this.$storage.set("sessionTable",this.tableName);

this.$storage.set("adminName",this.rulesForm.username);

this.$router.replace({path:"/index/"});

}else{

this.$message.error(data.msg);

}

});(2)loginPost()函數(shù)在執(zhí)行登錄操作的過程中，系統(tǒng)借助axios庫構(gòu)建并發(fā)起一個(gè)POST請求。該請求的目標(biāo)地址為this.tableName/login?username={this.rulesForm.username}&password=${this.rulesForm.password}，其中的tableName、username和password變量分別對應(yīng)先前獲取到的表名、用戶所輸入的用戶名以及密碼信息。當(dāng)服務(wù)器響應(yīng)到達(dá)客戶端后，系統(tǒng)將對返回?cái)?shù)據(jù)中的code字段進(jìn)行檢查。若code值為0，則判定登錄操作成功；反之，則視為登錄失敗。在登錄成功的場景下，系統(tǒng)會(huì)執(zhí)行一系列操作：將服務(wù)器返回的token、用戶角色信息、會(huì)話相關(guān)的表名以及用戶名存儲(chǔ)至本地存儲(chǔ)空間，以便在后續(xù)操作中使用，并自動(dòng)將用戶界面跳轉(zhuǎn)至首頁，開啟新的會(huì)話。而若登錄失敗，系統(tǒng)則會(huì)觸發(fā)錯(cuò)誤提示機(jī)制，向用戶展示登錄失敗的提示信息，告知用戶登錄未成功的具體情況，以便用戶采取相應(yīng)的修正措施。后臺用戶頁面實(shí)現(xiàn)用戶信息功能在視圖層（view層)進(jìn)行交互，例如點(diǎn)擊“新增”或者填寫用戶信息，這些動(dòng)作被視圖層捕獲后，作為請求發(fā)送給相應(yīng)的控制器層(control1er層)。控制器收到請求時(shí)，它就調(diào)用服務(wù)層來執(zhí)行，例如驗(yàn)證輸入數(shù)據(jù)的有效性以及與數(shù)據(jù)庫的交互。服務(wù)層處理完這些后，進(jìn)一步與數(shù)據(jù)訪問對象層（DAO層)交互，后者負(fù)責(zé)具體的數(shù)據(jù)操作如搜索、新增、更新或刪除用戶信息，并將操作結(jié)果返回給控制器。最終，控制器根據(jù)這些結(jié)果更新視圖層，以便用戶信息功能可以看到最新的信息。在用戶信息的頁面中，可以輸入用戶的賬號或姓名進(jìn)行搜索，查看某些用戶的詳細(xì)信息。也可以新增用戶、用戶統(tǒng)計(jì)、修改用戶信息或刪除用戶等。如下圖17展示。圖SEQ圖\*ARABIC16用戶界面<el-row:gutter="20"class="slt":style="{justifyContent:contents.searchBoxPosition=='1'?'flex-start':contents.searchBoxPosition=='2'?'center':'flex-end'}">

<el-form-item:label="contents.inputTitle==1?'用戶姓名':''">

<el-inputprefix-icon="el-icon-search"v-model="searchForm.yonghuName"placeholder="用戶姓名"clearable></el-input>

</el-form-item>

<el-form-item>

<el-buttontype="success"@click="search()">查詢<iclass="el-icon-searchel-icon--right"/></el-button>

</el-form-item>

</el-row>這段代碼是一個(gè)Vue.js組件，其中含有兩個(gè)輸入框和一個(gè)搜索的按鈕。第一個(gè)輸入框用于輸入用戶賬號，第二個(gè)輸入框用于輸入用戶姓名。點(diǎn)擊搜索按鈕或在輸入框中按下回車鍵時(shí)，會(huì)觸發(fā)search()方法。<el-table-columnwidth="300":align="contents.tableAlign"

header-align="center"

label="操作">

<templateslot-scope="scope">

<el-buttonv-if="isAuth('yonghu','查看')"type="success"icon="el-icon-tickets"size="mini"@click="addOrUpdateHandler(scope.row.id,'info')">詳情</el-button>

<el-buttonv-if="isAuth('yonghu','修改')"type="primary"icon="el-icon-edit"size="mini"@click="addOrUpdateHandler(scope.row.id)">修改</el-button>

<el-buttonv-if="isAuth('yonghu','刪除')"type="danger"icon="el-icon-delete"size="mini"@click="deleteHandler(scope.row.id)">刪除</el-button>

<el-buttonv-if="isAuth('yonghu','修改')"type="success"icon="el-icon-tickets"size="mini"@click="resetPassword(scope.row.id)">重置密碼</el-button>

</template>

</el-table-column>這段代碼是一個(gè)Vue.js組件，其中包含一個(gè)表格列：操作。該列中有三個(gè)按鈕：查看、修改和刪除。點(diǎn)擊查看按鈕會(huì)觸發(fā)addOrUpdateHandler()方法，并傳入當(dāng)前行的id和info參數(shù)；點(diǎn)擊修改按鈕會(huì)觸發(fā)addOrUpdateHandler()方法，并傳入當(dāng)前行的id參數(shù)；點(diǎn)擊刪除按鈕會(huì)觸發(fā)deleteHandler()方法，并傳入當(dāng)前行的id參數(shù)。這三個(gè)按鈕的顯示與否取決于用戶是否具有相應(yīng)的權(quán)限。側(cè)邊欄菜單渲染模塊實(shí)現(xiàn)它包含一個(gè)默認(rèn)激活的首頁菜單項(xiàng)和一個(gè)子菜單列表。子菜單列表通過v-for指令遍歷menuList數(shù)組生成。點(diǎn)擊菜單項(xiàng)時(shí)，會(huì)觸發(fā)menuHandler方法，將用戶導(dǎo)航到指定的路徑。具體來說，代碼分為以下幾個(gè)部分：<template>

<el-asideclass="index-aside"width="200px">

<divclass="index-aside-inner">

<el-menudefault-active="1">

<el-menu-item@click="menuHandler('/')"index="1">

<!--<iclass="el-icon-s-home"></i>-->

首頁

</el-menu-item>

<sub-menu

v-for="menuinmenuList"

:key="menu.menuId"

:menu="menu"

:dynamicMenuRoutes="dynamicMenuRoutes"

></sub-menu>

</el-menu>

</div>

</el-aside>

</template>(1)template部分：定義了組件的HTML結(jié)構(gòu)，包括一個(gè)aside元素，一個(gè)div元素，一個(gè)el-menu元素，一個(gè)el-menu-item元素和一個(gè)sub-menu元素。其中,el-menu-item元素包含一個(gè)注釋掉的i元素和一個(gè)文本節(jié)點(diǎn)“首頁”。sub-menu元素使用v-for指令遍歷menuList數(shù)組生成。mounted(){

//獲取動(dòng)態(tài)菜單數(shù)據(jù)并且渲染

this.menuList=JSON.parse(sessionStorage.getItem("menuList")||"[]");

this.dynamicMenuRoutes=JSON.parse(

sessionStorage.getItem("dynamicMenuRoutes")||"[]"

);

},(2)script部分：在組件的script部分，主要進(jìn)行了組件的數(shù)據(jù)和方法的定義工作。通過data方法返回一個(gè)對象，其中包含了兩個(gè)初始為空的數(shù)組menuList和dynamicMenuRoutes，用于存儲(chǔ)菜單相關(guān)數(shù)據(jù)。利用components屬性完成了一個(gè)子組件的注冊，子組件的名稱為SubMenu，以便在組件中實(shí)現(xiàn)動(dòng)態(tài)菜單的功能。借助mounted方法，在組件掛載到DOM樹后，執(zhí)行從sessionStorage中獲取動(dòng)態(tài)菜單數(shù)據(jù)的操作，將獲取到的數(shù)據(jù)解析為JSON格式后賦值給menuList，從而實(shí)現(xiàn)動(dòng)態(tài)菜單的數(shù)據(jù)初始化。在methods屬性中定義了一個(gè)名為menuHandler的方法，該方法主要用于處理用戶點(diǎn)擊菜單項(xiàng)時(shí)的事件，根據(jù)用戶點(diǎn)擊的菜單項(xiàng)，將用戶導(dǎo)航到指定的路徑，實(shí)現(xiàn)頁面的跳轉(zhuǎn)功能。系統(tǒng)測試測試目的軟件測試是通過運(yùn)行目標(biāo)程序來檢驗(yàn)其質(zhì)量是否符合預(yù)設(shè)要求的系統(tǒng)性工程。該過程的核心訴求在于系統(tǒng)性地識別代碼中的邏輯漏洞或隱性缺陷，并通過調(diào)試修復(fù)問題以提升系統(tǒng)可靠性。其本質(zhì)屬性在于驗(yàn)證程序的容錯(cuò)能力而非證實(shí)其無錯(cuò)性，需設(shè)計(jì)具有針對性測試用例來揭示潛在風(fēng)險(xiǎn)。該活動(dòng)強(qiáng)調(diào)通過有限次數(shù)的驗(yàn)證行為最大化發(fā)現(xiàn)程序異常，而非構(gòu)建絕對完備的證明體系。測試用例(1)用戶登錄測試主要集中在登錄模塊頁面。輸入了三組不同的用戶名和密碼進(jìn)行驗(yàn)證。在這三組數(shù)據(jù)中，僅當(dāng)輸入的用戶名為“admin”且密碼為“admin”時(shí)，系統(tǒng)才成功識別并允許用戶登錄。經(jīng)過深入分析，首個(gè)登錄失敗的案例歸咎于輸入的用戶名與密碼不相符。即便輸入的密碼正確無誤，由于數(shù)據(jù)庫中缺乏與之對應(yīng)的用戶名記錄，系統(tǒng)便拒絕了此次登錄嘗試。至于第二次登錄失敗，則是因?yàn)樗峁┑挠脩裘皕zz”在數(shù)據(jù)庫里根本無對應(yīng)記錄，致使系統(tǒng)無法檢索到相關(guān)的用戶資料，進(jìn)而提示登錄失敗。通過這次測試，驗(yàn)證了登錄模塊對于用戶名和密碼的驗(yàn)證機(jī)制是有效的，并且系統(tǒng)能夠準(zhǔn)確識別出無效或未注冊的用戶名，確保了系統(tǒng)的安全性和穩(wěn)定性。如表7所示。表7用戶登陸測試表模塊名稱測試用例預(yù)期結(jié)果實(shí)際結(jié)果是否通過登錄模塊用戶名：zzz密碼：123登陸失敗，提示錯(cuò)誤信息提示錯(cuò)誤信息通過登錄模塊用戶名：123密碼：admin登陸失敗，提示錯(cuò)誤信息提示錯(cuò)誤信息通過登錄模塊用戶名：admin密碼：admin登錄成功登錄成功通過(2)刪除分類測試在測試刪除分類模塊時(shí)，首先找到需要?jiǎng)h除的信息，并點(diǎn)擊“刪除”按鈕。成功執(zhí)行后，所選的信息將被從數(shù)據(jù)庫表中刪除，并且前端頁面會(huì)顯示一個(gè)指示刪除成功的提示框。經(jīng)過反復(fù)的刪除操作測試，證實(shí)系統(tǒng)的刪除功能及其后端代碼表現(xiàn)出穩(wěn)定可靠的性能，多次測試表明刪除分類功能運(yùn)行無誤。如表8所示。表8刪除分類測試模塊名稱測試用例預(yù)期結(jié)果實(shí)際結(jié)果是否通過刪除用戶信息用戶管理：用戶信息操作結(jié)果：刪除成功操作結(jié)果：刪除成功通過(3)修改密碼測試在對修改密碼模塊進(jìn)行測試的過程中，選取了三位用戶的數(shù)據(jù)作為測試樣本。測試結(jié)果顯示，三次修改密碼的嘗試中僅有最后一次取得了成功，前兩次均遇到了不同的問題。具體來說，第一次修改失敗的原因在于用戶輸入的舊密碼有誤，系統(tǒng)因此拒絕了修改操作；而在第二次嘗試中，新密碼與確認(rèn)密碼不匹配，導(dǎo)致系統(tǒng)同樣未能批準(zhǔn)修改請求。針對這些問題，進(jìn)行了多次修正操作，并且反復(fù)進(jìn)行了測試。最終結(jié)果表明，修改密碼功能運(yùn)行穩(wěn)定，沒有發(fā)現(xiàn)其他異常問題。如表9所示。表9修改密碼測試模塊名稱測試用例預(yù)期結(jié)果實(shí)際結(jié)果是否通過修改密碼模塊原密碼：456新密碼：123確認(rèn)密碼：123彈出錯(cuò)誤提示，提示原密碼錯(cuò)誤彈出錯(cuò)誤提示，提示原密碼錯(cuò)誤通過修改密碼模塊原密碼：admin新密碼：123確認(rèn)密碼：333彈出錯(cuò)誤提示，提示兩次密碼輸入不一致彈出錯(cuò)誤提示，提示兩次密碼輸入不一致通過修改密碼模塊原密碼：admin新密碼：123確認(rèn)密碼：123密碼修改成功密碼修改成功通過(4)添加公告類別測試管理員可以在添加公告類別界面輸入公告類別名稱信息，如果數(shù)據(jù)信息為空，系統(tǒng)會(huì)給出相應(yīng)提示。只有所有的數(shù)據(jù)信息都合理輸入，管理員才能完成公告類別的添加操作。測試數(shù)據(jù)如表10所示。表10添加公告類別測試表模塊名稱測試用例預(yù)期結(jié)果實(shí)際結(jié)果是否通過添加公告類別類別名稱為空添加失敗，彈出提示按鈕添加失敗，提示請?zhí)顚憙?nèi)容通過合理填寫類別名稱添加成功添加成功通過測試結(jié)果經(jīng)過此次對醫(yī)療報(bào)銷系統(tǒng)的綜合性測試，我們不難發(fā)現(xiàn)程序的功能并沒有出現(xiàn)明顯的邏輯性錯(cuò)誤，用戶在進(jìn)行功能操作時(shí)，程序基本能根據(jù)用戶操作情況給出相應(yīng)的反饋。程序質(zhì)量以及可靠性在系統(tǒng)