Web项目中用模板Jsp页面引入所有静态样式脚本文件（js,css等）

0 0

–>

这样的好处是不需要再每个页面中都添加太多的外链接（不会减少请求数量），但对开发会更快捷，如果更改这些文件的位置或名称，只需要更改模板文件，不需要一个一个页面复制粘贴；同时可以为不同jsp页面组创建不同的模板，引入不同的样式文件。

以下是项目结构（略复杂，SpringMVC架构，取所需即可），通过redirect.jsp重定向到/jsp/pages/exercise.jsp文件（相当于主页），这个文件里面引用了一个公共模板jsp/template/head-res-main.jsp，用来一次引入所有外部静态文件。

所有静态文件都放在web页目录下。

Web项目中用模板Jsp页面引入所有静态样式脚本文件（js,css等）

两个文件内容：

/jsp/pages/exercise.jsp

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>练习</title>
        <%@ include file="../template/head-res-main.jsp" %>
    </head>

jsp/template/head-res-main.jsp

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
        <script src="js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>

        <link rel="stylesheet" type="text/css" href="css/main.css" />
        <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
    </head>
</html>