現(xiàn)來看一下目前我個(gè)人網(wǎng)站實(shí)現(xiàn)的管理后臺(tái)的效果，現(xiàn)這個(gè)管理后臺(tái)也差不多是這個(gè)邏輯

• 在utils里面新建grobalMsgTip.js,用于處理頁面中出現(xiàn)提示，同時(shí)在main.js 中掛載在vue上

robalMsgTip.js

• 實(shí)現(xiàn)category(分類)

先來看一下后臺(tái)提供接口,這里直接使用apb提供的CrudAppService【CRUD應(yīng)用服務(wù)】，一個(gè)配置完成CRUD的操作，有興趣可了解一下https://docs.abp.io/zh-Hans/abp/6.0/Application-Services

abp都后端代碼實(shí)現(xiàn),有一點(diǎn)需要注意的是：我這里有些驗(yàn)證是直接拋出了UserFriendlyException異常，UI端做了統(tǒng)一的攔截這樣就不需要單獨(dú)每個(gè)請(qǐng)求接口做處理

ps： Dto 不要忘記了在CmsApplicationAutoMapperProfile配置映射關(guān)系,Dto太多這里就不貼出來了

CategoryService.cs

CmsApplicationAutoMapperProfile.cs

UI端，在src\api\blogs 新建category.js,里面寫上我們需要的接口

category.js

UI端，在src\views\cms\category 新建index.vue,為了能界面效果應(yīng)先配置菜單，在src\router\modules 新建cms.js 配置完內(nèi)容管理的菜單路由（小技巧：沒有新建對(duì)應(yīng)的vue頁面的時(shí)候可以全部指向一個(gè)存在的頁面）

cms.js (我這里直接貼已經(jīng)完成的)

index.vue

最后，確保你的api能正常訪問就能得到下面的效果

內(nèi)容管理的標(biāo)簽這個(gè)功能，這里就不貼出來了。它跟分類差不多的實(shí)現(xiàn)邏輯，標(biāo)簽的列表里面不需要添加功能，因?yàn)樘砑庸δ茉谔砑游恼碌臅r(shí)候?qū)崿F(xiàn)的。還有分類呢這里不使用分頁，因?yàn)榉诸惒粫?huì)有很多，有需要的也可以自己添加上去。

至此，本章已經(jīng)完成了UI端的內(nèi)容管理里面的分類、標(biāo)簽的相關(guān)功能，下章將來完成文章相關(guān)的部分內(nèi)容。