Maison > Article > développement back-end > 基于php基础语言编写的小程序之计算器

基于php基础语言编写的小程序之计算器

高洛峰original: 2016-12-02 16:35:301279parcourir

基于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代码

当用户点击提交按钮值就会通过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 = "";//把表单里的内容清空
             }
}

运行结果截图

当输入正确的数字截图

点击=号后

说明值没有传给html中的表单，

现在要去设置表单的value

92ffbab78e86e3940debf0e7cf1738ad" >//把value的值设置为php中运算后的num值

3065bafd6e4296c2612b6043f1d7fa9a

c6b0503cb986f62bca948eebce59958b+4afa15d3069109ac30911f04c56f3338

2140adfa49b6b77cb2ccea083bb4a66c-4afa15d3069109ac30911f04c56f3338

35f1d60629b44090ea6d07d03b2113cf*4afa15d3069109ac30911f04c56f3338

a7ee95df81370bad079148f034afe06a/4afa15d3069109ac30911f04c56f3338

18bb6ffaf0152bbe49cd8a3620346341

0022b81645a3a835ec9482dc34f98907" >

f3ba5a1c35d773837af2e3da22524174

e2a7f235cf52f2b61bc966d176517963">

f5a47148e367a6035fd7a2faa965022e

运行结果

在用户没有点击提交按钮时输入框现在有内容，所以在用户没有点击提交按钮时应该把输入框中的值置为空

改进带码，在php的代码最后加一个else{

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

}

截图

在点击其他运算时，中间的运算符始终为+，截图

代码改进

在html中

3065bafd6e4296c2612b6043f1d7fa9a

e4e02b4c372381ccb7ff51bd598c0ddb>+4afa15d3069109ac30911f04c56f3338

//select有一个属性selected当设置了就默认选中了它所以得结合php传过来的值比较，true就代表选中false就代表未选

61d91d6a33fb1a67260d2e0d7caaea7f>-4afa15d3069109ac30911f04c56f3338

2f76d0c58bab44fbf639c728fa911898>*4afa15d3069109ac30911f04c56f3338

075f77f4d2761a7a27245469a02d5686>/4afa15d3069109ac30911f04c56f3338

18bb6ffaf0152bbe49cd8a3620346341

截图看结果

当用户第一次进来

截图

说明要设置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>

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：如何优化Mysql千万级快速分页Article suivant：12个git高级命令

Articles Liés

Voir plus