动态表单自定义

文章分类:Web前端


结合Freemarker,将动态表单显示在公文的添加界面上

只需拷贝freemarker.jar包到类路径即可

1、了解Freemarker的基本使用(参考freemarker项目中的演示代码)
2、结合Freemarker动态显示表单
- DynaFormFunction.java
- WebRoot/document/add_input.jsp

package com.bjsxt.oa.web;

import java.io.IOException;
import java.io.StringWriter;
import java.io.Writer;
import java.util.HashMap;
import java.util.Map;

import com.bjsxt.oa.manager.FormManager;
import com.bjsxt.oa.model.FlowForm;

import freemarker.cache.ClassTemplateLoader;
import freemarker.template.Configuration;
import freemarker.template.Template;
import freemarker.template.TemplateExceptionHandler;

public class DynaFormFunction {

private static FormManager formManager;
private static Configuration cfg = new Configuration();
static{
//定义模板文件应该从哪里加载,这是定义由DynaFormFunction类所在的路径下面的templates目录加载
cfg.setTemplateLoader(new ClassTemplateLoader(DynaFormFunction.class,"templates"));
cfg.setTemplateExceptionHandler(TemplateExceptionHandler.IGNORE_HANDLER);
}

public static String form(int workflowId){
try {
//获得workflow对应的表单定义的数据
FlowForm form = formManager.findForm(workflowId);
if(form == null){
return null;
}

Template template = cfg.getTemplate(form.getTemplate());

Map root = new HashMap();
root.put("form", form);

//最终的输出的位置
Writer out = new StringWriter();

template.process(root, out);

return out.toString();

} catch (Exception e) {
e.printStackTrace();
}

return null;
}

public void setFormManager(FormManager formManager) {
DynaFormFunction.formManager = formManager;
}
}

 

Java代码 复制代码
  1. <%@ page language="java" contentType="text/html; charset=GB18030"  
  2.     pageEncoding="GB18030"%>   
  3. <%@include file="/common/common.jsp" %>   
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   
  5. <html>   
  6. <head>   
  7. <meta http-equiv="Content-Type" content="text/html; charset=GB18030">   
  8. <link href="style/oa.css" rel="stylesheet" type="text/css">   
  9. <script language="javascript" src="script/public.js"></script>   
  10. <title>添加公文信息</title>   
  11. </head>   
  12. <body>   
  13. <center>   
  14. <form action="document.do" method="post" enctype="multipart/form-data">   
  15. <TABLE class="tableEdit" border="0" cellspacing="1" cellpadding="0" style="width:580px;">   
  16.     <TBODY>   
  17.         <TR>   
  18.             <!-- 这里是添加、编辑界面的标题 -->   
  19.             <td align="center" class="tdEditTitle">   
  20.             您要创建的公文   
  21.             </TD>   
  22.         </TR>   
  23.         <TR>   
  24.             <td>   
  25.             <!-- 主输入域开始 -->   
  26.   
  27. <input type="hidden" name="method" value="add">   
  28. <input type="hidden" name="workflowId" value="${documentForm.workflowId}">   
  29. <table class="tableEdit" style="width:580px;" cellspacing="0" border="0" cellpadding="0">   
  30.     <tr>   
  31.         <td class="tdEditLabel" >公文名称</td>             
  32.         <td class="tdEditContent"><input type="text" name="title">   
  33.         </td>   
  34.         <td class="tdEditLabel" >公文描述</td>             
  35.         <td class="tdEditContent"><input type="text" name="description"></td>   
  36.     </tr>   
  37.     <tr>   
  38.         <td class="tdEditLabel" >公文附件</td>             
  39.         <td class="tdEditContent"><input type="file" name="contentFile">   
  40.         </td>   
  41.         <td class="tdEditLabel" ></td>             
  42.         <td class="tdEditContent"></td>   
  43.     </tr>   
  44. </table>   
  45. ${my:form(documentForm.workflowId)}   
  46.             <!-- 主输入域结束 -->   
  47.             </td>   
  48.         </TR>   
  49.     </TBODY>   
  50. </TABLE>   
  51.   
  52. <TABLE>   
  53.         <TR align="center">   
  54.             <TD colspan="3" bgcolor="#EFF3F7">   
  55.             <input type="submit" name="saveButton"  
  56.                 class="MyButton" value="保存公文信息">    
  57.             <input type="button" class="MyButton"  
  58.                 value="关闭窗口" οnclick="window.close()">   
  59.             </TD>   
  60.         </TR>   
  61. </TABLE>   
  62. </form>   
  63. </center>   
  64. </body>   
  65. </html>  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值