专栏首页编程微刊在jsp页面里面设置全局引用文件

在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 条评论
登录 后参与评论

相关文章

  • echarts 仪表盘三分钟上手及属性修改示例

    王小婷
  • 表格插件-bootstrap table的使用示例

    基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。

    王小婷
  • Echarts图表中饼状图的指示线条

    实现一个Echarts图表中饼状图的指示线条,更加直观明确地看到统计效果。 写一个完整的demo:

    王小婷
  • 框架篇-面试题3-vue-cli 脚手架编译后,如果存在过大的 js 文件怎么处理?

    然后找到build/webpack.base.config.js文件,在module.exports={}中添加以下代码

    itclanCoder
  • [PHP] create_function() 代码注入问题已经被弃用

    此函数在内部执行eval(),因此具有与eval()相同的安全性问题。此外,它还具有不良的性能和内存使用特性。 如果您使用的是PHP 5.3.0或更高版本,则应...

    陶士涵
  • 如何读取yaml,json,ini等配置文件【Golang 入门系列九】

    前面已经讲过一些Go语言的基础知识,感兴趣的朋友可以先看看之前的文章。https://www.cnblogs.com/zhangweizhong/categor...

    架构师精进
  • H5应用加固防破解-js虚拟机保护方案浅谈

    目录: 一、为什么要对JS代码进行保护? 二、js代码保护前世今生 三、js虚拟保护方案与技术原理 四、总结

    我是小三
  • 机器学习系列13:机器学习诊断法

    在机器学习中,我们训练了一个模型,可能会发现这个模型得到的数据与实际数据偏差太大。这时,通常我们会在如下办法中选择去优化我们的算法。

    SuperFeng
  • vue简介

    人生不如戏
  • [源码分析]iOS WebViewJavascriptBridge使用及原理

    在开发中涉及到网页与iOS原生交互,于是就想到了WebViewJavascriptBridge 这个开源库。经过最近几天的研究和了解算是熟悉了它的使用和大致的处...

    Light413

扫码关注云+社区

领取腾讯云代金券