文末扫码进群,群内有源码分享。
菜单,我们都要做什么呢?本教程做的是一个中台,那么菜单的设计中,除了必备的中台配置、后台管理这些边缘的功能。剩下的就是最重要的部分,就是所关联的各个平台。
所以,这里就出现了一个问题,那就是具体有哪些平台,是不固定的,是可以在线上直接添加关联的。所以,菜单的这个数据,就得是后台传过来的动态渲染的。
那这些测试平台信息具体存在后台哪里呢?答案当然是数据库了。也就是说,我们这个菜单啊,其实是经由后台去数据库取数据来渲染的,并且,菜单中我们还需要设置一个增加关联测试平台的按钮,还有涉及的弹窗和具体的功能等等。
所以,所谓菜单,并不止是展示,而是实际一个完整的功能!必须重视。
当然今天这篇文章写不了那么远,大家别有压力,高楼大厦平地起。
打开Menu.vue ,按照如下修改。具体源码不再粘贴,进入文末粉丝群直接群里要源码项目压缩包。
我大致说一下,这里面的Backhome是回到主页,添加关联是个按钮,只是还没有做具体功能。压测平台和数据工厂是例子暂时放着,之后要做成数据动态渲染的循环。徐爱民的后台管理是真实的进入,路由如果你要上线部署到哪个服务器可以写死。
获取帮助和反馈建议,是一定要有的,这是做内部平台的礼仪。当然具体功能还没有做,不着急,我们先来看效果!
怎么样,界面还是很干净的吧~
这里默认展开的是关联的其他测试平台,也就是代码中那个defaultOpenedMenus 列表管理的。1 就是index="1"
好,下节课,我们要去django数据库表中新建关联平台的信息库,还有具体查询用的接口哦~ 下节课会长一些呢~
欢迎继续关注。扫码进群(二维码过期,就点击该文章系列的目录【测开中台】找到最新的文章,扫底部的二维码即可!)
本教程课程,之后会录制成具体开发时候的录屏视频课程,课程和其他我讲的基础技术课程,均存放在 我的知识星球中,感兴趣的可以关注哦,知识星球是付费学习的精品干货私域领地,目前刚开始入驻,很多我之前的视频课程和私人笔记正在陆续上传。