BlogJava-心情小站-随笔分类-表现层相关

使用freemarker给cms生成静态html

ronghao — Mon, 27 Nov 2006 10:51:00 GMT

作为CMS内容发布来说，将要显示的内容html化无疑是一个很基本的要求，这样可以提高整个系统的效率。
考虑一个内容节点Content,其中节点有个pagecontent的属性，这个属性用来存储用户在后台输入的内容，
内容+模板=显示，这里是：
内容+模板-->显示静态html
内容用FCK来编辑，模板也同样用FCK编辑，这里用freemarker无疑是一个好的选择。这里是个最简单的例子。
首先定义一个最简单的模板content.ftl

<html>
${content}
html>

然后就是把内容填充进去：

Configuration cfg = new Configuration();
//模板存储的目录
cfg.setDirectoryForTemplateLoading(Path.getTemplateDirectory());
//默认
cfg.setObjectWrapper(new DefaultObjectWrapper());
//填充数据
Map root = new HashMap();
root.put("content", c.getPageContent());
Template temp = cfg.getTemplate("content.ftl");
//发布日期
String date=c.getActivedate();
String filename = c.getId()+".html";
//创建目录
Path.createFold(Path.getWebCmsHtmlDirPath(),date);
Writer out = new OutputStreamWriter(new FileOutputStream(Path.getWebCmsHtmlDirPath()+"/"+date+"/"+filename));
temp.process(root, out);
out.flush();

其实就是这么简单！对html的管理就很容易了，基本的FILE操作

ronghao 2006-11-27 18:51 发表评论

页面标签tld位置

ronghao — Thu, 12 Oct 2006 07:50:00 GMT

今天对acegi的页面标签做扩展，突然发现找不到tld文件了
Jsp中非常简单：
<%@ taglib prefix="authz" uri="http://acegisecurity.org/authz" %>
但记得自己没有在web.xml中声明这个标签，咋就跑起来了呢？google一下，原来authz.tld被打入jar包的META-INF下
呵呵，记录一下

ronghao 2006-10-12 15:50 发表评论

webwork保存图片到数据库

ronghao — Thu, 15 Jun 2006 09:14:00 GMT

开发中遇到这么一个要求，用户USER这个PO里需要保存用户的照片。一般情况下有两种处理方法：一是直接保存图片到数据库；二是保存图片到服务器端，PO字段保存一个联接。考虑到用户照片一般较小，采用第一种方法。

1 public class User extends Principal {
2      private byte [] photo;    // 考虑与各种数据库兼容问题
3      public byte [] getPhoto() {
4          return photo;
5     }
6
7      public void setPhoto( byte [] photo) {
8          this .photo = photo;
9     }
10     ..
11 }
12

页面里面，直接用webwork的FileUploadInterceptor拦截

< @ww.form enctype = " multipart/form-data " action = " doUpdateUser " method = " post " >
< image name = " img1 " src = " /getUserPhoto.action?userId=${user.id} " width = 90 height = 120 border = " 0 " > image >
< @ww.file label = " %{getText('user.photo')} " name = " photo " />
@ww.form >

xwork.xml里的配置

        < action name = " doUpdateUser " class = " com.ronghao.organization.action.OrganizationAction " method = " updateUser " >
             < interceptor - ref name = " defaultStack " >
                 < param name = " fileUpload.allowedTypes " >
                     image / x - png,image / gif,image / pjpeg
                 param >
             interceptor - ref >
             < result name = " success " >/ organization / user.ftl result >
         action >

         < action name = " getUserPhoto " class = " com.ronghao.organization.action.OrganizationAction " method = " getUserPhoto " >
             < result >/ organization / user.ftl result >
         action >

引用默认的拦截器栈，栈里已经包含FileUploadInterceptor拦截，这里配置FileUploadInterceptor拦截的参数，设定上传的文件为图片
格式
Action类

1 public class OrganizationAction extends BaseOrganizationAction {
2      private File photo;   // 与页面里的上传文件字段名对应
3      private OutputStream outPhoto
4
5       /**
6      * 更新用户信息
7      *
8      * @return
9      * @throws Exception
10       */
11      public String updateUser() throws Exception {
12          // 以下为保存图片,视情况修改
13          if ( null != photo) {
14             FileInputStream file = new FileInputStream(photo);
15              int length = file.available();
16              byte [] buffer = new byte [length];
17             file.read(buffer);
18             file.close();
19             user.setPhoto(buffer);    // 将上传的图片转换为字节数组存储到PO中
20         }
21         organizationService.updateUser(user);
22          return SUCCESS;
23     }
24
25      public String getUserPhoto() throws Exception {
26         user = organizationService.getUserById(userId);
27          if (user.getPhoto() != null ) {
28             outPhoto = this .getResponse().getOutputStream(); // 将PO中字节数组转换为输出流
29             outPhoto.write(user.getPhoto());
30             outPhoto.flush();
31             outPhoto.close();
32         }
33          return SUCCESS;
34     }
35 }
36

这样就OK了，考虑一个问题，就是action 必须要指定一个result ，实际这里的图片显示仅仅是要一个输出流

< image name = " img1 " src = " /getUserPhoto.action?userId=${user.id} " width = 90 height = 120 border = " 0 " > image >

而我的配置里面是

< result >/ organization / user.ftl result >

不知道这会不会有什么影响。或者这样？

< result >/ organization / blank.ftl result >

ronghao 2006-06-15 17:14 发表评论

用Tomcat实现容器内认证

ronghao — Wed, 28 Dec 2005 06:00:00 GMT

在数据库里新建两个表
A、用户表
create table users (user_name varchar(20) not null,
                               user_pass varchar(20) not null,
                               PRIMARY KEY (user_name)) ;
B、用户与角色关联表
create table user_roles (user_name varchar(20) not null,
                                        role_name varchar(20) not null,
                                        PRIMARY KEY (user_name)) ;
C、插入数据
insert into users values('user1', 'password');
insert into user_roles values('user1', 'manager');

在tomcat的server.xml里加入描述
                    driverName="org.gjt.mm.mysql.Driver"
              connectionURL="jdbc:mysql://localhost/databaseName"
              connectionName=yourname connectionPassword=yourpassword
              userTable="users" userNameCol="user_name" userCredCol="user_pass"
              userRoleTable="user_roles" roleNameCol="role_name" />

在自己应用程序的web.xml里加入描述（基于表单）

   My Test
   /get.jsp

    manager    //能够访问的角色，可以多个

　　FORM
My Test
　　
　　/login.jsp
　　/fail_login.html //认证失败后跳转的页面
　　

登录表单必须包含输入用户姓名和口令的字段，它们必须被分别命名为j_username和j_password，表单将这二个值发送给j_security_check逻辑名字。
　　下面是一个该表单如何在HTML网页中实现的例子：

DisplayTag应用

ronghao — Thu, 08 Dec 2005 08:10:00 GMT

DisplayTag是一个非常好用的表格显示标签，适合MVC模式，其主页在http://displaytag.sourceforge.net
一、最简单的情况，未使用标签
<%request.setAttribute( "test", new ReportList(6) );%>

标签遍历List里的每一个对象，并将对象里的所有属性显示出来。一般用于开发的时候检查对象数据的完整性。

二、使用标签的情况

   property对应List里对象的属性（用getXXX()方法取得），title则对应表格表头里的列名。定义列有两种方式：
   A、
      使用标签里的property属性来定义
   B、email@it.com
      在标签体里增加内容，可以是常量，也可以用其他标签等等
   两种方式比较，用property属性来定义更加快速和利于排序。

三、表格显示样式的定义
A、在和标签里指定标准的html属性，烦琐
B、修改样式表

   通过class属性来指定所要应用的样式。可以在其默认样式表里（./css/screen.css）直接修改

四、标签取得数据的数据源
有四种范围
   pageScope
   requestScope (默认)
   sessionScope 注意，这里要指定范围，非默认
   applicationScope

五、通过增加id属性创建隐含的对象



    static
    <%=pageContext.getAttribute("testit_rowNum")%>
    <%=((ListObject)pageContext.getAttribute("testit")).getMoney()%>

   注意到在里增加了id属性，这时就在page context里创建了一个隐含对象，指向List里的当前对象，
   可以通过(ListObject)pageContext.getAttribute("id")来捕获这个对象。同时还创建了一个id_rowNum对象，同样，可
   通过pageContext.getAttribute("testit_rowNum")来捕获，它仅仅代表当前行的行数。
   有了这两个隐含对象，就可以通过其他标签来访问，例如Jstl:









六、显示部分数据
   显示开始五条数据：通过设定length属性

   显示第三到第八条数据：通过设定offset和length属性

七、对email和url地址的直接连接

如果要显示的对象里包含email和url地址，则可以在display:column里直接设定autolink="true"来直接连接

八、使用装饰模式转换数据显示（写自己的 decorator ）
A、对整个表格应用decorator







    org.displaytag.sample.Wrapper即自己写的decorator，它要继承TableDecorator类，看看它的一个方法：
        public String getMoney()
    {
        return this.moneyFormat.format(((ListObject) this.getCurrentRowObject()).getMoney());
    }
    很明显，它通过父类的getCurrentRowObject()方法获得当前对象，然后对其getMoney()方法进行‘油漆’
B、对单独的column应用decorator






    org.displaytag.sample.LongDateWrapper要实现ColumnDecorator接口，它的方法：
        public final String decorate(Object columnValue)
    {
        Date date = (Date) columnValue;
        return this.dateFormat.format(date);
    }
    显然，它获得不了当前对象（因为它实现的是接口），仅仅是获得该对象的columnValue，然后‘油漆’

九、创建动态连接
   有两种方法创建动态连接：
   A、在里通过增加href、paramId、paramName、paramScope、paramProperty属性
      href             基本的URL 地址
      paramId          加在URL 地址后的参数名称
      paramName        数据bean的名称，一般为null（即使用当前List里的对象）
      paramScope       数据bean的范围，一般为null
      paramProperty    数据bean的属性名称，用来填充URL 地址后的参数值

    这种方法简便直接，但缺点是无法产生类似details.jsp?id=xx&action=xx的复合URL
   B、应用decorator 创建动态连接：

   org.displaytag.sample.Wrapper里的方法：
public String getLink1()
{
  ListObject lObject= (ListObject)getCurrentRowObject();
  int lIndex= getListIndex();
  return "" + lObject.getId() + "";
}

public String getLink2()
{
ListObject lObject= (ListObject)getCurrentRowObject();
int lId= lObject.getId();

  return "   + "&action=view\">View | "
   + "   + "&action=edit\">Edit | "
   + "   + "&action=delete\">Delete";
}

十、分页
实现分页非常的简单，增加一个pagesize属性指定一次想显示的行数即可

十一、排序
   排序实现也是很简单，在需要排序的column里增加sortable="true"属性，headerClass="sortable"仅仅是
   指定显示的样式。column里的属性对象要实现Comparable接口，如果没有的话可以应用decorator
   defaultsort="1"              默认第一个column排序
   defaultorder="descending"    默认递减排序

注意的是，当同时存在分页时排序仅仅针对的是当前页面，而不是整个List都进行排序

十二、column 分组
   分组只是需要在column里增加group属性

十三、导出数据到其他格式（页面溢出filter??）
   在里设定export="true"
   在里设定media="csv excel xml pdf" 决定该字段在导出到其他格式时被包不包含，不设定则都包含

   决定该种格式能不能在页面中导出

十四、配置属性，覆盖默认
两种方法：
A、在程序classpath下新建displaytag.properties文件
B、对于单个表格，应用标签
具体可配置的属性：http://displaytag.sourceforge.net/configuration.html

十五、一个完整的例子

sort="list" 对整个list进行排序
导出数据到其他格式时，group无效

ronghao 2005-12-08 16:10 发表评论