基于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. 使用 CSS3 实现超炫的 Loading（加载）动画效果

    SpinKit 是一套网页动画效果,包含8种基于 CSS3 实现的很炫的加载动画.借助 CSS3 Animation 的强大功能来创建平滑,易于定制的动画.SpinKit 的目标不是提供一个每个浏览器 ...

  2. WebGIS中兴趣点简单查询、基于Lucene分词查询的设计和实现

    文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/. 1.前言 兴趣点查询是指:输入框中输入地名.人名等查询信息后,地图上可 ...

  3. Azure Application Gateway (2) 面向公网的Application Gateway

    <Windows Azure Platform 系列文章目录> 本章将介绍如何创建面向公网的Application Gateway,我们需要准备以下工作: 1.创建新的Azure Reso ...

  4. struct 大小计算

    结构体是一种复合数据类型,通常编译器会自动的进行其成员变量的对齐,已提高数据存取的效率.在默认情况下,编译器为结构体的成员按照自然对齐(natural alignment)条方式分配存储空间,各个成员 ...

  5. 小白Linux入门 四

    http://edu.51cto.com/lesson/id-11372.html 28了 文件管理类命令 目录: mkdir mkdir /tmp/x mkdir -p /tmp/a/b -pv b ...

  6. WP7 手机软件纪念 - 稍后读软件

    在本月换机之际,决定写篇博客纪念一下我在 WP7 手机上开发的一个稍后读软件.这个工具开发完成后,两年间,我的 WP7 手机 80% 的用途,都发挥在了它身上. 这个软件其实是一个离线阅读工具,非常类 ...

  7. QRCode

    这个星期, 领导要我总结项目中用到的一些技术, 然后交付文档. 嘿嘿, 奉命整理. 二维码, 相信很多项目中都会要求生成这个, 然后由手机端去扫描, 或存储一些详情信息, 或存储一条链接, 可以快捷访 ...

  8. WPF透明设置(Opacity)

    <TextBlock Text="阴影效果" FontSize="32"></TextBlock> <Border Height= ...

  9. C#基础知识五之abstract virtual关键字

    abstract 用关键字abstract修饰的类叫做抽象类,且只能作为基类,也不能实例化. 用abstract定义的抽象类中不一定只包含抽象方法 ,可以包含非抽象方法. abstract定义的方法一 ...

  10. RabbitMQ框架学写笔记-20161201

    1.RabbitMQ NUget .Net客户端4.1.1版本 对应的 .netframework版本是 4.5.1 以及以上 2.本地实现的效果图 3.实践代码: P-生产者: using Rabb ...