JeecgBoot低代码平台+Vue3之新建vue页面的路由配置及权限配置

1.克隆项目安装依赖并将项目跑起来
JeecgBoot低代码平台+Vue3之新建vue页面的路由配置及权限配置_第1张图片
2.查找到需要添加的路由文件
JeecgBoot低代码平台+Vue3之新建vue页面的路由配置及权限配置_第2张图片
3.找到路由文件
JeecgBoot低代码平台+Vue3之新建vue页面的路由配置及权限配置_第3张图片
添加新的模块
JeecgBoot低代码平台+Vue3之新建vue页面的路由配置及权限配置_第4张图片
4.编写新的页面
JeecgBoot低代码平台+Vue3之新建vue页面的路由配置及权限配置_第5张图片

<template>
  <div class="newform">
    <h2>hello!new formh2>
  div>
template>
<script lang="ts" setup>script>
<style lang="less">style>

5.在系统管理->菜单管理->里面找到同级模块的配置,然后新建一个跟他类似的配置。
JeecgBoot低代码平台+Vue3之新建vue页面的路由配置及权限配置_第6张图片
同级菜单:
JeecgBoot低代码平台+Vue3之新建vue页面的路由配置及权限配置_第7张图片
新增菜单:
JeecgBoot低代码平台+Vue3之新建vue页面的路由配置及权限配置_第8张图片
增加完成后就可以在同级菜单看到了
JeecgBoot低代码平台+Vue3之新建vue页面的路由配置及权限配置_第9张图片
6.在系统管理->角色管理里面增加用户的权限,这样用户就可以看到该页面了。
JeecgBoot低代码平台+Vue3之新建vue页面的路由配置及权限配置_第10张图片
JeecgBoot低代码平台+Vue3之新建vue页面的路由配置及权限配置_第11张图片
刷新一下页面就可以看到新增的vue页面了!
JeecgBoot低代码平台+Vue3之新建vue页面的路由配置及权限配置_第12张图片

你可能感兴趣的:(新技术,后管开发--JEECG,vue.js,前端,javascript)