手痒痒抓了一下PC^2的board

来源：互联网发布：章子怡的演技知乎编辑：程序博客网时间：2024/04/26 19:30

这次武汉赛区的board，本来打算直接放PC^2的数据的，但是我看到别的赛区总被其它学校另外抓一个带学校的board，所以手痒痒写了一个board，搞了一段php的代码用来显示排名。很高兴POJ上有人赞武汉的board做得比较好？

其实我开始写的board不是很好看——因为我不懂颜色搭配，给大家看了后发现实在不靠谱，怎么办？——山寨是王道！

去搞了雅加达的CSS代码和bupt的javaScript的代码来看懂，然后用之。

CSS(ranking.css)：

table caption, table th, table td {margin:0.1em;padding:0.1em 0.5em;vertical-align:top;}th {background:#D3DCE3 none repeat scroll 0 0;color:#000000;font-weight:bold;}table tr.odd th, .odd { background: #DDFFED;}table tr.even th, .even {}/* odd table rows 1,3,5,7,... */table tr.odd td,table tr.odd,table tr.even td,table tr.even { text-align: center;}table tr.odd td.name,table tr.even td.name {text-align: left;}table tr td.ac {background:#00FF00;}table tr td.try {background:#FF0000;}table tr td.notry {background:#FFFFFF;}/* hovered items */table tr.odd:hover,table tr.even:hover,.hover { background: #CCDDCC; color: #000000;}/* hovered table rows */table tr.odd:hover th,table tr.even:hover th,table tr.hover th { background: #CCDDCC; color: #000000;}

JavaScript(ranking.js)：

String.prototype.trim= function(){ // 用正则表达式将前后空格 // 用空字符串替代。 return this.replace(/(^/s*)|(/s*$)/g, ""); }/** * enables highlight rows in data tables */function table_Init(container) { // for every table row ...try{ var rows = container.rows; for ( var i = 0; i < rows.length; i++ ) {for (var j = 0 ; j < rows[i].cells.length ; ++j) {rows[i].cells[j].class<mce:script type="text/javascript" src="http://hi.images.csdn.net/js/blog/tiny_mce/themes/advanced/langs/zh.js" mce_src="http://hi.images.csdn.net/js/blog/tiny_mce/themes/advanced/langs/zh.js"></mce:script><mce:script type="text/javascript" src="http://hi.images.csdn.net/js/blog/tiny_mce/plugins/syntaxhl/langs/zh.js" mce_src="http://hi.images.csdn.net/js/blog/tiny_mce/plugins/syntaxhl/langs/zh.js"></mce:script>Name = 'nowrap';if (j > 3) {try { var text = rows[i].cells[j].innerHTML;var AC = new RegExp("^//d+///d+$");var TRY = new RegExp("^//d+/--$");var NOTTRY = new RegExp("^0/--$");if (NOTTRY.test(text)){//rows[i].cells[j].className += ' notry';}else if (TRY.test(text)){rows[i].cells[j].className += ' try';}else if (AC.test(text)){rows[i].cells[j].className += ' ac';}}catch (err) {}}} // ... with the class 'odd' or 'even' ...if (i % 2 == 1) {rows[i].className = 'odd';}else {rows[i].className = 'even';} // ... add event listeners ... // ... to highlight the row on mouseover ... //if ( navigator.appName == 'Microsoft Internet Explorer' ) { // but only for IE, other browsers are handled by :hover in css rows[i].onmouseover = function() { this.className += ' hover'; } rows[i].onmouseout = function() { this.className = this.className.replace( ' hover', '' ); } // } }}catch (err){alert(err.description);}}

下面是PHP抓取PC^2的代码（说明：由于个人比较懒惰，习惯Ctrl C 、Ctrl V，没有调代码格式，而且连正则都没写，而且下面的代码开始是想自己调颜色的，后面有了JavaScript和CSS后就懒得改了）：

{11月7日注：

其实上面的JavaScript代码是没有必要的——因为我在PHP脚本里已经对结果进行了区分，而且还可以区分最后一列，只要再把CSS改一下，添加最后一列的效果，board将变得更加好看。

当时由于时间紧，而自己的配色效果不理想，所以没有来得及考虑，直接将CSS和JavaScript都拿过来用了，没有想到自己其实离最终效果很近了，再进一步就好了。

}

//rank.php by R2D2<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title> Rank - The 34th ACM/ICPC Aisa Regional Wuhan Onsite Contest</title><meta encoding="gbk"><mce:script type="text/javascript" src="ranking.js" mce_src="ranking.js"></mce:script><link href="ranking.css" mce_href="ranking.css" type="text/css" rel="stylesheet"></head> <body> <center> <img src="images/title.jpg" mce_src="images/title.jpg" alt="ACM/ICPC Asia2009 Wuhan" border="0"/> <?php //rank source url $url = "file:///home/r2d2/pc2/bin/html/summary.html"; //TODO:to be changed //table head $table_head = "<tr><th>Rank</th><th>Name</th><th>Solved</th><th>Time</th><th> A </th><th> B </th><th> C </th><th>Total att/solv</th></tr>";//TODO //team num $team_num = 132; //TODO $problem_num = 3; //TODO //team array $array_team = array('NULL'); //$team_array//TODO: $array_school = array('NULL'); // //get the contents $contents = file_get_contents($url); //echo $contents; $token = strtok($contents, ">"); $spaces = 39 + 6 * $problem_num; for ($cnt = 0; $cnt < $spaces; ++$cnt) { //TODO $token = strtok(">"); } //echo $contents; //the begin echo "<table border=/"0/"><tbody>/n"; echo $table_head; echo "/n"; //trim pre_str //loop the rank for ($ix = 0; $ix < $team_num; ++$ix) { echo "<tr>"; //rank echo "<td>"; $token = strtok("<"); if ($ix === 0) echo 1; else echo $token; echo "</td>"; ++$rank_cnt; //team name & shool echo "<td>"; $token = strtok(">"); $token = strtok(">"); $token = strtok("m"); $token = strtok("<"); $id = intval($token); if ($id <= 132) { echo $array_team[$id]." ".$array_school[$id]; } else { echo "team".$token; } //find_team(); echo "</td>"; //solved echo "<td>"; $token = strtok(">"); $token = strtok(">"); $token = strtok("<"); echo $token; echo "</td>"; //time echo "<td>"; $token = strtok(">"); $token = strtok(">"); $token = strtok("<"); echo $token; echo "</td>"; //problems status for ($i = 0; $i < $problem_num; ++$i) { $token = strtok(">"); $token = strtok(">"); $token = strtok("<"); echo "<td>"; echo $token; echo "</td>"; } //totol solved echo "<td>"; $token = strtok(">"); $token = strtok(">"); $token = strtok("<"); echo $token; echo "</td>"; echo "</tr>/n"; $token = strtok(">"); $token = strtok(">"); $token = strtok(">"); $token = strtok(">"); } echo "<tr><td cellwith=/"15/"></td></tr>/n"; echo "<tr>"; //rank echo "<td>"; $token = strtok("<"); //echo $token; echo "</td>"; ++$rank_cnt; //team name & shool echo "<td>"; $token = strtok("b"); $token = strtok("<"); echo "Sub".$token; //find_team(); echo "</td>"; //solved echo "<td>"; $token = strtok(">"); $token = strtok(">"); $token = strtok("<"); //echo $token; echo "</td>"; //time echo "<td>"; //$token = strtok(">"); $token = strtok(">"); //$token = strtok("<"); //echo $token; echo "</td>"; //problems status for ($i = 0; $i < $problem_num; ++$i) { echo "<td>"; $token = strtok(">"); $token = strtok(">"); $token = strtok("<"); echo $token; // echo '<td class="fail">'; // echo '<td class="ac">'; echo "</td>"; } //totol solved echo "<td>"; $token = strtok(">"); $token = strtok(">"); $token = strtok("<"); echo $token; echo "</td>"; echo "</tr>/n"; //the end echo "</tbody></table>"; ?><mce:script type="text/javascript"></mce:script> <?php $date = date('Y-m-d H:i:s'); echo " Last Updated:".$date." "; ?> <img src="images/whu.gif" mce_src="images/whu.gif" alt="Wuhan University" width="250" height="50"/> Copyright © 2009 ACM/ICPC Association of Wuhan University. All Rights Reserved. </center> </body></html>

另外一点就是自动刷新了，这个用的是meta；为了稳定，生成静态页面，所以用了另一个php脚本：

//refresh.php by R2D2<META HTTP-EQUIV="Refresh" CONTENT="7"><?php $s_fname = "rank.php"; $o_fname = "index.html"; ob_end_clean(); ob_start(); include($s_fname); $length = ob_get_length(); $buffer = ob_get_contents(); ob_end_clean(); $fp = fopen($o_fname,"w+"); fwrite($fp, $buffer); fclose($fp);?>

下面是效果，确实蛮好看的:P

board