------------------------------------------------------------------------------------------------
这是html文件
View Code
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 <style type="text/css"> 6 body{margin:0;padding:0;font-size:12px;background:white;} 7 h3{font-size:16px;color:red;} 8 label{display:inline-block;width:100px;text-align:right;} 9 textarea{width:90%;margin:0 auto;height:300px;display:block;} 10 </style> 11 </head> 12 <body> 13 <h3>引擎POST数据测试页面</h3> 14 <form action="report.preview.pt" method="post" id="form"> 15 <label>页面ID:</label> 16 <input type="text" name="pageid" id="pageid" value="1" /> 17 <br/><br/> 18 <label>配置内容:</label> 19 <textarea id="content" name="content"> 20 { 21 "exterior-dir":"C:\\Documents and Settings\\Administrator\\桌面\\报表\\images", 22 "exterior-database":{ 23 "driver-url":"jdbc:mysql://127.0.0.1/new?characterEncoding=UTF-8", 24 "driver-class":"com.mysql.jdbc.Driver", 25 "user":"root", 26 "password":"123" 27 }, 28 "content":[{ 29 "name":"提交的一级菜单", 30 "childs":[{ 31 "id":1, 32 "name":"提交的二级菜单", 33 "default":true, 34 "page_header":{ 35 "text":"MatriXay Web应用安全评估报告", 36 "text-decoration":"", 37 "font-weight":"", 38 "font-size":"20px", 39 "color":"#0000FF", 40 "items":[[{ 41 "type":"image", 42 "value":"c:/flag.jpg", 43 "width":"auto", 44 "height":"auto" 45 },{ 46 "type":"text", 47 "color":"#000000", 48 "font-size":"12px", 49 "value":"MatriXay Web应用安全评估报告", 50 "space-left":"28" 51 }]] 52 }, 53 "page_footer":{ 54 "text":"杭州安恒信息技术有限公司", 55 "text-decoration":"", 56 "font-weight":"", 57 "font-size":"12px", 58 "color":"#0000FF", 59 "items":[[{ 60 "type":"text", 61 "value":"杭州安恒信息技术有限公司", 62 "text-decoration":"", 63 "font-weight":"", 64 "font-size":"12px", 65 "color":"#000000", 66 "space-left":"0", 67 "space-right":"0" 68 }],[{ 69 "type":"line", 70 "font-size":"12px", 71 "num":"60" 72 }],[{ 73 "type":"text", 74 "value":"2013/1/18 12:56:22 powered by", 75 "text-decoration":"", 76 "font-weight":"", 77 "font-size":"12px", 78 "color":"#000000", 79 "space-right":"2" 80 },{ 81 "type":"text", 82 "value":"DBAPPSecurity Ltd.", 83 "text-decoration":"", 84 "font-weight":"", 85 "font-size":"12px", 86 "color":"#F1A572", 87 "space-left":"4" 88 },{ 89 "type":"text", 90 "value":"第 ", 91 "text-decoration":"", 92 "font-weight":"bold", 93 "font-size":"12px", 94 "color":"#000000", 95 "space-left":"14" 96 },{ 97 "type":"currPage", 98 "text-decoration":"underline", 99 "font-weight":"bold", 100 "font-size":"12px", 101 "color":"#FF0000" 102 },{ 103 "type":"text", 104 "value":"页,共 ", 105 "text-decoration":"", 106 "font-weight":"bold", 107 "font-size":"12px", 108 "color":"#000000" 109 },{ 110 "type":"totalPage" 111 },{ 112 "type":"text", 113 "value":"页", 114 "text-decoration":"", 115 "font-weight":"bold", 116 "font-size":"12px", 117 "color":"#000000", 118 "space-left":"1" 119 }]] 120 }, 121 "items":[{ 122 "type":"title", 123 "title":"frame配置示例", 124 "margin-top":"30px" 125 },{ 126 "type":"frame", 127 "title":"配置标题", 128 "margin-top":"20px", 129 "margin-bottom":"20px", 130 "width":"90%", 131 "items":[{ 132 "type":"frame", 133 "title":"可无限级嵌套", 134 "items":[{ 135 "type":"text", 136 "text-align":"center", 137 "margin-top":"20px", 138 "margin-bottom":"20px", 139 "items":[{ 140 "type":"image", 141 "value":"user_orange.png", 142 "margin-left":"5px", 143 "margin-right":"5px" 144 },{ 145 "type":"text", 146 "value":"frame可无限有级嵌套,frame中放的类型包括frame、text、image、table、chart", 147 "font-weight":"bold" 148 }] 149 }] 150 }] 151 },{ 152 "type":"title", 153 "title":"段落配置示例", 154 "margin-top":"30px" 155 },{ 156 "type":"text", 157 "text-align":"left", 158 "margin-top":"20px", 159 "margin-bottom":"20px", 160 "items":[{ 161 "type":"image", 162 "value":"user_orange.png", 163 "width":"auto", 164 "height":"auto", 165 "margin-left":"5px", 166 "margin-right":"0" 167 },{ 168 "type":"text", 169 "value":"同一个段落内容的文本也可显示不", 170 "text-decoration":"underline", 171 "font-style":"italic", 172 "font-weight":"bold", 173 "font-size":"12px", 174 "color":"#FF0000", 175 "margin-left":"0", 176 "margin-right":"0" 177 },{ 178 "type":"text", 179 "value":"同的样式,并且可以显示图片", 180 "text-decoration":"line-through", 181 "font-style":"", 182 "font-weight":"", 183 "font-size":"20px", 184 "color":"#0000FF", 185 "margin-left":"10px", 186 "margin-right":"10px" 187 }] 188 },{ 189 "type":"title", 190 "title":"图片配置示例", 191 "margin-top":"30px" 192 },{ 193 "type":"image", 194 "value":"logo.png", 195 "align":"left", 196 "margin-top":"10px", 197 "margin-bottom":"10px", 198 "width":"", 199 "height":"" 200 },{ 201 "type":"title", 202 "title":"图表配置示例", 203 "margin-top":"30px" 204 },{ 205 "id":1, 206 "type":"chart", 207 "chart-type":"column", 208 "y_title":"漏洞数(单位:个)", 209 "x_title":"安恒报表", 210 "width":"550", 211 "height":"300", 212 "align":"left", 213 "margin-top":"20px", 214 "margin-bottom":"20px", 215 "labels":{ 216 "type":"local", 217 "value":["一月","二月","三月","四月","五月"] 218 }, 219 "data":{ 220 "type":"local", 221 "value":{ 222 "百度":[123,234,111,222,333], 223 "谷歌":[345,214,567,899,532] 224 } 225 } 226 },{ 227 "type":"title", 228 "title":"表格配置示例", 229 "margin-top":"30px" 230 },{ 231 "type":"table", 232 "width":"700px", 233 "widths":[5,30,30,35], 234 "row-index":true, 235 "margin-top":"10px", 236 "margin-bottom":"0px", 237 "color-swap":true, 238 "cols-num":3, 239 "header":{ 240 "type":"local", 241 "value":[[{ 242 "text":"表头跨行", 243 "rows":2 244 },{ 245 "text":"表头跨列", 246 "cols":2 247 }],[{ 248 "text":"表格也可不配置表头" 249 },{ 250 "text":"表格内容能配置的内容,表头也同样有" 251 }]] 252 }, 253 "data":{ 254 "type":"local", 255 "value":[[{ 256 "text":"可加图标", 257 "icon":"user_orange.png" 258 },{ 259 "text":"可设背景", 260 "background":"#0000FF" 261 },{ 262 "text":"可设对齐方式", 263 "text-align":"center" 264 }],[{ 265 "text":"字号、加粗、下划线", 266 "font-size":"20px", 267 "font-weight":"bold", 268 "text-decoration":"underline" 269 },{ 270 "text":"颜色、倾斜设置", 271 "color":"#FF0000", 272 "font-style":"italic" 273 },{ 274 "text":"表格内容默认样式" 275 }],[{ 276 "text":"内容跨行", 277 "rows":2 278 },{ 279 "text":"内容跨列", 280 "cols":2 281 }],[{ 282 "text":"开启了隔行换色功能" 283 },{ 284 "text":"开启了显示行号功能" 285 }]] 286 } 287 }] 288 }] 289 }] 290 } 291 </textarea> 292 <br/><br/> 293 <input type="submit" value="普通预览" /> 294 <input type="button" value="大数据预览" id="bigview"/> 295 <input type="button" value="当前页导出WORD" id="export"/> 296 <input type="button" value="全部导出WORD" id="exportAll"/> 297 </form> 298 <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> 299 <script type="text/javascript"> 300 var formSubmit = function(uri,data){ 301 var form = document.createElement('form'); 302 jQuery.extend(form,{ 303 method:'post', 304 action:uri 305 }); 306 307 for(var attr in data){ 308 var el = document.createElement('input'); 309 jQuery.extend(el,{ 310 type:'hidden', 311 name:attr, 312 value:data[attr] 313 }); 314 form.appendChild(el); 315 } 316 317 document.body.appendChild(form); 318 form.submit(); 319 }; 320 $(function(){ 321 $("#export").click(function(){ 322 formSubmit('report.export.pt',{ 323 type:3, 324 pageid:$("#pageid").val(), 325 content:$("#content").val(), 326 all:false 327 }); 328 }); 329 $("#exportAll").click(function(){ 330 formSubmit('report.export.pt',{ 331 type:3, 332 content:$("#content").val(), 333 all:true 334 }); 335 }); 336 $("#bigview").click(function(){ 337 var fm = $("#form"); 338 fm.action = 'report.docPreview.pt'; 339 fm.submit(); 340 /*formSubmit('report.docPreview.pt',{ 341 pageid:$("#pageid").val(), 342 content:$("#content").val() 343 });*/ 344 }); 345 }); 346 </script> 347 </body> 348 </html>
修改处:
View Code
1 $(function(){ 2 $("#export").click(function(){ 3 formSubmit('report.export.pt',{ 4 type:3, 5 pageid:$("#pageid").val(), 6 content:$("#content").val(), 7 all:false 8 }); 9 }); 10 $("#exportAll").click(function(){ 11 formSubmit('report.export.pt',{ 12 type:3, 13 content:$("#content").val(), 14 all:true 15 }); 16 }); 17 $("#bigview").click(function(){ 18 var fm = $("#form"); 19 fm.action = 'report.docPreview.pt'; 20 fm.submit(); 21 /*formSubmit('report.docPreview.pt',{ 22 pageid:$("#pageid").val(), 23 content:$("#content").val() 24 });*/ 25 }); 26 });
------------------------------------------------------------------------------------------------
按一下方式修改其内容:
未修改前:
$("#bigview").click(function(){
formSubmit('report.docPreview.pt',{
pageid:$("#pageid").val(),
content:$("#content").val()
});
}
------------------------------------------------------------------------------------------------
$("#bigview").click(function(){
var fm = $("#form");
fm.action = 'report.docPreview.pt';
fm.submit();
}
------------------------------------------------------------------------------------------------