1、在如图demo文件夹下可以编写自己的后端代码。
我们编写hello的接口代码如下&＃xff1a;
1 &＃64;RestController
2 &＃64;RequestMapping("/hello")
3 &＃64;Slf4j//日志打印
4 public class HelloController {
5 &＃64;GetMapping("/hello")
6 public Result
7 Result
8 result.success("interface data hello");
9 return result;
10 }
11 }
2、打开webstorm寻找如下图目录编写前端代码&＃xff0c;视图加载的根目录在views目录&＃xff0c;原项目本身测试建立了jeecg目录&＃xff0c;我们在jeecg下新建视图文件
新建hello.vue如下&＃xff1a;
1
2
3
4
5
6 this is hello page
7 {{msg}}
8
9
10
11
38
39
3、查看配置文件可以看到前端项目里配置有后端地址
4、启动项目进行配置&＃xff0c;进入菜单管理新增菜单
菜单新增配置项目如下&＃xff1a;
5、配置admin拥有访问hello菜单的权限&＃xff0c;进入角色管理进行授权
授权图如下&＃xff1a;
6、刷新页面&＃xff0c;出现hello菜单 &＃xff0c;点击查看
京公网安备 11010802041100号