第八部分、JEECG-BOOT 基于生成的代码实战

第八部分、基于生成的代码实战

Hello World
前后端分离框如何快速进入开发，请参照下面hello world实现demo

一、后台服务代码实现

业务实现代码(jeecg-module-crm-biz)中的controller增加如下方法，需要注意的是Result要用import org.jeecg.common.api.vo.Result;

@RestController
@RequestMapping("/test/jeecgDemo")
@Slf4j
public class JeecgDemoController {

	/**
	 * hello world
	 * 
	 * @param id
	 * @return
	 */
	@GetMapping(value = "/hello")
	public Result<String> hello() {
		Result<String> result = new Result<String>();
		result.setResult("Hello World!");
		result.setSuccess(true);
		return result;
	}
}

访问请求http://localhost:8080/jeecg-boot/test/jeecg/hello 会提示token无效，
所以需要配置下拦截器ShiroConfig排除。

配置文件： jeecg-boot-base/jeecg-boot-base-core/org.jeecg.config.shiro.ShiroConfig
加入配置：filterChainDefinitionMap.put("/test/jeecgDemo/hello", "anon");

授权

jeecg-boot项目中的jeecg-boot-base/jeecg-boot-base-core进行修改。

修改完成，然后打包，通过maven进行insall后，再次debu gjeecg-module-crm，即可访问成功。
修改代码如下：

前端请求http://localhost:7002/jeecg-crm/test/jeecg/hello，会返回结果如下：

返回数据格式如下：

{
   
	"success": true,
	"message": "",
	"code": 0,
	"result": "Hello world!",
	"timestamp": 1637388574963
}

二、前台vue页面实现

1）创建vue页面src/views/jeecg/helloworld.vue

调用后台请求，获取返回的Hello World! 输出到页面，页面代码如下：

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

<script>
  import {
   getAction} from '@/api/manage'
  export default {
   
    data () {
   
      return {
   
        msg: ""
      }
    },
    methods: {
   
      hello () {
   
        var url = "/test/jeecg/hello"
        getAction(url).then((res) => {
   
          if (res.success) {
   
            this.msg = res.result;
          }
        })
      }
    },
    created() {
   
      th