將後臺資料以List返回到HTML介面
阿新 • • 發佈:2019-02-12
現階段在做畢設,現在遇到的問題是我想把後臺從資料庫中取出的資料傳到前端HTML頁面,而且是List<E>集合,其中E我又是定義的一個video類,目的就是想在前端不同的地方輸出不同的屬性。
video的定義就是資料庫中的幾個欄位:video{title,address,c_id}。
controller中程式碼如下:
int c_id=01;
Video video=new Video();
List<Video> videolist = new ArrayList<>();
try {
videolist=courseServiceImpl.getVideoList(c_id);
}catch (ApplicationException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
剛開始不能將Video物件返回到前端去,是因為我沒有定義video,也就是少寫了一行程式碼
Video video=new Video();
導致在前端始終沒法輸出video.title欄位,提示我沒有相關定義。
HTML中的程式碼如下:
<script th:inline="javascript">
var arr = [[${videolist}]];
arr.forEach(function(e) {
document.write(e.title);
})
</script>
這部分呼叫了forEach函式,能把從後臺獲得的videolist迴圈遍歷輸出。
video的定義就是資料庫中的幾個欄位:video{title,address,c_id}。
controller中程式碼如下:
int c_id=01;
Video video=new Video();
List<Video> videolist = new ArrayList<>();
try {
videolist=courseServiceImpl.getVideoList(c_id);
}catch (ApplicationException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
剛開始不能將Video物件返回到前端去,是因為我沒有定義video,也就是少寫了一行程式碼
Video video=new Video();
導致在前端始終沒法輸出video.title欄位,提示我沒有相關定義。
HTML中的程式碼如下:
<script th:inline="javascript">
var arr = [[${videolist}]];
arr.forEach(function(e) {
document.write(e.title);
})
</script>
這部分呼叫了forEach函式,能把從後臺獲得的videolist迴圈遍歷輸出。