zoukankan      html  css  js  c++  java
  • 在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
    福利二:微信小程序入门与实战全套详细视频教程

    5640239-72f8df7f410780cf
    image

    原文作者:祈澈姑娘
    技术博客:https://www.jianshu.com/u/05f416aefbe1

    90后前端妹子,爱编程,爱运营,爱折腾。
    坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

    文末福利:关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源200G干货大全。公众号回复“1”,拉你进程序员技术讨论群

  • 相关阅读:
    Asp.Net微型服务器,只有一个文件,并且才300K大小|建议从事Asp.Net开发的博友们人手一份 狼人:
    “Asp.Net微型服务器”根据博友们的要求改版了,也出.NET4.0版本了,要更新的博友们赶快下吧 狼人:
    不经历风雨,怎么见彩虹,没有人能随随便便成功 狼人:
    C#汉字转拼音代码分享|建议收藏 狼人:
    用C#开发类似QQ输入法的不规则窗体的程序详解+代码打包分享 狼人:
    Android开发必备武器,处理X“.NET研究”ML的利器——SAX快速上手 狼人:
    “.NET研究”在iPhone应用中如何避免内存泄露 狼人:
    向量样本【模式识别】感知器 Perceptron
    编程在线庞果网 在线编程 24点游戏
    实现接口一种可靠的 DLL 接口实现方案
  • 原文地址:https://www.cnblogs.com/wangting888/p/9701798.html
Copyright © 2011-2022 走看看