若依RuoYi-Vue创建菜单并添加自定义页

全文见：若依管理系统RuoYi-Vue（一）：项目启动和菜单创建

添加菜单和页面是若依管理系统最核心的功能，也是使用者最关心的事情，这里涉及到核心中的核心功能：权限，先不考虑那么多，直接新增页面，看看能否生效。

下面演示新闻列表页添加的过程，这里如果想要新增新闻列表菜单，需要先新增“新闻”父菜单目录，再新增“新闻列表”菜单项。

1、添加新闻父目录菜单

依次 点击系统管理->菜单管理->新增，在弹出框中输入内容如下：

这里，菜单图标随意选择，路由地址随意输入news 即可

2、添加新闻列表菜单

在上一步新建的新闻目录那一行点击新增按钮，在弹出框中输入内容如下

 完成之后，新闻列表菜单就添加完成了，之后刷新页面，当前 admin 管理员就能看到添加的菜单了

但是点击新闻列表菜单，会报错，说是没有找到 news/list/index模块，

因为虽然我们定义好了路由和菜单，但是真正的前端页面还没有添加。

毕竟 每一个菜单项都要有一个页面和它对应的嘛。

3、添加新闻列表页面

在前端项目ruoyi-ui 的 ruoyi-ui/src/views 目录下新增 news/list/index.vue 文件，文件内容如下：

 写入下面的代码

<template>
    <div>
        这里就是新闻列表
    </div>

</template>

<script>
export default{
    name:'index'
}
</script>
<style scoped>

</style>

之后再点击新闻列表页，就可以看到页面内容了（ 如果出现缓存问题，重新运行命令 npm run dev 即可解决）