快速构建前端页面1，编写资源部署文件。 jspf (将所有要部署的资源写入此文件，以便以后每个页面在部署资源时可重用) (meta http-equiv=' content-type ' content=' text/html charset=utf-8 ' meta http-equiv=' x-ua-compatible ' content=' ie=edge ' meta http-equiv=' expires ' content he - jquery-- script type=' text/JavaScript ' src=' $ { app _ path }/script/jquery-easyui/jquery.min.js '/jquery-bootstrap-- metaname=' viewport ' content=' width=device-width， initial-scale=1.0 ' link href=' $ { app _ path }/script/bootstrap/CSS/bootstrap.min.CSS ' rel=' style sheet bootstrap-ex.CSS ' rel=' style sheet ' script src=' $ { app _ path }/script bootstrap.min.js '-bootstrap-paginator-- script src=' $ { app _ path }/script/bootstrap-paginator/bootstrap-paginator.min.- bootstrap-validator-- link href=' $ { app _ path }/script/bootstrap-validator/csstor js/bootstrap validator.min.js '/scriptsrc=' $ { app _ path }/script/boot strc }-bootstrap-treview-- - bootstrap-treeview.CSS bootstrap-treeview/bootstrap-treeview.min.js '/scriptscriptsrc=' $ { app _ path }/ssscriod bootstrap-tree eview-bootstrap-table-- link href=' $ { app _ path }/script/bootstrap-table/bootstrap-table bootstrap-table.min.js '/scriptscriptsrc=' $ { app _ path }/script/bootstrap-table/bootstrap } script/boot/boot -- bootstrap-dialog --gt;<link rel="external nofollow" href="${APP_PATH}/script/bootstrap-dialog/bootstrap-dialog.min.css" rel="stylesheet"><script src="${APP_PATH}/script/bootstrap-dialog/bootstrap-dialog.min.js"></script><!--点击查看大图--><script src="${APP_PATH}/js/jquery.imgbox.js"></script><script src="${APP_PATH}/js/jquery.imgbox.min.js"></script> <%@include file="/script/home/zxhead.jspf" %> 2、写页头文件（把页头都写在一个文件里面，之后每个页面都可重用） <%@ page contentType="text/html;charset=UTF-8" language="java" %><li class="dropdown"> <a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> block1 <b class="caret"></b> </a> <ul class="dropdown-menu"> <li> <span class="hand"></span> <a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">block1.1</a> </li> <li> <span class="hand"></span> <a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">block1.2</a> </li> </li> </ul></li><li class="dropdown"> <a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> block2 <b class="caret"></b> </a> <ul class="dropdown-menu"> <li> <span class="hand"></span> <a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">block2.1</a> </li> <li class="hand"></li> <li> <span class="hand"></span> <a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">block2.2</a> </li> <li> <span class="hand"></span> <a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">block2.3</a> </li> <li> <span class="hand"></span> <a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">block2.4</a> </li> </ul></li><li class="dropdown"> <a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> block3 <b class="caret"></b> </a> <ul class="dropdown-menu"> <li> <span class="hand"></span> <a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">block3.1</a> </li> <li class="hand"></li> <li> <span class="hand"></span> <a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">上传知识点视频</a> </li> <li> <span class="hand"></span> <a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">block3.2</a> </li> </ul></li> //jsp页面引入<%@include file="/script/home/toolbar.jsp" %> 3、编写jsp页面，并引入1、2创建的资源文件 <%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %><% pageContext.setAttribute("APP_PATH", request.getContextPath());%><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>xxxx</title> <%@include file="./home/head/head.jspf" %></head></html><body><nav class="navbar navbar-fixed-top exam-header" role="navigation"> <div class="container"> <div class="navbar-header"> <a class="navbar-brand" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">xxxxxx系统</a> </div> <div> <ul class="nav navbar-nav"> <%@include file="./home/head/toolbar.jsp" %> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a rel="external nofollow" href="http://47.92.221.134:8080/exam/#" class="dropdown-toggle" data-toggle="dropdown"> 欢迎： <b class="caret"></b> </a> <ul class="dropdown-menu login"> <li> <a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">退出</a> </li> </ul> </li> </ul> </div> </div></nav></body>