Web页面抽离通用模块

在web开发中，很多页面可能会有很多相同的代码。比如导航栏、菜单栏、页脚等部分。如果在每个页面单独编写代码，如果需要调整的时候，就需要每个页面改一遍，不仅工作量很大，也容易出错。

解决办法就是将这些部分抽离出来单独建立文件，然后需要的时候引入。以JSP页面为例，可以将导航栏部分放入到header.jsp文件中，示例代码如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!-- Fixed navbar --><nav class="navbar navbar-inverse navbar-fixed-top">  <div class="container">    <div class="navbar-header">      <a class="navbar-brand" href="page/index.jsp">首页</a>    </div>    <div id="navbar" class="navbar-collapse collapse">      <ul class="nav navbar-nav">        <li><a href="page/hello.jsp">页面一</a></li>        <li><a href="page/world.jsp">页面二</a></li>      </ul>    </div>  </div></nav>

比如需要在首页index.jsp中加入这个导航栏，只需在html代码的需要位置嵌入如下代码：

<%@ include file="header.jsp" %>