【测开中台教程-06】菜单模块的开发和设计

教育   2024-09-21 08:20   吉林  

    文末扫码进群,群内有源码分享。

    菜单,我们都要做什么呢?本教程做的是一个中台,那么菜单的设计中,除了必备的中台配置、后台管理这些边缘的功能。剩下的就是最重要的部分,就是所关联的各个平台。

    所以,这里就出现了一个问题,那就是具体有哪些平台,是不固定的,是可以在线上直接添加关联的。所以,菜单的这个数据,就得是后台传过来的动态渲染的。

    那这些测试平台信息具体存在后台哪里呢?答案当然是数据库了。也就是说,我们这个菜单啊,其实是经由后台去数据库取数据来渲染的,并且,菜单中我们还需要设置一个增加关联测试平台的按钮,还有涉及的弹窗和具体的功能等等。

    所以,所谓菜单,并不止是展示,而是实际一个完整的功能!必须重视。

    当然今天这篇文章写不了那么远,大家别有压力,高楼大厦平地起。

    打开Menu.vue ,按照如下修改。具体源码不再粘贴,进入文末粉丝群直接群里要源码项目压缩包。   

我大致说一下,这里面的Backhome是回到主页,添加关联是个按钮,只是还没有做具体功能。压测平台和数据工厂是例子暂时放着,之后要做成数据动态渲染的循环。徐爱民的后台管理是真实的进入,路由如果你要上线部署到哪个服务器可以写死。

获取帮助和反馈建议,是一定要有的,这是做内部平台的礼仪。当然具体功能还没有做,不着急,我们先来看效果!

怎么样,界面还是很干净的吧~ 

 这里默认展开的是关联的其他测试平台,也就是代码中那个defaultOpenedMenus 列表管理的。1 就是index="1" 

好,下节课,我们要去django数据库表中新建关联平台的信息库,还有具体查询用的接口哦~ 下节课会长一些呢~ 

欢迎继续关注。扫码进群(二维码过期,就点击该文章系列的目录【测开中台】找到最新的文章,扫底部的二维码即可!)

    本教程课程,之后会录制成具体开发时候的录屏视频课程,课程和其他我讲的基础技术课程,均存放在 我的知识星球中,感兴趣的可以关注哦,知识星球是付费学习的精品干货私域领地,目前刚开始入驻,很多我之前的视频课程和私人笔记正在陆续上传。


测试开发干货
测试开发不能每天只看鸡汤文,一定要多练习基础,保持每天都学或者巩固一个算法和技巧。欢迎关注本公众号,只发布干货文章。多多转载和分享哦~
 最新文章