泛微e9开发 编写前端请求后端接口方法以及编写后端接口

泛微e9开发 前端请求后端接口以及后端发布接口

前端请求后端接口

前端发起get请求

javascript 复制代码
fetch('/api/youpath', {
    method: 'GET',  // 默认 GET 方法,可以省略
    headers: {
        'Content-Type': 'application/json',  // 通常 GET 请求无需指定 body,Content-Type 不太重要
    },
})
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error('Error:', error));

前端发起post请求

javascript 复制代码
fetch('/api/youpath', {
    method: 'POST',  // 指定请求方法为 POST
    headers: {
        'Content-Type': 'application/json',  // 指定请求体格式为 JSON
    },
    body: JSON.stringify({  // 将 JavaScript 对象转为 JSON 字符串
        name: 'John Doe',
        age: 30
    }),
})
    .then(response => response.json())  // 解析 JSON 响应
    .then(data => console.log(data))  // 处理响应数据
    .catch(error => console.error('Error:', error));  // 错误处理

后端发布接口

首先这个后端接口的路径必须是在com/api这个目录的下面!!!

get类型的接口

java 复制代码
package com.api.customization.kq.web;

import com.alibaba.fastjson.JSON;
import weaver.conn.RecordSet;
import weaver.general.BaseBean;

import javax.ws.rs.GET;
import javax.ws.rs.Path;
import javax.ws.rs.Produces;
import javax.ws.rs.QueryParam;
import javax.ws.rs.core.MediaType;
import java.util.HashMap;

@Path("/customization/hrm/kq")
public class CardReplacementAction {

    @GET
    @Path("/card/getNumber")
    @Produces(MediaType.APPLICATION_JSON)
    public String intervene(@QueryParam("userid")int userid, @QueryParam("date")String date) {
        BaseBean baseBean = new BaseBean();
        HashMap<String, Object> result = new HashMap<>();
        // 接受参数调用方法
        RecordSet recordSet = new RecordSet();
        String sql = "select * from formtable_main_26 where sqr = "+userid+" and sqrq like '"+date.substring(0, 7)+"%'";
        recordSet.executeQuery(sql);
        try {
            result.put("number", recordSet.getArray().size());
        }catch (Exception e) {
            baseBean.writeLog("==lzl==error:"+e.getMessage());
        }
        return JSON.toJSONString(result);
    }
}

post 类型的接口

方法一:通过从request对象中读取参数值

java 复制代码
@POST
@Path("/getSomethingList")
@Produces(MediaType.TEXT_PLAIN)
public String List(@Context HttpServletRequest request, @Context HttpServletResponse response) {
	Map<String, Object> apidatas = new HashMap<String, Object>();
	String requestname = Util.null2String(request.getParameter("requestname"));
    String workflowid = Util.null2String(request.getParameter("workflowid"));
	apidatas.put("status", "1");
	return JSONObject.toJSONString(apidatas);
}

方法二:用类接收参数

java 复制代码
import javax.ws.rs.Consumes;
import javax.ws.rs.POST;
import javax.ws.rs.Path;
import javax.ws.rs.Produces;
import javax.ws.rs.core.MediaType;
import javax.ws.rs.core.Response;

// 定义路径
@Path("/users")
public class UserResource {

    // 接收 POST 请求
    @POST
    @Consumes(MediaType.APPLICATION_JSON)  // 接收 JSON 数据
    @Produces(MediaType.APPLICATION_JSON)  // 返回 JSON 数据
    public Response createUser(User user) {
        // 这里,JAX-RS 自动将 JSON 请求体解析为 User 对象

        // 打印接收到的用户信息
        System.out.println("Received user: " + user.getName() + ", " + user.getAge());

        // 返回成功响应,并返回用户对象
        return Response.status(201)  // HTTP 201 状态码:资源已创建
                .entity(user)  // 将用户对象作为响应返回
                .build();
    }
}

注意事项

  • 首先接口必须发布在com.api包下
  • 前端访问后端接口路径的时候需要在你编写的接口路径前加上/api比如访问上面的post接口就得访问/api/users
相关推荐
j***49563 分钟前
Spring Boot 各种事务操作实战(自动回滚、手动回滚、部分回滚)
java·数据库·spring boot
保加利亚的风5 分钟前
【Java】Spring Boot Event事件驱动开发:使用 ApplicationEvent 实现解耦通信
java·驱动开发·spring boot
大怪v6 分钟前
【创世界01】头脑热一把,我要带你纯前端手搓虚拟世界💪!
javascript·css·html
豆奶特浓614 分钟前
谢飞机勇闯Java面试:从内容社区的缓存一致性到AI Agent,这次能飞多高?
java·微服务·ai·面试·架构·缓存一致性·feed流
Pou光明15 分钟前
7_线程安全_线程间的内存可视性2缓存_内存屏障_读写排序
java·开发语言·缓存
CV_J19 分钟前
L12_用户菜单权限
java
来旺20 分钟前
互联网大厂Java面试实战:核心技术栈与业务场景深度解析
java·spring boot·docker·kubernetes·mybatis·hibernate·microservices
code_Bo21 分钟前
使用micro-app 多层嵌套的问题
前端·javascript·架构
小灰21 分钟前
VS Code 插件 Webview 热更新配置
前端·javascript
big-seal22 分钟前
XML解释
xml·java·数据库