(简易)测试数据构造平台: 10 (首页-菜单)

简介: (简易)测试数据构造平台: 10 (首页-菜单)

【本节目标】搞定左侧菜单


  看看我们现在的容器,还差一个左侧部分:el-aside


   这里自然放的都是一些菜单,在elementUI中的菜单其实很简单,代码如下:

image.png

   给大家解释下,菜单的属性:default-opend是默认展开的都有几号,毕竟这是一个伸缩菜单。


然后下面是三组 子菜单。序号是1,2,3 对应default-opend。


我的设计是三组菜单,后续可能会更改,大家看看效果吧:

image.png

可以点击这些浅蓝色的组标题,来收缩菜单:

image.png


菜单的具体内容,基本都是超链接了,不过我们现在还没有具体的页面,也就没啥可写的。


有的小伙伴会问,菜单不应该是常显的么?如果点击进了别的页面,那么这个菜单怎么才能再次显示出来呢?


这个问题就是我们之后要讲的:把菜单提取公因式,成为component组件,来让其他各个页面只需要简单的调用一下即可~

相关文章
|
12天前
|
监控 安全 测试技术
构建高效的精准测试平台:设计与实现指南
在软件开发过程中,精准测试是确保产品质量和性能的关键环节。一个精准的测试平台能够自动化测试流程,提高测试效率,缩短测试周期,并提供准确的测试结果。本文将分享如何设计和实现一个精准测试平台,从需求分析到技术选型,再到具体的实现步骤。
50 1
|
1月前
|
人工智能 监控 测试技术
云应用开发平台测试
云应用开发平台测试
47 2
|
1月前
|
存储 测试技术 数据库
数据驱动测试和关键词驱动测试的区别
数据驱动测试 数据驱动测试或 DDT 也被称为参数化测试。
|
12天前
|
监控 安全 测试技术
构建高效精准测试平台:设计与实现全攻略
在软件开发过程中,精准测试是确保产品质量的关键环节。一个高效、精准的测试平台能够自动化测试流程,提高测试覆盖率,缩短测试周期。本文将分享如何设计和实现一个精准测试平台,从需求分析到技术选型,再到具体的实现步骤。
35 0
|
1月前
|
SQL 分布式计算 Hadoop
Hadoop-14-Hive HQL学习与测试 表连接查询 HDFS数据导入导出等操作 逻辑运算 函数查询 全表查询 WHERE GROUP BY ORDER BY(一)
Hadoop-14-Hive HQL学习与测试 表连接查询 HDFS数据导入导出等操作 逻辑运算 函数查询 全表查询 WHERE GROUP BY ORDER BY(一)
41 4
|
1月前
|
SQL 消息中间件 大数据
大数据-159 Apache Kylin 构建Cube 准备和测试数据(一)
大数据-159 Apache Kylin 构建Cube 准备和测试数据(一)
50 1
|
1月前
|
SQL 大数据 Apache
大数据-159 Apache Kylin 构建Cube 准备和测试数据(二)
大数据-159 Apache Kylin 构建Cube 准备和测试数据(二)
77 1
|
1月前
|
SQL
Hadoop-14-Hive HQL学习与测试 表连接查询 HDFS数据导入导出等操作 逻辑运算 函数查询 全表查询 WHERE GROUP BY ORDER BY(二)
Hadoop-14-Hive HQL学习与测试 表连接查询 HDFS数据导入导出等操作 逻辑运算 函数查询 全表查询 WHERE GROUP BY ORDER BY(二)
35 2
|
1月前
|
存储 SQL 分布式计算
大数据-135 - ClickHouse 集群 - 数据类型 实际测试
大数据-135 - ClickHouse 集群 - 数据类型 实际测试
36 0
|
9天前
|
JSON Java 测试技术
SpringCloud2023实战之接口服务测试工具SpringBootTest
SpringBootTest同时集成了JUnit Jupiter、AssertJ、Hamcrest测试辅助库,使得更容易编写但愿测试代码。
38 3