最近在做基于spring+springMVC+mybatis的一个项目,前端的视图层用的是velocity模板引擎,之前经常碰到在网页中显示的表格在后台找不到对应的填充数据,如下图所示:
前台页面:
前端.inspection_list.vm文件代码:
此处的一行代码用来指定使用dataTables表格
下面的js文件可以用来渲染页面样式。
引入的pageContentManger.js我的理解是用来对表格内容进行管理的插件,而下面的inspection_list.js文件则用来定义js函数使inspection_list.vm文件能够跳转到控制器层,inspection_list.js文件如下:
进而再从控制器层跳转到下一个用来填充表格数据的vm文件,此vm文件内容如下:
如果我们对表格中的每条记录点击使其跳转到其他页面的话,可以在填充表格数据,即上面所示的.vm文件中foreach循环下的div class中添加onclick事件。
注:视图层页面中引入的js文件不一定要用做渲染前端页面样式,也可以将填充前端页面表格中的数据或者按钮的触发事件写在js文件中。