レポート仕分けの実装原理
とあるお宝ととある猫の仕分けを見て、猫の真似をしたり、虎の真似をして自分でもいじってみました。
原理は以下のように記録されています:
1. フロントエンド部分
<table> <tr class="proghead"> <td class="canclick progsort1" onclick="sort_prog(0)">学号</td> <td class="canclick progsort2" onclick="sort_prog(1)">姓名</td> </tr></table>
.upsort:hover,.upsort{background:rgb(0,161,222) url(./css/up.png) no-repeat center right ; color:#fff; }.downsort:hover, .downsort{background:rgb(0,161,222) url(./css/down.png) no-repeat center right ; color:#fff; }
var SORTPROG_FLAG = [0,0];var SORTPROG_COL = ['sid','username']; //排序筛选 function sort_prog(num){ clear_arr(SORTPROG_FLAG,num); //更改显示标识 1升序 if(SORTPROG_FLAG[num] === 0 || SORTPROG_FLAG[num] === 2){ SORTPROG_FLAG[num] = 1; } 2 降序 否则不排序 else if(SORTPROG_FLAG[num] === 1){ SORTPROG_FLAG[num] = 2; } if(num >= 0){ var htmlcode = ''; $.ajax({ 'url':'./ajax.php', 'data':get_param('prog'), 'dataType':'text', 'type':'post', 'async':false, 'success':function(data){ if(data){ $('.curseload').hide(); htmlcode = data; } } }); $('.progreport').html(htmlcode); //更改显示标识 if(SORTPROG_FLAG[num] == 2){ $('.'+obj).addClass('downsort').removeClass('upsort'); } else if(SORTPROG_FLAG[num] == 1){ $('.'+obj).addClass('upsort').removeClass('downsort'); } $('.'+obj).siblings().removeClass('downsort').removeClass('upsort'); }else{ clear_arr(SORTPROG_FLAG,-1); $.ajax({ 'url':'./ajax.php', 'data':get_param('prog'), 'dataType':'text', 'type':'post', 'success':function(data){ if(data){ $('.prog').html(data); } } }); } } //数组清零 初始化 function clear_arr(arr, index){ var len = arr.length; for (var i= 0; i < len; i++) { if(i != index){ arr[i] = 0; } } } //数组获取 点击索引 function get_index(arr){ var len = arr.length; var index = -1 ; for (var i = 0; i < len; i++) { if(arr[i] != 0){ index = i; } } return index; } //参数获取 //获取 参数 function get_param(type){ if(type == 'prog'){ var num = get_index(SORT_FLAG); var sid = $('.sid').val(); var username = $('.username').val(); return {'sid':sid,'username':username,'sort_col':SORTPROG_COL[num],'sort_type':SORTPROG_FLAG[num]}; } }
class reportclass{ //按列排序 public function multi_array_sort($multi_array,$sort_key,$sort=SORT_ASC){ $sorttype = optional_param('sorttype', 1, PARAM_RAW); if($sorttype == 1){ $sort=SORT_ASC; }else if($sorttype == 2){ $sort=SORT_DESC; } if(is_array($multi_array)){ foreach ($multi_array as $row_array){ if(is_array($row_array)){ //将utf-8中文转换为 gbk 进行中文拼音排序 $key_array[] = iconv('UTF-8', 'GBK', strip_tags($row_array[$sort_key])); }else{ return false; } } }else{ return false; } array_multisort($key_array,$sort,$multi_array); return $multi_array; } // public function print_report(){ $arr = get_report(); $sort_col = $_POST['sort_col']; $sort_type = $_POST['sort_type']; if($sort_type == 1){$sort = SORT_ASC ;} else if($sort_type == 2){$sort = SORT_DESC ;} $newarr = $this->multi_array_sort($arr,$sort_col,$sort); $this->show_report(); } //实现获取 报表信息二维数组 public function get_report(){} //根据二维数组 打印报表 public function show_report(){}}
コードは完成していませんが、アイデアは完成しました。さまざまな意見を歓迎します
次に、レポート作成に関する私の個人的なアイデアの図を添付します。