前言:前後端互動時後端,在沒有得到後端資料時,需要自行模擬資料,來展示到頁面,這樣提高我們的開發效率,同時也向後端請求我們想要的資料格式,最後得到後端資料僅需改變介面即可,這時候用到我們強大的資料模擬
mock資料:模擬資料
mockjs官網:
mockjs官方文件:
具體使用方法
第一步 安裝mockjs
npm install mockjs第二步 建立乙個mock目錄生成mock資料
例如:course.js
import mock from
"mockjs"
;//mock課程資料
var result=mock.
mock(]
}]}}
);export
default result;
//建立mock的入口檔案,並配置請求的介面位址,提交方式,返回的假資料
import mock from
'mockjs'
//匯入的模擬資料
import coursedata from
"./course"
;/**
* mock.mock( rurl, rtype, template )
* rurl:請求的介面位址
* rtype:提交方式
* template:返回資料
*/mock.
mock
("","get"
, coursedata)
;
第三步:將模擬的資料注入到main.js
//注入mock
import
'./mock'
第四步:在要請求的元件中請求資料
axios.
get(
'').
then
(res=>
)
easyui框架前後端互動 前後端是如何互動的
1.前端請求資料url由誰來寫?在開發中,url主要是由後台來寫的,寫好了給前端開發者.如果後台在查詢資料,需要借助查詢條件才能查詢到前端需要的資料時,這時後台會要求前端提供相關的查詢引數,這裡的查詢引數也就是url請求的引數。2.介面文件主要由誰來寫?介面文件也是主要由後台開發者來寫的,因為直接跟...
前後端資料互動
web程式我們都知道處理流程 頁面在使用者操作後,封裝成請求傳送到後台,然後後台處理並響應頁面的請求。但頁面怎樣傳送請求的,其實對於寫c 一直面對黑屏終端的我們初學者是真的不知道怎樣做的。由於畢業設計需要加入web,特此去了解了js的ajax請求,才了解到頁面是怎樣處理的。故寫部落格記錄js和php...
前後端提交資料
前端layui,使用axios提交資料,後端controller接收資料 前端是表單 data 如果使用data data.field也可以。後端定義了乙個類user data equalsandhashcode callsuper false tablename tb user public cl...