首頁 >後端開發 >php教程 >基於php基礎語言所寫的小程式計算器

基於php基礎語言所寫的小程式計算器

高洛峰原創: 2016-12-02 16:35:301292瀏覽

基於php基礎語言編寫的小程式計算機

需求:在輸入框中輸入數字進行加、減、乘、除運算（html+php）

思路：

1首先要創建輸入數字和運算符的輸入框，數字用input的text屬性，運算子用selelct的option屬性

2 點選輸入框中的=號要進行對應的運算,

3 =號這個輸入框可以用input的submit來做，只要點選submit表單裡的內容就傳給php了

4 判斷從html中得到的運算子進行對應的運算

5 運算完成後還得把結果返回到表單中(就是給表單的value賦值)

代碼

Html代碼

<form method="post" action=””>//method代表的表单的提交方式，本案例选的是post提交 action是接受的页面，为空表示提交到当前页
              <input type = "text" name="num1" >
              <select name = "select">
                     <option value="+" >+</option>
                     <option value="-" >-</option>
                     <option value="*" >*</option>
                     <option value="/" >/</option>
              </select>
              <input type = "text" name="num2" >
              <input type = "submit" name = "submit" value="=">
              <input type = "text" name="result" >
       </form>

基於php基礎語言所寫的小程式計算器

PHP代碼

當用戶點擊提交按鈕值就會透過post傳遞過來，現在要接受表單裡的值。

在點擊之前要做幾個判斷

if (isset($_POST[&#39;submit&#39;])) {
//isset检测变量是否设置,存在,或非NULL, 返回值为布尔, 如果变量存在返回true, 否则为false;，结合$_POST[“submit”], $_POST   //接收通过表单的method=’post’ 方法的传值
$num1 = $_POST[&#39;num1&#39;];//获取第一个输入框中的值,通过input中的name属性获得
             $select = $_POST[&#39;select&#39;];//同上
             $num2 = $_POST[&#39;num2&#39;];//同上
       if (is_numeric($num1) && is_numeric($num2)) {
       //is_numeric() //检测变量是否为数字或数字字符串  返回值 ,true, false  如 100, ‘100’
 
             switch ($select) {//$select是前面传来的运算符
                    case &#39;+&#39;://根据switch的语法，case中的值和switch括号里的值相等那么就执行case后面的那句话，不等则继续往下找
                           $result = $num1+$num2;
                           break;
                    case &#39;-&#39;:
                           $result = $num1-$num2;
                           break;
                    case &#39;*&#39;:
                           $result = $num1*$num2;
                           break;
                    default:
                           if ($num2==0) {//加个判断，除数不能为0
                                  echo "<script>alert(&#39;输入的除数为0请重新输入&#39;)</script>";
                           }else{
                                  $result = $num1/$num2;
                                  break;
                           }     
             }
             }else{
                    //echo 当用户输入的不是数，可能是字符串则给用户提示
                    echo "<script>alert(&#39;输入的不是数&#39;)</script>";
                    $num1 = $num2 = $result = "";//把表单里的内容清空
             }
}

運行結果截圖

當輸入正確的數字截圖

基於php基礎語言所寫的小程式計算器

=號上的單值

現在要去設定表單的value 基於php基礎語言所寫的小程式計算器

//把value的值設為php中運算後的num數值

>" >

運行結果

在用戶沒有點擊提交按鈕時輸入框現在有內容，所以在用戶沒有點擊提交按鈕時應該把輸入框中的值作為空框中的值帶碼，在php的程式碼最後加上一個else{

$num1 =$num2 = $result = "";

}

截圖基於php基礎語言所寫的小程式計算器

在點擊其他運算符時為+，截圖

程式碼改良

在html中

截图看结果

基於php基礎語言所寫的小程式計算器

当用户第一次进来

截图

基於php基礎語言所寫的小程式計算器

说明要设置selecte中的默认值

代码

$select=”+”

基本功能已经完成

总的代码

<!DOCTYPE html>
<html>
<head>
       <meta charset="UTF-8">
       <title>Document</title>
</head>
<body>
       <?php
              if (isset($_POST[&#39;submit&#39;])) {
//isset检测变量是否设置,存在,或非NULL, 返回值为布尔, 如果变量存在返回true, 否则为false;，结合$_POST[“submit”], $_POST   //接收通过表单的method=’post’ 方法的传值
              $num1 = $_POST[&#39;num1&#39;];//获取第一个输入框中的值,通过input中的name属性获得
             $select = $_POST[&#39;select&#39;];//同上
             $num2 = $_POST[&#39;num2&#39;];//同上
       if (is_numeric($num1) && is_numeric($num2)) {
       //is_numeric() //检测变量是否为数字或数字字符串  返回值 ,true, false  如 100, ‘100’
 
             switch ($select) {//$select是前面传来的运算符
                    case &#39;+&#39;://根据switch的语法，case中的值和switch括号里的值相等那么就执行case后面的那句话，不等则继续往下找
                           $result = $num1+$num2;
                           break;
                    case &#39;-&#39;:
                           $result = $num1-$num2;
                           break;
                    case &#39;*&#39;:
                           $result = $num1*$num2;
                           break;
                    default:
                           if ($num2==0) {//加个判断，除数不能为0
                                  echo "<script>alert(&#39;输入的除数为0请重新输入&#39;)</script>";
                           }else{
                                  $result = $num1/$num2;
                                  break;
                           }     
             }
             }else{
                    //echo 当用户输入的不是数，可能是字符串则给用户提示
                    echo "<script>alert(&#39;输入的不是数&#39;)</script>";
                    $num1 = $num2 = $result = "";//把表单里的内容清空
             }
}else{
       $num1 = $num2 = $result = "";
       $select = "+";
}
        ?>
<form method="post" action=""><!-- //method代表的表单的提交方式，本案例选的是post提交 action是接受的页面，为空表示提交到当前页 -->
            <input type = "text" name="num1" value="<?php echo $num1?>"  >
              <select name = "select">
                     <option value="+" <?php if($select == &#39;+&#39;)echo &#39;selected&#39;?>>+</option>
                     <option value="-" <?php if($select == &#39;-&#39;)echo &#39;selected&#39;?>>-</option>
                     <option value="*" <?php if($select == &#39;*&#39;)echo &#39;selected&#39;?>>*</option>
                     <option value="/" <?php if($select == &#39;/&#39;)echo &#39;selected&#39;?>>/</option>
              </select>
              <input type = "text" name="num2" value="<?php echo $num2?>" >
              <input type = "submit" name = "submit" value="=">
              <input type = "text" name="result" value="<?php echo $result?>">
       </form>
</body>
</html>

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：如何優化Mysql千萬級快速分頁下一篇：如何優化Mysql千萬級快速分頁

看更多

基於php基礎語言所寫的小程式計算器

相關文章