您的位置:

PHP计算器

PHP是一种开源的服务器端编程语言,它具有广泛的应用,其中包括创建计算器应用程序。计算器应用程序是简单但常见的应用程序,可以用于学生、商业人士和科学家等多种场景。PHP计算器是使用PHP语言和HTML(超文本标记语言)构建的应用程序。本文将从多个方面对PHP计算器进行详细的阐述。

一、计算器的基本结构

一个简单的计算器通常由输入框、按钮和输出框构成。

<form method="post" action="calculator.php">
  <input type="text" name="num1">
  <select name="operator">
    <option value="add">+</option>
    <option value="subtract">-</option>
    <option value="multiply">*</option>
    <option value="divide">/</option>
  </select>
  <input type="text" name="num2">
  <input type="submit" name="submit" value="Calculate">
</form>

<?php
if(isset($_POST['submit'])){
  $num1 = $_POST['num1'];
  $num2 = $_POST['num2'];
  $operator = $_POST['operator'];
  switch($operator){
    case "add":
      $result = $num1 + $num2;
      break;
    case "subtract":
      $result = $num1 - $num2;
      break;
    case "multiply":
      $result = $num1 * $num2;
      break;
    case "divide":
      $result = $num1 / $num2;
      break;
  }
  echo "Result: " . $result;
}
?>

该示例展示了一个基本的计算器结构,由两个输入框和一个下拉框构成,用于选择操作符(加、减、乘、除),以及一个计算按钮和一个输出框,用于显示计算结果。

二、表单验证

在用户提交时,需要验证输入是否符合要求,否则会导致程序错误。以下是一个示例:

<form method="post" action="calculator.php">
  <input type="text" name="num1">
  <select name="operator">
    <option value="add">+</option>
    <option value="subtract">-</option>
    <option value="multiply">*</option>
    <option value="divide">/</option>
  </select>
  <input type="text" name="num2">
  <input type="submit" name="submit" value="Calculate">
</form>

<?php
if(isset($_POST['submit'])){
  $num1 = $_POST['num1'];
  $num2 = $_POST['num2'];
  $operator = $_POST['operator'];
  if(empty($num1) || empty($num2)){
    echo "Please enter both numbers.";
    exit;
  }
  if(!is_numeric($num1) || !is_numeric($num2)){
    echo "Please enter valid numbers.";
    exit;
  }
  switch($operator){
    case "add":
      $result = $num1 + $num2;
      break;
    case "subtract":
      $result = $num1 - $num2;
      break;
    case "multiply":
      $result = $num1 * $num2;
      break;
    case "divide":
      if($num2 == 0){
        echo "Cannot divide by zero.";
        exit;
      }
      $result = $num1 / $num2;
      break;
  }
  echo "Result: " . $result;
}
?>

该示例增加了对输入值的验证,以确保输入的值不为空,且为数字。如果输入值为空或不合法,则会显示错误信息。此外,在除法计算时,还需要避免除以0的情况。

三、改进计算器

除了基本的计算器功能之外,还可以添加其他功能,使其更为实用。以下是一些常见的改进功能:

1. 按钮样式

更改按钮样式可以提高用户体验并使计算器更具吸引力,以下示例使用CSS为按钮添加样式:

<style>
  button{
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
  }
  button:hover {
    background-color: #45a049;
  }
</style>
<form method="post" action="calculator.php">
  <input type="text" name="num1">
  <select name="operator">
    <option value="add">+</option>
    <option value="subtract">-</option>
    <option value="multiply">*</option>
    <option value="divide">/</option>
  </select>
  <input type="text" name="num2">
  <button type="submit" name="submit">Calculate</button>
</form>

2. 实时计算

添加JavaScript代码可以实现实时计算。以下示例每当用户输入或更改值时,即会调用JavaScript函数进行计算并显示结果:

<form method="post" action="calculator.php">
  <input type="text" name="num1" oninput="calculate()">
  <select name="operator" onchange="calculate()">
    <option value="add">+</option>
    <option value="subtract">-</option>
    <option value="multiply">*</option>
    <option value="divide">/</option>
  </select>
  <input type="text" name="num2" oninput="calculate()">
  <input type="text" name="result" readonly>
  <input type="hidden" name="submit">
</form>

<script>
function calculate(){
  var num1 = parseFloat(document.getElementsByName("num1")[0].value);
  var num2 = parseFloat(document.getElementsByName("num2")[0].value);
  var operator = document.getElementsByName("operator")[0].value;
  switch(operator){
    case "add":
      result = num1 + num2;
      break;
    case "subtract":
      result = num1 - num2;
      break;
    case "multiply":
      result = num1 * num2;
      break;
    case "divide":
      result = num1 / num2;
      break;
  }
  document.getElementsByName("result")[0].value = result.toFixed(2);
}
</script>

该示例使用JavaScript编写了一个calculate()函数,用于获取输入框中的值并在结果框中显示计算结果。在输入框中添加oninput属性和下拉框中添加onchange属性,以确保每次用户更改输入时都会调用该函数。

3. 历史记录

使用PHP会话存储功能,可将计算历史记录存储在服务器上。以下是一个示例,可以记录最近十个计算记录:

<?php
session_start();
if(isset($_POST['submit'])){
  $num1 = $_POST['num1'];
  $num2 = $_POST['num2'];
  $operator = $_POST['operator'];
  if(empty($num1) || empty($num2)){
    $error = "Please enter both numbers.";
  }
  else if(!is_numeric($num1) || !is_numeric($num2)){
    $error = "Please enter valid numbers.";
  }
  else{
    switch($operator){
      case "add":
        $result = $num1 + $num2;
        break;
      case "subtract":
        $result = $num1 - $num2;
        break;
      case "multiply":
        $result = $num1 * $num2;
        break;
      case "divide":
        if($num2 == 0){
          $error = "Cannot divide by zero.";
        }
        else{
          $result = $num1 / $num2;
        }
        break;
    }
    if(!isset($error)){
      $history = $_SESSION['history'];
      if(count($history) > 9){
        array_shift($history);
      }
      array_push($history, "$num1 $operator $num2 = $result");
      $_SESSION['history'] = $history;
    }
  }
}
if(isset($_POST['clear'])){
  unset($_SESSION['history']);
}
?>

<form method="post" action="calculator.php">
  <input type="text" name="num1">
  <select name="operator">
    <option value="add">+</option>
    <option value="subtract">-</option>
    <option value="multiply">*</option>
    <option value="divide">/</option>
  </select>
  <input type="text" name="num2"><br>
  <input type="submit" name="submit" value="Calculate">
  <input type="submit" name="clear" value="Clear History">
</form>

<?php
if(isset($error)){
  echo "<p>$error</p>";
}
if(isset($_SESSION['history'])){
  echo "<h3>History</h3>";
  foreach(array_reverse($_SESSION['history']) as $value){
    echo "<p>$value</p>";
  }
}
?>

该示例使用PHP会话存储来存储历史记录。在每次成功计算之后,将新计算添加到$history数组中,并在向用户显示历史记录时,使用array_reverse()和foreach()函数输出数组内容。当数组的大小超过10时,使用array_shift()函数从数组前面删除最旧的计算。

总结

PHP计算器是一种常见的应用程序,用户可以通过输入数字和操作符计算结果。添加表单验证、JavaScript实时计算和历史记录等功能,可以帮助提高用户体验并使应用更具实用价值。通过使用PHP、JavaScript和会话存储,我们可以开发一个简单和实用的计算器应用程序。