所谓环境申请,即某些测试工具的接口环境/数据库环境/linux服务器地址等特殊指定。
正常来说,我们平台可以链接的数据库,服务器,接口都是写在咱平台内部的,并非可在线自由增删改查。一旦申请成功后,我们开发好后上线,指定的工具便可以切换到该环境中了。( 增删改查需要严格权限控制,否则安全隐患极大,但平台目前并未引入权限模块,所以需要在代码数据库中存放配置,但这个也只能咱后台管理员来操作,所以对正常用户来说,他们只能申请,填好工单,发给咱管理员,咱后台数据库给他配置即可。所以这个功能就是点击后出现弹层,让其填写即可。等后面我们完善了登录注册功能,就可以做个人资料页面和权限模块了,然后很多功能都可以开放成为在线维护了。)
代码上,暂时和申请新增工具类似,打开Menu.vue。
给环境申请按钮增加点击事件:打开dialogFormVisible2的对话框。
这个dialogFormVisible2 的对话框,默认是隐藏的,是靠这个dialogFormVisible2变量来控制显隐。
所以我们需要给vue实例(bom层) 的data属性-return方法中增加这个变量声明,默认为false:
然后别忘了最重要的一步,dom层增加这个对话框弹层:
(注意我标红的地方)
然后点击环境申请 测试效果。
到此,我们前端dom层样式部分即完成。
剩下的就是具体的保存功能了,需要通过接口向后台发送申请,后台视图逻辑层去数据层操作等。
这些放到下一节。
欢迎关注此系列,一个最简单的测试数据构造平台手把手开发教程哦~