泛微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
相关推荐
小bo波3 小时前
从"任意文件复制"深挖Java I/O:字符流与字节流的本质抉择
java·nio·io流·后端开发·文件复制
代码煮茶5 小时前
React 组件封装方法论 —— 以 Todo App 为例
javascript·react.js
任沫5 小时前
Agent之Function Call
javascript·人工智能·go
默_笙6 小时前
🛬 我让 AI 帮我写了一个打飞机游戏,结果 Canvas 把我整不会了
前端·javascript
梯度不陡6 小时前
AI 到底能不能从零写软件?ProgramBench 和 RepoZero 给出了两种答案
前端·javascript·面试
胡萝卜术8 小时前
滑动窗口最大值:从暴力到单调队列,层层优化全解析
前端·javascript·面试
kyriewen9 小时前
2026 年了,这 6 个 npm 包可以卸载了——浏览器原生 API 已经能替代
前端·javascript·npm
铁皮饭盒10 小时前
bun直接tsx,优雅!
javascript·后端
_柳青杨12 小时前
一文吃透 Node.js 事件循环:从原理到 Node 20+ 重大变更
javascript·后端
JieE2121 天前
LeetCode 101. 对称二叉树|JS 递归 + 迭代双解法,彻底搞懂镜像判断
javascript·算法