php基于docker环境显示实例

最新推荐文章于 2024-10-03 17:08:59 发布

这句话74

最新推荐文章于 2024-10-03 17:08:59 发布

阅读量68

点赞数

文章标签： php 开发语言

本文链接：https://blog.csdn.net/m0_60878506/article/details/130283572

版权

本文介绍了如何在Docker环境下创建一个PHP应用，并重点讨论了在PHP容器中安装MySQL扩展的必要性。提供了多个PHP代码示例，包括表格布局的算式计算、等边三角形和菱形绘制，以及JavaScript实现的流星雨动画效果。

摘要由CSDN通过智能技术生成

介绍：

docker可以执行任何应用程序。本章我们将创建一个Php应用，并使用docker运行它

在连接数据库之前，我们需要确保我们的PHP容器已安装所有必要的扩展。默认情况下，Docker Hub 上的 PHP 镜像都是非常轻量级的，因此它不包含您可能需要的许多PHP扩展或Linux包。您必须根据项目优先级在较小或者更灵活的镜像之间进行权衡，但是我们知道该项目需要用到MySQL，因此让我们在 PHP 镜像中安装所需的拓展吧
例一：1X9

<table border="1">
<?php
        // 使用 for 语句得到右乘数
        for ($i = 1; $i <= 10; $i++) {
            // 以表格形式输出算式
            echo '<tr>';
            // 嵌套循环语句得到左乘数
            for ($j =  1; $j <= $i; $j++) {
               // 计算并输出每个算式
               echo '<td>' . $j . '*' . $i . '=' .$i * $j . '</td>';
            }
            echo '</tr>';
        }
?>
</table>
...

例二:1+9

<?php
 for($i=1;$i<=9;$i++){
  for($j=1;$j<=$i; $j++){
       echo $j."+".$i."=".($i+$j)."&nbsp;&nbsp;";
    }
    echo "<br>";
  }
 ?>
</table>
~

例三：1+100

<table border="1">
 <?php
    // 使用for语句得到右乘法数
    for ($i = 1; $i <101; $i++) {
       // 以表格形式输出算式
       echo '<tr>';
       // 嵌套循环语句得到左乘数
       for ($j = 1; $j <= $i; $j++) {
          // 计算并输出每个算式
          echo '<td>' . $j . '+' . $i . '=' . ($j + $i) . '</td>';
       }
       echo '</tr>';
   }
?>
</table>
~

例四：1+100倒过来

<table border="1">
 <?php
    // 使用for语句得到右乘法数
    for ($i = 100; $i >=1; $i--) {
       // 以表格形式输出算式
       echo '<tr>';
       // 嵌套循环语句得到左乘数
       for ($j = $i; $j >= 1; $j--) {
          // 计算并输出每个算式
           echo '<td>' . $j . '+' . $i . '=' . ($j + $i) . '</td>';
       }
       echo '</tr>';
   }
?>
</table>
~

例五：等边三角形

<?php
$height = 10;

for ($i = 0; $i < $height; $i++) {
    for ($j = 0; $j < $height - $i; $j++) {
        echo "&nbsp;";
    }
    for ($k = 0; $k <= $i; $k++) {
        echo "*  ";
    }
    echo "<br/>";
}
?>

例六：菱形

<?php
$a = 5;
for($i = 1;$i <= $a;$i++){
    for($j = 1;$j <= $a - $i;$j++){
        echo "&nbsp; ";
    }
    for($k = 1;$k <= 2*$i-1;$k++){
    echo "x";
    }
    echo '<br>';
}
for($i = $a;$i >= 1;$i--){
    for($j = 0;$j <= $a - $i;$j++){
        echo "&nbsp; ";
    }
    for($k = 1;$k <= 2*$i-3;$k++){
    echo "x";
   }
    echo '<br>';
}
?>

例七：流星雨

<div id="stars" style="width: 100%;
      height: 100vh;
      margin: 0;
      overflow: hidden;
      background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, .7));">
    <div class="star" style="top: 0px;left: 200px;"></div>
    <div class="star" style="top: 0px;left: 300px;"></div>
    <div class="star" style="top: 0px;left: 400px;"></div>
    <div class="star" style="top: 0px;left: 500px;"></div>
    <div class="star" style="top: 0px;left: 600px;"></div>
    <div class="star" style="top: 0px;left: 700px;"></div>
</div>
<script>
mounted() {
    this.init()
},
methods: {
    init() {
      var stars = document.getElementById('stars')
      // js随机生成流星
      for (var j = 0; j < 30; j++) {
        var newStar = document.createElement("div")
        newStar.className = "star"
        newStar.style.top = this.randomDistance(500, -100) + 'px'
        newStar.style.left = this.randomDistance(1300, 300) + 'px'
        stars.appendChild(newStar)
      }
      var star = document.getElementsByClassName('star')

      // 给流星添加动画延时
      for (var i = 0, len = star.length; i < len; i++) {
        star[i].style.animationDelay = i % 6 == 0 ? '0s' : i * 0.8 + 's'
      }
    },
    randomDistance(max, min) {
      var distance = Math.floor(Math.random() * (max - min + 1) + min)
      return distance
    },
 }
</script>
<style scoped>
#stars {
  margin: 0 auto;
  max-width: 1600px;
  position: fixed;
  top: 0;

本示例仅供参考可多执行更改执行