您的位置:首页 > Web前端 > BootStrap

一个公共的common.jsp,使用Bootstrap所需的引入内容

2017-02-15 01:37 435 查看
<%@ page isELIgnored="false" %>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@page import="java.util.Date"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath();
%>
<c:set var="basePath" value="<%=basePath %>"  scope="session"/>

<c:set var="contextPath" value="${pageContext.request.contextPath}" scope="session"/>
<c:set var="imagesPath" value="${basePath}/images"  scope="session"/>
<c:set var="stylesPath" value="${basePath}/css"  scope="session"/>
<c:set var="scriptsPath" value="${basePath}/scripts/"  scope="session"/>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="${scriptsPath}/browser-compatibility-js/html5shiv.min.js?now=${timestamp}"></script>
<script src="${scriptsPath}/browser-compatibility-js/respond.min.js?now=${timestamp}"></script>
<![endif]-->

<!-- constants variable -->
<script type="text/javascript">
var basePath = '${basePath}';
var contextPath = '${contextPath}';
var imagesPath = '${imagesPath}';
var stylesPath = '${stylesPath}';
var scriptsPath = '${scriptsPath}';
</script>
<script type="text/javascript" src="${scriptsPath}/jQuery/jquery-1.11.3.min.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="${stylesPath}/base.css" />
<script type="text/javascript" src="${scriptsPath}/common/map.js" charset="utf-8"></script>
<script type="text/javascript" src="${scriptsPath}/common/common.js" charset="utf-8"></script>

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="${scriptsPath}/bootstrap/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件(一般不用引入) -->
<link rel="stylesheet" href="${scriptsPath}/bootstrap/css/bootstrap-theme.min.css">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script type="text/javascript" src="${scriptsPath}/bootstrap/js/bootstrap.min.js" charset="utf-8"></script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐