`
huiqinbo
  • 浏览: 344384 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

动态表单自定义（回钦波）

freemarkerJavaWorkflowCSSJSP 
阅读更多


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

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

1、了解Freemarker的基本使用（参考freemarker项目中的演示代码）
2、结合Freemarker动态显示表单
- DynaFormFunction.java
- WebRoot/document/add_input.jsp（使用自定义JSTL函数）


Java代码 复制代码
  1. package com.bjsxt.oa.web;   
  2.   
  3. import java.io.IOException;   
  4. import java.io.StringWriter;   
  5. import java.io.Writer;   
  6. import java.util.HashMap;   
  7. import java.util.Map;   
  8.   
  9. import com.bjsxt.oa.manager.FormManager;   
  10. import com.bjsxt.oa.model.FlowForm;   
  11.   
  12. import freemarker.cache.ClassTemplateLoader;   
  13. import freemarker.template.Configuration;   
  14. import freemarker.template.Template;   
  15. import freemarker.template.TemplateExceptionHandler;   
  16.   
  17. public class DynaFormFunction {   
  18.        
  19.     private static FormManager formManager;   
  20.     private static Configuration cfg = new Configuration();   
  21.     static{   
  22.         //定义模板文件应该从哪里加载，这是定义由DynaFormFunction类所在的路径下面的templates目录加载   
  23.         cfg.setTemplateLoader(new ClassTemplateLoader(DynaFormFunction.class,"templates"));   
  24.         cfg.setTemplateExceptionHandler(TemplateExceptionHandler.IGNORE_HANDLER);   
  25.     }   
  26.        
  27.     public static String form(int workflowId){   
  28.         try {   
  29.             //获得workflow对应的表单定义的数据   
  30.             FlowForm form = formManager.findForm(workflowId);   
  31.             if(form == null){   
  32.                 return null;   
  33.             }   
  34.                
  35.             Template template = cfg.getTemplate(form.getTemplate());   
  36.                
  37.             Map root = new HashMap();   
  38.             root.put("form", form);   
  39.                
  40.             //最终的输出的位置   
  41.             Writer out = new StringWriter();   
  42.                
  43.             template.process(root, out);   
  44.                
  45.             return out.toString();   
  46.                
  47.         } catch (Exception e) {   
  48.             e.printStackTrace();   
  49.         }   
  50.            
  51.         return null;   
  52.     }   
  53.   
  54.     public void setFormManager(FormManager formManager) {   
  55.         DynaFormFunction.formManager = formManager;   
  56.     }   
  57. }  
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="关闭窗口" onclick="window.close()">   
  59.             </TD>   
  60.         </TR>   
  61. </TABLE>   
  62. </form>   
  63. </center>   
  64. </body>   
  65. </html>  
分享到：
| java.io.NotSerializableException.
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JAVA动态表单设计，自定义表单，自定义数据

    总的来说，"JAVA动态表单设计，自定义表单，自定义数据"涉及的技术栈包括Java后端开发、前端界面设计、数据库管理和RESTful API设计。通过以上各模块的协同工作，可以构建出一个高效、易用的动态表单系统，满足不同...

    activiti自定义表单demo.rar

    在本项目"activiti自定义表单demo"中，我们主要关注的是如何使用SpringBoot集成Activiti工作流引擎，实现自定义表单和流程。这个Demo提供了完整的代码示例，帮助开发者理解并应用到实际项目中。以下是相关知识点的...

    基于layui自定义表单组件

    【基于layui自定义表单组件】是针对C#开发者设计的一种高效前端开发工具，它结合了layui框架的优势，为创建动态、交互性强的Web表单提供了便利。layui是一款优秀的前端轻量级框架，以其简洁的代码结构、丰富的模块...

    基于jQuery和layui的form表单自定义js动态生成

    在前端开发中，动态生成表单是一个常见的需求，特别是在数据录入、编辑或验证场景下。本教程将聚焦于如何利用jQuery和layui库来实现这样的功能。jQuery是一个强大的JavaScript库，它简化了DOM操作，事件处理，动画...

    仅供参考 JAVA动态表单设计，自定义表单，自定义数据

    以下将详细介绍Java动态表单设计、自定义表单以及自定义数据的相关知识点。 1. **Java动态表单设计**： 动态表单设计是指在运行时根据业务需求生成和修改表单的机制。在Java中，这通常涉及到后端服务器处理动态...

    表单自定义

    在IT领域，表单自定义是一项重要的功能，它允许用户根据特定需求定制系统中的数据输入和展示界面。这种能力在各种应用中都有所体现，尤其是办公自动化（OA）和工作流系统，它使得用户能够创建符合业务逻辑的个性化...

    工作流表单自定义，流程开发中应用

    工作流表单自定义在流程开发中的应用 自定义表单是一种让管理员可以自己添加和删除表单的功能，同时用户也可以在前台提交相关信息到这些表单，并且管理员可以在后台查看用户提交的反馈信息。自定义表单的应用非常...

    C# winfrom 自定义表单设计器

    自定义表单设计器是开发过程中的一项重要工具，它允许开发者在运行时动态构建和修改表单布局。这个特定的C#实现是一个组件，可以嵌入到其他应用程序中，提供设计表单的功能。 **3. XML保存和加载表单** 为了在不同...

    自定义表单web工程

    在这个自定义表单工程中，Tomcat负责接收和处理来自用户的HTTP请求，将动态生成的HTML页面发送回客户端，实现了前后端的交互。 项目中的"自定义表单功能"可能涉及到的技术有： 1. **HTML/CSS/JavaScript**：前端...

    拖拽表单自定义

    在“拖拽表单自定义”中，jQuery的主要作用是提供交互性和动态效果，使得表单构建过程更加直观和友好。jQuery UI库通常包含拖放（Drag and Drop）功能，可以与这个项目结合使用，实现表单组件的拖放操作。 首先，...

    自定义表单设计思路.docx

    ### 自定义表单设计思路详解 #### 一、概述 自定义表单系统的设计目标是为了更好地与现有的工作流系统相结合，提升工作效率与灵活性。本文档将深入探讨自定义表单设计的关键点及其实施策略。 #### 二、基础功能...

    自定义表单Winform

    在自定义表单中，可能需要实现自定义的数据绑定逻辑，例如，自定义控件的数据源连接和数据更新方法。 4. **设计时支持**：DesignSurfaceExt文件名可能指向一个扩展了设计时环境的类，这在创建自定义控件时非常有用...

    自定义表单设计思路

    自定义表单设计思路 本文主要讲述了自定义表单设计思路的总体规划，旨在满足和现有工作流系统的耦合，通过对自定义表单系统的设计来实现表单权限、记录权限、字段权限等功能。下面是自定义表单设计思路的详细内容：...

    动态表单：VUE动态表单

    在IT行业中，动态表单是一种常见且实用的功能，它允许用户根据特定需求自定义表单结构，无需预先编码。Vue.js作为一个轻量级且强大的前端框架，被广泛用于构建此类功能。Iview则是一个基于Vue的UI组件库，提供了丰富...

    微信小程序表单自定义组件vest-form-master.zip

    "vest-form" 是一个专门为微信小程序设计的表单验证框架，它的目标是简化表单处理流程，提供更强大的自定义能力。 vest-form-master.zip 文件包含的项目是一个完整的 vest-form 框架的源码仓库。这个框架的核心特点...

    PHP自定义表单生成

    PHP自定义表单生成是开发过程中一个实用的技术，它允许开发者根据需求动态创建各种类型的用户输入表单，如文本域、单选按钮、复选框以及下拉列表等。这使得网站能够灵活地收集和处理用户数据，提高了开发效率。 一...

    自定义表单初步设计文档

    - **获取字段及字段类型**：用户在表单中添加的每个字段都需要对应到数据库的某个列，实现这一功能可能需要用到后台接口来动态获取和设置字段信息。 - **判断字段是否必填**：确保业务规则的正确执行，需要对每个...

    表自定义表单+工作流.zip

    本文将深入探讨这两个技术以及如何将它们整合用于实现自定义表单和工作流。 首先，SpringBoot是Spring框架的一个轻量级封装，它简化了Spring应用程序的配置和启动过程。通过内置的Tomcat服务器和自动配置特性，...

    关于表单自定义的方案设想

    在企业级应用中，表单自定义是一个重要的需求，尤其在工作流管理、信息收集和在线报名等场景。本文将探讨两种可能的表单自定义方案，以及相关的数据库表设计。 **方案一** 该方案首先设定表单模板定义，包括表单...

    jQuery bootstrap自定义创建表单工具代码

    6. **AJAX提交表单**：使用jQuery的$.ajax()方法无刷新地提交表单，实现实时数据交互，同时处理成功和失败的回调函数。 7. **JSON数据交互**：可能涉及到将表单数据转换为JSON格式，以便于与服务器进行数据交换。 ...

Magicbox
Global site tag (gtag.js) - Google Analytics