kobewzl

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

前端的处理我们会使用easyUI,amazeUI,bootstrap等等框架,然而每个页面都要导入这些js   css 文件,所以我们将要导入的文件提取出来,写在一个页面上,每次只要倒入该页面就行,如:我们建一个mobileHeader_inc.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 

<link href="/css/mobile/register.css" type="text/css" rel="stylesheet" />

<link rel="alternate icon" type="image/png" href="/css/assets/i/favicon.png">

<link rel="stylesheet" href="/css/assets/css/amazeui.min.css"/>

<link rel="stylesheet" href="/css/assets/css/app.css"/>

<link rel="stylesheet" href="/css/assets/css/my.css">

<link rel="stylesheet" href="/css/mobile/dist/amazeui.swiper.min.css"/><!-- 引入swiper插件 -->

<link rel="stylesheet" href="/css/mobile/dist/swiper/demo.less"/><!-- 引入swiper demo -->

 

<script src="/jquery-easyui-1.4.5/jquery.min.js"></script>

<script src="/css/assets/js/amazeui.min.js"></script>

<script src="/jquery-easyui-1.4.5/jqm/jquery.mobile-1.4.5.js"></script> 

<script src="/jquery-easyui-1.4.5/jqm/jquery.mobile-1.4.5.min.js"></script>

<script src="/css/mobile/dist/swiper/demo.js"></script><!-- 引入swiper demo -->

<script src="/css/mobile/dist/amazeui.swiper.min.js"></script><!-- 引入swiper插件 -->

 

然后在每个页面导入该页面  

<%@ include file="../mobileHeader_inc.jsp" %>

这个时候要注意的是导入文件的顺序,jquery一定是在前面,如上,jquery.min.js要在amazeui.min.js前面,因为后者会用到前者的东西,仅此而已。

posted on 2016-11-18 14:24  kobewzl  阅读(1269)  评论(0编辑  收藏  举报