测试平台系列(35) 编写全局变量管理页面

测试平台系列(35) 编写全局变量管理页面

大家好，这里是米洛，一个想和大家一起分享测试开发相关的技术，面试经验和成长经历的博主！

欢迎大家关注我的公众号: 米洛的测开日记。

回顾

之前咱们编写了相关的后端接口，现在继续来写前端的页面。我换了个4k显示器，截图可能过于高清，流量党不建议立即观看。

这句话是写完了再写的，本篇内容学习指数0颗星，代码比较晦涩，讲解也不够充分，适合回看。

布局

先思考我们需要的组件:

• 需要一个环境选择框，给用户选择当前所在的环境

• 需要一个搜索框，通过key去搜索对应的变量

• 需要一个添加变量的按钮

• 需要一个表格，展示当前的数据内容

  对比前面的类似页面，我们新增的只有环境选择框，所以基本页面的样式还是不变，先来一张效果图。

可以看到还是分2栏，在添加变量按钮之前多了个环境选择框和label。

开始编写基本的React样式组件(类HTML)