`
huiqinbo
  • 浏览: 334864 次
  • 性别: 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.
评论
发表评论

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

相关推荐

    《深度学习入门：基于Python的理论与实现》案例实现.zip

    《深度学习入门：基于Python的理论与实现》案例实现.zip

    node-v6.14.0-sunos-x86.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    node-v6.15.1-linux-arm64.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    node-v6.10.3-linux-s390x.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    PyTorch深度学习 —— 基于小土堆视频等资料.zip

    PyTorch深度学习 —— 基于小土堆视频等资料.zip

    node-v6.9.5-linux-s390x.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    node-v18.9.1-headers.tar.gz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    java操作linux示例代码

    Linux，一般指GNU/Linux（单独的Linux内核并不可直接使用，一般搭配GNU套件，故得此称呼），是一种免费使用和自由传播的类UNIX操作系统，其内核由林纳斯·本纳第克特·托瓦兹（Linus Benedict Torvalds）于1991年10月5日首次发布，它主要受到Minix和Unix思想的启发，是一个基于POSIX的多用户、多任务、支持多线程和多CPU的操作系统。它支持32位和64位硬件，能运行主要的Unix工具软件、应用程序和网络协议。 Shell是系统的用户界面，提供了用户与内核进行交互操作的一种接口。它接收用户输入的命令并把它送入内核去执行。 实际上Shell是一个命令解释器，它解释由用户输入的命令并且把它们送到内核。不仅如此，Shell有自己的编程语言用于对命令的编辑，它允许用户编写由shell命令组成的程序。Shell编程语言具有普通编程语言的很多特点，比如它也有循环结构和分支控制结构等，用这种编程语言编写的Shell程序与其他应用程序具有同样的效果。

    openssl C++跨平台库

    是一个开放源代码的软件库包，应用程序可以使用这个包来进行安全通信，避免窃听，同时确认另一端连接者的身份。这个包广泛被应用在互联网的网页服务器上。

    node-v6.11.2-sunos-x86.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    node-v6.3.1-sunos-x86.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    SSM+JSP项目-学报稿件管理系统的Java毕业设计(源码+演示视频+说明).rar

    SSM+JSP项目-学报稿件管理系统的Java毕业设计(源码+演示视频+说明).rar 【项目技术】 开发语言：Java 框架：ssm+jsp 架构：B/S 数据库：mysql 【演示视频-编号：424】 https://pan.quark.cn/s/b3a97032fae7 【实现功能】 实现了稿件基础数据的管理，稿件的审核,作者管理,专家管理，公告信息的发布等功能。

    Arduino平台基于GFX库的消息显示UI设计

    Arduino平台基于GFX库的消息显示UI设计包含Arduino ino文件以及.c .h文件

    基于python的气象数据处理

    数据处理 |--- 处理气象数据（nc文件） 操作说明： nc 文件命名为：deal_nc.nc,放到data目录下 1、 执行parse_nc.py，解析nc文件，同时在data目录下生成.npy数据文件 2、 执行draw_data.py ，获取.npy数据，并绘制图形

    node-v4.4.6-sunos-x64.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    node-v21.3.0-headers.tar.gz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    基于SSM+JSP的淘乐乐员工购物商城毕业设计(源码+录像+说明).rar

    基于SSM+JSP的淘乐乐员工购物商城毕业设计(源码+录像+说明).rar 【项目技术】 开发语言：Java 框架：ssm+jsp 架构：B/S 数据库：mysql 【演示视频-编号：494】 https://pan.quark.cn/s/b3a97032fae7 【实现功能】 系统可以提供信息显示和相应服务，其管理员增删改查商品信息和商品信息资料，审核商品信息预订订单，查看订单评价和评分，通过留言功能回复用户提问。

    node-v6.14.4-linux-s390x.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    Java毕业设计-基于SSM框架的中国文学作品网站(源码+演示视频+说明).rar

    Java毕业设计-基于SSM框架的中国文学作品网站(源码+演示视频+说明).rar 【项目技术】 开发语言：Java 框架：ssm+vue 架构：B/S 数据库：mysql 【演示视频-编号：450】 https://pan.quark.cn/s/b3a97032fae7 【实现功能】 本次开发的中国文学作品网站实现了字典管理、论坛管理、公告信息管理、书籍管理、书籍收藏管理、书籍留言管理、用户管理、章节管理、作者管理、管理员管理等功能。

    2023-04-06-项目笔记 - 第一百二十八阶段 - 4.4.2.126全局变量的作用域-126 -2024.05.09

    2023-04-06-项目笔记-第一百二十八阶段-课前小分享_小分享1.坚持提交gitee 小分享2.作业中提交代码 小分享3.写代码注意代码风格 4.3.1变量的使用 4.4变量的作用域与生命周期 4.4.1局部变量的作用域 4.4.2全局变量的作用域 4.4.2.1全局变量的作用域_1 4.4.2.126全局变量的作用域_126 - 2024-05-09

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