在jsp页面里面设置全局引用文件

head.jsp文件

将项目中所需要用到次数比较多的的插件,库等,同意放在一个jsp文件里面,命名为head.jsp文件,相当于一个全局的

<%@ page language="java" contentType="text/html; charset=UTF-8"
   pageEncoding="UTF-8"%>
<!-- 导入标签库 -->
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<meta charset="utf-8"/>
<meta name="renderer" content="webkit"><!--360默认极速模式-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta content="" name="description"/>
<meta content="" name="author"/>

<!-- 设置全局变量 -->
<base href="<%=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()%><c:url value="/"/>"/>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<link href="${ctx}/css/common/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/css/common/ionicons.min.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/css/common/AdminLTE.css" rel="stylesheet" type="text/css" /> 

<link href="${ctx}/css/global/optimize.css" rel="stylesheet" type="text/css" />
<!-- jQuery插件 -->
<script src="${ctx}/js/global/jquery/jquery.min.js"></script>

<script src="${ctx}/js/global/jquery-file-upload/js/vendor/jquery.ui.widget.js"></script>
<script src="${ctx}/js/global/jquery-file-upload/js/jquery.iframe-transport.js"></script>
<script src="${ctx}/js/global/jquery-file-upload/js/jquery.fileupload.js"></script>

<!--  日历插件-->
<script  src="${ctx}/js/global/date/jedate/jedate.js"></script>

<!-- bootstrap插件 -->
<link href="${ctx}/css/common/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="${ctx}/js/global/bootstrap/bootstrap.min.js" type="text/javascript"></script>


<!-- 新版 -->
<link href="${ctx}/js/global/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"> 
<script src="${ctx}/js/global/bootstrap-table/bootstrap-table.min.js"></script> 
<script src="${ctx}/js/global/bootstrap-table/bootstrap-table-zh-CN.min.js"></script> 


<!--左侧滑动 -->
<script src="${ctx}/js/global/AdminLTE/app.js" type="text/javascript"></script>

<!-- layer插件 -->
<script src="${ctx}/js/global/layer/layer.js" type="text/javascript"></script>

<script type="text/javascript">
    var pathName=window.document.location.pathname;
    var ROOT=pathName.substring(0,pathName.substr(1).indexOf('/')+1); 
</script>

在每个模块的jsp文件里面 不需要在一次引入bootstrap插件,layer插件,jQuery插件,只需要在head和meta之间写上这段代码<%@include file="../include/head.jsp"%> ,引入head.jsp文件即可,简单方面,不需要再一次在每个jsp页面重复引入所需要的或者删掉不需要的,提高了效率。

<head>
<!-- 引入各种头文件 -->
<%@include file="../include/head.jsp"%> 
<meta charset="UTF-8">

文末福利:

福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:https://www.jianshu.com/p/e8197d4d9880 福利二:微信小程序入门与实战全套详细视频教程

image

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,爱折腾。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏CDA数据分析师

教你一招 | 用Python写一个简单的微博爬虫

我是个微博重度用户,工作学习之余喜欢刷刷timeline看看有什么新鲜事发生,也因此认识了不少高质量的原创大V,有分享技术资料的,比如好东西传送门;有时不时给你...

237100
来自专栏北京马哥教育

爬虫技术的门道,这篇文章总结的最全

Web是一个开放的平台,这也奠定了Web从90年代初诞生直至今日将近30年来蓬勃的发展。然而,正所谓成也萧何败也萧何,开放的特型、搜索引擎以及简单易学的HTM...

42770
来自专栏SDNLAB

如何在openstack环境下实现高性能的网络服务

大家晚上好。那我们开始吧。主要还是抛装引玉,互相学习交流。今天和大家分享下面一些内容: 1.关于openstack中VNF网络性能的一些思考和思路 2.相关的开...

37560
来自专栏web前端教室

【周总结】0827前端零基础班本周总结(08.27-08.31)

每一期的学生情况都是不同的,因为是从完全的零基础开始讲起,面向的是完全的前端零基础学生。所以第一周基本上进度都比较慢,主要是通过课后作业和课程直播时的即时反馈来...

10030
来自专栏phodal

使用 React Native 重写大型 Ionic 应用后,我们想分享一下这八个经验

本文的内容是关于 React Native 重写的经验分享,基于 React Native 重写 Ionic 应用Growth 过程中遇到的一些坑。 Growt...

29060
来自专栏wblearn

我的Web开发实战总结(一)写在前面截图快速查询与快递单号我的待办事物办理与信息查询公告通知销售业绩与新客户业绩工作看板排行榜写在最后

最近一直在做项目,感觉没什么分享的所以一直没写。 今天不上班,就把最近做的一个demo做个简单的总结。

10210
来自专栏编程微刊

2018前端越来越流行的的技术

15950
来自专栏腾讯社交用户体验设计

[ISUX译]iOS 9人机界面指南(三):iOS 技术 (中) - 腾讯ISUX

22850
来自专栏Python数据科学

Python爬虫之撩妹篇—微信实时爬取电影咨询

“ 本文将介绍如何使用爬虫在微信对话中实现实时的电影咨询爬取功能,希望和大家一起来分享”

16720
来自专栏HBStream流媒体与音视频技术

DXGI快速截屏桌面直播技术

  很多地方都需要用到截屏/录屏技术,比如桌面直播,桌面录制等等。在微软Windows平台,有很多截屏的接口,不过大多数性能并不理想,Windows8以后微软引...

50960

扫码关注云+社区

领取腾讯云代金券