如何檢視介面?

2021-08-19 00:22:28 字數 1783 閱讀 9697

話說

各位讀者盆友,晚上好!這裡介紹一下快速找介面。太基礎?yes!

目錄how?

summary

開發工具:idea

難度係數:★☆☆☆☆

建議用時:30min

前後端分離架構中,前後端互動都是靠介面對接的,後端定義好介面,online或者offline告知前端,即可同時開發,不受影響。前後端都需要快速找到介面,後端根據介面找到實現**,這是非常基礎的。

1.如何找介面?

我們直接訪問頁面,然後開啟開發者工具chrome:快捷鍵:mac 系統下:alt + command + i ,或者右鍵==》檢查,找到network選項卡即可。如圖:

如果有一點點基本的開發者工具基礎知識,我們知道:elements是用來檢視網頁結構的,也就是可以看到整體的html語言;console是控制台,network是請求想相應狀態,關於開發者工具,以後會專門在作總結。

1)乙個name就是乙個介面,xhr一般這麼過濾。header裡面的requesturl就是前端呼叫後端的介面;

在idea中,如何快速找到這個介面所對應的後端**?

在後端**中,這個介面就是指定的具體類中的某個方法,也就是path。

eg:這就是個介面,組成部分:

http——協議名稱

175.23.43.5 ——伺服器名稱

cscsc——服務名稱(對應後台乙個工程|乙個模組|乙個服務)

branch_center——請求路徑

dynamic—二級路徑

如何快速查詢呢?

記住快捷鍵是個好方法,但是快捷鍵總會忘記的,如果換了開發工具,不也忘了麼?

法1:記住快捷鍵是從**來的

edit ==》 find ==》find in path這樣就一勞永逸,即便忘記,也不怕。

因為大腦擅長邏輯,而不是擅長記憶。

法2:快捷鍵:ctrl + shift +f

這個快捷鍵和搜狗輸入法繁簡體切換衝突。

搜尋的時候,/這個加不加上,大有來頭。我一般選擇directory選項卡,選擇words過濾,

這樣篩選出來的都是@path()之類的,非常方便。

@path(」/branch_center/dynamic「)

@path(「branch_center/dynamic」)

這兩個搜的時候,就要區別有無/,如果直接/就會直接過濾掉第二個路徑。有時候,有的介面搜尋/ 或者branch_center也是找不到,需要加上」branch_center」,這就考驗你對@path理解的深刻與否了。

換做其他開發工具,也是類似。

2. summary

1.idea中快捷鍵:ctrl + shift +f (對應:edit ==> find ==> find in path),這個快捷鍵和搜狗輸入法繁簡體切換衝突。

記住快捷鍵沒什麼,重要的是知道這個快捷鍵怎麼來的。

double shift 就是全域性搜尋類

2.個人習慣選擇directory選項卡搜尋,然後精準匹配words

3.path的書寫大有講究。有無/是很關鍵的乙個指標。如果你預設以為/branch_center,那麼就直接過濾掉了branch_center

好了,再會~

檢視Dll介面

vs2010裡vcvarsall.bat是在d program files x86 microsoft visual studio 10.0 vc目錄下,執行方法是直接將vcvarsall.bat檔案拖入命令列視窗,然後回車。拖入相當於在命令列中輸入 d program files x86 micr...

如何檢視後端介面資料結構

如何檢視後端介面資料結構?拿echarts來說,首先,使用ajax向後端請求資料,各個值拼接成乙個字串返回 tooltip 1 使用 alert json.stringify param 的時候,彈出一些列資料 2 使用 console.log param 的時候,列印在控制台的資料。選擇需要的字段...

如何檢視linux版本 如何檢視LINUX是多少位

一 如何得知自己正在使用的linux是什麼版本呢,下面的幾種方法將給你帶來答案!1 root q1test01 cat proc version linux version 2.6.9 22.elsmp bhcompile crowe.devel.redhat.com gcc version 3.4...