Freemaker

ruanzy888888

浏览: 89685 次
性别:
来自: 宜昌

最近访客更多访客>>

fanan_666

清风不识字何故乱翻书

aa8945163

xuyongff

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

开发宝典

1.添加freemaker.jar包

2.servlet中

Configuration conf = new Configuration();
        conf.setServletContextForTemplateLoading(this.getServletContext(),
                "web");
        conf.setDefaultEncoding("UTF-8");

        Template tpl = conf.getTemplate("list.htm");
         Map<String, Object> map = new HashMap<String, Object>(0);
            map.put("userList", list);
            map.put("count", count);
            map.put("page", p);
            map.put("pagesize", s);
            tpl.process(map, response.getWriter());

3.list.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title></title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/common.css">
    </head>
    <body>
        <div>
            <form method="post" action="user" name='myform'>
                <input type="text" name="name"/>
                <select name='state'>
                    <option value="">请选择
                    <option value="0">禁用
                    <option value="2">启用
                </select>
                <input type="submit" value="SEARCH"/>
            </form>
            <table class="grid">
                <tr>
                    <th>
                        code
                    </th>
                    <th>
                        name
                    </th>
                    <th>
                        pwd
                    </th>
                    <th>
                        操作
                    </th>
                </tr>
                <#list userList as user>
                <tr>
                    <td width=50 align="center">
                        ${user.code}
                    </td>
                    <td>
                        ${user.name}
                    </td>
                    <td>
                        ${user.pwd}
                    </td>
                    <td width=120 align="center">
                        <span><a href=''>查看</a> </span>
                        <span><a href=''>修改</a> </span>
                        <span><a href="javascript:if(confirm('确定要删除吗?')){alert(${user.code});}">删除</a> </span>
                    </td>
                </tr>
                </#list>
            </table>
            <#include "pagebar.htm"/>
        </div>
    </body>
</html>

4.pagebar.htm

<#assign pagecount = 1>
<#if count%pagesize == 0>
    <#assign pagecount = (count/pagesize)?int>
<#else>
    <#assign pagecount = ((count/pagesize)+1)?int>
</#if>
<div class="pagediv">
    <form method="post" action="user" name="queryForm" style="margin:0;">
        <input type="hidden" name="page" value="${page}"/>
        <input type="hidden" name="pagesize" value="${pagesize}"/>
        <#list queryparams?keys as key>
        <input type="hidden" name="${key}" value="${queryparams[key]}"/>
        </#list>
    </form>
    <div class="pagebar">
        <#if count&gt;0>
            总共${count}条记录&nbsp;&nbsp;&nbsp;&nbsp;
            共${pagecount}页&nbsp;&nbsp;&nbsp;&nbsp;
            <#if pagecount&gt;1>
                 当前第${page}页&nbsp;&nbsp;&nbsp;&nbsp;     
               <a href='javascript:toPage(1)'>首页</a>&nbsp;&nbsp;&nbsp;&nbsp;       
               <a href='javascript:toPage(${page-1})'>上一页</a>&nbsp;&nbsp;&nbsp;&nbsp;      
               <a href='javascript:toPage(${page+1})'>下一页</a>&nbsp;&nbsp;&nbsp;&nbsp;        
               <a href='javascript:toPage(${pagecount})'>尾页</a>
            </#if>     
        <#else>
            没有数据
        </#if> 
    </div>
</div>
<script type="text/javascript">
    function init(){
        var myform = document.getElementById('myform');
        <#list queryparams?keys as key>
            myform['${key}'].value = '${queryparams[key]}';
        </#list>
        var table = document.getElementsByTagName('table')[0];
        var rows = table.rows;
        var len = rows.length;
        for(var k in rows){
            if(k%2==0){
                rows[k].style.backgroundColor='#eee';
            }
        }
    }
    init();
    function toPage(p){
        var queryform = document.getElementById('queryform');
        if(p>${pagecount}){
            p = ${pagecount};
        }
        if(p<1){
            p = 1;
        }
        queryform.page.value = p;
        queryform.submit();
    }
</script>

5.css文件

table.grid {
    font-size: 12px;
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
}

table.grid th {
    font-size: 12px;
    border: 1px solid #ccc;
    height: 28px;
    background-color: #999;
    color: #fff;
    padding: 2px;
}

table.grid td {
    font-size: 12px;
    border: 1px solid #ccc;
    height: 28px;
    padding: 2px;
}

table.grid a,table.grid a:link,table.grid a:visited {
    color:blue;
    text-decoration: none;
}

table.grid a:hover,.pagebar a:active {
    text-decoration: none;
    color: red;
}

.pagediv {
    font-size: 12px;
}

.pagebar {
    font-size: 12px;
    border: 1px solid #ccc;
    text-align: right;
    padding: 3px 50px 3px 0;
}

.pagebar a,.pagebar a:link,.pagebar a:visited {
    text-decoration: none;
}

.pagebar a:hover,.pagebar a:active {
    text-decoration: none;
    background-color: red;
    color: #fff;
}

查看图片附件

分享到：

我的menu | Hessian

2011-07-06 17:07
浏览 1063
评论(0)
分类:Web前端
查看更多

发表评论

文章已被作者锁定，不允许评论。

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Freemaker

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Freemaker

评论

发表评论

相关推荐

dialog

box.js

IE6 autocomplete

Callable Future

RequestContext

XUtil

ActionFilter

最新基于Json 协议的架构

权限脚本

主框架

java 备份mysql

权限管理

FTPUPLOAD

layout

ligerui.css

Accordion

LigerUI

js 控件集

fileutil

语法高亮

最近访客更多访客>>