测试开发【提测平台】分享10-Element UI抽屉和表单校验&增改接口合并实现应用管理

开篇说个小讨论，一个群里聊天聊到关于更新篇章的长度，是小篇幅多次，还是每次按照一个小完整的功能，我个人的是按照后种来的，主要的思考就是希望集中的时间段去实践，这样效率高且有每次会有一个小小的成就感，另一种当然有它的好处，更能持续输出，看的内容少，且很有助于阅读量。因此做个个小小的互动，欢迎留言，看看大家的想法～

本篇内容思维导

 服务应用管理，主要是前端的知识点，学习一种新的前端控件作为新增修改基层页，再重点掌握下表单数据提交的时候校验，这里不限于非空、格式等。对于后端的没有新增的知识点，可以参照项目产品分类管理的代码分别写新增和修改两个接口，也可按照这次我将两个接口合并成一个接口，其实就是之前有一章节留过的一个思考题“如何实现两个接口的合并”不知道还有没印象，总之本篇内容不是很多，加油～

知识点学习

Drawer 抽屉

之前产品修改和添加是使用Dialog组件实现的，但这个组件有时候并不满足我们的需求, 比如表单很长, 亦或是你需要临时展示一些文档, Drawer 是可以从侧面弹出的一个层，可以容纳更多的控件，优化交互体验。基本用法

<el-drawer
  title="我是从右到左侧展示的抽屉"
  :visible.sync="drawer"
  direction="rtl">
  这里可组合放其他组件Body部分
</el-drawer>
<!..script部分省略..>