zoukankan      html  css  js  c++  java
  • 基于php基础语言编写的小程序之计算器

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

  • 相关阅读:
    [ZZ] Valse 2017 | 生成对抗网络(GAN)研究年度进展评述
    [ZZ] 多领域视觉数据的转换、关联与自适应学习
    [ZZ] 深度学习三巨头之一来清华演讲了,你只需要知道这7点
    [ZZ] 如何在多版本anaconda python环境下转换spyder
    支持向量机(Support Vector Machine,SVM)
    Wavelet Ridgelet Curvelet Contourlet Ripplet
    新技术革命思潮
    [ZZ] 边缘检测 梯度与Roberts、Prewitt、Sobel、Lapacian算子
    [ZZ] matlab中小波变换函数dwt2和wavedec2 系数提取函数appcoef2和detcoef2
    [综] 卷积的物理意义
  • 原文地址:https://www.cnblogs.com/xnnhgz2016/p/6122348.html
Copyright © 2011-2022 走看看