UniAppとSpring Bootのデータのやり取り方法はどうやって実装するの？

1年 ago
陽, 向宇
1 minute

uniappとspringbootの間でデータのやり取りを実現するためには、フロントエンドとバックエンドを分けて、APIを通じてデータの送受信を行う方法があります。

  1. SpringBoot内で、Controllerクラスを作成し、@RestControllerアノテーションを使用してそのクラスをコントローラーとしてマークし、同時に@RequestMappingアノテーションを使用してインターフェースのURLパスを定義します。インターフェースのメソッドでは、@RequestParamアノテーションを使用してuniappから渡されたパラメーターを取得し、その後ビジネスロジックを処理して結果をuniappに返します。

サンプルコード：

@RestController
@RequestMapping("/api")
public class ApiController {

    @RequestMapping("/getData")
    public String getData(@RequestParam("param") String param) {
        // 处理业务逻辑
        String result = "处理结果";
        return result;
    }
}
  1. UniAppの中で、uni.requestやuni.ajaxなどのメソッドを使用してHTTPリクエストを送信し、Spring Bootのインターフェースを呼び出してデータを取得することができます。リクエストでは、URL、リクエストメソッド、パラメータ、リクエストヘッダなどの情報を設定することができ、成功したコールバック関数で返されたデータを取得することができます。

コード例：

uni.request({
    url: 'http://localhost:8080/api/getData',
    method: 'GET',
    data: {
        param: '参数值'
    },
    success: function (res) {
        // 获取返回的数据
        console.log(res.data);
    }
});

上記の手順を踏むことで、uniappとspringbootの間でデータのやり取りが可能になります。

bannerAds