weixin_34248023

流程设计器jQuery + svg/vml(Demo6 - 增加结点属性及切换)

到目前流程设计器流程结点的拖拽操作已基本完成，接下来就到结点的属性开发了。前面已经开发过流程模板的属性了，结点属性跟模板属性类似，从属性模板定义copy一份，然后按各结点类型进行调整就ok。

1、先来回顾下流程模板属性，这里对流程模板属性稍微进行了调整，效果图如下：

  1 //定义流程模板属性
  2 TemplateProperty = function () {
  3     if (typeof TemplateProperty.defaults == "undefined") {
  4         /*第一次定义对象时为TemplateProperty类定义静态属性*/
  5         TemplateProperty.defaults = {
  6             data: {
  7                 RecNo: 0,
  8                 OrgNo: 0,
  9                 TemplateCode: "",
 10                 TemplateName: "",
 11                 InstanceName: "",
 12                 DesignWidth: 1000,
 13                 DesignHeight: 800,
 14                 Version: 0,
 15                 VerStatus: "设计",
 16                 DesignerName: "",
 17                 DesignTime: "",
 18                 PublisherName: "",
 19                 PublishTime: "",
 20                 TemplateMemo: ""
 21             }
 22         };
 23         /*第一次定义对象时定义实例共有方法*/
 24         var p = TemplateProperty.prototype;
 25         p.createTable = function () {
 26             this.$table = $("
");
 27             this.$tbody = $("");
 28             this.$table.append(this.$tbody);
 29             this.$propertyDiv.append(this.$table);
 30             //行0 - 基本属性（分组）
 31             this.$tbody.append(GoFlow.formatString(
 32                "{0}",
 33                "基本属性"));
 34             //行1 - 流程编码
 35             this.$tbody.append(GoFlow.formatString(
 36                 "流程编码{0}",
 37                 ""));
 38             //行2 - 流程名称
 39             this.$tbody.append(GoFlow.formatString(
 40                 "流程名称{0}",
 41                 ""));
 42             //行3 - 实例名称
 43             this.$tbody.append(GoFlow.formatString(
 44                 "实例名称{0}{1}",
 45                 "",
 46                 ""));
 47 
 48             //行4 - 版本信息（分组）
 49             this.$tbody.append(GoFlow.formatString(
 50                "{0}",
 51                "版本信息"));
 52             //行5 - 流程版本
 53             this.$tbody.append(GoFlow.formatString("{0}",
 54                 "流程版本
"));
 55             //行6 - 版本状态
 56             this.$tbody.append(GoFlow.formatString("{0}",
 57                 "版本状态
"));
 58             //行7 - 修改人
 59             this.$tbody.append(GoFlow.formatString("{0}",
 60                 "修改人
"));
 61             //行8 - 修改时间
 62             this.$tbody.append(GoFlow.formatString("{0}",
 63                 "修改时间
"));
 64             //行9 - 发布人
 65             this.$tbody.append(GoFlow.formatString("{0}",
 66                 "发布人
"));
 67             //行10 - 发布时间
 68             this.$tbody.append(GoFlow.formatString("{0}",
 69                 "发布时间
"));
 70             //行11 - 其他设置（分组）
 71             this.$tbody.append(GoFlow.formatString(
 72                "{0}",
 73                "其他设置"));
 74             //行12 - 设计区域宽度
 75             this.$tbody.append(GoFlow.formatString(
 76                "设计宽度{0}",
 77                ""));
 78             //行13 - 设计区域高度
 79             this.$tbody.append(GoFlow.formatString(
 80                "设计高度{0}",
 81                ""));
 82             //行14 - 备注
 83             this.$tbody.append(GoFlow.formatString(
 84                 "模板备注{0}{1}",
 85                 "",
 86                 ""));
 87 
 88             //给控件赋值
 89             this.bindData();
 90             //绑定事件
 91             this.bindDelegate();
 92         };
 93         //把流程模板数据绑定到控件
 94         p.bindData = function (data) {
 95             var self = this;
 96             if (data) {
 97                 $.each(data, function (k, v) {
 98                     self.setData(k, v);
 99                 });
100             } else {
101                 $.each(self.$opts.data, function (k, v) {
102                     self.setValue(k, v);
103                 });
104             }
105         };
106         //绑定事件
107         p.bindDelegate = function () {
108             //展开/收缩属性组
109             this.$tbody.delegate("td[group].Fold,td[group].Expanded", "click", { self: this }, function (e) {
110                 var $templateProp = e.data.self;
111                 var fold = $(e.target).hasClass("Fold");
112                 $(e.target).toggleClass("Fold", !fold);
113                 $(e.target).toggleClass("Expanded", fold);
114                 var selector = GoFlow.formatString(
115                     "[group='{0}'][property]",
116                     $(e.target).attr("group"));
117                 $templateProp.$tbody.children(selector).toggle();
118             });
119         };
120         p.getData = function (key) {
121             return this.$opts.data[key];
122         };
123         p.setData = function (key, value) {
124             this.$opts.data[key] = value;
125             this.setValue(key, value);
126         };
127         p.getValue = function (key) {
128             switch (key) {
129                 case "TemplateCode":
130                     break;
131                 case "TemplateName":
132                     break;
133                 case "InstanceName":
134                     break;
135                 case "Version":
136                     break;
137                 case "VerStatus":
138                     break;
139                 case "DesignerName":
140                     break;
141                 case "DesignTime":
142                     break;
143                 case "PublisherName":
144                     break;
145                 case "PublishTime":
146                     break;
147                 case "Memo":
148                     break;
149                 default:
150                     break;
151             };
152         };
153         p.setValue = function (key, value) {
154             switch (key) {
155                 case "TemplateCode":
156                     this.$tbody.find("tr:eq(1) > td:eq(2)").children("input:first").val(value);
157                     break;
158                 case "TemplateName":
159                     this.$tbody.find("tr:eq(2) > td:eq(2)").children("input:first").val(value);
160                     break;
161                 case "InstanceName":
162                     this.$tbody.find("tr:eq(3) > td:eq(2)").children("input:first").val(value);
163                     break;
164                 case "Version":
165                     this.$tbody.find("tr:eq(5) > td:eq(2)").children("div:eq(0)").html(value);
166                     break;
167                 case "VerStatus":
168                     this.$tbody.find("tr:eq(6) > td:eq(2)").children("div:eq(0)").html(value);
169                     break;
170                 case "DesignerName":
171                     this.$tbody.find("tr:eq(7) > td:eq(2)").children("div:eq(0)").html(value);
172                     break;
173                 case "DesignTime":
174                     this.$tbody.find("tr:eq(8) > td:eq(2)").children("div:eq(0)").html(value);
175                     break;
176                 case "PublisherName":
177                     this.$tbody.find("tr:eq(9) > td:eq(2)").children("div:eq(0)").html(value);
178                     break;
179                 case "PublishTime":
180                     this.$tbody.find("tr:eq(10) > td:eq(2)").children("div:eq(0)").html(value);
181                     break;
182                 case "DesignWidth":
183                     this.$tbody.find("tr:eq(12) > td:eq(2)").children("input:first").val(value);
184                     break;
185                 case "DesignHeight":
186                     this.$tbody.find("tr:eq(13) > td:eq(2)").children("input:first").val(value);
187                     break;
188                 case "TemplateMemo":
189                     this.$tbody.find("tr:eq(14) > td:eq(2)").children("div:eq(0)").html(value);
190                     break;
191                 default:
192                     break;
193             };
194         };
195         //显示/隐藏
196         p.setVisible = function (bool, data) {
197             this.$table.css("display", bool ? "block" : "none");
198             if (bool && data) {
199                 this.bindData(data);
200             }
201         };
202     }
203 };
204 //初始化TemplateProperty对象
205 TemplateProperty.prototype.init = function (gf, pdiv, opts) {
206     this.$gf = gf;
207     this.$propertyDiv = pdiv;
208     this.$opts = opts;
209     this.createTable();
210 };

View Code

1、开始节点属性

 1 //定义开始节点属性
 2 StartProperty = function () {
 3     if (typeof StartProperty.defaults == "undefined") {
 4         /*第一次定义对象时为StartProperty类定义静态属性*/
 5         StartProperty.defaults = {
 6             data: {
 7                 id: "",
 8                 title: ""
 9             }
10         };
11         /*第一次定义对象时定义实例共有方法*/
12         var p = StartProperty.prototype;
13         p.createTable = function () {
14             this.$table = $("
").css("display", "none");
15             this.$tbody = $("");
16             this.$table.append(this.$tbody);
17             this.$propertyDiv.append(this.$table);
18             //行0 - 基本属性（分组）
19             this.$tbody.append(GoFlow.formatString(
20                 "{0}",
21                 "基本属性"));
22             //行1 - 结束节点编码
23             this.$tbody.append(GoFlow.formatString(
24                 "节点编码{0}",
25                 ""));
26             //行2 -  结束节点名称
27             this.$tbody.append(GoFlow.formatString(
28                 "节点名称{0}",
29                 ""));
30 
31             //给控件赋值
32             this.bindData();
33             //绑定事件
34             this.bindDelegate();
35         };
36         //把流程模板数据绑定到控件
37         p.bindData = function (data) {
38             var self = this;
39             if (data) self.$opts.data = data;
40             $.each(self.$opts.data, function (k, v) {
41                 self.setValue(k, v);
42             });
43         };
44         //绑定事件
45         p.bindDelegate = function () {
46             //展开/收缩属性组
47             this.$tbody.delegate("td[group].Fold,td[group].Expanded", "click", { self: this }, function (e) {
48                 var $startProp = e.data.self;
49                 var fold = $(e.target).hasClass("Fold");
50                 $(e.target).toggleClass("Fold", !fold);
51                 $(e.target).toggleClass("Expanded", fold);
52                 var selector = GoFlow.formatString(
53                     "[group='{0}'][property]",
54                     $(e.target).attr("group"));
55                 $startProp.$tbody.children(selector).toggle();
56             });
57         };
58         p.getData = function (key) {
59             return this.$opts.data[key];
60         };
61         p.setData = function (key, value) {
62             this.$opts.data[key] = value;
63             this.setValue(key, value);
64         };
65         p.setValue = function (key, value) {
66             switch (key) {
67                 case "id":
68                     this.$tbody.find("tr:eq(1) > td:eq(2)").children("input:first").val(value);
69                     break;
70                 case "title":
71                     this.$tbody.find("tr:eq(2) > td:eq(2)").children("input:first").val(value);
72                     break;
73                 default:
74                     break;
75             };
76         };
77         //显示/隐藏
78         p.setVisible = function (bool, data) {
79             this.$table.css("display", bool ? "block" : "none");
80             if (bool && data) {
81                 this.bindData(data);
82             }
83         };
84     }
85 };
86 //初始化StartProperty对象
87 StartProperty.prototype.init = function (pdiv, opts) {
88     this.$propertyDiv = pdiv;
89     this.$opts = opts;
90     this.createTable();
91 };

View Code

2、结束节点属性（跟开始结点比较类似，直接copy开始结点的）

 1 //定义结束节点属性
 2     EndProperty = function () {
 3         if (typeof EndProperty.defaults == "undefined") {
 4             /*第一次定义对象时为EndProperty类定义静态属性*/
 5             EndProperty.defaults = {
 6                 data: {
 7                     id: "",
 8                     title: ""
 9                 }
10             };
11             /*第一次定义对象时定义实例共有方法*/
12             var p = EndProperty.prototype;
13             p.createTable = function () {
14                 this.$table = $("
").css("display", "none");
15                 this.$tbody = $("");
16                 this.$table.append(this.$tbody);
17                 this.$propertyDiv.append(this.$table);
18                 //行0 - 基本属性（分组）
19                 this.$tbody.append(GoFlow.formatString(
20                    "{0}",
21                    "基本属性"));
22                 //行1 - 结束节点编码
23                 this.$tbody.append(GoFlow.formatString(
24                     "节点编码{0}",
25                     ""));
26                 //行2 -  结束节点名称
27                 this.$tbody.append(GoFlow.formatString(
28                     "节点名称{0}",
29                     ""));
30 
31                 //给控件赋值
32                 this.bindData();
33                 //绑定事件
34                 this.bindDelegate();
35             };
36             //把流程模板数据绑定到控件
37             p.bindData = function (data) {
38                 var self = this;
39                 if (data) self.$opts.data = data;
40                 $.each(self.$opts.data, function (k, v) {
41                     self.setValue(k, v);
42                 });
43             };
44             //绑定事件
45             p.bindDelegate = function () {
46                 //展开/收缩属性组
47                 this.$tbody.delegate("td[group].Fold,td[group].Expanded", "click", { self: this }, function (e) {
48                     var $endProp = e.data.self;
49                     var fold = $(e.target).hasClass("Fold");
50                     $(e.target).toggleClass("Fold", !fold);
51                     $(e.target).toggleClass("Expanded", fold);
52                     var selector = GoFlow.formatString(
53                         "[group='{0}'][property]",
54                         $(e.target).attr("group"));
55                     $endProp.$tbody.children(selector).toggle();
56                 });
57             };
58             p.getData = function (key) {
59                 return this.$opts.data[key];
60             };
61             p.setData = function (key, value) {
62                 this.$opts.data[key] = value;
63                 this.setValue(key, value);
64             };
65             p.setValue = function (key, value) {
66                 switch (key) {
67                     case "id":
68                         this.$tbody.find("tr:eq(1) > td:eq(2)").children("input:first").val(value);
69                         break;
70                     case "title":
71                         this.$tbody.find("tr:eq(2) > td:eq(2)").children("input:first").val(value);
72                         break;
73                     default:
74                         break;
75                 };
76             };
77             //显示/隐藏
78             p.setVisible = function (bool, data) {
79                 this.$table.css("display", bool ? "block" : "none");
80                 if (bool && data) {
81                     this.bindData(data);
82                 }
83             };
84         }
85     };
86     //初始化EndProperty对象
87     EndProperty.prototype.init = function (pdiv, opts) {
88         this.$propertyDiv = pdiv;
89         this.$opts = opts;
90         this.createTable();
91     };

View Code

3、活动节点属性

4、连线属性

  1 //定义连线节点属性
  2     LineProperty = function () {
  3         if (typeof LineProperty.defaults == "undefined") {
  4             /*第一次定义对象时为LineProperty类定义静态属性*/
  5             LineProperty.defaults = {
  6                 data: {
  7                     RecNo: 0,
  8                     TempNo: 0,
  9                     ElementNo: 0,
 10                     LineCode: "Line_1",
 11                     LineTitle: "",
 12                     LineType: 'I',/*连线类型（I/Z/N）*/
 13                     FromElementCode: "",
 14                     FromElementName: '',
 15                     ToElementCode: "",
 16                     ToElementName: ''
 17                 }
 18             };
 19             /*第一次定义对象时定义实例共有方法*/
 20             var p = LineProperty.prototype;
 21             p.createTable = function () {
 22                 this.$table = $("
");
 23                 this.$tbody = $("");
 24                 this.$table.append(this.$tbody);
 25                 this.$propertyDiv.append(this.$table);
 26                 //行0 - 基本属性（分组）
 27                 this.$trLineBasic = $(GoFlow.formatString(
 28                     "{0}",
 29                     "基本属性"));
 30                 this.$tbody.append(this.$trLineBasic);
 31                 //行1 - 连线编码
 32                 this.$tbody.append(GoFlow.formatString(
 33                    "连线编码{0}",
 34                    ""));
 35                 //行2 - 连线名称
 36                 this.$tbody.append(GoFlow.formatString(
 37                    "连线名称{0}",
 38                    ""));
 39                 //行3 - 连接节点（分组）
 40                 this.$tbody.append(GoFlow.formatString(
 41                     "{0}",
 42                     "连接节点"));
 43                 //行4 - 开始节点
 44                 this.$tbody.append(GoFlow.formatString(
 45                    "开始节点{0}",
 46                    ""));
 47                 //行5 - 结束节点
 48                 this.$tbody.append(GoFlow.formatString(
 49                    "结束节点{0}",
 50                    ""));
 51 
 52                 //给控件赋值
 53                 this.bindData();
 54                 //绑定事件
 55                 this.bindDelegate();
 56             };
 57             //把连线数据绑定到控件
 58             p.bindData = function (data) {
 59                 var self = this;
 60                 if (data) self.$opts.data = data;
 61                 $.each(self.$opts.data, function (k, v) {
 62                     self.setValue(k, v);
 63                 });
 64             };
 65             //绑定事件
 66             p.bindDelegate = function () {
 67                 //展开/收缩属性组
 68                 this.$tbody.delegate("td[group].Fold,td[group].Expanded", "click", { self: this }, function (e) {
 69                     var $lineProp = e.data.self;
 70                     var fold = $(e.target).hasClass("Fold");
 71                     $(e.target).toggleClass("Fold", !fold);
 72                     $(e.target).toggleClass("Expanded", fold);
 73                     var selector = GoFlow.formatString(
 74                         "[group='{0}'][property]",
 75                         $(e.target).attr("group"));
 76                     $lineProp.$tbody.children(selector).toggle();
 77                 });
 78             };
 79             p.getData = function (key) {
 80                 return this.$opts.data[key];
 81             };
 82             p.setData = function (key, value) {
 83                 this.$opts.data[key] = value;
 84                 this.setValue(key, value);
 85             };
 86             p.getValue = function (key) {
 87                 switch (key) {
 88                     default:
 89                         break;
 90                 };
 91             };
 92             p.setValue = function (key, value) {
 93                 switch (key) {
 94                     case "LineCode":
 95                         this.$tbody.find("tr:eq(1) > td:eq(2)").children("input:first").val(value);
 96                         break;
 97                     case "LineTitle":
 98                         this.$tbody.find("tr:eq(2) > td:eq(2)").children("input:first").val(value);
 99                         break;
100                     case "FromElementName":
101                         this.$tbody.find("tr:eq(4) > td:eq(2)").children("input:first").val(value);
102                         break;
103                     case "ToElementName":
104                         this.$tbody.find("tr:eq(5) > td:eq(2)").children("input:first").val(value);
105                         break;
106                     default:
107                         break;
108                 };
109             };
110             //显示/隐藏
111             p.setVisible = function (bool, data) {
112                 this.$table.css("display", bool ? "block" : "none");
113                 if (bool && data) {
114                     this.bindData(data);
115                 }
116             };
117         }
118     };
119     //初始化LineProperty对象
120     LineProperty.prototype.init = function (gf, pdiv, opts) {
121         this.$gf = gf;
122         this.$propertyDiv = pdiv;
123         this.$opts = opts;
124         this.createTable();
125     };

View Code

5、条件结点属性

  1 //定义条件节点属性
  2     ConditionProperty = function () {
  3         if (typeof ConditionProperty.defaults == "undefined") {
  4             /*第一次定义对象时为ConditionProperty类定义静态属性*/
  5             ConditionProperty.defaults = {
  6                 data: {
  7                     RecNo: 0,
  8                     TempNo: 0,
  9                     ElementNo: 0,
 10                     ConditionCode: "Condition_1",
 11                     ConditionTitle: "",
 12                     ElementCodeForTrue: "",
 13                     ElementNameForTrue: "",
 14                     ElementCodeForFalse: "",
 15                     ElementNameForFalse: "",
 16                     Expressions: [] //条件表达式（多个）
 17                 }
 18             };
 19             /*第一次定义对象时定义实例共有方法*/
 20             var p = ConditionProperty.prototype;
 21             p.createTable = function () {
 22                 this.$table = $("
");
 23                 this.$tbody = $("");
 24                 this.$table.append(this.$tbody);
 25                 this.$propertyDiv.append(this.$table);
 26                 //行0 - 基本属性（分组）
 27                 this.$trConditionBasic = $(GoFlow.formatString(
 28                     "{0}",
 29                     "基本属性"));
 30                 this.$tbody.append(this.$trConditionBasic);
 31                 //行1 - 条件编码
 32                 this.$tbody.append(GoFlow.formatString(
 33                    "条件编码{0}",
 34                    ""));
 35                 //行2 - 条件名称
 36                 this.$tbody.append(GoFlow.formatString(
 37                    "条件名称{0}",
 38                    ""));
 39                 //行3 - 条件公式
 40                 this.$tbody.append(GoFlow.formatString(
 41                     "条件公式{0}{1}",
 42                     "",
 43                     ""));
 44                 //行4 - 连接节点（分组）
 45                 this.$tbody.append(GoFlow.formatString(
 46                     "{0}",
 47                     "连接节点"));
 48                 //行5 - 条件为真
 49                 this.$tbody.append(GoFlow.formatString(
 50                    "条件为真{0}{1}",
 51                    "",
 52                    ""));
 53                 //行6 - 条件为假
 54                 this.$tbody.append(GoFlow.formatString(
 55                    "条件为假{0}{1}",
 56                    "",
 57                    ""));
 58 
 59                 //给控件赋值
 60                 this.bindData();
 61                 //绑定事件
 62                 this.bindDelegate();
 63             };
 64             //把条件数据绑定到控件
 65             p.bindData = function (data) {
 66                 var self = this;
 67                 if (data) self.$opts.data = data;
 68                 $.each(self.$opts.data, function (k, v) {
 69                     self.setValue(k, v);
 70                 });
 71             };
 72             //绑定事件
 73             p.bindDelegate = function () {
 74                 //展开/收缩属性组
 75                 this.$tbody.delegate("td[group].Fold,td[group].Expanded", "click", { self: this }, function (e) {
 76                     var $conditionProp = e.data.self;
 77                     var fold = $(e.target).hasClass("Fold");
 78                     $(e.target).toggleClass("Fold", !fold);
 79                     $(e.target).toggleClass("Expanded", fold);
 80                     var selector = GoFlow.formatString(
 81                         "[group='{0}'][property]",
 82                         $(e.target).attr("group"));
 83                     $conditionProp.$tbody.children(selector).toggle();
 84                 });
 85             };
 86             p.getData = function (key) {
 87                 return this.$opts.data[key];
 88             };
 89             p.setData = function (key, value) {
 90                 this.$opts.data[key] = value;
 91                 this.setValue(key, value);
 92             };
 93             p.getValue = function (key) {
 94                 switch (key) {
 95                     default:
 96                         break;
 97                 };
 98             };
 99             p.setValue = function (key, value) {
100                 switch (key) {
101                     case "ConditionCode":
102                         this.$tbody.find("tr:eq(1) > td:eq(2)").children("input:first").val(value);
103                         break;
104                     case "ConditionTitle":
105                         this.$tbody.find("tr:eq(2) > td:eq(2)").children("input:first").val(value);
106                         break;
107                     case "Expressions":
108                         var $divExpressions = this.$tbody.find("#Expressions").empty();
109                         $.each(value, function (idx, item) {
110                             $divExpressions.append(GoFlow.formatString(
111                                 "{0} {1} {2} {3}
",
112                                 item.LeftValue, item.LogicalOper, item.RightValue, item.RelationOper));
113                         });
114                         break;
115                     case "ElementNameForTrue":
116                         this.$tbody.find("tr:eq(5) > td:eq(2)").children("input:first").val(value);
117                         break;
118                     case "ElementNameForFalse":
119                         this.$tbody.find("tr:eq(6) > td:eq(2)").children("input:first").val(value);
120                         break;
121                     default:
122                         break;
123                 };
124             };
125             //显示/隐藏
126             p.setVisible = function (bool, data) {
127                 this.$table.css("display", bool ? "block" : "none");
128                 if (bool && data) {
129                     this.bindData(data);
130                 }
131             };
132         }
133     };
134     //初始化ConditionProperty对象
135     ConditionProperty.prototype.init = function (gf, pdiv, opts) {
136         this.$gf = gf;
137         this.$propertyDiv = pdiv;
138         this.$opts = opts;
139         this.createTable();
140     };

View Code

6、切换属性方法

//切换属性显示
p.switchPropery = function (id, type) {
    type = type ? type : "template";
    this.setPropertyTitle(id, type);
    this.$templateProp.setVisible(type == "template");  //显示流程模板属性
    this.$startProp.setVisible(type == "start", type == "start" ? this.$nodeData[id] : null); //显示开始节点属性
    this.$endProp.setVisible(type == "end", type == "end" ? this.$nodeData[id] : null); //显示结束节点属性
    this.$lineProp.setVisible(type == "line", type == "line" ? this.$lineData[id].lineProperty : null);  //显示连线属性
    this.$activityProp.setVisible(type == "activity", type == "activity" ? this.$nodeData[id].activityProperty : null);  //显示活动节点属性
    this.$conditionProp.setVisible(type == "condition", type == "condition" ? this.$nodeData[id].conditionProperty : null);  //显示条件节点属性
};

7、切换属性标题显示方法

//设置属性标题
p.setPropertyTitle = function (id, type) {
    var text =
        type == "template" && "流程模板属性：" + this.$templateData.TemplateName
        || type == "start" && "开始节点属性：" + this.$nodeData[id].title
        || type == "end" && "结束节点属性：" + this.$nodeData[id].title
        || type == "line" && "连线属性：" + id
        || type == "activity" && "活动节点属性：" + this.$nodeData[id].title
        || type == "condition" && "条件节点属性：" + this.$nodeData[id].title
        || "";
    this.$propertyHeadDiv.children(".gf_p_head_inner").html(text);
}

8、goflow插件最新代码结构如下

(function ($, undefined) {
    //定义流程模板属性
    TemplateProperty = function () {
        
    };
    //初始化TemplateProperty对象
    TemplateProperty.prototype.init = function (gf, pdiv, opts) {
        
    };

    //定义开始节点属性
    StartProperty = function () {
        
    };
    //初始化StartProperty对象
    StartProperty.prototype.init = function (pdiv, opts) {
        
    };

    //定义结束节点属性
    EndProperty = function () {
        
    };
    //初始化EndProperty对象
    EndProperty.prototype.init = function (pdiv, opts) {
        
    };

    //定义活动节点属性
    ActivityProperty = function () {
        
    };
    //初始化ActivityProperty对象
    ActivityProperty.prototype.init = function (gf, pdiv, opts) {
        
    };

    //定义连线节点属性
    LineProperty = function () {
        
    };
    //初始化LineProperty对象
    LineProperty.prototype.init = function (gf, pdiv, opts) {
        
    };

    //定义条件节点属性
    ConditionProperty = function () {
        
    };
    //初始化ConditionProperty对象
    ConditionProperty.prototype.init = function (gf, pdiv, opts) {
        
    };

    //定义GoFlow类
    GoFlow = function () {
        
    };
    //初始化GoFlow对象（gfDiv:jQuery对象；opts:参数）
    GoFlow.prototype.init = function (gfDiv, opts) {
        
    };

    //插件的定义    
    $.fn.goflow = function (opts) {
        
    };
})(jQuery); //闭包结束

代码：GoFlow_06.zip

演示地址：Demo

微信演示公众号：

另：Silverlight版

Silverlight版Demo

转载于:https://www.cnblogs.com/eleven11/p/4907067.html

android系统selinux中添加新属性property 辉色投像
1.定位/android/system/sepolicy/private/property_contexts声明属性开头：persist.charge声明属性类型：u:object_r:system_prop:s0图12.定位到android/system/sepolicy/public/domain.te删除neverallow{domain-init}default_prop:property
OC语言多界面传值五大方式 Magnetic_h ios ui 学习 objective-c 开发语言
前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
微服务下功能权限与数据权限的设计与实现 nbsaas-boot 微服务 java 架构
在微服务架构下，系统的功能权限和数据权限控制显得尤为重要。随着系统规模的扩大和微服务数量的增加，如何保证不同用户和服务之间的访问权限准确、细粒度地控制，成为设计安全策略的关键。本文将讨论如何在微服务体系中设计和实现功能权限与数据权限控制。1.功能权限与数据权限的定义功能权限：指用户或系统角色对特定功能的访问权限。通常是某个用户角色能否执行某个操作，比如查看订单、创建订单、修改用户资料等。数据权限：
学点心理知识，呵护孩子健康静候花开_7090
昨天听了华中师范大学教育管理学系副教授张玲老师的《哪里才是学生心理健康的最后庇护所，超越教育与技术的思考》的讲座。今天又重新学习了一遍，收获匪浅。张玲博士也注意到了当今社会上的孩子由于心理问题导致的自残、自杀及伤害他人等恶性事件。她向我们普及了一个重要的命题，她说心理健康的一些基本命题，我们与我们通常的一些教育命题是不同的，她还举了几个例子，让我们明白我们原来以为的健康并非心理学上的健康。比如如果
我校举行新老教师师徒结对仪式暨名师专业工作室工作交流活动李蕾1229
为促进我校教师专业发展，发挥骨干教师的引领带头作用，11月6日下午，我校举行新老教师师徒结对仪式暨名师专业工作室工作交流活动。图片发自App会议由教师发展处李蕾主任主持，首先，由范校长宣读新老教师结对名单及双方承担职责。随后，两位新调入教师陈玉萍、莫正杰分别和他们的师傅鲍元美、刘召彬老师签订了师徒结对协议书。图片发自App图片发自App师徒拥抱、握手。有了师傅就有了目标有了方向，相信两位新教师在师
向内而求陈陈_19b4
10月27日，阴。阅读书目:《次第花开》。作者:希阿荣博堪布，是当今藏传佛家宁玛派最伟大的上师法王，如意宝晋美彭措仁波切颇具影响力的弟子之一。多年以来，赴海内外各地弘扬佛法，以正式授课、现场开示、发表文章等多种方法指导佛学弟子修行佛法。代表作《寂静之道》、《生命这出戏》、《透过佛法看世界》自出版以来一直是佛教类书籍中的畅销书。图片发自App金句:1.佛陀说，一切痛苦的根源在于我们长期以来对自身及外
Python中os.environ基本介绍及使用方法鹤冲天Pro #Python python 服务器开发语言
文章目录python中os.environos.environ简介os.environ进行环境变量的增删改查python中os.environ的使用详解1.简介2.key字段详解2.1常见key字段3.os.environ.get()用法4.环境变量的增删改查和判断是否存在4.1新增环境变量4.2更新环境变量4.3获取环境变量4.4删除环境变量4.5判断环境变量是否存在python中os.envi
linux sdl windows.h,Windows下的SDL安装奔跑吧linux内核 linux sdl windows.h
首先你要下载并安装SDL开发包。如果装在C盘下，路径为C:\SDL1.2.5如果在WINDOWS下。你可以按以下步骤：1.打开VC++，点击"Tools",Options2,点击directories选项3.选择"Includefiles"增加一个新的路径。"C:\SDL1.2.5\include"4，现在选择"Libaryfiles“增加"C:\SDL1.2.5\lib"现在你可以开始编写你的第
Python教程：一文了解使用Python处理XPath 旦莫 Python进阶 python 开发语言
目录1.环境准备1.1安装lxml1.2验证安装2.XPath基础2.1什么是XPath？2.2XPath语法2.3示例XML文档3.使用lxml解析XML3.1解析XML文档3.2查看解析结果4.XPath查询4.1基本路径查询4.2使用属性查询4.3查询多个节点5.XPath的高级用法5.1使用逻辑运算符5.2使用函数6.实战案例6.1从网页抓取数据6.1.1安装Requests库6.1.2代
基于社交网络算法优化的二维最大熵图像分割智能算法研学社（Jack旭）智能优化算法应用图像分割算法 php 开发语言
智能优化算法应用：基于社交网络优化的二维最大熵图像阈值分割-附代码文章目录智能优化算法应用：基于社交网络优化的二维最大熵图像阈值分割-附代码1.前言2.二维最大熵阈值分割原理3.基于社交网络优化的多阈值分割4.算法结果：5.参考文献：6.Matlab代码摘要：本文介绍基于最大熵的图像分割，并且应用社交网络算法进行阈值寻优。1.前言阅读此文章前，请阅读《图像分割：直方图区域划分及信息统计介绍》htt
509. 斐波那契数(每日一题) lzyprime
lzyprime博客(github)创建时间：2021.01.04qq及邮箱：2383518170leetcode笔记题目描述斐波那契数，通常用F(n)表示，形成的序列称为斐波那契数列。该数列由0和1开始，后面的每一项数字都是前面两项数字的和。也就是：F(0)=0，F(1)=1F(n)=F(n-1)+F(n-2)，其中n>1给你n，请计算F(n)。示例1：输入：2输出：1解释：F(2)=F(1)+
SQL Server_查询某一数据库中的所有表的内容 qq_42772833 SQL Server 数据库 sqlserver
1.查看所有表的表名要列出CrabFarmDB数据库中的所有表（名），可以使用以下SQL语句：USECrabFarmDB;--切换到目标数据库GOSELECTTABLE_NAMEFROMINFORMATION_SCHEMA.TABLESWHERETABLE_TYPE='BASETABLE';对这段SQL脚本的解释：SELECTTABLE_NAME：这个语句的作用是从查询结果中选择TABLE_NAM
Git常用命令－修改远程仓库地址猿大师 Linux Java git java
查看远程仓库地址gitremote-v返回结果originhttps://git.coding.net/＊＊＊＊＊.git(fetch)originhttps://git.coding.net/＊＊＊＊＊.git(push)修改远程仓库地址gitremoteset-urloriginhttps://git.coding.net/＊＊＊＊＊.git先删除后增加远程仓库地址gitremotermori
探索OpenAI和LangChain的适配器集成：轻松切换模型提供商 nseejrukjhad langchain easyui 前端 python
#探索OpenAI和LangChain的适配器集成：轻松切换模型提供商##引言在人工智能和自然语言处理的世界中，OpenAI的模型提供了强大的能力。然而，随着技术的发展，许多人开始探索其他模型以满足特定需求。LangChain作为一个强大的工具，集成了多种模型提供商，通过提供适配器，简化了不同模型之间的转换。本篇文章将介绍如何使用LangChain的适配器与OpenAI集成，以便轻松切换模型提供商
春季养肝正当时 dxn悟
重温快乐2023年2月4日立春。春天来了，春暖花开，小鸟欢唱，那在这样的季节我们如何养肝呢？自然界的春季对应中医五行的木，人体五脏肝属木，“木曰曲直”，是以树干曲曲直直地向上、向外伸长舒展的生发姿态，来形容具有生长、升发、条达、舒畅等特征的食物及现象。根据中医天人相应的理念，肝五行属木，喜条达，主疏泄，与春天相应，所以春天最适合养肝。养肝首先要少生气，因为肝喜条达恶抑郁。人体五志肝为怒，生气发怒最
python八股文面试题分享及解析(1) Shawn________ python
#1.'''a=1b=2不用中间变量交换a和b'''#1.a=1b=2a,b=b,aprint(a)print(b)结果：21#2.ll=[]foriinrange(3):ll.append({'num':i})print(11)结果:#[{'num':0},{'num':1},{'num':2}]#3.kk=[]a={'num':0}foriinrange(3):#0,12#可变类型，不仅仅改变
MYSQL面试系列-04 king01299 面试 mysql 面试
MYSQL面试系列-0417.关于redolog和binlog的刷盘机制、redolog、undolog作用、GTID是做什么的？innodb_flush_log_at_trx_commit及sync_binlog参数意义双117.1innodb_flush_log_at_trx_commit该变量定义了InnoDB在每次事务提交时，如何处理未刷入（flush）的重做日志信息（redolog）。它
Python快速入门 —— 第三节：类与对象孤华暗香 Python快速入门 python 开发语言
第三节：类与对象目标：了解面向对象编程的基础概念，并学会如何定义类和创建对象。内容：类与对象：定义类：class关键字。类的构造函数：__init__()。类的属性和方法。对象的创建与使用。示例：classStudent:def__init__(self,name,age,major):self.name&#
node.js学习小猿L node.js node.js 学习 vim
node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
CX8836：小体积大功率升降压方案推荐（附Demo设计指南）诚芯微科技社交电子
CX8836是一颗同步四开关单向升降压控制器，在4.5V-40V宽输入电压范围内稳定工作，持续负载电流10A，能够在输入高于或低于输出电压时稳定调节输出电压，可适用于USBPD快充、车载充电器、HUB、汽车启停系统、工业PC电源等多种升降压应用场合，为大功率TYPE-CPD车载充电器提供最优解决方案。提供CX8836Demo测试、CX8836样品申请及CX8836方案开发技术支持。CX8836同升
闲鱼鱼小铺怎么开通？鱼小铺开通需要哪些流程？高省APP大九
闲鱼鱼小铺是平台推出的一个专业程度的店铺，与普通店铺相比会有更多的权益，比如说发布的商品数量从50增加到500；拥有专业的店铺数据看板与分析的功能，这对于专门在闲鱼做生意的用户来说是非常有帮助的，那么鱼小铺每个人都能开通吗？大家好，我是高省APP联合创始人蓓蓓导师，高省APP是2021年推出的电商导购平台，0投资，0风险、高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个可省钱佣金高，能
Python爬虫解析工具之xpath使用详解 eqa11 python 爬虫开发语言
文章目录Python爬虫解析工具之xpath使用详解一、引言二、环境准备1、插件安装2、依赖库安装三、xpath语法详解1、路径表达式2、通配符3、谓语4、常用函数四、xpath在Python代码中的使用1、文档树的创建2、使用xpath表达式3、获取元素内容和属性五、总结Python爬虫解析工具之xpath使用详解一、引言在Python爬虫开发中，数据提取是一个至关重要的环节。xpath作为一门
01-Git初识 Meereen Git git
01-Git初识概念：一个免费开源，分布式的代码版本控制系统，帮助开发团队维护代码作用：记录代码内容。切换代码版本，多人开发时高效合并代码内容如何学：个人本机使用：Git基础命令和概念多人共享使用：团队开发同一个项目的代码版本管理Git配置用户信息配置：用户名和邮箱，应用在每次提交代码版本时表明自己的身份命令：查看git版本号git-v配置用户名gitconfig--globaluser.name
【PG】常见数据库、表属性设置江无羡数据库
PG的常见属性配置方法数据库复制、备份相关表的复制标识单表操作批量表操作链接数据库复制、备份相关表的复制标识单表操作通过ALTER语句单独更改一张表的复制标识。ALTERTABLE[tablename]REPLICAIDENTITYFULL;批量表操作通过代码块的方式，对某个schema中的所有表一起更新其复制标识。SELECTtablename,CASErelreplidentWHEN'd'TH
基于CODESYS的多轴运动控制程序框架：逻辑与运动控制分离，快速开发灵活操作 GPJnCrbBdl python 开发语言
基于codesys开发的多轴运动控制程序框架，将逻辑与运动控制分离，将单轴控制封装成功能块，对该功能块的操作包含了所有的单轴控制（归零、点动、相对定位、绝对定位、设置当前位置、伺服模式切换等等）。程序框架由主程序按照状态调用分归零模式、手动模式、自动模式、故障模式，程序状态的跳转都已完成，只需要根据不同的工艺要求完成所需的动作即可。变量的声明、地址的规划都严格按照C++的标准定义，能帮助开发者快速
Rust基础知识 GRKF15 rust 开发语言后端
1.Rust语言简介1.1基础语法变量声明：let关键字用于声明变量，可以指定或不指定类型，如leta=10;和letmutc=30i32;。函数定义：使用fn关键字定义函数，并指定参数类型及返回类型，如fnadd(i:i32,j:i32)->i32{i+j}。控制流：包括if、else等，控制语句后需要使用;来结束语句。1.2数据类型整数类型：i8、i16、i32、i64、i128，以及无符号的
日常演播练习0822 开阳春天
日常演播练习0822一、绕口令练习司小四和史小世，四月十四日十四时四十上集市，司小四买了四十四斤四两西红柿，史小世买了十四斤四两细蚕丝。司小四要拿四十四斤四两西红柿换史小世十四斤四两细蚕丝。史小世十四斤四两细蚕丝不换司小四四十四斤四两西红柿。司小四说我四十四斤四两西红柿可以增加营养防近视，史小世说我十四斤四两细蚕丝可以织绸织缎又抽丝。二、文本练习狗熊是动物街有名的美食家，它吃得多所以长得胖，它能吃
【华为OD技术面试真题 - 技术面】- python八股文真题题库（1）算法大师华为od 面试 python
华为OD面试真题精选专栏：华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录文章目录华为OD面试真题精选1.数据预处理流程数据预处理的主要步骤工具和库2.介绍线性回归、逻辑回归模型线性回归（LinearRegression）模型形式：关键点：逻辑回归（LogisticRegression）模型形式：关键点：参数估计与评估：3.python浅拷贝及深拷贝浅拷贝（Shal
简介Shell、zsh、bash zhaosuningsn Shell zsh bash shell linux bash
Shell是Linux和Unix的外壳，类似衣服，负责外界与Linux和Unix内核的交互联系。例如接收终端用户及各种应用程序的命令，把接收的命令翻译成内核能理解的语言，传递给内核，并把内核处理接收的命令的结果返回给外界，即Shell是外界和内核沟通的桥梁或大门。Linux和Unix提供了多种Shell，其中有种bash，当然还有其他好多种。Mac电脑中不但有bash，还有一个zsh，预装的，据说
舜公郑金锋书辛丑自剪扇面书法作品（四O六）舜公郑金锋
辛丑小阳春，新自剪扇面400品，大多为各色撒金、撒银、描金、描银、水印、彩绘、荧光等亚粉、色宣纸，以及域外包装填充纸等；王一品长锋羊毫秃笔；一得阁云头艳墨、宿墨、水等。书体有甲骨文，金文(商周金文、春秋战国金文、中山王厝器金文、汉金文……)，楚简帛书，侯马盟书，温县盟书，小篆，果蝙书等，隶书(秦简、汉简帛书、汉碑……)，草书(章草、小草、大草……)，行书(行楷、行草)，楷书(魏碑及北朝墓志、隋朝墓
java杨辉三角 3213213333332132 java基础
package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y
《大话重构》之大布局的辛酸历史白糖_ 重构
《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。背景公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
电驴链接在线视频播放源码 dubinwei 源码电驴播放器视频 ed2k
本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。项目源码： http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。项目源码依赖于两个库项目，库项目一链接： http://git.oschina.
Javascript中函数的toString()方法周凡杨 JavaScript js toString function object
简述 The toString() method returns a string representing the source code of the function. 简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。句法 function.
struts处理自定义异常 g21121 struts
很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。此处我们用的是非运行时异常，首先定义一个异常LoginException: /** * 类描述：登录相
Linux中find常见用法示例 510888780 linux
Linux中find常见用法示例 ·find path -option [ -print ] [ -exec -ok command ] {} \; find命令的参数；
SpringMVC的各种参数绑定方式 Harry642 springMVC 绑定表单
1. 基本数据类型(以int为例，其他类似)： Controller代码： @RequestMapping("saysth.do") public void test(int count) { } 表单代码： <form action="saysth.do" method="post&q
Java 获取Oracle ROWID aijuans java oracle
A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i
java获取方法的参数名 antlove java jdk parameter method reflect
reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt
JAVA正则表达式匹配查找替换提取操作百合不是茶 java 正则表达式替换提取查找
正则表达式的查找;主要是用到String类中的split(); String str; str.split();方法中传入按照什么规则截取,返回一个String数组常见的截取规则: str.split("\\.")按照.来截取 str.
Java中equals()与hashCode()方法详解 bijian1013 java set equals()hashCode()
一.equals()方法详解 equals()方法在object类中定义如下： public boolean equals(Object obj) { return (this == obj); } 很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
精通Oracle10编程SQL(4)使用SQL语句 bijian1013 oracle 数据库 plsql
--工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser
【Nginx二】Nginx作为静态文件HTTP服务器 bit1129 HTTP服务器
Nginx作为静态文件HTTP服务器在本地系统中创建/data/www目录，存放html文件(包括index.html) 创建/data/images目录，存放imags图片在主配置文件中添加http指令 http { server { listen 80; server_name
kafka获得最新partition offset blackproof kafka partition offset 最新
kafka获得partition下标，需要用到kafka的simpleconsumer import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.
centos 7安装docker两种方式 ronin47
第一种是采用yum 方式 yum install -y docker
java-60-在O(1)时间删除链表结点 bylijinnan java
public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..
nginx利用proxy_cache来缓存文件 cfyme cache
user zhangy users; worker_processes 10; error_log /var/vlogs/nginx_error.log crit; pid /var/vlogs/nginx.pid; #Specifies the value for ma
[JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题 comsci 嵌入式
假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做： string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))" 定义一个0整数c,然后用这个整数c去
如何集成支付宝官方文档 dai_lm android
官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app，然后提交支付宝审核，通过后才能集成调试的时候估计会真的扣款，请注意
应该在什么时候使用Hadoop datamachine hadoop
原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我，“你在大数据和Hado
在GridView中对于有外键的字段使用关联模型进行搜索和排序 dcj3sjt126com yii
在GridView中使用关联模型进行搜索和排序首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '
使用NSString 的格式化大全 dcj3sjt126com Objective-C
格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
使用activeX插件对象object滚动有重影蕃薯耀 activeX插件滚动有重影
使用activeX插件对象object滚动有重影 <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
SpringMVC4零配置 hanqunfeng springmvc4
基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。项目说明如下： 1.db.sql是项目中用到的表，数据库使用的是oracle11g 2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 3.默认项目为零配置启动，如果需要更改启动方式，请
《开源框架那点事儿16》：缓存相关代码的演变 j2eetop 开源框架
问题引入上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。当然去看相关实现代代码的时候，大致是下面的样子。 [java] view plain copy print ? public vo
AngularJS浅析 kvhur JavaScript
概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm Directive 扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
架构师之jdk的bug排查(一)---------------split的点号陷阱 nannan408 split
1.前言. jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou
如何对10亿数据量级的mongoDB作高效的全表扫描 quentinXXZ mongodb
本文链接: http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下，不应该有这种需求首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。说一下，
C语言算法之水仙花数 qiufeihu c 算法
/** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x
JSP指令 wyzuomumu jsp
jsp指令的一般语法格式： <%@ 指令名属性 =”值 ” %> 常用的三种指令： page,include,taglib page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他

流程设计器jQuery + svg/vml(Demo6 - 增加结点属性及切换)

你可能感兴趣的:(流程设计器jQuery + svg/vml(Demo6 - 增加结点属性及切换))