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" %>