工作室主题网站,电子工程王北辰,庆阳网站建设,小型旅游网站建设方案前面我们把标题和logo换成了自己系统的标题和logo了
接下来就是要建立自己需要的菜单和页面
新建目录解析
在拉下来的代码跑起来后 有一个系统菜单--菜单管理(如图) 在这个菜单的这个页面内有对应的操作功能 修改功能
这个功能可以修改写好了的菜单数据 例如:名称/排序/路由…前面我们把标题和logo换成了自己系统的标题和logo了
接下来就是要建立自己需要的菜单和页面
新建目录解析
在拉下来的代码跑起来后 有一个系统菜单--菜单管理(如图) 在这个菜单的这个页面内有对应的操作功能 修改功能
这个功能可以修改写好了的菜单数据 例如:名称/排序/路由地址/状态 如果是系统自带的菜单 如果不需要 就可以把菜单的状态切换到 停用
如果是自己新增的菜单 这个功能可以修改排序 调整菜单在左侧的位置 删除功能
这个功能就是把自己已经写好的菜单删除掉(不建议使用,如果某个菜单不用了可以停用)
系统自带菜单是无法删除的 只能停用 新增功能
有两个新增
一个是表单左上角的新增 主要是新增菜单
第二个是表单列表的操作新增 主要是新增页面和按钮等
但是其实两个无区别 新增目录 上级菜单:
这个主要是选择菜单所处的层级 如果是主类目就是一级菜单 还可以选择一级菜单下面的菜单 作为它的二级菜单 菜单类型:
有三个类型 分别是 目录 菜单 按钮
今天主要讲讲目录和菜单
可以发现 点击目录和点击菜单 所新增的画面是不一样的 因为目录是一级分类 而菜单是下面对应的页面,需要设置对应的路径和权限等信息 菜单图标:
选择菜单名称前面的小图标
可以在源文件内添加自己需要的图标再选择 菜单名称:
显示的目录/菜单名称 显示排序:
就是目录/菜单的展示顺序 基本是从1开始向后排序 是否外链:
如果选择 则路由地址需要以 http(s):// 开头 路由地址:
访问的动态路由地址 比如 user 显示状态:
选择隐藏 则该路由不会出现在左侧边栏 但是可以通过路由去访问 菜单状态:
选择停用 则该路由不会出现在左侧边栏 并且不能访问 新增菜单
由于新增菜单和新增目录有重合的 所以这里只写不重合的地方
组件路径:
访问的组件路径 例如: system/user/user 默认是在views目录下的
权限字符:
控制器中定义的权限字符
路由参数:
访问路由的默认传递参数 比如 {id: 1, name: admin}
是否缓存:
选择是 则会被 keep-alive缓存 需要匹配组件的 name 和地址保持一致 新建目录/菜单
新建目录
在添加对应的目录/菜单后 还需要手动的在源文件内去添加对应的路径
比如说 新增了一个用户目录 user
就需要在 src/views 文件下面新增一个文件 user 来充当目录 新建菜单
这个在前面添加的时候 就需要配置好动态路由并且加进去
例如我在添加的时候 组件路径为 user/user/index
就需要在文件对应路径添加对应页面 index.vue就是该菜单会展示的内容
