第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 Spring Boot 響應(yīng)延遲加載數(shù)據(jù)

使用 Spring Boot 響應(yīng)延遲加載數(shù)據(jù)

紫衣仙女 2023-04-27 17:18:12
我的解決方案基于前端應(yīng)用程序 React、redux 和 material-u 以及后端 Springboot 應(yīng)用程序。我有一個 Rest API,可以從數(shù)據(jù)庫中獲取大量記錄。這會在 UI 上造成延遲,我想防止這種情況發(fā)生。表格組件:export default function Export(props) {  return (   <div>  <MaterialTable    title={<Typography variant="h6">{}</Typography>}    data={props.data}    options={{      pageSize: 50,      pageSizeOptions: [50, 100, 150],      search: true,      sorting: false,      headerStyle: {        fontWeight: "bold",        padding: "4px",      },    }}  ></MaterialTable></div> );}export const getExportByLastModifiedDate = (lastModifiedDate) => { return async (dispatch) => {   dispatch({ type: EXPORT_BY_LASTMODIFEDDATE_START });   await axios({      method: "get",      url: "/api/export?lastModifiedDate=" + lastModifiedDate,  })  .then(function(response) {    dispatch({      type: EXPORT_BY_LASTMODIFEDDATE_SUCCESS,      payload: response.data,    });  })  .catch(function(error) {    dispatch({ type: EXPORT_BY_LASTMODIFEDDATE_ERROR, payload: error });  }); };};后端API:@GetMapping("/export")public ResponseEntity<List<ExportDto>> getExportByLastModifiedDate(@RequestParam(value = "lastModifiedDate", required = true) String lastModifiedDate) {        Optional<List<ExportDto>> optional = Optional.ofNullable(service.getExportByLastModifiedDate(lastModifiedDate));    return optional.map(response -> ResponseEntity.ok().body(response)).orElse(new ResponseEntity<>(HttpStatus.NOT_FOUND));}我想要做的是獲取前 1000 條記錄并將它們呈現(xiàn)給 UI,而在后端過程將繼續(xù)。我怎樣才能做到這一點 ?
查看完整描述

1 回答

?
郎朗坤

TA貢獻1921條經(jīng)驗 獲得超9個贊

一種可能的解決方案可能是在您的query和中添加分頁支持backend rest api。例如,首先你調(diào)用你的后端page=0&pageSize=1000,這將返回前 1000 條記錄,加載這些記錄后,你將調(diào)用后端page=1&pageSize=1000,這將返回接下來的 1000 條記錄。

如果您使用spring data jpa. 如果你正在使用native querythen,大多數(shù)數(shù)據(jù)庫都有支持這種分頁的語法,你需要修改你的分頁查詢。


查看完整回答
反對 回復(fù) 2023-04-27
  • 1 回答
  • 0 關(guān)注
  • 204 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號