6）vue项目完成blog UI界面逻辑操作

现来看一下目前我个人网站实现的管理后台的效果，现这个管理后台也差不多是这个逻辑

• 在utils里面新建grobalMsgTip.js,用于处理页面中出现提示，同时在main.js 中挂载在vue上

robalMsgTip.js

• 实现category(分类)

先来看一下后台提供接口,这里直接使用apb提供的CrudAppService【CRUD应用服务】，一个配置完成CRUD的操作，有兴趣可了解一下https://docs.abp.io/zh-Hans/abp/6.0/Application-Services

abp都后端代码实现,有一点需要注意的是：我这里有些验证是直接抛出了UserFriendlyException异常，UI端做了统一的拦截这样就不需要单独每个请求接口做处理

ps： Dto 不要忘记了在CmsApplicationAutoMapperProfile配置映射关系,Dto太多这里就不贴出来了

CategoryService.cs

CmsApplicationAutoMapperProfile.cs

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

category.js

UI端，在src\views\cms\category 新建index.vue,为了能界面效果应先配置菜单，在src\router\modules 新建cms.js 配置完内容管理的菜单路由（小技巧：没有新建对应的vue页面的时候可以全部指向一个存在的页面）

cms.js (我这里直接贴已经完成的)

index.vue

最后，确保你的api能正常访问就能得到下面的效果

内容管理的标签这个功能，这里就不贴出来了。它跟分类差不多的实现逻辑，标签的列表里面不需要添加功能，因为添加功能在添加文章的时候实现的。还有分类呢这里不使用分页，因为分类不会有很多，有需要的也可以自己添加上去。

至此，本章已经完成了UI端的内容管理里面的分类、标签的相关功能，下章将来完成文章相关的部分内容。