一.freeMarker的配置(修改pom.xml)
在pom文件中添加freeMarker的依赖二.写freeMarker的页面
按照我的理解,freeMarker作为一种模板引擎,主要功能是将准备好的数据显示在页面上.其他部分就是一个html文件.注意freeMarker的文件后缀名是.ftl,下面以all.ftl(显示目前所有添加的课程)来分析如何写freeMarker页面.
首先看一下页面效果:
这就是一个简单的表格,唯一需要考虑的部分就是如何拿到课程的数据,可以看到数据是通过"添加新课程"来动态添加的,这里freeMarker就派上用场了.
<#list CourseList as Course>
<tr>
<td>${Course.id}</td>
<td>${Course.name}</td>
<td>${Course.teacher_name}</td>
<td>${Course.location}</td>
</tr>
</#list>
可以看到CourseList是已经准备好的数据(从Controller处传过来的),Course是定义关于Course的基本属性类.上面代码的意思就是从CourseList中取出一个个的Course.freeMarker中使用${}来表示变量,Course.id的意思就是取出Course的id属性.<tr>和<td>部分就是html中表格的基本语法.<#list>部分才是freeMarker的语法.
三.从Controller处将数据准备好
Controller控制页面的数据传输调用model的addAttribute函数将需要传递数据对应到相应的参数名,再返回相应的页面就可以了.
网友评论