泛微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
相关推荐
不是光头 强9 小时前
Java 后端 AI 技术选型与学习路线
java·人工智能·学习
paopaokaka_luck10 小时前
基于springboot3+vue3的文山民族文化资源展示与推广平台(协同过滤算法、Echarts 图形化分析)
java·前端·spring boot·学习·echarts
eralong10 小时前
Java IO 与 NIO
java·后端
Jesse_EC10 小时前
我给消息推送加了 Publisher Confirm,然后亲手引入了一个竞态
java
S3rein10 小时前
JAVA多线程手撕
java·多线程
用户81818706274610 小时前
第7章 死锁排查实录:jstack定位死锁的完整流程
java·后端
SendTomo10 小时前
send.wang(私传网)基于网页P2P直连传输大文件的优势
javascript·网络·webrtc·html5·p2p
喵同志不止步于码农10 小时前
Java Caffeine 快速入门
java·开发语言·后端·并发·缓存一致性
Java成神之路-10 小时前
Java 并发灵魂拷问:notify/signal 唤醒顺序是规范还是实现?
java
Java牛马11 小时前
Caffeine 缓存及其应用相关总结
java·redis·缓存·caffeine·数据一致性·本地缓存