php实现运气模型（命运随机，克服困难）

一、总结

1、应该用表格来布局的，这种多列的用表格布局比div和span布局方便很多

2、span标签设置宽度：变成行内快元素：display:inline-block;

3、array_rand()函数：从数组里面随机取值

4、设置中文字符集：meta元素 charset属性：<meta charset="utf-8">

5、border边框：边框宽度，边框样式，边框颜色：style="border:1px solid #aaddff; "

二、php实现运气模型

截图

代码

 1 //运气理论
 2 public function luckModel(){
 3     //生成柱子数子数组
 4     $zhuzi_n = array();
 5     //危机等级
 6     $max_nandu = 30;
 7     //危机次数
 8     $times = 60;
 9     $arr = range(1,$max_nandu);//危机等级
10     for ($i=0; $i <$times ; $i++) { //危机次数
11         $zhuzi_n[]=array_rand($arr);
12     }
13     //根据柱子数字数组生成柱子图像数组
14     //柱子图像数组
15     $zhuzi_p = array();
16     for ($i=$max_nandu; $i >= 0; $i--) { //有多少行，从底部开始
17         //每一行
18         $line = array();
19         //每一行中的每一列
20         for ($j=0; $j <$times ; $j++) { 
21             if ($zhuzi_n[$j]>=$i) {
22                $line[]=1;
23             }else{
24                $line[]=0; 
25             }
26         }
27         $zhuzi_p[]=$line;
28     }
29     //将01矩阵转化为图像矩阵
30     for ($i=0; $i < count($zhuzi_p) ; $i++) { 
31         $line = $zhuzi_p[$i];
32         for ($j=0; $j < count($line); $j++) { 
33             $zhuzi_p[$i][$j]=$zhuzi_p[$i][$j]?'*':'&nbsp;&nbsp;';
34         }
35     }
36     //在页面输出出来
37     echo '<meta charset="utf-8">';
38     echo '<div style="border:1px solid #aaddff; ">';
39     for ($i=0; $i < count($zhuzi_p)-1; $i++) { 
40         echo '<span style="color:#df7659;64px;display:inline-block;">第'.(count($zhuzi_p)-$i-1).'层：</span><span style="color:#df7659;">|&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color:#adbc54">';
41         $line = $zhuzi_p[$i];
42         for ($j=0; $j < count($line); $j++) { 
43             echo $zhuzi_p[$i][$j].' ';
44         }
45         echo '</span></br>';
46     }
47     echo '</div>';
48     dump($zhuzi_n);dump($zhuzi_p);die;
49 
50 }