您的位置：首页 > Web前端 > JavaScript

7月16日学习内容：把jsp页面转化为html页面

2015-07-17 00:00 826 查看

今天学习的是使用thymeleaf把JSP文件转化为HTML。

要注意在meta.INF里面的context.xml文件里数据库的链接和用户名密码。

首先在servlet里对配置文件进行追加（追加thymeleaf的配置文件）：



<bean id="templateResolver"

class="org.thymeleaf.templateresolver.ServletContextTemplateResolver">

<property name="prefix" value="/WEB-INF/html/" />

<property name="suffix" value=".html" />

<property name="templateMode" value="HTML5" />

</bean>

<bean id="templateEngine" class="org.thymeleaf.spring4.SpringTemplateEngine">

<property name="templateResolver" ref="templateResolver" />

</bean>

<bean id="viewResolverThymeleaf" class="org.thymeleaf.spring4.view.ThymeleafViewResolver">

<property name="templateEngine" ref="templateEngine" />

<property name="characterEncoding" value="UTF-8"/>

<property name="order" value="0"/>

</bean>

然后第二步，把Jsp文件删除建立同名的html文件

注意得在每个html文件的顶头写入解析代码：

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

让页面与thymeleaf相关联，否则在页面无法解析。

3导入几个包如下：

thymeleaf-2.1.4.RELEASE.jar

thymeleaf-spring4-2.1.4.RELEASE.jar

unbescape-1.1.0.RELEASE.jar

但这三个包并打不开看不了里面有什么。

4.特别注意的是thymeleaf对每个文件的要求比较严格，需要在每句话的结束加个结束符，也就是反斜杆。否则会出错。

然后对该该加的th: 的地方加入th：

例如就是我建立的三个html页面的代码：

注意加横线的那个地方要加上

login:

<form action="initupdate" th:object="${userBean}" method="POST">

<input name="userId" type="text" th:value="${userBean.userId}"/>

<input name="userName" type="text" th:value="${userBean.userName}"/>

${message}

<button type="submit" name="update">更改</button>

</form>

hellloWorld:

<form action="init" th:object="${userBean}" method="post">

<input name="userId" type="text"/>

<button type="submit" name="insert">插入</button>

<button type="submit" name="search">搜索</button>

</form>

search:

<div th:each="userInfo,status:${List}">

<table>

<tr>

<td><a th:href="@{delete?(userId=${userInfo.userId})}"&
3ff0
gt;Do you want it?<span th:text="${userInfo.userId}">250</span></a></td>

<td><span th:text="${userInfo.userName}"></span></td>

</tr>

</table>

</div>

千万注意这几个页面代码，细小的错误就能导致错误。

最后在html页面中要输入值的话必须要使用标签<span>，具体的写法参考search页面的写法。标签中的250数字是用来在静态页面中随意显示一个值，保证美工人员能看到值显示在何处，写什么都无所谓，不写也没有关系，但不写美工不知道值在哪，不好设计页面。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航