jeecg-boot 官方文档v2.0快速开始之hello world 前端教程

 

jeecg-boot 官方文档 快速开始之hello word

前端踩过的坑

1. 前端新建vue  helloworldTest文件，若新建文件无vue选项，请先在idea 上按装vue 插件

    

 

2. 新建helloworldTest.vue  只能有一个根标签（div 或者其他）也可为空文件

<template>
    <div>
      {{msg}}
    </div>
</template>

<script>
    import {getAction} from "../../api/manage";

    export default {
      data() {
        return {
          msg: ""
        }
      },
      methods: {
        hello() {
          var url = "/test/jeecgTest/hello"
          getAction(url).then((res) => {
            if(res.success){
              this.msg = res.result;
            }
          })


        }
      },
      created() {
        this.hello();
      }
    }
</script>

<style scoped>

</style>

3. 运行后台及前端代码， 登录jeecg-boot 

设置菜单：

 

 

注意： 菜单名称及菜单路径可随意设置； 前端组件路径为新建文件的相对路径。

可取idea中复制 src\views\jeecg\helloworldTest.vue 删除view及之前，和后缀 jeecg/helloworldTest 注意反斜杠

 4. 角色管理授权  

找到新建的菜单，如下图，选中并保存：