RAP2-中臺模擬器學習

中臺接口

利用中臺提供的網絡接口可以模擬後臺接口的返回參數,使得前臺開發可以脫離後臺接口的限制,更加自由。

中臺接口設置

  1. 新建接口
    可以新建模塊,然後在模塊中新建接口。
    在這裏插入圖片描述
    新建接口主要需要選擇類型和狀態碼。狀態碼一般都會直接選擇200,類型一般會選擇GET或POST。
    在這裏插入圖片描述
    在這裏插入圖片描述
    修改或刪除接口信息。
  2. 參數設置

在這裏插入圖片描述
移動:可將當前接口移動或複製到本模塊或新模塊。
編輯:編輯本接口內容,點擊編輯即可設置入參和出參。當類型爲GET是入參會自動匹配傳來的參數(只能匹配鍵值對)。參數模板使用mock語法。

在這裏插入圖片描述
新建:設置每個參數的屬性
在這裏插入圖片描述
根據所創建的數據類型不同(array或object),左側會出現“+”號,點擊“+”號可以向其內部添加屬性
導入:直接把自己需要的數據的代碼格式粘貼過來
在這裏插入圖片描述
注意要點擊保存!!!
在這裏插入圖片描述
此地址爲自己設置的URL地址,點擊可以進入鏈接,調用接口。
在這裏插入圖片描述

  1. 注意點
    3.1 入參沒有太多作用,只能進行必填的校驗,校驗還不是很好,只有GET下非數組形式的JSON才能夠校驗出來。因此建議不要過多關注入參內容,只關注出參和mock語法。
    在這裏插入圖片描述
    在這裏插入圖片描述

form-data:
就是http請求中的multipart/form-data,它會將表單的數據處理爲一條消息,以標籤爲單元,用分隔符分開。既可以上傳鍵值對,也可以上傳文件。當上傳的字段是文件時,會有Content-Type來表名文件類型;content-disposition,用來說明字段的一些信息;
由於有boundary隔離,所以multipart/form-data既可以上傳文件,也可以上傳鍵值對,它採用了鍵值對的方式,所以可以上傳多個文件。
x-www-form-urlencoded:
就是application/x-www-from-urlencoded,會將表單內的數據轉換爲鍵值對
raw
可以上傳任意格式的文本,可以上傳text、json、xml、html等
binary
相當於Content-Type:application/octet-stream,從字面意思得知,只可以上傳二進制數據,通常用來上傳文件,由於沒有鍵值,所以,一次只能上傳一個文件

但這些接口入參並沒有體現出來,所以入參可以作爲簡單的參考即可。
3.2

中臺接口使用

  1. 在前端頁面使用
    簡單的ajax調用即可;
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>中臺接口測試</title>
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#b01").click(function(){
                $.ajax({
                    url:"http://39.107.52.108:8001/app/mock/55/test/101010111010010232",//接口地址
                    data:{"teachers":"ee","name":"dd","course":"dsd"}, //要提交的數據是一個JSON
                    type:'POST', //提交方式
                    dataType:'JSON',    // 返回數據的類型
                    success:function (data) {
                        if (data.success){
                            alert(data.teacher);
                        }else {
                            alert(data.teacher);
                        }
                    }
                } )
            });
        });
    </script>
</head>
<body>

<div id="myDiv"><h2>通過 AJAX 改變</h2></div>
<button id="b01" type="button">改變內容</button>

</body>
</html>
  1. 在control層使用(即使用Java代碼調用)
    https://www.cnblogs.com/hhhshct/p/8523697.html
 public static String doGet(String httpurl){
        HttpURLConnection connection =null;
        InputStream is =null;
        BufferedReader br=null;
        String Result=null;//返回結果字符串
        System.out.printf("\r\n 0");
        try {
            System.out.printf("\r\n 1");
            //創建遠程url鏈接對象
            URL url=new URL(httpurl);
            //通過遠程URL對象打開一個鏈接,強轉成HttpURLConnection類
            connection=(HttpURLConnection) url.openConnection();
            //設置鏈接方式GET
            connection.setRequestMethod("GET");
            //設置鏈接主機服務器超時時間15000毫秒
            connection.setConnectTimeout(15000);
            //設置讀取遠程返回數據的超時時間6000毫秒
            connection.setReadTimeout(6000);

            connection.setDoOutput(true);//允許輸入
            connection.setDoInput(true);//允許輸出
            //發送請求
            connection.connect();
         //post 傳參部分
          /*  DataOutputStream out = new DataOutputStream(connection.getOutputStream());
            JSONObject obj=new JSONObject();
            obj.put("test","22");
            String json = java.net.URLEncoder.encode(obj.toString(), "utf-8");
            out.writeBytes(json);
            out.flush();
            out.close();*/
            System.out.printf("\r\n "+connection.getResponseCode());
            if (connection.getResponseCode()==200){
                System.out.printf("connection.getResponseCode()");
            is=connection.getInputStream();
            //封裝輸入流is並制定字符集
                br=new BufferedReader(new InputStreamReader(is,"UTF-8"));
            //存放數據
                StringBuffer sbf=new StringBuffer();
                String temp=null;
                while ((temp=br.readLine())!=null){
                    sbf.append(temp);
                    sbf.append("\r\n");
                }
                Result=sbf.toString();
            }
        }catch (MalformedURLException e){
            e.printStackTrace();
        }catch (IOException e){
            e.printStackTrace();
        }finally {
            //關閉資源
            if(null!=br){
                try{
                    br.close();
                }catch (IOException e){
                    e.printStackTrace();
                }
            }
            if (null != is) {
                try {
                    is.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            connection.disconnect();// 關閉遠程連接
        }
        JSONObject J=JSONObject.fromObject(Result);//進行json轉換
        System.out.printf(J.toString());
        System.out.printf(J.get("string").toString());
        return Result;
    }

postman

  1. 介紹
    用戶在開發或者調試網絡程序或者是網頁B/S模式的程序的時候是需要一些方法來跟蹤網頁請求的,用戶可以使用一些網絡的監視工具比如著名的Firebug等網頁調試工具。今天給大家介紹的這款網頁調試工具不僅可以調試簡單的css、html、腳本等簡單的網頁基本信息,它還可以發送幾乎所有類型的HTTP請求!Postman在發送網絡HTTP請求方面可以說是Chrome插件類產品中的代表產品之一。
  2. 使用
    官網下載:https://www.getpostman.com/downloads/
    在這裏插入圖片描述
    下載並安裝後可直接在桌面打開即可。

簡單使用:
在這裏插入圖片描述
按照圖中提示在postman中導入配置
在這裏插入圖片描述

在這裏插入圖片描述
url 是環境變量,可能需要自己配置,即在右上角進項配置,步驟如下圖:
點擊右上角齒輪彈出窗體。
在這裏插入圖片描述
點擊ADD,添加環境變量;
在這裏插入圖片描述
在這裏插入圖片描述

mock

網址:http://mockjs.com/

多有不足,共同探討

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章