activiti自定义流程之自定义表单（三）：表单列表及预览和删除-白红宇

注：(1)环境配置：

(2)创建表单：

自定义表单创建成功，要拿到activiti中使用，自然需要让创建activiti流程的人能够看到究竟有那些表单可用，各表单的效果是什么，因此就需要一个展示页面并提供预览功能。同时，增删改查四大功能是基础，自然都是需要的，我这里没有做表单修改，只简单的实现了删除。

我下载的ueditor插件中有基本的创建和预览代码，因此我就参考这些再度修改，而后实现简单的表达列表和预览、删除功能。

一、表单列表页面formList.html：

     
        
        
            
     
    
    
              
               
             
      新增表单
        
       | 
        
      表单列表
        
       | 
        
      创建模型
     
     
    
       
           
      
                                           表单Id                     表单标题                     表单代码                     操作表单

二、 js文件formList.js:

function toAdd(){	window.location.href="../"; };function formList(){	window.location.href="./formList.html"; };$(document).ready(function(){$.ajax({    type: 'POST',    url : '/webFormTest/findForms.do',    dataType : 'json',    async:false,    success : function(data){    	//alert("保存成功");    	console.log(data);    	for(var i=0;i
    
     ';    		        win_parse.document.write(str);    		        win_parse.focus();         		        //document.getElementById("div2").write(str);    			};    			                td3.appendChild(a1);                td3.appendChild(a2);                tr.appendChild(td0);    			tr.appendChild(td1);    			tr.appendChild(td2);    			tr.appendChild(td3);    			tables.appendChild(tr);    	}    }})})

三、后台代码：

Controller类中相关方法：

@RequestMapping(value = "/findForms.do", method = RequestMethod.POST)	@ResponseBody	public Object findForms() {		List
     
      > list = formService.findForms();		return list;	}	@RequestMapping(value = "/deleteForm.do", method = RequestMethod.POST)	@ResponseBody	public Object deleteForm(HttpServletRequest request) {		String formIde = request.getParameter("formId");		formService.deleteForm(formIde);		return null;	}

Service类相关方法：

public Object addForm(String formType, String string);public void deleteForm(String formId);

serviceImp实现：

/**	 * 查询表单列表	 * 	 * @author：tuzongxun	 * @Title: findForms	 * @Description: TODO	 * @param @return	 * @date Mar 28, 2016 4:29:58 PM	 * @throws	 */	public List
     
      > findForms() {		Connection connection = this.getDb();		Statement statement;		List
      
       
        > list = new ArrayList
        
         
          >(); try { statement = connection.createStatement(); ResultSet resultSet = statement .executeQuery("select * from formtest"); while (resultSet.next()) { Map
          
            map = new HashMap
           
            (); String formString = resultSet.getString(2); // resultSet.getString(2); System.out.println("formString:" + formString); map.put("formId", resultSet.getString(1)); map.put("formType", resultSet.getString(2)); map.put("form", resultSet.getString(3)); list.add(map); } ; } catch (Exception e) { e.printStackTrace(); } return list; } /** * 删除表单 * * @author：tuzongxun * @Title: addForm * @Description: TODO * @param @param formType * @param @param string * @param @return * @date Mar 28, 2016 4:30:18 PM * @throws */ public void deleteForm(String formId) { try { Connection connection = this.getDb(); PreparedStatement ps = connection .prepareStatement("delete from formtest where formId=?"); ps.setString(1, formId); ps.executeUpdate(); connection.close(); } catch (Exception e) { e.printStackTrace(); } }

列表页面效果如图：

预览效果如图：