hj7jay
hj7jay

activiti自定义流程之整合（二）：使用angular js整合ueditor创建表单

基础环境搭建完毕，接下来就该正式着手代码编写了，在说代码之前，我觉得有必要先说明一下activit自定义流程的操作。



抛开自定义的表单不谈，通过之前的了解，我们知道一个新的流程开始，是在启动流程实例（processIntence）的时候，而流程实例依赖于流程定义（processDefinition），流程定义又依赖于流程模型（model）。


我们用到的自定义表单需要在创建模型，画模型图的时候就指定表单的名称formKey，需要保证这个formKey和我们创建的表单名称一致。


表单并不在创建模型的时候使用，而是在部署的时候用到，因此只要是在部署流程定义之前创建自定义表单，那么无论是先创建模型还是先创建表单，只要名称一致就行。


那么我这里就先创建表单，因为我觉得这样的话，在创建模型时可以预览，更能保证创建模型的正确性（虽然模型也可以修改）；


与之前的自定义表单稍有不同的是，在这个整合的例子中，我用的是angularjs，同时预览时也用到了jquery中的dialog对话框的功能，也就需要比之前导入更多前端的js，他们如下图所示。
 


需要注意的是，dialog的样式在jquery-ui.js中控制，这个也是网上下载的。


前端首页index.html代码如下，因为angular js为单页面应用，因此实际上只有一个html声明，所有的js以及css文件也都需要在index.html中一开始就导入进来：
[html]  view plain  copy
 
  1. <!DOCTYPE html>  
  2. <html ng-app="activitiApp">  
  3. <head>  
  4.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5.   <link href="./activi_css/activi.css" rel="stylesheet"/>   
  6.   <script type="text/javascript">  
  7.         var _root='http://form/index.php?s=/',_controller = 'index';  
  8.   </script>  
  9.   <script src="./angular-1.4.0-rc.2/angular.js"></script>  
  10.   <script src='./angular-1.4.0-rc.2/angular-ui-router.js'></script>  
  11.   <script src='./activi_js/app.js'></script>  
  12.   <script src='./activi_js/createCtr.js'></script>  
  13.   <script src='./activi_js/modelCtr.js'></script>  
  14.   <script src='./activi_js/processCtr.js'></script>  
  15.   <script src='./activi_js/taskCtr.js'></script>  
  16.   <script src='./activi_js/findFirstTaskCtr.js'></script>  
  17.   <script src='./activi_js/loginCtr.js'></script>  
  18.   <script src='./activi_js/hisTaskCtr.js'></script>  
  19.   <script src='./activi_js/completeTaskCtr.js'></script>  
  20.   <script src='./activi_js/completeTaskTo1Ctr.js'></script>  
  21.   <script src="./my_js/updateFormCtr.js"></script>  
  22.   <script src="./my_js/formListCtr.js"></script>  
  23.   <!-- 导入form相关的js -->  
  24.     <!--  <meta name="viewport" content="width=device-width, initial-scale=1.0">  
  25.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
  26.     <link href="form_css/bootstrap/css/bootstrap.css?2023" rel="stylesheet" type="text/css" />  
  27.     <link href="form_css/site.css?2023" rel="stylesheet" type="text/css" />-->  
  28.     <link href="form_css/jquery-ui.css" rel="stylesheet" type="text/css" />  
  29.     <link href="my_css/a.css" rel="stylesheet" type="text/css" />  
  30.     <script type="text/javascript">  
  31.         var _root='http://form/index.php?s=/',_controller = 'index';  
  32.     </script>   
  33.     <script src="form_js/jquery-1.7.2.min.js?2023"></script>  
  34.     <script src="form_js/common.js"></script>  
  35.     <script src="form_js/jquery-ui.js"></script>  
  36.     <script src="form_js/jquery.form.js"></script>  
  37.     <script src="form_js/ajax.js"></script>  
  38.     <script src="form_js/common/plugins/validate/jquery.validate.pack.js"></script>  
  39.     <script src="form_js/jquery.datetimepicker.js"></script>  
  40.     <script src="form_js/ueditor/ueditor.config.js?2023"></script>  
  41.     <script src="form_js/ueditor/ueditor.all.js?2023"> </script>  
  42.     <script src="form_js/ueditor/lang/zh-cn/zh-cn.js?2023"></script>  
  43.     <script src="form_js/ueditor/formdesign/leipi.formdesign.v4.js?2023"></script>  
  44.   <!-- 导入form相关的js -->  
  45. </head>  
  46. <body style="width:100%;height:400px;margin:0;background-color:#fff">  
  47.  <div style="height:70px;width:100%;border:1px solid #ccf">  
  48.     <img id="rdiv" src="./images/activiti.png" style="width:30%;height:98%"/>  
  49.      <a href="script:;" ng-show="userName!=undefined" style="margin-right:10px;float:right;margin-top:25px;" ng-click="logOut();">  
  50.      [退出登陆]  
  51.     </a>  
  52.     <font ng-show="userName!=undefined" style="margin-right:10px;float:right;margin-top:25px;">当前登陆用户：{{userName}}</font>  
  53.  </div>  
  54.  <div style="width:100%;position: absolute;height:auto">  
  55.  <div style="height:630px;width:12%;font-size:36px;position:relative;float:left;border:1px solid #ccf" ng-show="userName!=undefined">  
  56.     <table style="width:100%;text-align:center;margin-top:0px" cellSpacing="5px" cellPadding="0px">  
  57.       <tr>  
  58.          <td style="background-color:#aac;"><a href="#/create">创建模型</a></td>  
  59.       </tr>  
  60.       <tr>  
  61.          <td style="background-color:#acd;"> <a href="#/modelList">模型列表</a></td>  
  62.       </tr>  
  63.       <tr>  
  64.          <td style="background-color:#aac;"><a href="#/processList">流程列表</a></td>  
  65.       </tr>  
  66.       <tr>  
  67.          <td style="background-color:#acd;"><a href="#/findFirstTask">我的申请</a></td>  
  68.       </tr>  
  69.       <tr>  
  70.          <td style="background-color:#aac;"><a href="#/taskList">我的任务</a></td>  
  71.       </tr>  
  72.       <tr>  
  73.          <td style="background-color:#acd;"><a href="#/hisTask">历史任务</a></td>  
  74.       </tr>  
  75.       <tr>  
  76.          <td style="background-color:#aac;"><a href="#/createForm">创建表单</a></td>  
  77.       </tr>  
  78.       <tr>  
  79.          <td style="background-color:#acd;"><a href="#/formList">表单列表</a></td>  
  80.       </tr>  
  81.     </table>  
  82.  </div>  
  83.    
  84.  <div ui-view="view" ></div>  
  85.  </div>  
  86. </body>  
  87. </html>  




Angular js 控制路由跳转app.js代码：
                                                               
[javascript]  view plain  copy
 
  1. var app=angular.module('activitiApp',['ui.router']);    
  2. app.run(function($rootScope) {  
  3.     $rootScope.logOut=function(){  
  4.         $http.post("./loginOut.do").success(function(loginOutResult){  
  5.             $rootScope.userName=undefined;  
  6.             $location.path("/login");  
  7.         });  
  8.     }  
  9. });  
  10. app.config(function($stateProvider,$urlRouterProvider){    
  11.    $stateProvider    
  12.    .state('createForm', {    
  13.    url: "/createForm",    
  14.    views: {    
  15.       'view': {    
  16.        templateUrl: 'my_views/updateForm.html',    
  17.        controller: 'updateFormCtr'    
  18.       }    
  19.    }    
  20.   });    
  21.     
  22.     
  23. });    


新增form表单的页面updateForm.html代码如下，要注意的是，这个页面也是有ueditor插件中的index.html改变过来的：
[html]  view plain  copy
 
  1. <div id="formDiv" style="margin-top:20px;margin-left:50px;height:550px;width:70%;font-size:18px;position:relative;float:left;">  
  2. <div class="container">  
  3. <form method="post" id="saveform" name="saveform" action="/index.php?s=/index/parse.html">  
  4. <input type="hidden" name="fields" id="fields" value="0">  
  5. <div style="width:98%;height:500px;margin-top:20px;border:3px solid grey">  
  6.   <p style="margin-top:10px;font-size:30px" >表单名称：<input type="text" id="formType"></input></p>  
  7.   <hr style="height:5px;border:none;border-top:5px ridge green;"/>  
  8.   <p style="margin-top:10px;font-size:30px" >表单设计：</p>  
  9.  <div >  
  10. <p style="left:30px">  
  11.         <button type="button" ng-click="leipiFormDesign.exec('text');" class="btn btn-info">文本框</button>  
  12.         <button type="button" ng-click="leipiFormDesign.exec('textarea');" class="btn btn-info">多行文本</button>  
  13.         <button type="button" ng-click="leipiFormDesign.exec('select');" class="btn btn-info">下拉菜单</button>  
  14.         <button type="button" ng-click="leipiFormDesign.exec('radios');" class="btn btn-info">单选框</button>  
  15.         <button type="button" ng-click="leipiFormDesign.exec('checkboxs');" class="btn btn-info">复选框</button>         
  16.         <button type="button" ng-click="leipiFormDesign.exec('listctrl');" class="btn btn-info">列表控件</button>  
  17.         <button type="button" ng-click="leipiFormDesign.findForm();" class="btn btn-info">form</button>  
  18. </p>  
  19. </div>  
  20. <!-- afsddddddddd -->  
  21. <div >  
  22. <script id="myFormDesign" type="text/plain" style="width:99.8%;">  
  23. </script>  
  24. </div>     
  25. </div>  
  26. <!-- afsddddddddd -->  
  27. <div class="row">  
  28. </div><!--end row-->  
  29. </form>  
  30. </div><!--end container-->  
  31. </div>  


对应的js代码updateFormCtr.js，这里尤其需要注意的是leipiFormDesign.exec这个方法原本是ueditor插件中的，如果不做修改直接拿过来的话，在上便的页面中是无法调用的，angularjs需要注意作用域的问题，因此在对应的js中需要改成$scope. leipiFormDesign；除此之外，在保存和预览时基本没有什么变化，dialog对话框也是在后续流程中使用到：
[javascript]  view plain  copy
 
  1. angular.module('activitiApp')    
  2. .controller('updateFormCtr', ['$rootScope','$scope','$http','$location','$state', function($rootScope,$scope,$http,$location,$state){    
  3.     $http.post("createFlush.do").success(function(result){  
  4.         if(result.isLogin==="yes"){  
  5.             $rootScope.userName=result.userName;  
  6.               
  7.         }else{  
  8.             $location.path("/login");  
  9.         }  
  10.     });  
  11.       
  12.     //预览  
  13.     UE.registerUI('button_preview',function(editor,uiName){  
  14.         if(!this.options.toolleipi)  
  15.         {  
  16.             return false;  
  17.         }  
  18.         //注册按钮执行时的command命令，使用命令默认就会带有回退操作  
  19.         editor.registerCommand(uiName,{  
  20.             execCommand:function(){  
  21.                 try {  
  22.                     $scope.leipiFormDesign.fnReview();  
  23.                 } catch ( e ) {  
  24.                     alert('leipiFormDesign.fnReview 预览异常');  
  25.                 }  
  26.             }  
  27.         });  
  28.         //创建一个button  
  29.         var btn = new UE.ui.Button({  
  30.             //按钮的名字  
  31.             name:uiName,  
  32.             //提示  
  33.             title:"预览",  
  34.             //需要添加的额外样式，指定icon图标，这里默认使用一个重复的icon  
  35.             cssRules :'background-position: -420px -19px;',  
  36.             //点击时执行的命令  
  37.             onclick:function () {  
  38.                 //这里可以不用执行命令,做你自己的操作也可  
  39.                editor.execCommand(uiName);  
  40.             }  
  41.         });  
  42.   
  43.   
  44.         //因为你是添加button,所以需要返回这个button  
  45.         return btn;  
  46.     });  
  47.     //保存  
  48.     UE.registerUI('button_save',function(editor,uiName){  
  49.         if(!this.options.toolleipi)  
  50.         {  
  51.             return false;  
  52.         }  
  53.         //注册按钮执行时的command命令，使用命令默认就会带有回退操作  
  54.         editor.registerCommand(uiName,{  
  55.             execCommand:function(){  
  56.                 try {  
  57.                     $scope.leipiFormDesign.fnCheckForm('save');  
  58.                 } catch ( e ) {  
  59.                     alert('leipiFormDesign.fnCheckForm("save") 保存异常');  
  60.                 }  
  61.                   
  62.             }  
  63.         });  
  64.         //创建一个button  
  65.         var btn = new UE.ui.Button({  
  66.             //按钮的名字  
  67.             name:uiName,  
  68.             //提示  
  69.             title:"保存表单",  
  70.             //需要添加的额外样式，指定icon图标，这里默认使用一个重复的icon  
  71.             cssRules :'background-position: -481px -20px;',  
  72.             //点击时执行的命令  
  73.             onclick:function () {  
  74.                 //这里可以不用执行命令,做你自己的操作也可  
  75.                editor.execCommand(uiName);  
  76.             }  
  77.         });  
  78.   
  79.   
  80.         //因为你是添加button,所以需要返回这个button  
  81.         return btn;  
  82.     });  
  83.   
  84.   
  85.       
  86.       
  87. //整合设计器  
  88.      var leipiEditor = UE.getEditor('myFormDesign',{  
  89.          toolleipi:true,//是否显示，设计器的 toolbars  
  90.          textarea: 'design_content',     
  91.          //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个  
  92.         toolbars:[[  
  93.          ]],  
  94.          //关闭字数统计  
  95.          wordCount:false,  
  96.          //关闭elementPath  
  97.          elementPathEnabled:false,  
  98.          //默认的编辑区域高度  
  99.          initialFrameHeight:260  
  100.          //,iframeCssUrl:"css/bootstrap/css/bootstrap.css" //引入自身 css使编辑器兼容你网站css  
  101.          //更多其他参数，请参考ueditor.config.js中的配置项  
  102.      });  
  103.   
  104.   
  105.    $scope.leipiFormDesign = {  
  106.     findForm : function(){  
  107.         window.location.href="my_views/formList.html";  
  108.     },  
  109.     /*执行控件*/  
  110.     exec : function (method) {  
  111.         leipiEditor.execCommand(method);  
  112.     },  
  113.     /* 
  114.         Javascript 解析表单 
  115.         template 表单设计器里的Html内容 
  116.         fields 字段总数 
  117.     */  
  118.    parse_form:function(template,fields)  
  119.     {  
  120.         //正则  radios|checkboxs|select 匹配的边界 |--|  因为当使用 {} 时js报错  
  121.         var preg =  /(\|-<span(((?!<span).)*leipiplugins=\"(radios|checkboxs|select)\".*?)>(.*?)<\/span>-\||<(img|input|textarea|select).*?(<\/select>|<\/textarea>|\/>))/gi,preg_attr =/(\w+)=\"(.?|.+?)\"/gi,preg_group =/<input.*?\/>/gi;  
  122.         if(!fields) fields = 0;  
  123.         var template_parse = template,template_data = new Array(),add_fields=new Object(),checkboxs=0;  
  124.         var pno = 0;  
  125.         template.replace(preg, function(plugin,p1,p2,p3,p4,p5,p6){  
  126.             var parse_attr = new Array(),attr_arr_all = new Object(),name = '', select_dot = '' , is_new=false;  
  127.             var p0 = plugin;  
  128.             var tag = p6 ? p6 : p4;  
  129.             //alert(tag + " \n- t1 - "+p1 +" \n-2- " +p2+" \n-3- " +p3+" \n-4- " +p4+" \n-5- " +p5+" \n-6- " +p6);  
  130.             if(tag == 'radios' || tag == 'checkboxs')  
  131.             {  
  132.                 plugin = p2;  
  133.             }else if(tag == 'select')  
  134.             {  
  135.                 plugin = plugin.replace('|-','');  
  136.                 plugin = plugin.replace('-|','');  
  137.             }  
  138.             plugin.replace(preg_attr, function(str0,attr,val) {  
  139.                     if(attr=='name')  
  140.                     {  
  141.                         if(val=='leipiNewField')  
  142.                         {  
  143.                             is_new=true;  
  144.                             fields++;  
  145.                             val = 'data_'+fields;  
  146.                         }  
  147.                         name = val;  
  148.                     }  
  149.                       
  150.                     if(tag=='select' && attr=='value')  
  151.                     {  
  152.                         if(!attr_arr_all[attr]) attr_arr_all[attr] = '';  
  153.                         attr_arr_all[attr] += select_dot + val;  
  154.                         select_dot = ',';  
  155.                     }else  
  156.                     {  
  157.                         attr_arr_all[attr] = val;  
  158.                     }  
  159.                     var oField = new Object();  
  160.                     oField[attr] = val;  
  161.                     parse_attr.push(oField);  
  162.             })   
  163.             /*alert(JSON.stringify(parse_attr));return;*/  
  164.              if(tag =='checkboxs') /*复选组  多个字段 */  
  165.              {  
  166.                 plugin = p0;  
  167.                 plugin = plugin.replace('|-','');  
  168.                 plugin = plugin.replace('-|','');  
  169.                 var name = 'checkboxs_'+checkboxs;  
  170.                 attr_arr_all['parse_name'] = name;  
  171.                 attr_arr_all['name'] = '';  
  172.                 attr_arr_all['value'] = '';  
  173.                   
  174.                 attr_arr_all['content'] = '<span leipiplugins="checkboxs"  title="'+attr_arr_all['title']+'">';  
  175.                 var dot_name ='', dot_value = '';  
  176.                 p5.replace(preg_group, function(parse_group) {  
  177.                     var is_new=false,option = new Object();  
  178.                     parse_group.replace(preg_attr, function(str0,k,val) {  
  179.                         if(k=='name')  
  180.                         {  
  181.                             if(val=='leipiNewField')  
  182.                             {  
  183.                                 is_new=true;  
  184.                                 fields++;  
  185.                                 val = 'data_'+fields;  
  186.                             }  
  187.   
  188.   
  189.                             attr_arr_all['name'] += dot_name + val;  
  190.                             dot_name = ',';  
  191.   
  192.   
  193.                         }  
  194.                         else if(k=='value')  
  195.                         {  
  196.                             attr_arr_all['value'] += dot_value + val;  
  197.                             dot_value = ',';  
  198.   
  199.   
  200.                         }  
  201.                         option[k] = val;      
  202.                     });  
  203.                       
  204.                     if(!attr_arr_all['options']) attr_arr_all['options'] = new Array();  
  205.                     attr_arr_all['options'].push(option);  
  206.                     //if(!option['checked']) option['checked'] = '';  
  207.                     var checked = option['checked'] !=undefined ? 'checked="checked"' : '';  
  208.                     attr_arr_all['content'] +='<input type="checkbox" name="'+option['name']+'" value="'+option['value']+'"  '+checked+'/>'+option['value']+' ';  
  209.   
  210.   
  211.                     if(is_new)  
  212.                     {  
  213.                         var arr = new Object();  
  214.                         arr['name'] = option['name'];  
  215.                         arr['leipiplugins'] = attr_arr_all['leipiplugins'];  
  216.                         add_fields[option['name']] = arr;  
  217.                     }  
  218.                 });  
  219.                 attr_arr_all['content'] += '</span>';  
  220.   
  221.   
  222.                 //parse  
  223.                 template = template.replace(plugin,attr_arr_all['content']);  
  224.                 template_parse = template_parse.replace(plugin,'{'+name+'}');  
  225.                 template_parse = template_parse.replace('{|-','');  
  226.                 template_parse = template_parse.replace('-|}','');  
  227.                 template_data[pno] = attr_arr_all;  
  228.                 checkboxs++;  
  229.   
  230.   
  231.              }else if(name)  
  232.             {  
  233.                 if(tag =='radios') /*单选组  一个字段*/  
  234.                 {  
  235.                     plugin = p0;  
  236.                     plugin = plugin.replace('|-','');  
  237.                     plugin = plugin.replace('-|','');  
  238.                     attr_arr_all['value'] = '';  
  239.                     attr_arr_all['content'] = '<span leipiplugins="radios" name="'+attr_arr_all['name']+'" title="'+attr_arr_all['title']+'">';  
  240.                     var dot='';  
  241.                     p5.replace(preg_group, function(parse_group) {  
  242.                         var option = new Object();  
  243.                         parse_group.replace(preg_attr, function(str0,k,val) {  
  244.                             if(k=='value')  
  245.                             {  
  246.                                 attr_arr_all['value'] += dot + val;  
  247.                                 dot = ',';  
  248.                             }  
  249.                             option[k] = val;      
  250.                         });  
  251.                         option['name'] = attr_arr_all['name'];  
  252.                         if(!attr_arr_all['options']) attr_arr_all['options'] = new Array();  
  253.                         attr_arr_all['options'].push(option);  
  254.                         //if(!option['checked']) option['checked'] = '';  
  255.                         var checked = option['checked'] !=undefined ? 'checked="checked"' : '';  
  256.                         attr_arr_all['content'] +='<input type="radio" name="'+attr_arr_all['name']+'" value="'+option['value']+'"  '+checked+'/>'+option['value']+' ';  
  257.   
  258.   
  259.                     });  
  260.                     attr_arr_all['content'] += '</span>';  
  261.   
  262.   
  263.                 }else  
  264.                 {  
  265.                     attr_arr_all['content'] = is_new ? plugin.replace(/leipiNewField/,name) : plugin;  
  266.                 }  
  267.                 template = template.replace(plugin,attr_arr_all['content']);  
  268.                 template_parse = template_parse.replace(plugin,'{'+name+'}');  
  269.                 template_parse = template_parse.replace('{|-','');  
  270.                 template_parse = template_parse.replace('-|}','');  
  271.                 if(is_new)  
  272.                 {  
  273.                     var arr = new Object();  
  274.                     arr['name'] = name;  
  275.                     arr['leipiplugins'] = attr_arr_all['leipiplugins'];  
  276.                     add_fields[arr['name']] = arr;  
  277.                 }  
  278.                 template_data[pno] = attr_arr_all;     
  279.             }  
  280.             pno++;  
  281.         })  
  282.         var parse_form = new Object({  
  283.             'fields':fields,//总字段数  
  284.             'template':template,//完整html  
  285.             'parse':template_parse,//控件替换为{data_1}的html  
  286.             'data':template_data,//控件属性  
  287.             'add_fields':add_fields//新增控件  
  288.         });  
  289.         return JSON.stringify(parse_form);  
  290.     },  
  291.     /*type  =  save 保存设计 versions 保存版本  close关闭 */  
  292.     fnCheckForm : function ( type ) {  
  293.         var formType=document.getElementById("formType").value;  
  294.         if(leipiEditor.queryCommandState( 'source' ))  
  295.             leipiEditor.execCommand('source');//切换到编辑模式才提交，否则有bug     
  296.         if(leipiEditor.hasContents()){  
  297.             leipiEditor.sync();/*同步内容*/  
  298.             //--------------以下仅参考-----------------------------------------------------------------------------------------------------  
  299.             var type_value='',formid=0,fields=$("#fields").val(),formeditor='';  
  300.   
  301.   
  302.             if( typeof type!=='undefined' ){  
  303.                 type_value = type;  
  304.             }  
  305.             console.log(document.getElementById("formType"));  
  306.             //获取表单设计器里的内容  
  307.             formeditor=leipiEditor.getContent();  
  308.             //解析表单设计器控件  
  309.             var parse_form = this.parse_form(formeditor,fields);  
  310.              //异步提交数据  
  311.              $.ajax({  
  312.                 type: 'POST',  
  313.                 url : './addForm.do',  
  314.                 dataType : 'html',  
  315.                 async:false,  
  316.                 //contentType: 'application/json;charset=utf-8',  
  317.                 data : {'type' : type_value,'formid':formid,'parse_form':parse_form,"formType":formType},        
  318.                 success : function(data){  
  319.                     alert("保存成功");  
  320.                     window.location.href ="#/formList";  
  321.                 }  
  322.             });  
  323.               
  324.         } else {  
  325.             alert('表单内容不能为空！')  
  326.             $('#submitbtn').button('reset');  
  327.             return false;  
  328.         }  
  329.     } ,  
  330.     /*预览表单*/  
  331.     fnReview : function (){  
  332.         console.log("111");  
  333.         if(leipiEditor.queryCommandState( 'source' ))  
  334.             leipiEditor.execCommand('source');/*切换到编辑模式才提交，否则部分浏览器有bug*/  
  335.         if(leipiEditor.hasContents()){  
  336.             console.log("222");  
  337.             leipiEditor.sync();       /*同步内容*/  
  338.             //--------------以下仅参考-------------------------------------------------------------------  
  339.             /*设计form的target 然后提交至一个新的窗口进行预览*/  
  340.             var type_value='',formid=0,fields=$("#fields").val(),formeditor='';  
  341.             var formType=document.getElementById("formType").value;  
  342.             if( typeof type!=='undefined' ){  
  343.                 type_value = type;  
  344.             }  
  345.             console.log("333");  
  346.             //获取表单设计器里的内容  
  347.             formeditor=leipiEditor.getContent();  
  348.             //解析表单设计器控件  
  349.             var parse_form = this.parse_form(formeditor,fields);  
  350.             var forms=JSON.parse(parse_form);  
  351.             console.log(forms);  
  352.             console.log(typeof forms);  
  353.             console.log(forms.template);  
  354.             var forms1=forms.template;  
  355.                 win_parse=window.open('','','width=800,height=400,alwaysRaised=yes,top=100,left=200');  
  356.                 //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) + "\"");  
  357.                 var str='<div style="width:500px;height:300px;border:1px solid grey">'+forms1+'</div>';  
  358.                 win_parse.document.write(forms1);  
  359.                 win_parse.focus();       
  360.         } else {  
  361.             alert('表单内容不能为空！');  
  362.             return false;  
  363.         }  
  364.     }  
  365.   };  
  366.  }])  


相对于前台而言，后台在这里就没有什么变化了，可以参考之前的自定义表单，代码便不再罗列。

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

  • Java架构师学习路线 网络全息测量 心得体会
    (1)第一步：研究spring,hibernate。通过研究jeecms开源框架。也同时学习css,html,javascript,jquery.以前都学习过，不过没有系统学习过，现在必须系统学习。同时看cms相关的论文。然后，改造jeecms能够改为自己的一个开源框架，以后开发cms系统都用我自己开发的框架，作为第一阶段的成果。(2)第二步：学习开源工作流引擎Activiti5，jbpm4.4以
  • 08-图8 How Long Does It Take (25 分) 追寻远方的人 #PTA暑期图论算法数据结构
    08-图8HowLongDoesItTake(25分)Giventherelationsofalltheactivitiesofaproject,youaresupposedtofindtheearliestcompletiontimeoftheproject.InputSpecification:Eachinputfilecontainsonetestcase.Eachcasestartswit
  • 08-图8 How Long Does It Take (25分) 石前有座桥 MOOC浙大数据结构
    Giventherelationsofalltheactivitiesofaproject,youaresupposedtofindtheearliestcompletiontimeoftheproject.InputSpecification:Eachinputfilecontainsonetestcase.Eachcasestartswithalinecontainingtwopositive
  • MOOC 数据结构 08-图8 How Long Does It Take——C语言 鸿雁丨红豆灬 学习笔记之数据结构数据结构深度优先算法图论c语言
    Giventherelationsofalltheactivitiesofaproject,youaresupposedtofindtheearliestcompletiontimeoftheproject.InputSpecification:Eachinputfilecontainsonetestcase.Eachcasestartswithalinecontainingtwopositive
  • python中“（.*）” 、 “（.*？）”的区别 weixin_888988 Python随笔python正则表达式后端
    学习更多相关知识，关注博主知乎账号，用户名Trustintruthhttps://www.zhihu.com/people/suo-yi-xin-90/activities简单说，使用“（.*）”得到的是只有一个元素的列表，里面是很长的字符串“（.*？）”则是得到包含几个元素的列表，每个元素直接对应原来文本中不同的位置匹配的项。例如：十个人肩并肩的并排走着，使用“（.*）”的取到了从第一个人到最后
  • 若依自动管理数据库表中的公用字段 -- activiti工作流养成计划（四） 唐田震
    目标：自动管理数据库表中的公用字段这是个番外篇，略过不会产生任何影响上篇中约定了5个公用字段create_by、create_time、update_by、update_time、remark，其中前四个我都希望它能自己管理。比如我新增数据时它应该自己维护create_by、create_time；我修改数据时它应该自己维护update_by、update_time。有人说可以在mapper.xm
  • 商务英语level3 unit2 part4 Non speaking. Alexandear
    WherewillanEMAILbemovedtoafteritisdeleted?Whichdepartmenthandlesemployeeissuesandproblems?Whomanagesacompany'sfinancialactivities.Whatcanyoudotoleadadish?AndallpeopleknowaboutanEMAIL.WhatistheCTOrespo
  • Android组件管理--应用程序启动流程 Kitty_London Android系统Android
    Activity的启动流程相对复杂一些，涉及到了Activity中的生命周期方法，涉及到了Android体系的CS模式，涉及到了Android中进程通讯Binder机制等等。前言我们先看一下源码中对Activity的描述，如下：Anactivityisasingle,focusedthingthattheusercando.Almostallactivitiesinteractwiththeuse
  • EasyExcel 导入计算公式导出展示字符串问题（SUM） carry杰 JAVAjava
    导出自定义表单结果遇到SUM函数时没有算出结果，直接展示的函数字符串处理思路拦截公式字符串：将对应的cell设置setCellFormula字符串公式然后cell类型设置为CellType.FORMULA重新配置这样就解决了问题。注意先设置CellFormula然后设置CellType（我把顺序搞反了，调试了很久）3这里用的是evaluateFormulaCell而不是evaluateInCell
  • 开发一个查询功能 -- activiti工作流养成计划（六） 唐田震
    目标：开发一个查询流程列表的功能，体验一下activiti因为上一篇中已经部署了一个流程，所以咱们可以站在使用者的视角，开发一个流程展示页面。再贴一下模块的包结构，与上一篇有点变动，因为activiti作为一个模块，是对外提供api的，主要是供admin模块调用，所以把之前的controller包改成api语义上更为合适。如图image.png一、创建查询流程定义apipackagecom.ruo
  • QA 面试问题汇总 cbigame011
    3.HaveyouwrittenTestPlan?WhatisaTestPlan?Whatdoesitinclude?Yes.WhatisaTestPlan?ATestPlanisadocumentdescribingthescope,approach,resources,andscheduleofintendedtestingactivities.Itidentifiestestitems,th
  • 常见ADB命令 青衫旧故 androidadb
    //查看堆栈adbshelldumpsysactivityactivities//设备rootroot//su权限adb-dshellsu//返回adbshellinputkeyeventBACK//首页adbshellinputkeyeventHOME//输入文本adbshellinputtext'xxx'//重载adbremountadbshellpmclear包名pmpath包名//重启ad
  • Structs中使用Validator框架（上） Daly罗 框架validationstrutsactionencodingemail
    框架能够克服在ActionFormBean中以编程方式进行数据验证的局限，它允许Struts应用灵活的配置验证规则，无需编程。使用Validator框架之前的准备:包准备:StrutsValidator框架主要依赖两个JAR文件jakarta-oro.jar和commons-validator.jar,两个xml文件：验证规则文件validator-rules.xml以及自定义表单验证规则文件va
  • 12.1 UiPath 数据库的连接 从此以后你牵我手
    1安装DataBase库创建第一个队列，打开ManagePackages12.1UiPath数据库的连接安装Uipath.Database.activities12.1UiPath数据库的连接添加数据库连接2.1添加SqlServer连接添加“Connect”连接12.1UiPath数据库的连接把“Connect”连接添加到队列中，并配置连接12.1UiPath数据库的连接配置连接12.1UiPa
  • Java中的BPM与工作流引擎详解 ๑҉ 晴天 javajava开发语言
    业务流程管理（BusinessProcessManagement，BPM）和工作流引擎在现代企业应用中扮演着关键角色。它们帮助自动化和优化业务流程，提高工作效率。在Java生态系统中，有多个BPM和工作流引擎可供选择，如Activiti和Camunda。本文将详细介绍BPM的基本概念，探讨Activiti和Camunda这两种流行的工作流引擎，并提供一个代码示例展示如何在Java中集成和使用工作流
  • 前端实习手记（7）：立秋快乐 椰果uu 实习杂记前端实习vue.js
    这周相比上周感觉挺好的哈哈哈，可能只有自己感觉蛮好的，旁边师父忙的飞起了要，不仅赶工作还要回答我乱七八糟的问题（心疼一秒）。这周也是立秋&七夕咯，立秋快乐哇家人们（虽然还是很热嘛）总结上周新增自定义表单对话框修改完善更多筛选模特对话框完成Vue.js筛选模特对话框功能概述筛选模特的性别地域信息，选中模特，点击确定会将模特添加模特列表的最前面并关闭对话框，点击删除会删除模特并刷新列表。思路框架搭建（
  • spring activiti ACT_RE_MODEL hshpy spring数据库sql
    InSpring,ifyou'rereferringto"activiti"inthecontextofworkfloworbusinessprocessmanagement,it'slikelyyou'reusingtheActivitiBPMN(BusinessProcessModelandNotation)engine.InActiviti,ACT_RE_MODELisoneofthetab
  • 【已解决】java.lang.IllegalStateException: Only fullscreen opaque activities can request orientation badme AndroidJavajavaandroid
    一、开发现场：开发中使用activity作为二级界面弹出，且设置了透明主题二，崩溃日志：Causedby:java.lang.IllegalStateException:Onlyfullscreenopaqueactivitiescanrequestorientationatandroid.app.Activity.onCreate(Activity.java:986)atcom.xx.xxx.x
  • 2024年3月5日 晨会汇报 进击切图仔 English前端
    Goodmorning,colleagues!Today,I’dliketoshareanupdateaboutmyrecentworkactivitieswhichencompassesoftwoareas:anoverviewofmyworkactivitiesfromyesterdayandanagendafortoday.Yesterday’sprimarytaskwastofixingb
  • org.activiti.engine.impl.RuntimeServiceImpl#startProcessInstanceByKey hshpy java开发语言springactiviti
    Theorg.activiti.engine.impl.RuntimeServiceImpl#startProcessInstanceByKey(String,Map)methodisusedtostartanewprocessinstanceintheActivitienginebasedontheprovidedprocessdefinitionkeyandprocessvariables.H
  • 自定义表单工作流的优势特点有啥？ Gzlcxxjs 开源微服务架构低代码
    低代码技术平台是提升办公效率的得力武器，在当今竞争激烈的社会中获得了很多中小企业的喜爱与支持。流辰信息是一家专业研发低代码技术平台的服务商，IBPS开发平台用于很多行业中，助力企业实现了办公流程化。自定义表单工作流的优势多、简单灵活好操作，是做好数字化转型的有力助手。低代码技术平台有什么功能和作用？其实，低代码技术平台可以通过前端图形化的拖拉拽实现需求，实现了研发效率的提高，使用低代码平台降低了研
  • 数字化转型之数字资产知识库（springboot+es+vue+neo4j） 老街老街
    前言在数字化高度普及的时代，企事业机关单位在日常工作中会产生大量的文档，例如医院制度汇编，企业知识共享库等。针对这些文档性的东西，手工纸质化去管理是非常消耗工作量的，并且纸质化查阅难，易损耗，所以电子化管理显得尤为重要。【springboot+elasticsearch+neo4j+vue+activiti】实现数字知识库管理系统。一、项目概要springboot、vue前后端分离技术。先进的富文
  • TE好文精读精译010|动物对控制野火也很大的作用（2） 雷健_ef2d
    来源：20200307期《Science&technology》专栏Wildfires原文Theroleoflargebrowsers,too,ismoresubtlethanmightatfirstappear.Theiractivitiesoftendestroythelowestbranchesofatreeandthuscreateagapbetweenthosebranchesthatr
  • 【AI视野·今日CV 计算机视觉论文速览 第293期】Fri, 19 Jan 2024 hitrjj 视觉计算机视觉Papers计算机视觉SAMSegmetationInpainting图像感知图像重建
    AI视野·今日CS.CV计算机视觉论文速览Fri,19Jan2024Totally103papers上期速览✈更多精彩请移步主页DailyComputerVisionPapersParaHome:ParameterizingEverydayHomeActivitiesTowards3DGenerativeModelingofHuman-ObjectInteractionsAuthorsJeongh
  • 【Java万花筒】构建智能业务流程：探索Java流程与规则引擎库的全面指南 friklogff Java万花筒java开发语言
    领略Java流程与规则引擎的魅力：全面解析jBPM、Activiti、Drools等引擎库前言随着业务流程的复杂化和规则的多样化，Java流程与规则引擎成为了现代软件开发中不可或缺的组件之一。本文将深入探讨几个主要的Java流程与规则引擎库，包括jBPM、Activiti、Drools、Camunda、SpringStateMachine和RuleFlow，介绍它们的核心概念、功能特点以及应用场景
  • Everyday English 0911 风华九里
    中印边界蜿蜒曲折，跨越了地球上一些最高的山脉。这条未正式确定的边界沿线上的军事活动很难得到核实。Militaryactivitiesalongtheunofficialborder,whichzigsandzagsthroughsomeofthehighestmountainrangesonearth,aredifficulttoverify.unofficialborder=unmarkedbo
  • camunda 优质的工作流组件引擎 ForestSpringH web学习后端
    Camunda流程引擎一、前言1、学习camunda可以得到什么？我们知道传统的activiti在其发展的过程中由于部分团队成员关于未来这款开源软件发展意见的分歧，导致分化为多个知名的流程引擎软件，camunda就是其中一条不可多得的团队，作为一个优质的工作流程引擎开源社区，它们被国际多个知名的大型互联网企业用来作为流程审批等服务的底层引擎，同时它提供八种外置的API工具，以及分隔开的BPMN流程
  • 基于Java开发的全文检索、知识图谱、工作流审批机制的知识库 老街老街
    一、项目介绍image.png一款全源码，可二开，可基于云部署、私有部署的企业级知识库云平台，应用在需要进行常用文档整理、分类、归集、检索的地方，适合知识密集型单位/历史文档丰富的单位，或者大型企业、集团。获取方式：平台私信。为什么建立知识库平台？image.png二、项目所用技术springboot+vue+tinyMce+activiti+elasticsearch+neo4j+redis+m
  • 问卷系统推荐：开源问卷系统TDUCK填鸭表单 TDUCK
    笔者的一直在维护的开源问卷类项目，TDUCK填鸭表单目前市面上的表单平台虽然功能强大，但是部分业务组件或者额外收取存储等费用，且费用较高，在数据隐私性较强且有特殊表单需求的场景下无法满足业务需求，国内的开源表单系统比较少，tduck表单应运而生。愿景能够让中小企业低成本拥有独立自定义表单问卷，快速赋能业务。从2019年维护至今，这期间我们的开源版也给很多用户带来了帮助，例如在疫情防控信息收集，教育
  • Java整合activiti审批工作流引擎，在线流程编辑器，springboot+vue+activiti后台管理平台 码上编程
    前言目前市场上有很多开源平台没有整合工作流，即使有，也是价格不菲的商业版，来看这篇文章的估计也了解了行情，肯定不便宜。我这个快速开发平台在系统基础功能（用户管理，部门管理…）上整合了工作流，你可以直接用来开发ERP，OA，CRM等企业级应用，不用再担心如何再去花大量的时间集成工作流进来。博主是个人开发者。研究工作流有几年了，依稀记得第一次写工作流是用在江苏某省局的用车申请业务上，那时候年轻气盛，精
  • Maven Array_06 eclipsejdkmaven
    Maven Maven是基于项目对象模型(POM)， 信息来管理项目的构建，报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外，还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司
  • ibatis的queyrForList和queryForMap区别 bijian1013 javaibatis
    一.说明         iBatis的返回值参数类型也有种：resultMap与resultClass，这两种类型的选择可以用两句话说明之：         1.当结果集列名和类的属性名完全相对应的时候，则可直接用resultClass直接指定查询结果类
  • LeetCode[位运算] - #191 计算汉明权重 Cwind java位运算LeetCodeAlgorithm题解
    原题链接：#191 Number of 1 Bits 要求： 写一个函数，以一个无符号整数为参数，返回其汉明权重。例如，‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。 汉明权重：指一个字符串中非零字符的个数；对于二进制串，即其中‘1’的个数。 难度：简单 分析： 将十进制参数转换为二进制，然后计算其中1的个数即可。 “
  • 浅谈java类与对象 15700786134 java
          java是一门面向对象的编程语言，类与对象是其最基本的概念。所谓对象，就是一个个具体的物体，一个人，一台电脑，都是对象。而类，就是对象的一种抽象，是多个对象具有的共性的一种集合，其中包含了属性与方法，就是属于该类的对象所具有的共性。当一个类创建了对象，这个对象就拥有了该类全部的属性，方法。相比于结构化的编程思路，面向对象更适用于人的思维
  • linux下双网卡同一个IP 被触发 linux
    转自： http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡，开始时设置在同一个网段的IP，发现数据总是从一个网卡发出，而另一个网卡上没有数据流动。网上找了下，发现相同的问题不少： 一、 关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
  • 安卓按主页键隐藏程序之后无法再次打开 肆无忌惮_ 安卓
    遇到一个奇怪的问题，当SplashActivity跳转到MainActivity之后，按主页键，再去打开程序，程序没法再打开（闪一下），结束任务再开也是这样，只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity   本来代码：   // 销毁这个Activity fin
  • 通过cookie保存并读取用户登录信息实例 知了ing JavaScripthtml
    通过cookie的getCookies()方法可获取所有cookie对象的集合；通过getName()方法可以获取指定的名称的cookie；通过getValue()方法获取到cookie对象的值。另外，将一个cookie对象发送到客户端，使用response对象的addCookie()方法。 下面通过cookie保存并读取用户登录信息的例子加深一下理解。 （1）创建index.jsp文件。在改
  • JAVA 对象池 矮蛋蛋 javaObjectPool
    原文地址： http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池       ☆为什么使用对象池   恰当地使用对象池化技术，可以有效地减少对象生成和初始化时的消耗，提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
  • ArrayList根据条件+for循环批量删除的方法 alleni123 java
    场景如下： ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。（释放内存） ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){
  • 阿里巴巴“耕地宝”大战各种宝 百合不是茶 平台战略
    “耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”，“耕地宝”由阿里巴巴投入一亿 ，主要是用来进行农业方面，将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权，还增加了土地的流通与 利用率，提高了土地的产量，有利于大规模的产业化的高科技农业的 发展，阿里在农业上的探索将会引起新一轮的产业调整，但是集体化之后农民的个体的话语权 将更少，国家应出台相应的法律法规保护
  • Spring注入有继承关系的类（1） bijian1013 javaspring
    一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin
  • 30岁转型期你能否成为成功人士 bijian1013 成功
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • [Velocity三]基于Servlet+Velocity的web应用 bit1129 velocity
    什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中，以Servlet+Velocity的方式实现web应用   Servlet + Velocity的一般步骤 1.自定义Servlet，实现VelocityViewServl
  • 【Kafka十二】关于Kafka是一个Commit Log Service bit1129 service
    Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解？   A message is considered "committed" when all in sync replicas for that partition have applied i
  • NGINX + LUA实现复杂的控制 ronin47 lua nginx 控制
    安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
  • java-14.输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字 bylijinnan java
    public class TwoElementEqualSum { /** * 第 14 题： 题目：输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字。 要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字，输出任意一对即可。 例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
  • Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder bylijinnan javanetty
    今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory： pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo
  • java敏感词过虑-基于多叉树原理 cngolon 违禁词过虑替换违禁词敏感词过虑多叉树
    基于多叉树的敏感词、关键词过滤的工具包，用于java中的敏感词过滤 1、工具包自带敏感词词库，第一次调用时读入词库，故第一次调用时间可能较长，在类加载后普通pc机上html过滤5000字在80毫秒左右，纯文本35毫秒左右。   2、如需自定义词库，将jar包考入WEB-INF工程的lib目录，在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件，
  • 多线程知识 cuishikuan 多线程
    T1，T2，T3三个线程工作顺序，按照T1，T2，T3依次进行 public class T1 implements Runnable{           @Override      
  • spring整合activemq dalan_123 java spring jms
    整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分：     a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接      b、真正产生到JMS服务器链接的ConnectionFactory还得
  • MySQL时间字段究竟使用INT还是DateTime？ dcj3sjt126com mysql
      环境：Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test（非定长、int时间） CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
  • Parcel: unable to marshal value dcj3sjt126com marshal
    在两个activity直接传递List<xxInfo>时，出现Parcel: unable to marshal value异常。   在MainActivity页面（MainActivity页面向NextActivity页面传递一个List<xxInfo>）：   Intent intent = new Intent(this, Next
  • linux进程的查看上（ps） eksliang linux pslinux ps -llinux ps aux
    ps:将某个时间点的进程运行情况选取下来 转载请出自出处：http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com         ps 这个命令的man page 不是很好查阅，因为很多不同的Unix都使用这儿ps来查阅进程的状态，为了要符合不同版本的需求，所以这个
  • 为什么第三方应用能早于System的app启动 gqdy365 System
    Android应用的启动顺序网上有一大堆资料可以查阅了，这里就不细述了，这里不阐述ROM启动还有bootloader，软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来（包括wifi, power, rild, surfaceflinger, mediaserver等等）-> 启动Dalivk中的第一个进程Zygot
  • App Framework发送JSONP请求(3) hw1287789687 jsonp跨域请求发送jsonpajax请求越狱请求
    App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler
  • 发福利，整理了一份关于“资源汇总”的汇总 justjavac 资源
    觉得有用的话，可以去github关注：https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍 精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历
  • 用 Java 技术创建 RESTful Web 服务 macroli java编程WebREST
    转载：http://www.ibm.com/developerworks/cn/web/wa-jaxrs/   JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API，可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
  • CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项 超声波 oraclelinux
    前言： 这两天项目要上线了，由我负责往服务器部署整个项目，因此首先要往服务器安装oracle，服务器本身是CentOS6.5的64位系统，安装的数据库版本是11g，在整个的安装过程中碰到很多的坑，不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。   安装过程中可能遇到的问题（注
  • HttpClient 4.3 设置keeplive 和 timeout 的方法 supben httpclient
    ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive
  • Spring 4.2新特性-@Import注解的升级 wiselyman spring 4
    3.1 @Import @Import注解在4.2之前只支持导入配置类 在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例 演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他