activiti自定义流程之自定义表单（二）：创建表单

在上一节自定义表单环境搭建好以后，我就正式开始尝试自己创建表单，在后台的处理就比较常规，主要是针对ueditor插件的功能在前端进行修改。


由于自己的前端相关技术太渣，因此好多东西都不会用，导致修改实现的过程也是破费了一番功夫，头皮发麻了好几天。

既然是用别人的插件进行修改，那么我想如果只是单独的贴出我修改后的代码，可能没有前后进行对比好理解，因此这里就把原代码和修改后的同时对比着贴出，以便于朋友们能从对比中更快的得到启发。

一、首先是前台创建表单，原文件示例是所有代码直接都写在了index.html文件中，文件在文章最后：

我在修改的过程中感觉这个代码太长，貌似有点杂乱，因此就自作主张的把部分内容提取到了新建的js文件中，还有部分我觉得无关紧要的东西也进行了删除，然后我的index.html代码如下：


[html]  view plain  copy
 
  1. <!DOCTYPE HTML>  
  2. <html>  
  3.  <head>  
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">  
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
  7.     <link href="css/bootstrap/css/bootstrap.css?2023" rel="stylesheet" type="text/css" />  
  8.     <link href="css/site.css?2023" rel="stylesheet" type="text/css" />  
  9.     <link href="my_css/a.css" rel="stylesheet" type="text/css" />  
  10.     <script type="text/javascript">  
  11.         var _root='http://form/index.php?s=/',_controller = 'index';  
  12.     </script>   
  13.  </head>  
  14. <body style="margin:0">  
  15. <!-- fixed navbar -->  
  16. <!-- Docs page layout -->  
  17. <div style="width:100%;height:60px;background-color:#ccf;border:1px solid blue;text-decoration:none">  
  18.      <img src="images/activiti.png" style="width:20%;height:98%;overflow:hidden;float:left"/>  
  19.      <ul style="margin-left:30px;margin-top:10px; padding: 0px; font-size: 30px; width:60%;overflow:hidden;float:left">  
  20.         <li><a href="#" onclick="toAdd();">新增表单</a></li>  
  21.         <li> | </li>  
  22.         <li><a href="#" onclick="formList();">表单列表</a></li>  
  23.      </ul>  
  24. </div>  
  25. <div id="idv1" style="width:100%;position: absolute;height:auto">  
  26. <div style="width:70px;height:550px;position:relative;float:left;border:1px solid blue;background-color:#ccf">  
  27.     
  28. </div>  
  29. <div id="formDiv" style="width:89%;height:auto;position:relative;float:left;margin-left:10px;margin-top:10px;">  
  30.   
  31.   
  32. <div class="container">  
  33. <form method="post" id="saveform" name="saveform" action="/index.php?s=/index/parse.html">  
  34. <input type="hidden" name="fields" id="fields" value="0">  
  35. <div style="width:98%;height:510px;margin-top:20px;border:3px solid grey">  
  36.   <p style="margin-top:10px;font-size:30px" >表单名称：<input type="text" id="formType"></input></p>  
  37.   <hr style="height:5px;border:none;border-top:5px ridge green;"/>  
  38.   <p style="margin-top:10px;font-size:30px" >表单设计：</p>  
  39.  <div >  
  40. <p style="left:30px">  
  41.         <button type="button" onclick="leipiFormDesign.exec('text');" class="btn btn-info">文本框</button>  
  42.         <button type="button" onclick="leipiFormDesign.exec('textarea');" class="btn btn-info">多行文本</button>  
  43.         <button type="button" onclick="leipiFormDesign.exec('select');" class="btn btn-info">下拉菜单</button>  
  44.         <button type="button" onclick="leipiFormDesign.exec('radios');" class="btn btn-info">单选框</button>  
  45.         <button type="button" onclick="leipiFormDesign.exec('checkboxs');" class="btn btn-info">复选框</button>         
  46.         <button type="button" onclick="leipiFormDesign.exec('listctrl');" class="btn btn-info">列表控件</button>  
  47.        <!--   <button type="button" onclick="leipiFormDesign.findForm();" class="btn btn-info">form</button>-->  
  48. </p>  
  49.   
  50.   
  51. </div>  
  52. <!-- afsddddddddd -->  
  53. <div >  
  54. <script id="myFormDesign" type="text/plain" style="width:99.8%;">  
  55. </script>  
  56. </div>     
  57. </div>  
  58. <!-- afsddddddddd -->  
  59. <div class="row">  
  60.   
  61.   
  62. </div><!--end row-->  
  63. </form>  
  64. </div><!--end container-->  
  65. <script type="text/javascript" charset="utf-8" src="js/jquery-1.7.2.min.js?2023"></script>  
  66. <script type="text/javascript" charset="utf-8" src="js/ueditor/ueditor.config.js?2023"></script>  
  67. <script type="text/javascript" charset="utf-8" src="js/ueditor/ueditor.all.js?2023"> </script>  
  68. <script type="text/javascript" charset="utf-8" src="js/ueditor/lang/zh-cn/zh-cn.js?2023"></script>  
  69. <script type="text/javascript" charset="utf-8" src="js/ueditor/formdesign/leipi.formdesign.v4.js?2023"></script>  
  70. <!-- script start-->    
  71. <script type="text/javascript" charset="utf-8" src="my_js/addForm.js"></script>  
  72. <!-- script end -->  
  73. <div style="width:1px;height:1px">  
  74.   <script type="text/javascript">  
  75.   var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");  
  76.   document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F1e6fd3a46a5046661159c6bf55aad1cf' type='text/javascript'%3E%3C/script%3E"));  
  77.   </script>  
  78. </div>  
  79.   
  80.   
  81. </div>  
  82. </div>  
  83. </body>  
  84. </html>  

相关的js文件命名为addForm.js如下：


[javascript]  view plain  copy
 
  1. function toAdd(){  
  2.     window.location.href="./";   
  3. };  
  4. function formList(){  
  5.     window.location.href="my_views/formList.html";   
  6. };  
  7.   
  8.   
  9. var leipiEditor = UE.getEditor('myFormDesign',{  
  10.             toolleipi:true,//是否显示，设计器的 toolbars  
  11.             textarea: 'design_content',     
  12.             //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个  
  13.            toolbars:[[  
  14.             ]],  
  15.             //关闭字数统计  
  16.             wordCount:false,  
  17.             //关闭elementPath  
  18.             elementPathEnabled:false,  
  19.             //默认的编辑区域高度  
  20.             initialFrameHeight:300  
  21.             //,iframeCssUrl:"css/bootstrap/css/bootstrap.css" //引入自身 css使编辑器兼容你网站css  
  22.             //更多其他参数，请参考ueditor.config.js中的配置项  
  23.         });  
  24.   
  25.   
  26.  var leipiFormDesign = {  
  27.     findForm : function(){  
  28.         window.location.href="my_views/formList.html";  
  29.     },  
  30.     /*执行控件*/  
  31.     exec : function (method) {  
  32.         leipiEditor.execCommand(method);  
  33.     },  
  34.     /* 
  35.         Javascript 解析表单 
  36.         template 表单设计器里的Html内容 
  37.         fields 字段总数 
  38.     */  
  39.    parse_form:function(template,fields)  
  40.     {  
  41.         //正则  radios|checkboxs|select 匹配的边界 |--|  因为当使用 {} 时js报错  
  42.         var preg =  /(\|-<span(((?!<span).)*leipiplugins=\"(radios|checkboxs|select)\".*?)>(.*?)<\/span>-\||<(img|input|textarea|select).*?(<\/select>|<\/textarea>|\/>))/gi,preg_attr =/(\w+)=\"(.?|.+?)\"/gi,preg_group =/<input.*?\/>/gi;  
  43.         if(!fields) fields = 0;  
  44.         var template_parse = template,template_data = new Array(),add_fields=new Object(),checkboxs=0;  
  45.         var pno = 0;  
  46.         template.replace(preg, function(plugin,p1,p2,p3,p4,p5,p6){  
  47.             var parse_attr = new Array(),attr_arr_all = new Object(),name = '', select_dot = '' , is_new=false;  
  48.             var p0 = plugin;  
  49.             var tag = p6 ? p6 : p4;  
  50.             //alert(tag + " \n- t1 - "+p1 +" \n-2- " +p2+" \n-3- " +p3+" \n-4- " +p4+" \n-5- " +p5+" \n-6- " +p6);  
  51.             if(tag == 'radios' || tag == 'checkboxs')  
  52.             {  
  53.                 plugin = p2;  
  54.             }else if(tag == 'select')  
  55.             {  
  56.                 plugin = plugin.replace('|-','');  
  57.                 plugin = plugin.replace('-|','');  
  58.             }  
  59.             plugin.replace(preg_attr, function(str0,attr,val) {  
  60.                     if(attr=='name')  
  61.                     {  
  62.                         if(val=='leipiNewField')  
  63.                         {  
  64.                             is_new=true;  
  65.                             fields++;  
  66.                             val = 'data_'+fields;  
  67.                         }  
  68.                         name = val;  
  69.                     }  
  70.                       
  71.                     if(tag=='select' && attr=='value')  
  72.                     {  
  73.                         if(!attr_arr_all[attr]) attr_arr_all[attr] = '';  
  74.                         attr_arr_all[attr] += select_dot + val;  
  75.                         select_dot = ',';  
  76.                     }else  
  77.                     {  
  78.                         attr_arr_all[attr] = val;  
  79.                     }  
  80.                     var oField = new Object();  
  81.                     oField[attr] = val;  
  82.                     parse_attr.push(oField);  
  83.             })   
  84.             /*alert(JSON.stringify(parse_attr));return;*/  
  85.              if(tag =='checkboxs') /*复选组  多个字段 */  
  86.              {  
  87.                 plugin = p0;  
  88.                 plugin = plugin.replace('|-','');  
  89.                 plugin = plugin.replace('-|','');  
  90.                 var name = 'checkboxs_'+checkboxs;  
  91.                 attr_arr_all['parse_name'] = name;  
  92.                 attr_arr_all['name'] = '';  
  93.                 attr_arr_all['value'] = '';  
  94.                   
  95.                 attr_arr_all['content'] = '<span leipiplugins="checkboxs"  title="'+attr_arr_all['title']+'">';  
  96.                 var dot_name ='', dot_value = '';  
  97.                 p5.replace(preg_group, function(parse_group) {  
  98.                     var is_new=false,option = new Object();  
  99.                     parse_group.replace(preg_attr, function(str0,k,val) {  
  100.                         if(k=='name')  
  101.                         {  
  102.                             if(val=='leipiNewField')  
  103.                             {  
  104.                                 is_new=true;  
  105.                                 fields++;  
  106.                                 val = 'data_'+fields;  
  107.                             }  
  108.   
  109.   
  110.                             attr_arr_all['name'] += dot_name + val;  
  111.                             dot_name = ',';  
  112.   
  113.   
  114.                         }  
  115.                         else if(k=='value')  
  116.                         {  
  117.                             attr_arr_all['value'] += dot_value + val;  
  118.                             dot_value = ',';  
  119.   
  120.   
  121.                         }  
  122.                         option[k] = val;      
  123.                     });  
  124.                       
  125.                     if(!attr_arr_all['options']) attr_arr_all['options'] = new Array();  
  126.                     attr_arr_all['options'].push(option);  
  127.                     //if(!option['checked']) option['checked'] = '';  
  128.                     var checked = option['checked'] !=undefined ? 'checked="checked"' : '';  
  129.                     attr_arr_all['content'] +='<input type="checkbox" name="'+option['name']+'" value="'+option['value']+'"  '+checked+'/>'+option['value']+' ';  
  130.   
  131.   
  132.                     if(is_new)  
  133.                     {  
  134.                         var arr = new Object();  
  135.                         arr['name'] = option['name'];  
  136.                         arr['leipiplugins'] = attr_arr_all['leipiplugins'];  
  137.                         add_fields[option['name']] = arr;  
  138.                     }  
  139.                 });  
  140.                 attr_arr_all['content'] += '</span>';  
  141.   
  142.   
  143.                 //parse  
  144.                 template = template.replace(plugin,attr_arr_all['content']);  
  145.                 template_parse = template_parse.replace(plugin,'{'+name+'}');  
  146.                 template_parse = template_parse.replace('{|-','');  
  147.                 template_parse = template_parse.replace('-|}','');  
  148.                 template_data[pno] = attr_arr_all;  
  149.                 checkboxs++;  
  150.   
  151.   
  152.              }else if(name)  
  153.             {  
  154.                 if(tag =='radios') /*单选组  一个字段*/  
  155.                 {  
  156.                     plugin = p0;  
  157.                     plugin = plugin.replace('|-','');  
  158.                     plugin = plugin.replace('-|','');  
  159.                     attr_arr_all['value'] = '';  
  160.                     attr_arr_all['content'] = '<span leipiplugins="radios" name="'+attr_arr_all['name']+'" title="'+attr_arr_all['title']+'">';  
  161.                     var dot='';  
  162.                     p5.replace(preg_group, function(parse_group) {  
  163.                         var option = new Object();  
  164.                         parse_group.replace(preg_attr, function(str0,k,val) {  
  165.                             if(k=='value')  
  166.                             {  
  167.                                 attr_arr_all['value'] += dot + val;  
  168.                                 dot = ',';  
  169.                             }  
  170.                             option[k] = val;      
  171.                         });  
  172.                         option['name'] = attr_arr_all['name'];  
  173.                         if(!attr_arr_all['options']) attr_arr_all['options'] = new Array();  
  174.                         attr_arr_all['options'].push(option);  
  175.                         //if(!option['checked']) option['checked'] = '';  
  176.                         var checked = option['checked'] !=undefined ? 'checked="checked"' : '';  
  177.                         attr_arr_all['content'] +='<input type="radio" name="'+attr_arr_all['name']+'" value="'+option['value']+'"  '+checked+'/>'+option['value']+' ';  
  178.   
  179.   
  180.                     });  
  181.                     attr_arr_all['content'] += '</span>';  
  182.   
  183.   
  184.                 }else  
  185.                 {  
  186.                     attr_arr_all['content'] = is_new ? plugin.replace(/leipiNewField/,name) : plugin;  
  187.                 }  
  188.                 template = template.replace(plugin,attr_arr_all['content']);  
  189.                 template_parse = template_parse.replace(plugin,'{'+name+'}');  
  190.                 template_parse = template_parse.replace('{|-','');  
  191.                 template_parse = template_parse.replace('-|}','');  
  192.                 if(is_new)  
  193.                 {  
  194.                     var arr = new Object();  
  195.                     arr['name'] = name;  
  196.                     arr['leipiplugins'] = attr_arr_all['leipiplugins'];  
  197.                     add_fields[arr['name']] = arr;  
  198.                 }  
  199.                 template_data[pno] = attr_arr_all;     
  200.             }  
  201.             pno++;  
  202.         })  
  203.         var parse_form = new Object({  
  204.             'fields':fields,//总字段数  
  205.             'template':template,//完整html  
  206.             'parse':template_parse,//控件替换为{data_1}的html  
  207.             'data':template_data,//控件属性  
  208.             'add_fields':add_fields//新增控件  
  209.         });  
  210.         return JSON.stringify(parse_form);  
  211.     },  
  212.     /*type  =  save 保存设计 versions 保存版本  close关闭 */  
  213.     fnCheckForm : function ( type ) {  
  214.         var formType=document.getElementById("formType").value;  
  215.         if(leipiEditor.queryCommandState( 'source' ))  
  216.             leipiEditor.execCommand('source');//切换到编辑模式才提交，否则有bug     
  217.         if(leipiEditor.hasContents()){  
  218.             leipiEditor.sync();/*同步内容*/  
  219.             //--------------以下仅参考-----------------------------------------------------------------------------------------------------  
  220.             var type_value='',formid=0,fields=$("#fields").val(),formeditor='';  
  221.   
  222.   
  223.             if( typeof type!=='undefined' ){  
  224.                 type_value = type;  
  225.             }  
  226.             console.log(document.getElementById("formType"));  
  227.             //获取表单设计器里的内容  
  228.             formeditor=leipiEditor.getContent();  
  229.             //解析表单设计器控件  
  230.             var parse_form = this.parse_form(formeditor,fields);  
  231.              //异步提交数据  
  232.              $.ajax({  
  233.                 type: 'POST',  
  234.                 url : '/webFormTest/addForm.do',  
  235.                 dataType : 'html',  
  236.                 async:false,  
  237.                 //contentType: 'application/json;charset=utf-8',  
  238.                 data : {'type' : type_value,'formid':formid,'parse_form':parse_form,"formType":formType},        
  239.                 success : function(data){  
  240.                     alert("保存成功");  
  241.                     window.location.href ="./my_views/formList.html";  
  242.                 }  
  243.             });  
  244.               
  245.         } else {  
  246.             alert('表单内容不能为空！')  
  247.             $('#submitbtn').button('reset');  
  248.             return false;  
  249.         }  
  250.     } ,  
  251.     /*预览表单*/  
  252.     fnReview : function (){  
  253.         if(leipiEditor.queryCommandState( 'source' ))  
  254.             leipiEditor.execCommand('source');/*切换到编辑模式才提交，否则部分浏览器有bug*/  
  255.         if(leipiEditor.hasContents()){  
  256.             leipiEditor.sync();       /*同步内容*/  
  257.             //--------------以下仅参考-------------------------------------------------------------------  
  258.             /*设计form的target 然后提交至一个新的窗口进行预览*/  
  259.             var type_value='',formid=0,fields=$("#fields").val(),formeditor='';  
  260.             var formType=document.getElementById("formType").value;  
  261.             if( typeof type!=='undefined' ){  
  262.                 type_value = type;  
  263.             }  
  264.             //获取表单设计器里的内容  
  265.             formeditor=leipiEditor.getContent();  
  266.             //解析表单设计器控件  
  267.             var parse_form = this.parse_form(formeditor,fields);  
  268.             var forms=JSON.parse(parse_form);  
  269.             console.log(forms);  
  270.             console.log(typeof forms);  
  271.             console.log(forms.template);  
  272.             var forms1=forms.template;  
  273.                 win_parse=window.open('','','width=800,height=400,alwaysRaised=yes,top=100,left=200');  
  274.                 //win_parse=window.open('','mywin',"menubar=0,toolbar=0,status=0,resizable=1,left=0,top=0,scrollbars=1,width=" +(screen.availWidth-10) + ",height=" + (screen.availHeight-50) + "\"");  
  275.                 var str='<div style="width:500px;height:300px;border:1px solid grey">'+forms1+'</div>';  
  276.                 win_parse.document.write(forms1);  
  277.                 win_parse.focus();       
  278.         } else {  
  279.             alert('表单内容不能为空！');  
  280.             return false;  
  281.         }  
  282.     }  
  283. };  

那么这里需要着重说明的就是js文件，在原文件中大家可以看到js也是写在html中的，最重要的是到了保存和预览的时候，都变了请用户自已处理：
alert("你点击了保存,这里可以异步提交，请自行处理....");
alert("你点击了预览,请自行处理....");

于是我在对插件封装的数据进行了一定分析后就自行解决了这两个问题，也就是主要修改的地方。


二、前台表单创建、预览完毕，要能实现以后都随时调用的功能，自然就需要存储到数据库中，前台似乎也能直接操作数据库，但是我本身是做后台的，因此就直接用了后台和数据库交互。

后太也分别创建了model实体类、控制层controller、接口service、接口实现类serviceImp。因为这次主要是实现前台功能，我就把重心放在了前台，所以后台没有dao层。
原本我是连service都不准备建立的，只是后来为了测试方便，还是建立了，因此各层看起来其实很混乱，该写在service的代码写在了controller，依次类推。
代码分别如下：


（1）、controller层，对前台传入的字符串进行了一定处理：
[java]  view plain  copy
 
  1. package formControllers;  
  2. import java.util.Map;  
  3. import javax.servlet.http.HttpServletRequest;  
  4. import org.springframework.beans.factory.annotation.Autowired;  
  5. import org.springframework.stereotype.Controller;  
  6. import org.springframework.web.bind.annotation.RequestMapping;  
  7. import org.springframework.web.bind.annotation.RequestMethod;  
  8. import org.springframework.web.bind.annotation.ResponseBody;  
  9. import services.FormService;  
  10.   
  11.   
  12. @Controller  
  13. public class FormController {  
  14.     @Autowired  
  15.     FormService formService;  
  16.   
  17.   
  18.     @RequestMapping(value = "/addForm.do", method = RequestMethod.POST)  
  19.     @ResponseBody  
  20.     public Object addForm(HttpServletRequest request) {  
  21.         // String type_value = request.getParameter("type_value");  
  22.         // String formid = request.getParameter("formid");  
  23.         String parse_form = request.getParameter("parse_form");  
  24.         String formType = request.getParameter("formType");  
  25.         System.out.println(formType);  
  26.         int index1 = parse_form.indexOf("\"template\":");  
  27.         int index2 = parse_form.indexOf("\"parse\":");  
  28.         String string = parse_form.substring(index1 + 12, index2 - 6);  
  29.         string = string.replace("\\", "");  
  30.         string = string.replace("{", "");  
  31.         string = string.replace("}", "");  
  32.         string = string.replace("|", "");  
  33.         string = string.replace("-", "");  
  34.         formService.addForm(formType, string);  
  35.         return string;  
  36.     }  
  37. }  


（2）、service层存入数据库：


[java]  view plain  copy
 
  1. Service:  
  2. package services;  
  3. import java.util.Map;  
  4.   
  5.   
  6. public interface FormService {  
  7.     public Object addForm(String formType, String string);  
  8. }  


serviceImp代码:

[java]  view plain  copy
 
  1. package servicesImp;  
  2. import java.sql.Connection;  
  3. import java.sql.DriverManager;  
  4. import java.sql.PreparedStatement;  
  5. import java.sql.ResultSet;  
  6. import java.sql.Statement;  
  7. import java.util.ArrayList;  
  8. import java.util.Date;  
  9. import java.util.HashMap;  
  10. import java.util.Map;  
  11. import org.springframework.stereotype.Service;  
  12. import services.FormService;  
  13. @Service("FormService")  
  14. public class FormServiceImp implements FormService {  
  15.   
  16.   
  17.     /** 
  18.      * 新增表单 
  19.      *  
  20.      * @author：tuzongxun 
  21.      * @Title: addForm 
  22.      * @Description: TODO 
  23.      * @param @param formType 
  24.      * @param @param string 
  25.      * @param @return 
  26.      * @date Mar 28, 2016 4:30:18 PM 
  27.      * @throws 
  28.      */  
  29.     public Object addForm(String formType, String string) {  
  30.         System.out.println(string);  
  31.         try {  
  32.             Connection connection = this.getDb();  
  33.             PreparedStatement ps = connection  
  34.                     .prepareStatement("insert into  formtest(formId,formType,form) values(?,?,?)");  
  35.             String formId = new Date().getTime() + "";  
  36.             ps.setString(1, formId);  
  37.             ps.setString(2, formType);  
  38.             ps.setString(3, string);  
  39.             ps.executeUpdate();  
  40.             connection.close();  
  41.         } catch (Exception e) {  
  42.             e.printStackTrace();  
  43.         }  
  44.         return string;  
  45.     }  
  46.   
  47.   
  48.     public Connection getDb() {  
  49.         Connection connection = null;  
  50.         try {  
  51.             Class.forName("com.mysql.jdbc.Driver");  
  52.             connection = DriverManager.getConnection(  
  53.                     "jdbc:mysql://localhost:3306/formtest", "root", "123456");  
  54.         } catch (Exception e) {  
  55.             e.printStackTrace();  
  56.         }  
  57.         return connection;  
  58.     }  
[java]  view plain  copy
 
  1. /**链接数据库*/<p align="left"><strong><span style="color:#7F0055;">public</span></strong> Connection getDb() {</p><p align="left">       Connection <span style="color:#6A3E3E;">connection</span> = <strong><span style="color:#7F0055;">null</span></strong>;</p><p align="left">       <strong><span style="color:#7F0055;">try</span></strong> {</p><p align="left">           Class.<em>forName</em>(<span style="color:#2A00FF;">"com.mysql.jdbc.Driver"</span>);</p><p align="left">           <span style="color:#6A3E3E;">connection</span> = DriverManager.<em>getConnection</em>(</p><p align="left">                  <span style="color:#2A00FF;">"jdbc:mysql://localhost:3306/formtest"</span>, <span style="color:#2A00FF;">"root"</span>, <span style="color:#2A00FF;">"123456"</span>);</p><p align="left">       } <strong><span style="color:#7F0055;">catch</span></strong> (Exception <span style="color:#6A3E3E;">e</span>) {</p><p align="left">           <span style="color:#6A3E3E;">e</span>.printStackTrace();</p><p align="left">       }</p><p align="left">       <strong><span style="color:#7F0055;">return</span></strong> <span style="color:#6A3E3E;">connection</span>;</p><p align="left">    }</p><p align="left"> }</p>  



Model实体：

[java]  view plain  copy
 
  1. package models;  
  2. public class FormModel {  
  3.     // 'type' : type_value,'formid':formid,'parse_form':parse_form  
  4.     private String formId;  
  5.     private String type;  
  6.     private Integer formid;  
  7.     private String parse_form;  
  8.     private String formType;  
  9.   
  10.   
  11.     public String getType() {  
  12.         return type;  
  13.     }  
  14.   
  15.   
  16.     public void setType(String type) {  
  17.         this.type = type;  
  18.     }  
  19.   
  20.   
  21.     public int getFormid() {  
  22.         return formid;  
  23.     }  
  24.   
  25.   
  26.     public String getParse_form() {  
  27.         return parse_form;  
  28.     }  
  29.   
  30.   
  31.     public void setFormid(Integer formid) {  
  32.         this.formid = formid;  
  33.     }  
  34.   
  35.   
  36.     public void setParse_form(String parse_form) {  
  37.         this.parse_form = parse_form;  
  38.     }  
  39.   
  40.   
  41.     public String getFormType() {  
  42.         return formType;  
  43.     }  
  44.   
  45.   
  46.     public void setFormType(String formType) {  
  47.         this.formType = formType;  
  48.     }  
  49.   
  50.   
  51.     public String getFormId() {  
  52.         return formId;  
  53.     }  
  54.   
  55.   
  56.     public void setFormId(String formId) {  
  57.         this.formId = formId;  
  58.     }  
  59.   
  60.   
  61.     @Override  
  62.     public String toString() {  
  63.         return "FormModel [formId=" + formId + ", type=" + type + ", formid="  
  64.                 + formid + ", parse_form=" + parse_form + ", formType="  
  65.                 + formType + "]";  
  66.     }  
  67.   
  68.   
  69. }  

页面效果如图：




原文index.html文件代码：

[html]  view plain  copy
 
  1. <!DOCTYPE HTML>  
  2. <html>  
  3.  <head>  
  4.       
  5.     <title>WEB表单设计器 Ueditor Formdesign Plugins -leipi.org</title>  
  6.         <meta name="keyword" content="ueditor Formdesign plugins,formdesigner,ueditor扩展,web表单设计器,高级表单设计器,Leipi Form Design,web form设计器,web form designer,javascript jquery ueditor php表单设计器,formbuilder">  
  7.         <meta name="description" content="Ueditor Web Formdesign Plugins 扩展即WEB表单设计器扩展，它通常在、OA系统、问卷调查系统、考试系统、等领域发挥着重要作用，你可以在此基础上任意修改使功能无限强大！">  
  8.   
  9.   
  10.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  11.     <meta name="viewport" content="width=device-width, initial-scale=1.0">  
  12.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
  13.     <meta name="author" content="leipi.org">  
  14.     <link href="css/bootstrap/css/bootstrap.css?2023" rel="stylesheet" type="text/css" />  
  15.     <!--[if lte IE 6]>  
  16.     <link rel="stylesheet" type="text/css" href="css/bootstrap/css/bootstrap-ie6.css?2023">  
  17.     <![endif]-->  
  18.     <!--[if lte IE 7]>  
  19.     <link rel="stylesheet" type="text/css" href="css/bootstrap/css/ie.css?2023">  
  20.     <![endif]-->  
  21.     <link href="css/site.css?2023" rel="stylesheet" type="text/css" />  
  22.     <script type="text/javascript">  
  23.         var _root='http://form/index.php?s=/',_controller = 'index';  
  24.     </script>  
  25.       
  26. <!--style>  
  27.     .list-group-item{padding:0px;}  
  28. </style-->  
  29.   
  30.   
  31.  </head>  
  32. <body>  
  33.   
  34.   
  35. <!-- fixed navbar -->  
  36. <div class="navbar navbar-inverse navbar-fixed-top">  
  37.   <div class="navbar-inner">  
  38.     <div class="container">  
  39.       <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">  
  40.         <span class="icon-bar"></span>  
  41.         <span class="icon-bar"></span>  
  42.         <span class="icon-bar"></span>  
  43.       </button>  
  44.       <a class="brand" href="http://www.leipi.org" target="_blank">雷劈网</a>  
  45.       <div class="nav-collapse collapse">  
  46.         <ul class="nav">  
  47.             <li class="active"><a href="/">表单设计器</a></li>  
  48.             <li ><a href="http://formdesign.leipi.org/doc.html">文档</a></li>  
  49.             <li ><a href="http://formdesign.leipi.org/demo.html">实例</a></li>  
  50.             <li ><a href="http://formdesign.leipi.org/downloads.html">下载</a></li>  
  51.             <li ><a href="http://formdesign.leipi.org/feedback.html">公开讨论</a></li>  
  52.         </ul>  
  53.       </div>  
  54.     </div>  
  55.   </div>  
  56. </div>  
  57.   
  58.   
  59.   
  60.   
  61.       
  62.   
  63.   
  64.   
  65.   
  66. <!-- Docs page layout -->  
  67. <div class="bs-header" id="content">  
  68.   <div class="container">  
  69.   
  70.   
  71.     <h1><img src="js/ueditor/formdesign/images/leipi_formdesign.png" width="64"/>WEB表单设计器 <small>Ueditor1.4.2 + Formdesign4.1.x</small></h1>  
  72.     <p>  
  73.         感谢大家使用，如有任何意见或建议，请务必告知，<a href="#bs-footer">免责声明</a>。  
  74.         <p>  
  75.         复制分享：<input type="text" value="大家都在用雷劈网WEB表单设计器，你去官网看看 http://formdesign.leipi.org/" style="width:80%" onclick="this.select()"/>  
  76.         </p>  
  77.         交流Q群： 143263697  
  78.     </p>  
  79.       
  80.   </div>  
  81. </div>  
  82.   
  83.   
  84.   
  85.   
  86. <div class="container">  
  87. <form method="post" id="saveform" name="saveform" action="/index.php?s=/index/parse.html">  
  88. <input type="hidden" name="fields" id="fields" value="0">  
  89. <div class="row">  
  90.   
  91.   
  92.     <div class="well well-small">  
  93. <span class="pull-right">  
  94.     <a href="http://formdesign.leipi.org/demo.html" class="btn btn-success btn-small">使用实例演示</a>  
  95. </span>  
  96.   
  97.   
  98. <p>  
  99.  一栏布局：<br /><br />  
  100.         <button type="button" onclick="leipiFormDesign.exec('text');" class="btn btn-info">文本框</button>  
  101.         <button type="button" onclick="leipiFormDesign.exec('textarea');" class="btn btn-info">多行文本</button>  
  102.         <button type="button" onclick="leipiFormDesign.exec('select');" class="btn btn-info">下拉菜单</button>  
  103.         <button type="button" onclick="leipiFormDesign.exec('radios');" class="btn btn-info">单选框</button>  
  104.         <button type="button" onclick="leipiFormDesign.exec('checkboxs');" class="btn btn-info">复选框</button>  
  105.         <button type="button" onclick="leipiFormDesign.exec('macros');" class="btn btn-info">宏控件</button>  
  106.         <button type="button" onclick="leipiFormDesign.exec('progressbar');" class="btn btn-info">进度条</button>  
  107.         <button type="button" onclick="leipiFormDesign.exec('qrcode');" class="btn btn-info">二维码</button>  
  108.         <button type="button" onclick="leipiFormDesign.exec('listctrl');" class="btn btn-info">列表控件</button>  
  109.         <button type="button" onclick="leipiFormDesign.exec('more');" class="btn btn-primary">一起参与...</button>  
  110. </p>  
  111.      </div>  
  112.        
  113. </div>  
  114.   
  115.   
  116.   
  117.   
  118. <div class="alert">  
  119.     <button type="button" class="close" data-dismiss="alert">×</button>  
  120.     <strong>提醒：</strong>单选框和复选框，如：<code>{|-</code>选项<code>-|}</code>两边边界是防止误删除控件，程序会把它们替换为空，请不要手动删除！  
  121. </div>  
  122.   
  123.   
  124.   
  125.   
  126. <div class="row">  
  127.   
  128.   
  129. <div class="span2">  
  130. <ul class="nav nav-list">  
  131.     <li class="nav-header">两栏布局</li>  
  132.     <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('text');" class="btn btn-link">文本框</a></li>  
  133.     <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('textarea');" class="btn btn-link">多行文本</a></li>  
  134.     <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('select');" class="btn btn-link">下拉菜单</a></li>  
  135.     <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('radios');" class="btn btn-link">单选框</a></li>  
  136.     <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('checkboxs');" class="btn btn-link">复选框</a></li>  
  137.     <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('macros');" class="btn btn-link">宏控件</a></li>  
  138.     <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('progressbar');" class="btn btn-link">进度条</a></li>  
  139.     <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('qrcode');" class="btn btn-link">二维码</a></li>  
  140.     <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('listctrl');" class="btn btn-link">列表控件</a></li>  
  141.     <li><a href="javascript:void(0);" onclick="leipiFormDesign.exec('more');" class="btn btn-link">一起参与...</a></li>  
  142.       
  143. </ul>  
  144.   
  145.   
  146. </div>  
  147.   
  148.   
  149. <div class="span10">  
  150.   
  151.   
  152. <script id="myFormDesign" type="text/plain" style="width:100%;">  
  153. <p style="text-align: center;">  
  154.     <br/>  
  155. </p>  
  156. <p style="text-align: center;">  
  157.     <span style="font-size: 24px;">示例表</span>  
  158. </p>  
  159. <table class="table table-bordered">  
  160.     <tbody>  
  161.         <tr class="firstRow">  
  162.             <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);">  
  163.                 文本框  
  164.             </td>  
  165.             <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" width="227">  
  166.                 <input style="text-align: left; width: 150px;" title="文本框" value="雷劈网" name="leipiNewField" orgheight="" orgwidth="150" orgalign="left" orgfontsize="" orghide="0" leipiplugins="text" orgtype="text"/>  
  167.             </td>  
  168.             <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" width="85">  
  169.                 下拉菜单  
  170.             </td>  
  171.             <td valign="top" style="border-color: rgb(221, 221, 221);" width="312">  
  172.                 {|-<span leipiplugins="select"><select name="leipiNewField" title="下拉菜单" leipiplugins="select" size="1" orgwidth="150" style="width: 150px;"><option value="下拉">  
  173.                     下拉  
  174.                 </option>  
  175.                 <option value="菜单">  
  176.                     菜单  
  177.                 </option></select>  </span>-|}  
  178.             </td>  
  179.         </tr>  
  180.         <tr>  
  181.             <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);">  
  182.                 单选  
  183.             </td>  
  184.             <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" width="41">  
  185. {|-<span leipiplugins="radios"  title="单选" name="leipiNewField">  
  186.     <input  value="单选1"   type="radio" checked="checked"/>单选1   
  187.     <input  value="单选2"  type="radio"/>单选2   
  188. </span>-|}  
  189.             </td>  
  190.             <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" width="85">  
  191.                 复选  
  192.             </td>  
  193.             <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" width="312">  
  194.                 {|-<span leipiplugins="checkboxs" title="复选">  
  195.                     <input name="leipiNewField" value="复选1"  type="checkbox" checked="checked"/>复选1   
  196.                     <input name="leipiNewField" value="复选2"  type="checkbox" checked="checked"/>复选2   
  197.                     <input name="leipiNewField" value="复选3"  type="checkbox"/>复选3   
  198.                     </span>-|}  
  199.             </td>  
  200.         </tr>  
  201.         <tr>  
  202.             <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);">  
  203.                 宏控件  
  204.             </td>  
  205.             <td valign="top" style="border-color: rgb(221, 221, 221);" width="41">  
  206.                 <input name="leipiNewField" type="text" value="{macros}" title="宏控件" leipiplugins="macros" orgtype="sys_date_cn" orghide="0" orgfontsize="12" orgwidth="150" style="font-size: 12px; width: 150px;"/>  
  207.             </td>  
  208.             <td valign="top" style="word-break: break-all; border-color: rgb(221, 221, 221);" width="85">  
  209.                 二维码  
  210.             </td>  
  211.             <td valign="top" style="border-color: rgb(221, 221, 221);" width="312">  
  212.                 <img name="leipiNewField" title="雷劈网" value="http://www.leipi.org" orgtype="url" leipiplugins="qrcode" src="js/ueditor/formdesign/images/qrcode.gif" orgwidth="40" orgheight="40" style="width: 40px; height: 40px;"/>  
  213.             </td>  
  214.         </tr>  
  215.     </tbody>  
  216. </table>  
  217. <p>  
  218.     <input name="leipiNewField" leipiplugins="listctrl" type="text" value="{列表控件}" readonly="readonly" title="采购商品列表" orgtitle="商品名称`数量`单价`小计`描述`" orgcoltype="text`int`int`int`text`" orgunit="```元``" orgsum="0`0`0`1`0`" orgcolvalue="`````" orgwidth="100%" style="width: 100%;"/>  
  219. </p>  
  220. <p>  
  221.     <textarea title="多行文本" name="leipiNewField" leipiplugins="textarea" value="" orgrich="0" orgfontsize="12" orgwidth="600" orgheight="80" style="font-size:12px;width:600px;height:80px;"></textarea>  
  222. </p>  
  223. <p>  
  224.     <img name="leipiNewField" title="进度条" leipiplugins="progressbar" orgvalue="20" orgsigntype="progress-info" src="js/ueditor/formdesign/images/progressbar.gif"/>  
  225. </p>  
  226. </script>  
  227. </div>  
  228.   
  229.   
  230.   
  231.   
  232.   
  233.   
  234. </div><!--end row-->  
  235.   
  236.   
  237. </form>  
  238.   
  239.   
  240.   
  241.   
  242.   
  243.   
  244. </div><!--end container-->  
  245.   
  246.   
  247.   
  248.   
  249.    
  250.   
  251.   
  252.       
  253.  <div class="bs-footer" role="contentinfo" id="bs-footer">  
  254.       <div class="container">  
  255.           <p><span class="glyphicon glyphicon-list-alt"></span> 免责声明：本站仅分享开发思路和示例代码并且乐于交流和促进网络良性发展，是非商业工具，如有疑问请加群或邮件告知，积极配合调整。</p>  
  256.           <p><span class="glyphicon glyphicon-list-alt"></span> 反馈：[email protected]</p>  
  257.           <p><span class="glyphicon glyphicon-usd"></span> 支持：捐赠支付宝 [email protected] 、<a href="#">捐赠记录</a></p>  
  258.           <p><span class="glyphicon glyphicon-bookmark"></span> 鸣谢：<a href="http://ueditor.baidu.com" target="_balnk">UEditor</a>、<a href="https://github.com/twbs/bootstrap/" target="_balnk">Bootstrap</a>、<a href="http://www.leipi.org" target="_balnk">雷劈网</a></p>  
  259.           <p><a href="http://www.leipi.org" title="雷劈网"><img src="http://www.leipi.org/wp-content/themes/leipi/images/leipi.png" alt="雷劈认证 icon" height="30"></a> &copy;2014 Ueditor Formdesign Plugins v4 leipi.org <a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备13051130号</a></p>  
  260.       </div>  
  261. </div>  
  262.       
  263.   
  264.   
  265. <script type="text/javascript" charset="utf-8" src="js/jquery-1.7.2.min.js?2023"></script>  
  266.   
  267.   
  268. <script type="text/javascript" charset="utf-8" src="js/ueditor/ueditor.config.js?2023"></script>  
  269. <script type="text/javascript" charset="utf-8" src="js/ueditor/ueditor.all.js?2023"> </script>  
  270. <script type="text/javascript" charset="utf-8" src="js/ueditor/lang/zh-cn/zh-cn.js?2023"></script>  
  271. <script type="text/javascript" charset="utf-8" src="js/ueditor/formdesign/leipi.formdesign.v4.js?2023"></script>  
  272. <!-- script start-->    
  273. <script type="text/javascript">  
  274. var leipiEditor = UE.getEditor('myFormDesign',{  
  275.             //allowDivTransToP: false,//阻止转换div 为p  
  276.             toolleipi:true,//是否显示，设计器的 toolbars  
  277.             textarea: 'design_content',     
  278.             //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个  
  279.            toolbars:[[  
  280.             'fullscreen', 'source', '|', 'undo', 'redo', '|','bold', 'italic', 'underline', 'fontborder', 'strikethrough',  'removeformat', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist','|', 'fontfamily', 'fontsize', '|', 'indent', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|',  'link', 'unlink',  '|',  'horizontal',  'spechars',  'wordimage', '|', 'inserttable', 'deletetable',  'mergecells',  'splittocells']],  
  281.             //focus时自动清空初始化时的内容  
  282.             //autoClearinitialContent:true,  
  283.             //关闭字数统计  
  284.             wordCount:false,  
  285.             //关闭elementPath  
  286.             elementPathEnabled:false,  
  287.             //默认的编辑区域高度  
  288.             initialFrameHeight:300  
  289.             //,iframeCssUrl:"css/bootstrap/css/bootstrap.css" //引入自身 css使编辑器兼容你网站css  
  290.             //更多其他参数，请参考ueditor.config.js中的配置项  
  291.         });  
  292.   
  293.   
  294.  var leipiFormDesign = {  
  295.     /*执行控件*/  
  296.     exec : function (method) {  
  297.         leipiEditor.execCommand(method);  
  298.     },  
  299.     /*  
  300.         Javascript 解析表单  
  301.         template 表单设计器里的Html内容  
  302.         fields 字段总数  
  303.     */  
  304.    parse_form:function(template,fields)  
  305.     {  
  306.         //正则  radios|checkboxs|select 匹配的边界 |--|  因为当使用 {} 时js报错  
  307.         var preg =  /(\|-<span(((?!<span).)*leipiplugins=\"(radios|checkboxs|select)\".*?)>(.*?)<\/span>-\||<(img|input|textarea|select).*?(<\/select>|<\/textarea>|\/>))/gi,preg_attr =/(\w+)=\"(.?|.+?)\"/gi,preg_group =/<input.*?\/>/gi;  
  308.         if(!fields) fields = 0;  
  309.   
  310.   
  311.         var template_parse = template,template_data = new Array(),add_fields=new Object(),checkboxs=0;  
  312.   
  313.   
  314.         var pno = 0;  
  315.         template.replace(preg, function(plugin,p1,p2,p3,p4,p5,p6){  
  316.             var parse_attr = new Array(),attr_arr_all = new Object(),name = '', select_dot = '' , is_new=false;  
  317.             var p0 = plugin;  
  318.             var tag = p6 ? p6 : p4;  
  319.             //alert(tag + " \n- t1 - "+p1 +" \n-2- " +p2+" \n-3- " +p3+" \n-4- " +p4+" \n-5- " +p5+" \n-6- " +p6);  
  320.   
  321.   
  322.             if(tag == 'radios' || tag == 'checkboxs')  
  323.             {  
  324.                 plugin = p2;  
  325.             }else if(tag == 'select')  
  326.             {  
  327.                 plugin = plugin.replace('|-','');  
  328.                 plugin = plugin.replace('-|','');  
  329.             }  
  330.             plugin.replace(preg_attr, function(str0,attr,val) {  
  331.                     if(attr=='name')  
  332.                     {  
  333.                         if(val=='leipiNewField')  
  334.                         {  
  335.                             is_new=true;  
  336.                             fields++;  
  337.                             val = 'data_'+fields;  
  338.                         }  
  339.                         name = val;  
  340.                     }  
  341.                       
  342.                     if(tag=='select' && attr=='value')  
  343.                     {  
  344.                         if(!attr_arr_all[attr]) attr_arr_all[attr] = '';  
  345.                         attr_arr_all[attr] += select_dot + val;  
  346.                         select_dot = ',';  
  347.                     }else  
  348.                     {  
  349.                         attr_arr_all[attr] = val;  
  350.                     }  
  351.                     var oField = new Object();  
  352.                     oField[attr] = val;  
  353.                     parse_attr.push(oField);  
  354.             })   
  355.             /*alert(JSON.stringify(parse_attr));return;*/  
  356.              if(tag =='checkboxs') /*复选组  多个字段 */  
  357.              {  
  358.                 plugin = p0;  
  359.                 plugin = plugin.replace('|-','');  
  360.                 plugin = plugin.replace('-|','');  
  361.                 var name = 'checkboxs_'+checkboxs;  
  362.                 attr_arr_all['parse_name'] = name;  
  363.                 attr_arr_all['name'] = '';  
  364.                 attr_arr_all['value'] = '';  
  365.                   
  366.                 attr_arr_all['content'] = '<span leipiplugins="checkboxs"  title="'+attr_arr_all['title']+'">';  
  367.                 var dot_name ='', dot_value = '';  
  368.                 p5.replace(preg_group, function(parse_group) {  
  369.                     var is_new=false,option = new Object();  
  370.                     parse_group.replace(preg_attr, function(str0,k,val) {  
  371.                         if(k=='name')  
  372.                         {  
  373.                             if(val=='leipiNewField')  
  374.                             {  
  375.                                 is_new=true;  
  376.                                 fields++;  
  377.                                 val = 'data_'+fields;  
  378.                             }  
  379.   
  380.   
  381.                             attr_arr_all['name'] += dot_name + val;  
  382.                             dot_name = ',';  
  383.   
  384.   
  385.                         }  
  386.                         else if(k=='value')  
  387.                         {  
  388.                             attr_arr_all['value'] += dot_value + val;  
  389.                             dot_value = ',';  
  390.   
  391.   
  392.                         }  
  393.                         option[k] = val;      
  394.                     });  
  395.                       
  396.                     if(!attr_arr_all['options']) attr_arr_all['options'] = new Array();  
  397.                     attr_arr_all['options'].push(option);  
  398.                     //if(!option['checked']) option['checked'] = '';  
  399.                     var checked = option['checked'] !=undefined ? 'checked="checked"' : '';  
  400.                     attr_arr_all['content'] +='<input type="checkbox" name="'+option['name']+'" value="'+option['value']+'"  '+checked+'/>'+option['value']+' ';  
  401.   
  402.   
  403.                     if(is_new)  
  404.                     {  
  405.                         var arr = new Object();  
  406.                         arr['name'] = option['name'];  
  407.                         arr['leipiplugins'] = attr_arr_all['leipiplugins'];  
  408.                         add_fields[option['name']] = arr;  
  409.   
  410.   
  411.                     }  
  412.   
  413.   
  414.                 });  
  415.                 attr_arr_all['content'] += '</span>';  
  416.   
  417.   
  418.                 //parse  
  419.                 template = template.replace(plugin,attr_arr_all['content']);  
  420.                 template_parse = template_parse.replace(plugin,'{'+name+'}');  
  421.                 template_parse = template_parse.replace('{|-','');  
  422.                 template_parse = template_parse.replace('-|}','');  
  423.                 template_data[pno] = attr_arr_all;  
  424.                 checkboxs++;  
  425.   
  426.   
  427.              }else if(name)  
  428.             {  
  429.                 if(tag =='radios') /*单选组  一个字段*/  
  430.                 {  
  431.                     plugin = p0;  
  432.                     plugin = plugin.replace('|-','');  
  433.                     plugin = plugin.replace('-|','');  
  434.                     attr_arr_all['value'] = '';  
  435.                     attr_arr_all['content'] = '<span leipiplugins="radios" name="'+attr_arr_all['name']+'" title="'+attr_arr_all['title']+'">';  
  436.                     var dot='';  
  437.                     p5.replace(preg_group, function(parse_group) {  
  438.                         var option = new Object();  
  439.                         parse_group.replace(preg_attr, function(str0,k,val) {  
  440.                             if(k=='value')  
  441.                             {  
  442.                                 attr_arr_all['value'] += dot + val;  
  443.                                 dot = ',';  
  444.                             }  
  445.                             option[k] = val;      
  446.                         });  
  447.                         option['name'] = attr_arr_all['name'];  
  448.                         if(!attr_arr_all['options']) attr_arr_all['options'] = new Array();  
  449.                         attr_arr_all['options'].push(option);  
  450.                         //if(!option['checked']) option['checked'] = '';  
  451.                         var checked = option['checked'] !=undefined ? 'checked="checked"' : '';  
  452.                         attr_arr_all['content'] +='<input type="radio" name="'+attr_arr_all['name']+'" value="'+option['value']+'"  '+checked+'/>'+option['value']+' ';  
  453.   
  454.   
  455.                     });  
  456.                     attr_arr_all['content'] += '</span>';  
  457.   
  458.   
  459.                 }else  
  460.                 {  
  461.                     attr_arr_all['content'] = is_new ? plugin.replace(/leipiNewField/,name) : plugin;  
  462.                 }  
  463.                 //attr_arr_all['itemid'] = fields;  
  464.                 //attr_arr_all['tag'] = tag;  
  465.                 template = template.replace(plugin,attr_arr_all['content']);  
  466.                 template_parse = template_parse.replace(plugin,'{'+name+'}');  
  467.                 template_parse = 

你可能感兴趣的:(Activiti,流程整合,自定义表单)

  • linux中sdl的使用教程,sdl使用入门 Melissa Corvinus linux中sdl的使用教程
    本文通过一个简单示例讲解SDL的基本使用流程。示例中展示一个窗口，窗口里面有个随机颜色快随机移动。当我们鼠标点击关闭按钮时间窗口关闭。基本步骤如下：1.初始化SDL并创建一个窗口。SDL_Init()初始化SDL_CreateWindow()创建窗口2.纹理渲染存储RGB和存储纹理的区别：比如一个从左到右由红色渐变到蓝色的矩形，用存储RGB的话就需要把矩形中每个点的具体颜色值存储下来；而纹理只是一
  • 【华为OD技术面试真题 - 技术面】- python八股文真题题库（4) 算法大师 华为od面试python
    华为OD面试真题精选专栏：华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录文章目录华为OD面试真题精选**1.Python中的`with`**用途和功能自动资源管理示例：文件操作上下文管理协议示例代码工作流程解析优点2.\_\_new\_\_和**\_\_init\_\_**区别__new____init__区别总结3.**切片（Slicing）操作**基本切片语法
  • 闲鱼鱼小铺怎么开通？鱼小铺开通需要哪些流程？ 高省APP大九
    闲鱼鱼小铺是平台推出的一个专业程度的店铺，与普通店铺相比会有更多的权益，比如说发布的商品数量从50增加到500；拥有专业的店铺数据看板与分析的功能，这对于专门在闲鱼做生意的用户来说是非常有帮助的，那么鱼小铺每个人都能开通吗？大家好，我是高省APP联合创始人蓓蓓导师，高省APP是2021年推出的电商导购平台，0投资，0风险、高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个可省钱佣金高，能
  • ARM驱动学习之基础小知识 JT灬新一 ARM嵌入式arm开发学习
    ARM驱动学习之基础小知识•sch原理图工程师工作内容–方案–元器件选型–采购（能不能买到，价格）–原理图（涉及到稳定性）•layout画板工程师–layout（封装、布局，布线，log）（涉及到稳定性）–焊接的一部分工作（调试阶段板子的焊接）•驱动工程师–驱动，原理图，layout三部分的交集容易发生矛盾•PCB研发流程介绍–方案，原理图(网表)–layout工程师（gerber文件）–PCB板
  • Low Power概念介绍-Voltage Area 飞奔的大虎
    随着智能手机，以及物联网的普及，芯片功耗的问题最近几年得到了越来越多的重视。为了实现集成电路的低功耗设计目标，我们需要在系统设计阶段就采用低功耗设计的方案。而且，随着设计流程的逐步推进，到了芯片后端设计阶段，降低芯片功耗的方法已经很少了，节省的功耗百分比也不断下降。芯片的功耗主要由静态功耗（staticleakagepower）和动态功耗(dynamicpower)构成。静态功耗主要是指电路处于等
  • 【华为OD技术面试真题 - 技术面】- python八股文真题题库（1） 算法大师 华为od面试python
    华为OD面试真题精选专栏：华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录文章目录华为OD面试真题精选1.数据预处理流程数据预处理的主要步骤工具和库2.介绍线性回归、逻辑回归模型线性回归（LinearRegression）模型形式：关键点：逻辑回归（LogisticRegression）模型形式：关键点：参数估计与评估：3.python浅拷贝及深拷贝浅拷贝（Shal
  • nosql数据库技术与应用知识点 皆过客，揽星河 NoSQLnosql数据库大数据数据分析数据结构非关系型数据库
    Nosql知识回顾大数据处理流程数据采集(flume、爬虫、传感器)数据存储(本门课程NoSQL所处的阶段)Hdfs、MongoDB、HBase等数据清洗(入仓)Hive等数据处理、分析(Spark、Flink等)数据可视化数据挖掘、机器学习应用(Python、SparkMLlib等)大数据时代存储的挑战(三高)高并发(同一时间很多人访问)高扩展(要求随时根据需求扩展存储)高效率(要求读写速度快)
  • 下一站深圳 默琊
    昨天已经买好3/15到深圳的机票了，原本上周还有点拖延症发作，不太积极，所以昨天就直接逼迫自己买机票，然后在订房，下周就是确认行业和把具体的面谈日程定下来。行业的选择上目前没有太大的偏好，上一份工作主要是风控和客服，客服部分也算是个小组长，有负责培训和一些案件SOP流程的制定等工作。总感觉客服这个职位的职涯发展只能是垂直的往更高的管理层走，对于横向发展似乎不容易，而鉴于做客服1年的感受，我不太喜欢
  • 简单了解 JVM 记得开心一点啊 jvm
    目录♫什么是JVM♫JVM的运行流程♫JVM运行时数据区♪虚拟机栈♪本地方法栈♪堆♪程序计数器♪方法区/元数据区♫类加载的过程♫双亲委派模型♫垃圾回收机制♫什么是JVMJVM是JavaVirtualMachine的简称，意为Java虚拟机。虚拟机是指通过软件模拟的具有完整硬件功能的、运行在一个完全隔离的环境中的完整计算机系统（如：JVM、VMwave、VirtualBox）。JVM和其他两个虚拟机
  • spring如何整合druid连接池？ 惜.己 springspringjunit数据库javaidea后端xml
    目录spring整合druid连接池1.新建maven项目2.新建mavenModule3.导入相关依赖4.配置log4j2.xml5.配置druid.xml1)xml中如何引入properties2)下面是配置文件6.准备jdbc.propertiesJDBC配置项解释7.配置druid8.测试spring整合druid连接池1.新建maven项目打开IDE（比如IntelliJIDEA,Ecl
  • 网络通信流程 记得开心一点啊 服务器网络运维
    目录♫IP地址♫子网掩码♫MAC地址♫相关设备♫ARP寻址♫网络通信流程♫IP地址我们已经知道IP地址由网络号+主机号组成，根据IP地址的不同可以有5钟划分网络号和主机号的方案：其中，各类地址的表示范围是：分类范围适用网络网络数量主机最大连接数A类0.0.0.0~127.255.255.255大型网络12616777214【(2^24)-2】B类128.0.0.0~191.255.255.255中
  • Java爬虫框架（一）--架构设计 狼图腾-狼之传说 java框架java任务html解析器存储电子商务
    一、架构图那里搜网络爬虫框架主要针对电子商务网站进行数据爬取，分析，存储，索引。爬虫：爬虫负责爬取，解析，处理电子商务网站的网页的内容数据库：存储商品信息索引：商品的全文搜索索引Task队列：需要爬取的网页列表Visited表：已经爬取过的网页列表爬虫监控平台：web平台可以启动，停止爬虫，管理爬虫，task队列，visited表。二、爬虫1.流程1)Scheduler启动爬虫器，TaskMast
  • android 更改窗口的层次,浮窗开发之窗口层级 Ms.Bu android更改窗口的层次
    最近在项目中遇到了这样的需求：需要在特定的其他应用之上悬浮自己的UI交互(拖动、输入等复杂的UI交互)，和九游的浮窗类似，不过我们的比九游的体验更好，我们越过了很多授权的限制。浮窗效果很多人都知道如何去实现一个简单的浮窗，但是却很少有人去深入的研究背后的流程机制，由于项目中浮窗交互比较复杂，遇到了些坑查看了很多资料，故总结浮窗涉及到的知识点：窗口层级关系(浮窗是如何“浮”的)？浮窗有哪些限制，如何
  • 基于STM32与Qt的自动平衡机器人：从控制到人机交互的的详细设计流程 极客小张 stm32qt机器人物联网人机交互毕业设计c语言
    一、项目概述目标和用途本项目旨在开发一款基于STM32控制的自动平衡机器人，结合步进电机和陀螺仪传感器，实现对平衡机器人的精确控制。该机器人可以用于教育、科研、娱乐等多个领域，帮助用户了解自动控制、机器人运动学等相关知识。技术栈关键词STM32单片机步进电机陀螺仪传感器AD采集电路Qt人机界面实时数据监控二、系统架构系统架构设计本项目的系统架构设计包括以下主要组件：控制单元:STM32单片机传感器
  • 基于STM32的汽车仪表显示系统：集成CAN、UART与I2C总线设计流程 极客小张 stm32汽车嵌入式硬件物联网单片机c语言
    一、项目概述项目目标与用途本项目旨在设计和实现一个基于STM32微控制器的汽车仪表显示系统。该系统能够实时显示汽车的速度、转速、油量等关键信息，并通过CAN总线与其他汽车控制单元进行通信。这种仪表显示系统不仅提高了驾驶的安全性和便捷性，还能为汽车提供更智能的用户体验。技术栈关键词微控制器：STM32显示技术：TFTLCD/OLED传感器：速度传感器、温度传感器、油量传感器通信协议：CAN总线、UA
  • JAVA·一个简单的登录窗口 MortalTom java开发语言学习
    文章目录概要整体架构流程技术名词解释技术细节资源概要JavaSwing是Java基础类库的一部分，主要用于开发图形用户界面（GUI）程序整体架构流程新建项目，导入sql.jar包（链接放在了文末），编译项目并运行技术名词解释一、特点丰富的组件提供了多种可视化组件，如按钮（JButton）、文本框（JTextField）、标签（JLabel）、下拉列表（JComboBox）等，可以满足不同的界面设计
  • ESP32-C3入门教程 网络篇⑩——基于esp_https_ota和MQTT实现开机主动升级和被动触发升级的OTA功能 小康师兄 ESP32-C3入门教程https服务器esp32OTAMQTT
    文章目录一、前言二、软件流程三、部分源码四、运行演示一、前言本文基于VSCodeIDE进行编程、编译、下载、运行等操作基础入门章节请查阅：ESP32-C3入门教程基础篇①——基于VSCode构建HelloWorld教程目录大纲请查阅：ESP32-C3入门教程——导读ESP32-C3入门教程网络篇⑨——基于esp_https_ota实现史上最简单的ESP32OTA远程固件升级功能二、软件流程
  • 项目：事半功倍的法宝 小小效能
    行动的三大流程：记录、排程和执行，也讲了易效能的4D原则以及T-step标签法。这些流程和方法能够解决我们眼前的一地鸡毛，让我们有更多时间和精力去关注更为长远的事情，完成工作、生活和人生中重要的项目。项目管理能够让我们围绕结果去做事情，达成事半功倍的效果，也就是做更少的事情，但达成更好的效果。如果我们能够不断地达成一个又一个的项目，那么我们的人生无疑会像滚雪球一样，在长坡道上面不断积累。一、项目的
  • Table列表复现框实现【勾选-搜索-再勾选】 ～四时春～ java开发语言elementuivue
    Table列表复现框实现【勾选-搜索-再勾选】概要整体架构流程代码实现技术细节注意参考文献概要最近在开发时遇到一个问题，在进行表单渲染时，正常选中没有问题，单如果需要搜索选中时，一个是已选中的不会回填，二是在搜索的结果中进行选中，没有实现，经过排查，查找资料后实现。例如：整体架构流程具体的实现效果如下：代码实现{{scope.row.userName}}已选区{{userItem.userName
  • 《转介绍方法论》学习笔记 小可乐的妈妈
    一、高效转介绍的流程：价值观---执行----方案一）转介绍发生的背景：1、对象：谁向谁转介绍？全员营销，人人参与。①员工的激励政策、客户的转介绍诱因制作客户画像：a信任；支付能力；意愿度；便利度（根据家长具备四个特征的个数分为四类）B性格分类C职业分类D年龄性别②执行：套路，策略，方法，流程2、诱因：为什么要转介绍？认同信任；多方共赢；传递美好；零风险承诺打动人心，超越期待。选择做教育，就是选择
  • JAVA学习笔记之23种设计模式学习 victorfreedom Java技术设计模式androidjava常用设计模式
    博主最近买了《设计模式》这本书来学习，无奈这本书是以C++语言为基础进行说明，整个学习流程下来效率不是很高，虽然有的设计模式通俗易懂，但感觉还是没有充分的掌握了所有的设计模式。于是博主百度了一番，发现有大神写过了这方面的问题，于是博主迅速拿来学习。一、设计模式的分类总体来说设计模式分为三大类：创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。结构型模式，共七种：适配器
  • windows下python opencv ffmpeg读取摄像头实现rtsp推流 拉流 图像处理大大大大大牛啊 opencv实战代码讲解视觉图像项目windowspythonopencv
    windows下pythonopencvffmpeg读取摄像头实现rtsp推流拉流整体流程1.下载所需文件1.1下载rtsp推流服务器1.2下载ffmpeg2.开启RTSP服务器3.opencv读取摄像头并调用ffmpeg进行推流4.opencv进行拉流5.opencv异步拉流整体流程1.下载所需文件1.1下载rtsp推流服务器下载RTSP服务器下载页面https://github.com/blu
  • Python数据分析与可视化 jun778895 python数据分析开发语言
    Python数据分析与可视化是一个涉及数据处理、分析和以图形化方式展示数据的过程，它对于数据科学家、分析师以及任何需要从数据中提取洞察力的专业人员来说至关重要。以下将详细探讨Python在数据分析与可视化方面的应用，包括常用的库、数据处理流程、可视化技巧以及实际应用案例。一、Python数据分析与可视化的重要性数据可视化是将数据以图形或图像的形式表示出来，以便人们能够更直观地理解数据背后的信息和规
  • 承担即成长 吉林付巍巍
    《苏霍姆林斯基教育学》课程，几天前召开了义工培训会，我听了回放后主动联系郑老师要求加入义工团队。虽然这样每周要付出至少一天的时间进行打卡阅读和点评，但这样可以强迫规划好每日的作息时间，完成专业阅读方面的学习，这种重要的事情是必须要融入日常的生活中的，这一工作的申请也督促我合理安排自己的时间，把碎片化的时间整合好，无形中提高了每日利用时间的效率。上学期跟随着教师阅读地图课程组进行点评，发现了许多优秀
  • 效率神器来了：AI工具手把手教你快速提升工作效能 kkai人工智能 人工智能学习媒体aichatgpt
    随着科技的进步，AI工具已经成为提升工作效率的关键手段。本文将介绍一些实用的AI工具和方法，帮助你自动化繁琐的重复性任务、优化数据管理、促进团队协作与沟通，并提升决策质量。背景：OOPAI-免费问答学习交流-GPT自动化重复性任务Zapier：Zapier可以自动化多个应用程序之间的工作流程。例如，它能自动将Gmail中的附件保存至GoogleDrive，或在你发布新文章时，自动分享至社交媒体平台
  • 信息系统安全相关概念(下) YuanDaima2048 基础概念课程笔记安全
    文章总览：YuanDaiMa2048博客文章总览上篇指路：信息系统安全相关概念(上)信息系统安全相关概念[下]信息系统风险评估安全风险评估信息系统等级保护网络安全法等级保护等级保护工作流程环境安全信息系统风险评估安全风险评估对信息系统整体安全态势的感知和对重大安全事件的预警，实现“事前能预防，事中能控制，事后能处理”。安全风险组成的四要素：信息系统资产（Asset）信息系统脆弱性（Vulnerab
  • 2021-11-04 fe20d692e40e
    京心❤️达三店：何海港2021年11月3严格就是爱，放纵既是害油卡目标：40张、完成2张正能量语录每一颗螺丝都有标准每一颗螺丝都是标准今日体验;客户保养维修进店我们接待流程需要我们去梳理.制定出适合自己点的标准流程.这个需要全员参与做好配合！每个环节都很重要.要把握最后几天的学习时间.
  • LeetCode github集合，附CMU大神整理笔记 Wesley@ LeetCodegithub
    GithubLeetCode集合本人所有做过的题目都写在一个java项目中，同步到github中了，算是见证自己的进步。github目前同步的题目是2020-09-17日之后写的题。之前写过的题会陆续跟新到github中。目前大概400个题目Github项目链接：https://github.com/sunliancheng/leetcode_github附上一份优秀的教材整合：这是卡内基梅隆(C
  • metaRTC5.0 API编程指南(一) metaRTC metaRTCc++c语言webrtc
    概述metaRTC5.0版本API进行了重构，本篇文章将介绍webrtc传输调用流程和例子。metaRTC5.0版本提供了C++和纯C两种接口。纯C接口YangPeerConnection头文件:include/yangrtc/YangPeerConnection.htypedefstruct{void*conn;YangAVInfo*avinfo;YangStreamConfigstreamco
  • Shell脚本中sed使用 jcrhl321 linux
    目录一、sed编辑器1、sed概述2、sed的工作流程3、sed命令的常见格式4、sed命令常用操作二、sed常用命令使用1、sed打印2、sed删除3、sed替换4、sed插入与增加4、sed剪切粘贴与复制粘贴一、sed编辑器sed（StreamEDitor）是一个强大而简单的文本解析转换工具，可以读取文本，并根据指定的条件对文本内容进行编辑（删除、替换、添加、移动等），最后输出所有行或者仅输出
  • github中多个平台共存 jackyrong github
    在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 ssh链接一个托管的而已，下面讲解如何放两个文件 1） 设置用户名和邮件地址 $ git config --global user.name "xx" $ git config --global user.email "[email protected]"
  • ip地址与整数的相互转换(javascript) alxw4616 JavaScript
    //IP转成整型 function ip2int(ip){ var num = 0; ip = ip.split("."); num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]); n
  • 读书笔记-jquey+数据库+css chengxuyuancsdn htmljqueryoracle
    1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
  • javaSE javaEE javaME == API下载 Array_06 java
    oracle下载各种API文档： http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html JavaSE文档： http://docs.oracle.com/javase/8/docs/api/ JavaEE文档： ht
  • shiro入门学习 cugfy javaWeb框架
    声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。 首先配置我们的web.xml代码如下，固定格式，记死就成 <filter>         <filter-name>shiroFilter</filter-name> &nbs
  • Array添加删除方法 357029540 js
         刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 //给数组添加删除             Array.prototype.del = function(n){
  • navigation bar 更改颜色 张亚雄 IO
    今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。       翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下    
  • unicode转换成中文 adminjun unicode编码转换
      在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 /** * unicode 转换成 中文
  • 一站式 Java Web 框架 firefly aijuans Java Web
    Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。 更新日志： 增加自定义系统错误页面功能
  • 设计模式——单例模式 ayaoxinchao 设计模式
    定义          Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。”   分析          从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。   &nb
  • Javascript 多浏览器兼容性问题及解决方案 BigBird2012 JavaScript
    不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
  • JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误 bijian1013 junit4.11单元测试
            下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现：    
  • [Zookeeper学习笔记之二]Zookeeper部署脚本 bit1129 zookeeper
    Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)：   #!/bin/bash #!!!Change the name!!! #The zookeepe
  • 【Spark八十】Spark RDD API二 bit1129 spark
    coGroup package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} import org.apache.spark.SparkContext._ object CoGroupTest_05 { def main(args: Array[String]) { v
  • Linux中编译apache服务器modules文件夹缺少模块(.so)的问题 ronin47 modules
    在modules目录中只有httpd.exp，那些so文件呢？ 我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 去make并且make install了。我希望在/apache2/modules/目录里有各种模块，
  • Java基础-克隆 BrokenDreams java基础
            Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为 克隆。         Java提供了java.lang.
  • 读《研磨设计模式》-代码笔记-适配器模式-Adapter bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致 * 可以这样想，我们要写这样一个类（Adapter）: * 1.这个类要符合客户的要求 ---> 那显然要
  • HDR图像PS教程集锦&心得 cherishLC PS
    HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。 软件有photomatix和nik hdr efex。 一、教程 叶明在知乎上的回答： http://www.zhihu.com/question/27418267/answer/37317792 大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。 二、心得 1、去除阴影部分的
  • maven-3.3.3 mvn archetype 列表 crabdave ArcheType
    maven-3.3.3 mvn archetype 列表 可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml   [INFO] Scanning for projects... [INFO]                
  • linux shell 中文件编码查看及转换方法 daizj shell中文乱码vim文件编码
    一、查看文件编码。     在打开文件的时候输入:set fileencoding     即可显示文件编码格式。 二、文件编码转换     1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式       &
  • MySQL--binlog日志恢复数据 dcj3sjt126com binlog
    恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002                  
  • 数据库中数据表数据迁移方法 dcj3sjt126com sql
    刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用   下面看看如何使用   语法：MySQL中INSERT INTO SELECT的使用 1. 语法介绍       有三张表a、b、c，现在需要从表b
  • Java反转字符串 dyy_gusi java反转字符串
           前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri
  • UI设计中我们为什么需要设计动效 gcq511120594 UIlinux
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用
  • JBOSS服务部署端口冲突问题 HogwartsRow java应用服务器jbossserverEJB3
    服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。   1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml   2、./server/default/deploy/jbossweb.sar/server.xml   3、.
  • 第三章 Redis/SSDB+Twemproxy安装与使用 jinnianshilongnian ssdbreidstwemproxy
    目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD
  • ZooKeeper原理及使用 liyonghui160com
               ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper
  • 程序员解决问题的60个策略 pda158 框架工作单元测试
    根本的指导方针 1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 良好的单元测试 强制数据库约束 使用输入验证框架 避免未实现的“else”条件 在应用到主程序之前知道如何在孤立的情况下使用   日志 2. print 语句。往往额外输出个一两行将有助于隔离问题。 3. 切换至详细的日志记录。详细的日
  • Create the Google Play Account sillycat Google
    Create the Google Play Account Having a Google account, pay 25$, then you get your google developer account. References: http://developer.android.com/distribute/googleplay/start.html https://p
  • JSP三大指令 vikingwei jsp
    JSP三大指令   一个jsp页面中，可以有0~N个指令的定义！ 1. page --> 最复杂：<%@page language="java" info="xxx"...%>   * pageEncoding和contentType：     > pageEncoding：它
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他