《IDEA工具》最新版 2021.1 添加thymeleaf视图模板，添加mapper.xml视图模板，快速开发超级详细教程

最新推荐文章于 2024-07-19 17:25:40 发布

掉色的熊猫

最新推荐文章于 2024-07-19 17:25:40 发布

阅读量3.6k

点赞数 4

分类专栏： idea 配置安装文章标签： java web intellij idea html5 经验分享

本文链接：https://blog.csdn.net/weixin_42868605/article/details/117430716

版权

idea 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

配置安装

3 篇文章 0 订阅

订阅专栏

我们在开发的过程中，可能需要新建许多HTML页面，或者XML等等。

重复的配置往往会消耗掉太多时间，添加视图层模板，可以节省我们开发的时间，方便后期编程开发工作。如：thymeleaf，以及mapper.xml等等.

这里我就以新建thymeleaf模板为例子。

1.首先我们来看下图，在没有新建模板之前，我们在NEW中，是看不见什么自定义添加的模板的。
在这里插入图片描述
2.要添加新模板，要依次点击 file>Settings。
3.接着在弹出的窗口中输入 “File and Code Templates”,搜索到我们需要的选项，并点击它。

在这里插入图片描述
4.就会跳出接下来的页面。

如上图所示：
（1）首先我们要点击小加号，添加一个新的模板。
（2）然后在Name后的输入框中输入模板的名字，在Extension后输入模板的后缀名，而thymeleaf页面的后缀名是html，所以这里就输入了html。
（3）在区域内的空白地方输入模板的内容，考虑到有人可能会需要用到复制，所以这段代码我就粘在下面。
（4）最后只要保存关闭窗口即可，值得注意的是：这里需要把Enable Live Templates的方框打上勾。

Enable Live Templates翻译过来的意思是启用实时模板

代码如下：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>#[[$Title$]]#</title>
</head>
<body>
#[[$END$]]#
</body>
</html>

5.完成以上步骤后，我们在点击new，就可以看见选项卡中，有thymeleaf模板了。在这里插入图片描述
6.新建一个test。

7.可以看见，页面的内容正是我们填入模板的内容。
在这里插入图片描述

以上就是全部教程，如果你需要新建的是其他的模板，如mapper.xml等，也是同样的步骤哦，只需要修改对应的名字及后缀即可。

内容补充：

在模板代码中。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>#[[$Title$]]#</title>        
</head>
<body>
#[[$END$]]#
</body>
</html>

 //#[[$Title$]]#   #[[$END$]]#      这两处的作用是，当你新建一个模板页面时，在<title>标签中输入标题内容后，只需要点击回车键，光标就会直接跳到<body>内，省去了你挪动鼠标，或者挪动方向键的步骤，也可以给你节省一点点时间。