freemark、jsp&css
**************************************************************freemark相关**************************************************************
<#list Request['supportPayTypeList']?keys as key> //后台数据时放在request里的map集合,map里放map
<#if Request['supportPayTypeList'][key].state=='close'>
<li id="pay__${key}" style="display:block" class="payTypeSelect" payTypeName="${key}"><b class="name">${Request['supportPayTypeList'][key].name}</b><i class="wy_de">${Request['supportPayTypeList'][key].desc}</i></li>
<#else>
</#if>
alert("${myTextKey!"myText2"}");
alert($("#${myTextKey!"myText2"}").val());
${(xx!'')?upper_case?html} 转换成大写输出
<#assign defaultBindingTel="">
<#if Request['bindCardList']?exists && Request['BindCardSize'] gt 0>
<#list animals as being> //animals是后台存放map的list集合
<tr><td>${being.name}<td>${being.price} Euros
</#list>
<#if orderInfoPo?exists && tblPackageInfo?exists>
${createTimeStr?substring(0,4)}
<#if (rateInfoPoJson?size > 0)>
${hk.payTime!""}
${preYear?c} 数字大于1000后freeMark会显示为1,000,用c转换
var evalStr=payTypeName+"_open()";//执行方法
eval(evalStr)
replace(/[ ]/g,"")去空 replace(/\s+/g,"")
var bankLst_scancode = ${Request['bankLst_scancode']!'[]'}//json串直接赋值不加引号
if(top.location != location){//如果当前页面为子页面,则刷新父页面
top.location.href = location.href;
}
freeMark 传值及数据回传的写法 另一种为String返回
ModelAndView mav = new ModelAndView();
mav.addObject("zerobuyProduct", zerobuyProductList);//传递的参数为
mav.setViewName("finance/orderDetails");//要跳转到的页面
JSONArray jsonArray = JSONArray.fromObject(zerobuyOrderPoJson); //json串转换jsonArray对象
List<?> myOrdersList = JSONArray.toList(jsonArray); //供前台freeMark遍历 已过时 可直接强转
JSONObject resultObj = JSONObject.fromObject(jsonStr) ;//json串转换json对象 进而由key获取value toString方法可以将对象转换成串
${mft('${orders.payMoney}','#,##0.00#','f2y')}
*************************************************************jsp页面相关*****************************************************************
<jsp:include page="/commonTop.html " flush="true"/>,通过这种方式引用的话,当引用它的jsp页面被访问的时候会被动态的引入
<%@ include file=“/commonTop.html”%>这种方式引用文件的话,当引用它的JSP转换成Servlet时引入就被指定,内容后续访问过程中保持不变
String siteAccount = request.getParameter("data1");//商户号
String orderNo = request.getParameter("data2");//订单编号
List list = new ArrayList();
Map map = new HashMap();
map.put("name", "namevalue");
Map map2 = new HashMap();
map2.put("name", "namevalue2");
list.add(map);
list.add(map2);
JSONArray jarray = JSONArray.fromObject(list);
try {
response.setContentType("text/html" + ";charset=UTF-8");
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);
response.getWriter().write(jarray.toString());
response.getWriter().flush();
} catch (IOException e) {
e.printStackTrace();
}
function myAjax(){
$.ajax({
type:"POST",
url:"myAjax.dhtml",
data:{"data1":"data1value","data2":"data1value2"},
dataType:"json",
success:function(msg){
alert(msg[0]);
alert(msg[0].name);
}
});
}
<div style="margin-left: ;width: 50;height: 60;display: inline;" ></div>
<div style="margin-left: ;width: 50;height: 60;display: inline;"></div>
<div style="margin-left: ;width: 50;height: 60;display: inline;"></div>
window.parent.location=""; WebContext.getMessage(new Locale("zh_CN"), appRes.getResNum())
<td style="width:25%;overflow:hidden ;white-space: nowrap;word-break:" >
<div style="margin-left: ;width: 50;height: 60;display: inline;" ></div>
<div style="margin-left: ;width: 50;height: 60;display: inline;"></div>
<div style="margin-left: ;width: 50;height: 60;display: inline;"></div>
</td>
white-space:nowrap强制在一行显示,overflow:hidden超出部分隐藏,必须在table-layout:fixed下生效
text-overflow:ellipsis超出部分用...显示
<td style="word-break:break-all">超出列的文字换行
<meta http-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE" />
margin-top: 30px该元素头部离外部上一个元素之间的距离
table-layout:fixed列的宽度不取决于内容,在于第一列的宽度设置 (列宽度用%比,利于隐藏超出部分,表不会被内部元素撑开)
margin-left负值代表本元素在相对元素之下(隐藏效果)
white-space:nowrap强制在一行显示
<style type="text/css">
table {border-right:1px solid red;border-bottom:1px solid red}
td {width: 100;border-left:1px solid red;border-top: 1px solid red}
</style>
<table border="0" cellspacing="0" cellpadding="0">
$("ul[class^='result-wrap']:visible").css("display","none");
$("ul[class^='result-wrap']").css("display","none");
$('.software-expand').html("展开");
//var url = "<%=path%>/page/soft/soft.do?method=detail&uuid="+uuid+"";
//window.showModelessDialog(url,window,"dialogWidth:400px;dialogHeight:300px;center:yes;help:no;scroll:auto;");
dhxWins = new dhtmlXWindows();
w1 = dhxWins.createWindow("w1",500, 130, 420, 350);
w1.setText("软件信息");
w1.setModal(false);
w1.button("close").attachEvent("onClick", function(){
dhxWins.window("w1").close();
});
w1.attachURL("<%=path%>/page/soft/soft.do?method=detail&uuid="+uuid+"");
var url = "<%=path%>/page/soft/soft.do?method=detail&uuid="+uuid+"";
window.showModelessDialog(url,window,"dialogWidth:400px;dialogHeight:300px;center:yes;help:no;scroll:auto;");
整行滚动
<marquee id='marquee_' direction='left' align='bottom' width='98%' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='4'>sdfsdfsdfsssssssssssssssssssssssssssssssssssssss</marquee>
//var regex = /\d{1}/;
var regex = /^([0-9]|[a-zA-Z\u4E00-\u9FA5]|[_])+$/;
var regex = /^\w+$/;
var str = "2323sdf2s__sd上的f";
alert(regex.test(str)+" "+str.match(regex));
str = str.replace(/\s/g,"");
JSP 页面缓存以及清除缓存
一、概述
缓存的思想可以应用在软件分层的各个层面。它是一种内部机制,对外界而言,是不可感知的。
数据库本身有缓存,持久层也可以缓存。(比如:hibernate,还分1级和2级缓存)
业务层也可以有缓存(但一般来说,这是一个过程域,不会设缓存)。
表现层/数据服务层(传统web的表现层)也可以设置缓存(jsp cache 就是这一层,实现在app server上的缓存机制)
另外Browser也有缓存(如IE)这个大家也都知道(实现在 web server 上的缓存机制)。越上层的缓存效果越好,越底层的缓存影响越深远。
二、缓存实现(浏览器缓存当前访问的JSP动态页面)
(一)、服务端方法:
<%
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", -10);
%>
(二)、客户端方法:
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,
meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于
content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人
自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和
keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几个:
name 属性
1、<meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;
2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词;
3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容;
4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者;
5、<meta name="Robots" contect="all|none|index|noindex|follow|nofollow">
其中的属性说明如下:
设定为all:文件将被检索,且页面上的链接可以被查询;
设定为none:文件将不被检索,且页面上的链接不可以被查询;
设定为index:文件将被检索;
设定为follow:页面上的链接可以被查询;
设定为noindex:文件将不被检索,但页面上的链接可以被查询;
设定为nofollow:文件将不被检索,页面上的链接可以被查询。
http-equiv属性
1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">
和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言;
又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;
2、<meta http-equiv="Refresh" contect="n;url=http://yourlink">定时让网页在指定的时间n内,跳转到页面http;//yourlink;
3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间,
一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;
4、<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅
页面内容,设定后一旦离开网页就无法从Cache中再调出;
5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定,如果
网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;
6、<meta http-equiv="Pics-label" contect="">网页等级评定,在IE的internet选项中有一项内容
设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;
7、<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示,
可以防止自己的网页被别人当作一个frame页调用;
8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和
<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion =6)">设定进入和离
开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个
frame页面。
三、缓存应用
(一)、防止JSP页面缓存为了防止浏览器缓存当前访问的JSP动态页面,可以采用如下的方式进行设置:
<%
// 将过期日期设置为一个过去时间
response.setHeader("Expires", "Sat, 6 May 1995 12:00:00 GMT");
// 设置 HTTP/1.1 no-cache 头
response.setHeader("Cache-Control", "no-store,no-cache,must-revalidate");
// 设置 IE 扩展 HTTP/1.1 no-cache headers, 用户自己添加
response.addHeader("Cache-Control", "post-check=0, pre-check=0");
// 设置标准 HTTP/1.0 no-cache header.
response.setHeader("Pragma", "no-cache");
%>
当然,每一个页面都包含这些代码会很繁琐,可以通过自定义过滤器(Filter)的方法来处理相关的页面
(二)、jsp,html 清除页面缓存
1.禁止客户端缓存要在<head>中加入类似如下内容:
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
2.在服务器的动态网页中禁止缓存,要加入类似如下脚本
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);
(三)设置有限时间的缓存
int minutes = 10;
Date d = new Date();
String modDate = d.toGMTString();
String expDate = null;
expDate = (new Date(d.getTime() + minutes * 60000)).toGMTString();
response.setHeader("Last-Modified", modDate);
response.setHeader("Expires", expDate);
response.setHeader("Cache-Control", "public"); // HTTP/1.1
response.setHeader("Pragma", "Pragma"); // HTTP/1.0
最后如果以上方法都不行的话,就在你的正常的URL后面加上一个尾巴
在JS中就选择
var timestamp = (new Date()).valueOf();
URL+"×tamp="+timestamp;
在Java代码中就选择
long timestamp=new Date().getTime();
URL+"×tamp="+timestamp;
这样的话,你的URL始终都在变化,自然浏览器就得老老实实的进行更新了,它也无缓冲可拿了。
补充:关于.jsp cache的几条建议:
1.jsp cache最好做在过滤器上,把需要缓冲的页面集中在同一个目录下,每次更改只须更改web.xml就可
以完成缓冲设置,这样比较方便.
2.Gzip压缩可以将页面压缩得很小,平均压缩比为1/3,jsp cache的HashMap缓冲压缩后的页面,肯定比没
压缩前更节约内存消耗,并且效率更高.关于Gzip可以参考这个开源项