将后台数据以List返回到HTML界面

时间:2022-03-21 19:57:46
    现阶段在做毕设,现在遇到的问题是我想把后台从数据库中取出的数据传到前端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循环遍历输出。