思路

---

文本使用jeecg集成的getAction()函数实现vue前端向后端请求数据

代码

getAction()函数

export function getAction(url,parameter) {
  return axios({
    url: url,
    method: 'get',
    params: parameter
  })
}

需要向函数传递操作查询的后端代码的路由和查询参数，如id或者是其他查询字段的值

vue前端代码

无参请求获取查询数据

---

//无参请求获取查询数据

<script>

  //调用getAction函数
  import {getAction} from "@/api/manage";

  export default {

  name: "IndexCard",
    data(){
      return{
        //请求路由
        release_url:"/ctms/ctNotice/ReleaveData"  ,
        //接受数据的全局变量
        result_data:"",  

      }
    },

    methods: {

    //获取查询数据
      loadData(){
        getAction(this.release_url).then((res)=>{
          console.log("查询数据",res);
          this.result_data =res.result.records;
        })
      },

    },
    created() {
      //调用方法
      this.loadData();
    },

}
</script>

有参请求查询数据

---

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

  export default {

  name: "IndexCard",
    data(){
      return{
        release_url:"/ctms/ctNotice/ReleaveData"  ,//公告地址
        result_data:"",
        //请求参数
        params:{
          id:1
        },

      }
    },

    methods: {

    //获取已发布的公告
      loadData(){
        getAction(this.release_url,this.params).then((res)=>{
          console.log("查询数据",res);
          this.result_data =res.result.records;
        })
      },

    },
    created() {
      //调用方法
      this.loadData();
    },

}
</script>

后端Java代码

 通过注释@RequestParam获取前端传来的参数，使用查询构造器  QueryWrapper查询

 @RequestMapping(value = "/ReleaveData",method = RequestMethod.GET)
	 public Result<?> testData(CtNotice ctNotice,
			 @RequestParam(name="pageNo", defaultValue="1") Integer pageNo,
			 @RequestParam(name="pageSize", defaultValue="10") Integer pageSize,
			 HttpServletRequest req) {
		 QueryWrapper<CtNotice> queryWrapper = QueryGenerator.initQueryWrapper(ctNotice, req.getParameterMap());
		 queryWrapper.eq("send_status","1");
		 queryWrapper.orderByDesc("senddate");
		 Page<CtNotice> page = new Page<CtNotice>(pageNo, pageSize);
		 IPage<CtNotice> pageList = ctNoticeService.page(page, queryWrapper);
		 System.out.println(pageList);
		 return Result.OK(pageList);

	 }