• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

基于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['submit'])) {

//isset检测变量是否设置,存在,或非NULL, 返回值为布尔, 如果变量存在返回true, 否则为false;,结合$_POST[“submit”], $_POST   //接收通过表单的method=’post’ 方法的传值

$num1 = $_POST['num1'];//获取第一个输入框中的值,通过input中的name属性获得

             $select = $_POST['select'];//同上

             $num2 = $_POST['num2'];//同上

       if (is_numeric($num1) && is_numeric($num2)) {

       //is_numeric() //检测变量是否为数字或数字字符串  返回值 ,true, false  如 100, ‘100’

 

             switch ($select) {//$select是前面传来的运算符

                    case '+'://根据switch的语法,case中的值和switch括号里的值相等那么就执行case后面的那句话,不等则继续往下找

                           $result = $num1+$num2;

                           break;

                    case '-':

                           $result = $num1-$num2;

                           break;

                    case '*':

                           $result = $num1*$num2;

                           break;

                    default:

                           if ($num2==0) {//加个判断,除数不能为0

                                  echo "<script>alert('输入的除数为0请重新输入')</script>";

                           }else{

                                  $result = $num1/$num2;

                                  break;

                           }     

             }

             }else{

                    //echo 当用户输入的不是数,可能是字符串则给用户提示

                    echo "<script>alert('输入的不是数')</script>";

                    $num1 = $num2 = $result = "";//把表单里的内容清空

             }

}

运行结果截图

 

 

当输入正确的数字截图

 

点击=号后

 

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

现在要去设置表单的value

<input type = "text" name="num1" value="<?php echo $num1?>"  >//把value的值设置为php中运算后的num值

              <select name = "select">

                     <option value="+" >+</option>

                     <option value="-" >-</option>

                     <option value="*" >*</option>

                     <option value="/" >/</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>

运行结果

 

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

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

 

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

}

截图

 

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

 

代码改进

在html中

<select name = "select">

                     <option value="+" <?php if($select == '+')echo 'selected'?>>+</option>

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

                     <option value="-" <?php if($select == '-')echo 'selected'?>>-</option>

                     <option value="*" <?php if($select == '*')echo 'selected'?>>*</option>

                     <option value="/" <?php if($select == '/')echo 'selected'?>>/</option>

              </select>

截图看结果

 

当用户第一次进来

截图

 

说明要设置selecte中的默认值

代码

$select=”+”

基本功能已经完成

总的代码

<!DOCTYPE html>

<html lang="en">

<head>

       <meta charset="UTF-8">

       <title>Document</title>

</head>

<body>

       <?php

              if (isset($_POST['submit'])) {

//isset检测变量是否设置,存在,或非NULL, 返回值为布尔, 如果变量存在返回true, 否则为false;,结合$_POST[“submit”], $_POST   //接收通过表单的method=’post’ 方法的传值

              $num1 = $_POST['num1'];//获取第一个输入框中的值,通过input中的name属性获得

             $select = $_POST['select'];//同上

             $num2 = $_POST['num2'];//同上

       if (is_numeric($num1) && is_numeric($num2)) {

       //is_numeric() //检测变量是否为数字或数字字符串  返回值 ,true, false  如 100, ‘100’

 

             switch ($select) {//$select是前面传来的运算符

                    case '+'://根据switch的语法,case中的值和switch括号里的值相等那么就执行case后面的那句话,不等则继续往下找

                           $result = $num1+$num2;

                           break;

                    case '-':

                           $result = $num1-$num2;

                           break;

                    case '*':

                           $result = $num1*$num2;

                           break;

                    default:

                           if ($num2==0) {//加个判断,除数不能为0

                                  echo "<script>alert('输入的除数为0请重新输入')</script>";

                           }else{

                                  $result = $num1/$num2;

                                  break;

                           }     

             }

             }else{

                    //echo 当用户输入的不是数,可能是字符串则给用户提示

                    echo "<script>alert('输入的不是数')</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 == '+')echo 'selected'?>>+</option>

                     <option value="-" <?php if($select == '-')echo 'selected'?>>-</option>

                     <option value="*" <?php if($select == '*')echo 'selected'?>>*</option>

                     <option value="/" <?php if($select == '/')echo 'selected'?>>/</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>


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序--下拉刷新,上拉加载发布时间:2022-07-18
下一篇:
支付宝小程序环境判断发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap