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

基于php基础语言编写的小程序之计算器的更多相关文章

  1. 怎么样通过编写Python小程序来统计测试脚本的关键字

    怎么样通过编写Python小程序来统计测试脚本的关键字 通常自动化测试项目到了一定的程序,编写的测试代码自然就会很多,如果很早已经编写的测试脚本现在某些基础函数.业务函数需要修改,那么势必要找出那些引 ...

  2. 基于spring-boot的社区社交微信小程序，适合做脚手架、二次开发

    基于spring-boot的社区社交微信小程序,适合做脚手架.二次开发 代码地址如下:http://www.demodashi.com/demo/13867.html 1 概述 笔者做的一个后端基于s ...

  3. 微信小程序-简易计算器

    代码地址如下:http://www.demodashi.com/demo/14210.html 一.前期准备工作 软件环境:微信开发者工具 官方下载地址:https://mp.weixin.qq.co ...

  4. 基于go语言结合微信小程序开发的微商城系统

    最近在慕课网上录制了一门<Golang微信小程序微商城系统原型>,这门免费课程特别适合在校大学生或者刚毕业的大学生,go语言初学者以及想要从事微商城开发项目入门的小伙伴们来学习.在课程当中 ...

  5. C#基础知识-编写第一个程序(二)

    通过上一篇数据类型已经介绍了C#中最基本的15种预定义数据类型,了解每一种类型代表的数据以及每种类型的取值范围,这是很重要也是最基本.下面我们通过实例来了解每个类型如何去使用.编写C#程序时我们需要用 ...

  6. 高效编写微信小程序

    原文:https://isux.tencent.com/high-performance-wechat-app-development.html 前言 微信小程序是一个工程,就和盖房子一样,打好了地基 ...

  7. 基于NopCommerce框架开发的微信小程序UrShop

    Urshop小程序商城 介绍 UrShop小程序商城 2.0发布啦,发布地址https://gitee.com/urselect/urshop UrShop 根据NopCommerce框架开发的,基于 ...

  8. 【微信小程序】使用vscode编写微信小程序项目

    1. 在微信开发者工具(以下简称:开发者)中新建一个模板微信小程序 2. 在开发者中将模拟器分隔开 3. 设置在保存时编译 4. 在vscode中打开项目目录 5. 下载代码提示插件 这样就可以在vs ...

  9. 基于vs2015 SignalR开发的微信小程序使用websocket实现聊天功能

    一)前言 在微信小程上实现聊天功能,大致有三种方式:1)小程序云开发 2)购买第三方IM服务 3)使用自己的服务器自己开发. 这里重要讲使用自己的服务器自己开发,并且是基于vs的开发. 网上提供的解决 ...

随机推荐

  1. [linux]如何为Virtualbox虚拟硬盘扩容（转载）

    前言 这个教程介绍如何为Virtualbox虚拟硬盘扩容,虚拟硬盘分为动态分配大小和固定虚拟硬盘,扩容的方法不一样: 如何为动态分配的Virtualbox虚拟硬盘扩容 如何为固定大小的Virtualb ...

  2. 【集合框架】JDK1.8源码分析HashSet && LinkedHashSet（八）

    一.前言 分析完了List的两个主要类之后,我们来分析Set接口下的类,HashSet和LinkedHashSet,其实,在分析完HashMap与LinkedHashMap之后,再来分析HashSet ...

  3. JS实现输入框只能输入数字

    键盘下落事件实现输入框只能输入数字: <script type="text/javascript"> // 实现输入框只能输入数字 function ValidateN ...

  4. Linux上的SQL Server的起步

    我们知道,几个星期前,微软发布了在Linux上直接运行的SQL Server第一个公开CTP版本!因此,对我来说,是时候跨界在Linux上安装我的第一个SQL安装,这样的话,我就可以在Linux上折腾 ...

  5. iOS9的几个新关键字（nonnull、nullable、null_resettable、__null_unspecified）

    1.nonnull:字面意思就能知道:不能为空(用来修饰属性,或者方法的参数,方法的返回值) 代码: //三种使用方式都可以 @property (nonatomic, copy, nonnull) ...

  6. C# 文件下载 : WebClient

    最近更新了一个下载小工具,主要提升了下面几点: 1． 在一些分公司的局域网中,连接不上外网 2． 服务器上的文件更新后,下载到的还是更新前的文件 3． 没有下载进度提示 4． 不能终止下载 下面和大家 ...

  7. System.Diagnostics.Process.Start的妙用

    我们经常会遇到在Winform或是WPF中点击链接或按钮打开某个指定的网址, 或者是需要打开电脑中某个指定的硬盘分区及文件夹, 甚至是"控制面板"相关的东西, 那么如何做呢? 答案 ...

  8. 扩展lamda表达中distinct按照字段去除重复

    首先,我们定义一个Student类来测试. public class Student { public int ID { get; set; } public string Name { get; s ...

  9. java堆和栈的区别

    java 的内存分为两类,一类是栈内存,一类是堆内存.栈内存是指程序进入一个方法时,会为这个方法单独分配一块私属存储空间,用于存储这个方法内部的局部变量,当这个方法结束时,分配给这个方法的栈会释放,这 ...

  10. Java日期时间操作的一些方法

    1. 获得Calendar实例: Calendar c = Calendar.getInstance(); 2. 定义日期/时间的格式: SimpleDateFormat sdf =new Simpl ...