【PHP】4 條件控制&迴圈-4.5.2 製作學生成績單

*PHP  4 條件控制&迴圈
➤4.5.2 實戰練習-製作學生成績單1

學生成績單_範例1.(單純傳值，透過for迴圈加上逗號，最後用if判斷平均是否達到60分以上)

#需要4個欄位、1顆按鈕傳送。
#要算小數點但無法傳值，該怎辦?A:欄位內使用step="0.1"即可(越多小數點就繼續在小數點後增加0)。
#method行為可以用GET或POST，GET會秀出在網址列，POST不會。
#透過$_GET[]或是$_POST[]取值存至變數裡。
#使用條件判斷來做加減乘除，並秀出於本頁(form標籤的action指定本頁)。
#外圍必須加if(@$_GET['name'] != ''){ 因為和計算機不同在於這裡是直接用迴圈呼叫陣列變數的索引值，而非用判斷式取值。加上@是因為PHP7會彈出警告訊息需要用@來擋掉。或是您可以將ini_set('display_errors', 'off');拉到最外圍就不必加上@。

<div class="box">
  <h3 class="topic">輸入成績並列出結果1</h3><hr>
    <div class="box1_content">
    <form action="3score_list.php" method="get">
      名字: <input type="text" name="name" required><br>
      國文: <input type="number" step="0.1" name="chinese" required><br>
      英文: <input type="number" step="0.1" name="english" required><br>
      數學: <input type="number" step="0.1" name="math" required><br>
      <input type="submit" value="送出" style="margin-left: 25%">
    </form>
    </div>
  <div class="box2">
    <h3 class="topic">結果</h3><hr>
      <div class="box2_content">
        <?php
          //if(@$_GET['name'] != ''){ 如果名字傳值不等於空值，便開始往下執行
          //PHP7如有跳出警告在$_GET加上@擋掉訊息
          //判斷若輸入的值不等於空值，就往下執行嚕~
          if(@$_GET['name'] != ''){
            ini_set('display_errors', 'off'); //透過ini_set()隱藏警告訊息，或是改php.ini也可以
            $name = $_GET["name"];
            $score = array($_GET["chinese"], $_GET["english"], $_GET["math"]);

            echo $name . "<br>";
            echo "國文 " . "英文 " . "數學<br>";
            for ($k = 0; $k < count($score); $k++) { //count()= 取出陣列變數裡有幾筆資料
              if($k != 0){ //不等於0，其他值就加逗號
                echo " , ";
              }
              echo $score[$k];
              }

            $pass = round(($score[0]+$score[1]+$score[2]) /3); //round()= 四捨五入
              if($pass >= 60){
                echo "<h4>達標60分以上--合格，回家吃丹丹漢堡</h4>";
              }else {
                echo "<h4>未達標60分--不合格，回家跪算盤吧!</h4>";
              }
          }
        ?>
      </div>
  </div>
</div>

學生成績單_範例2.(單純傳值，echo秀出時用table標籤做排列，呼叫總分以及平均，最後用if判斷平均是否達到60分以上)
#需要4個欄位、1顆按鈕傳送。
#欄位限制只能輸入0到100，以及小數點1位。欄位此時會縮短，可用width拉寬。另外欄位可以用行內css加顏色或改變(這裡就不贅述)。

<div class="box">
  <h3 class="topic">輸入成績並列出結果2</h3><hr>
    <div class="box1_content">
      <form action="4score_list.php" method="get">
        名字: <input type="text" name="name" required><br>
        <!--輸入值介於0至100，小數點1格。因為範圍只到100欄位變窄，故再用width拉寬-->
        國文: <input type="number" min="0" max="100" step="0.1" name="chinese" required style="width:170px; border:2px #9999FF dashed; background-color:#ffc385;"><br>
        英文: <input type="number" min="0" max="100" step="0.1" name="english" required style="width:170px; border:2px #ff6830 dashed; background-color:#fffede;"><br>
        數學: <input type="number" min="0" max="100" step="0.1" name="math" required style="width:170px; border:2px #85fec4 double; background-color:#ffc1f7;"><br>
        <input type="submit" value="送出" style="margin-left: 25%">
      </form>
    </div>
  <div class="box2">
    <h3 class="topic">結果</h3><hr>
      <div class="box2_content">
        <?php
        //if(@$_GET['name'] != ''){ 主要是做外層條件判斷，否則會直接秀出下列的值
        //PHP7如有跳出警告在$_GET加上@擋掉訊息
        //判斷若輸入的值不等於空值，就往下執行嚕~
          if(@$_GET['name'] != ''){
            //透過ini_set()隱藏警告訊息，或是改php.ini也可以
            ini_set('display_errors', 'off');
            $name = $_GET["name"];
            //將值透過array()函式存至陣列變數$score
            $score = array($_GET["chinese"], $_GET["english"], $_GET["math"]);
            echo $name . " 測驗成績如下:<br>";
                //可以在echo秀出資料放入<table>
                echo "<table>";
                  echo "<tr>";
                    echo "<th>國文</th>";
                      echo "<td>" . $score[0] . "</td>";
                    echo "<th>英文</th>";
                      echo "<td>" . $score[1] . "</td>";
                    echo "<th>數學</th>";
                      echo "<td>" . $score[2] . "</td>";;
                  echo "</tr>";
                echo "</table>";
            echo "<hr>"."總分數:".ceil($score[0]+$score[1]+$score[2]); //ceil()=無條件進位 取整數
            echo "<br>"."平均分數:".round(($score[0]+$score[1]+$score[2]) /3)."<br>"; //round()=四捨五入

            $pass = round(($score[0]+$score[1]+$score[2]) /3);
              if($pass >= 60){
                echo "<h4>達標60分以上--合格，回家吃丹丹漢堡</h4>";
              }else {
                echo "<h4>未達標60分--不合格，回家跪算盤吧!</h4>";
              }
            }
        ?>
      </div>
  </div>
</div>

上面範例共用的CSS(放在第一個範例拿掉table,th,td即可)

<style>
  body{ font-family: "微軟正黑體"; }
  .topic {
    margin: 0px auto;
    text-align: center;
  }
  .box {
    width: 600px;
    height: 500px;
    top: 50%;
    left: 50%;
    position: absolute; /*絕對位置*/
    margin: -400px 0 0 -300px; /*外距 上右下左*/
    border: 2px solid green;
    border-radius: 5px;
  }
  .box1_content{
    font-size: 14pt;
    margin-left: 160px;
  }
  .box2 {
    width: 500px;
    height: 250px;
    top: 50%;
    left: 50%;
    position: absolute; /*絕對位置*/
    margin: -50px 0 0 -250px; /*外距 上右下左*/
    border: 2px solid red;
    border-radius: 5px;
  }
  .box2_content{
    font-size: 20pt;
    margin-top: 10px;
    text-align: center;
  }
  table {
    border-collapse: collapse;
    left: 25%;
    transform: translateX(25%) ;
    text-align: center;
  }
  th {
    background-color: #c8c8c8;
    border : 3px solid black;
    padding: 5px;
  }
  td {
    color: red;
    border : 3px solid black;
    padding: 5px;
  }
</style>

計算機和成績單的範例棧長已丟到Github，近期還在摸物件導向和C#，如有更新太慢棧友們請多包涵。