第十六章：web应用开发

前言

前面讲了这么多直接，都没有涉及到前端web和后端交互的部分。因为作者所在公司是采用 方式进行 项目开发了。所以都是后端提供 接口，前端根据 或者服务自行调用的。后台也有读者说为何没有关于web这部分的集成文章。本章节就主要讲解下如何渲染页面的。

一点知识

我们知道，在 开发时，一般都会涉及到很多的静态资源，如 、 、 文件等。

的默认的静态文件目录是：

所以一般上我们只需要把静态文件放入前面的四个任一一个即可。默认都放在 下，对应路径即为： 。

而从官网文档里也可以获悉，为了实现动态的html， 是通过模版引擎进行页面结果渲染的，目前(1.5.15)版本的提供默认配置的模版引擎主要为：

FreeMarker

Groovy

Thymeleaf

Mustache

对于模版引擎而言， 默认存放模版文件的路径为 ，当然也可以通过配置文件进行修改的。因为不同的模版引擎对应的配置属性是不一样，所以在具体讲解模版引擎时，会提到的。

当然了，使用 也是可以的，但官方已经不建议使用 了，本文也会讲解下 下 的支持的，比较有很多老的项目还是使用 居多的。

知道了以上的一些默认配置和知识点后，就可以进行模版引擎的集成使用了。本章节主要讲解下常用的 、 及 三个的集成和使用，其他的基本用法都一样，就是各模版引擎的语法的差异了。

FreeMarker支持

FreeMarker是一款模板引擎： 即一种基于模板和要改变的数据，并用来生成输出文本(HTML网页，电子邮件，配置文件，源代码等)的通用工具。

0.POM依赖

1. 配置加入相关配置：

2.编写控制层

:

3.编写模版文件

:

4.启动应用，访问：http://127.0.0.1:8080/freemarker/mv?name=oKong 或者 http://127.0.0.1:8080/freemarker/map?name=oKong 就能查看页面了。

关于一些 的语法这里就不说明了，大家可到官网查看下：https://freemarker.apache.org/docs/index.html或者，中文参考(可能版本不是最新)：http://freemarker.foofun.cn/toc.html

Thymeleaf支持

是一个 模板引擎，可用于Web与非Web环境中的应用开发。 的主要目标在于提供一种可被浏览器正确显示的、格式良好的模板创建方式，因此也可以用作静态建模。你可以使用它创建经过验证的XML与HTML模板。相对于编写逻辑或代码，开发者只需将标签属性添加到模板中即可。接下来，这些标签属性就会在DOM（文档对象模型）上执行预先制定好的逻辑。

0.pom依赖

1. 配置加入相关配置：

2.编写控制层

:

3.编写模版文件

4.启动应用，访问：http://127.0.0.1:8080/thymeleaf/mv?name=oKong 或者 http://127.0.0.1:8080/thymeleaf/map?name=oKong 就能查看页面了。

JSP支持

虽然 官方已经不建议使用 了。但在一些老的项目迁移时，jsp的支持是毋庸置疑的。所以还是需要兼容的。。

0.pom依赖加入

1. 配置加入相关配置：

2.编写控制层

3. 目录下编写jsp文件

5.启动应用，访问：http://127.0.0.1:8080/jsp/mv?name=oKong 或者 http://127.0.0.1:8080/jsp/map?name=oKong 就能查看页面了。

这里需要注意：在使用 打包插件时，默认情况下打包的应用时访问不了 目录文件的，需要把版本修改为 版本，同时 中加入 配置：

相关资料

总结

本章节主要是讲解了利用模版引擎进行动态页面实现功能。对于有此需要的同学可以去看下使用的模版引擎的相关使用教程，这里就不多加阐述了，毕竟目前工作现在用这个的机会比较少了，也只是知道个大概使用，具体一些深入的使用还是看具体的官方文档吧！

最后

目前互联网上很多大佬都有 系列教程，如有雷同，请多多包涵了。本文是作者在电脑前一字一句敲的，每一步都是实践的。若文中有所错误之处，还望提出，谢谢。

老生常谈

个人QQ：

微信公众号：

系列