在myeclipse中创建JSP时,如何使用自定义的JSP模板

在创建JSP时,为了使页面排版布局更加美观、并且具有较高的交互性,除了使用自定义的一些CSS样式和JavaScript文件外,我们常常也需要借助优秀的第三方框架,例如jQuery(基础)、bootstrap等;要使用这些框架,必须在JSP页面引入相应的支持文件,很多框架都有几个基础的支持文件,这些文件是必须要引入的,那么问题来了,如果每个页面都手动的引入,一两个页面还可以接受,但要建立多了,这样重复性的工作一会就烦了,也会增加出错的概率。接下来我就为大家介绍两种种避免这些重复性工作的方法:

1 、通过<%@ include file=”xxx.jsp”%>静态引入

这种方法可以创建一个类似头文件的公共JSP,在里面引入所用框架的基础支持文件,这里可以不用写完整的JSP文件的格式,类似下面这种就行:

公共引入的JSP文件

然后在需要使用的JSP页面中引入:

在myeclipse中创建JSP时,如何使用自定义的JSP模板_第1张图片

这种方法类似于把多个需要引入的文件合在一个JSP文件中,然后再引入这一个文件。

2、自定义JSP模板,并应用于myeclipse中

这个方法也是我想重点讲的。因为第三方的框架不属于JSP规范中的一部分,所以myeclipse不可能提供针对于某个框架的JSP模板,这个很好理解;所以我们可以根据开发需要,自定义自己的JSP模板。接下来,我以自己实际的使用为例,进行介绍:
最近在使用boostrap框架进行响应式页面的开发,就以此为例:

1. 首先在项目根目录下引入bootstrap所需的文件,确定好文件的位置(确定后最好不要再改变了,后面的模板中文件引入的路径也是基于此位置):

在myeclipse中创建JSP时,如何使用自定义的JSP模板_第2张图片

2. 接下来新建一个JSP页面,然后修改成你想要的模板的样式:

在myeclipse中创建JSP时,如何使用自定义的JSP模板_第3张图片

3. 先关闭Myeclipse,然后在myeclipse的安装目录中找到以下文件:

在myeclipse中创建JSP时,如何使用自定义的JSP模板_第4张图片

4. 用解压工具打开(打开就行,不用解压),我这里用的是360压缩:

在myeclipse中创建JSP时,如何使用自定义的JSP模板_第5张图片

5. 依次打开上面标注的文件夹templates–>jsp–>…,可以看到:

在myeclipse中创建JSP时,如何使用自定义的JSP模板_第6张图片

6. 然后复制任意一个.vtl文件到桌面,我这里选择“Jsp-html.vtl”,然后打开(我用的是 editplus):

在myeclipse中创建JSP时,如何使用自定义的JSP模板_第7张图片

7. 然后复制我们刚才自定义的JSP模板样式代码,替换掉上图中myeclipse中给出的模板代码,然后保存重命名为“Jsp-html5.vtl”(这里可以为其他,但不能与templates–>jsp文件夹里的文件重名!):

在myeclipse中创建JSP时,如何使用自定义的JSP模板_第8张图片

8. 将重命名后的文件复制粘贴到templates–>jsp文件夹里(如果myeclipse不关闭,是放不进去的):

在myeclipse中创建JSP时,如何使用自定义的JSP模板_第9张图片

9. 返回到com.genuitec.eclipse.wizards_13.0.0.me201502130035.jar的根目录,找到templates.xml文件,打开进行以下修改:

在myeclipse中创建JSP时,如何使用自定义的JSP模板_第10张图片

10. 以上完成保存后即可关闭解压工具,然年重启myeclipse,在新建JSP文件时就可看到我们自定义的模板选择:

在myeclipse中创建JSP时,如何使用自定义的JSP模板_第11张图片

11. 到此完成!

欢迎大家批评指正~

你可能感兴趣的:(Java)